DorianandClaude Opus 4.6
a0a9cf8e54
- Lock viewport: position:fixed on html/body prevents iOS bounce scroll - No zoom on input focus: maximum-scale=1, user-scalable=no - Keyboard-responsive chat: visualViewport API detects keyboard, hides tab bar, scrolls chat to bottom, scrollIntoView on input focus - iOS HIG tab bar: 49pt height, vertical icon+label, safe-area-inset-bottom - PWA fix: manifest start_url/scope/id changed from '/' to './' for subpath deployment compatibility - PlayerBar: variant prop (fixed/inline), inline on mobile above tab bar, fixed on desktop. No more overlap with tab bar. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
134 lines
3.6 KiB
TypeScript
134 lines
3.6 KiB
TypeScript
import { defineConfig } from 'vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import tailwindcss from '@tailwindcss/vite'
|
|
import { VitePWA } from 'vite-plugin-pwa'
|
|
import { resolve } from 'path'
|
|
import { tmdbPlugin } from './vite-tmdb'
|
|
import { devChatsPlugin } from './vite-dev-chats'
|
|
import { musicSearchPlugin } from './vite-music-search'
|
|
import { webSearchPlugin } from './vite-web-search'
|
|
import { rssPlugin } from './vite-rss'
|
|
import { fsPlugin } from './vite-fs'
|
|
|
|
export default defineConfig({
|
|
base: process.env.VITE_BASE_PATH || '/',
|
|
plugins: [
|
|
vue(),
|
|
tailwindcss(),
|
|
tmdbPlugin(),
|
|
devChatsPlugin(),
|
|
musicSearchPlugin(),
|
|
webSearchPlugin(),
|
|
rssPlugin(),
|
|
fsPlugin(),
|
|
VitePWA({
|
|
registerType: 'autoUpdate',
|
|
includeAssets: ['favicon.svg', 'icon.svg', 'apple-touch-icon-180x180.png'],
|
|
manifest: {
|
|
id: './',
|
|
name: 'AIUI',
|
|
short_name: 'AIUI',
|
|
description: 'AI chat interface with rich content surfaces',
|
|
theme_color: '#0a0a0a',
|
|
background_color: '#0a0a0a',
|
|
display: 'standalone',
|
|
display_override: ['standalone', 'minimal-ui'],
|
|
orientation: 'any',
|
|
start_url: './',
|
|
scope: './',
|
|
icons: [
|
|
{
|
|
src: 'pwa-192x192.png',
|
|
sizes: '192x192',
|
|
type: 'image/png',
|
|
purpose: 'any',
|
|
},
|
|
{
|
|
src: 'pwa-512x512.png',
|
|
sizes: '512x512',
|
|
type: 'image/png',
|
|
purpose: 'any',
|
|
},
|
|
{
|
|
src: 'pwa-512x512.png',
|
|
sizes: '512x512',
|
|
type: 'image/png',
|
|
purpose: 'maskable',
|
|
},
|
|
],
|
|
},
|
|
workbox: {
|
|
globPatterns: ['**/*.{js,css,html,svg,png,woff2}'],
|
|
runtimeCaching: [
|
|
{
|
|
urlPattern: /^https:\/\/api\.anthropic\.com\/.*/i,
|
|
handler: 'NetworkOnly',
|
|
},
|
|
{
|
|
urlPattern: /^https:\/\/openrouter\.ai\/.*/i,
|
|
handler: 'NetworkOnly',
|
|
},
|
|
{
|
|
urlPattern: /\/api\/web-search\?.*/i,
|
|
handler: 'NetworkOnly',
|
|
},
|
|
{
|
|
urlPattern: /\/api\/rss-articles\?.*/i,
|
|
handler: 'NetworkOnly',
|
|
},
|
|
{
|
|
urlPattern: /\/api\/tmdb\/.*/i,
|
|
handler: 'StaleWhileRevalidate',
|
|
options: {
|
|
cacheName: 'tmdb-cache',
|
|
expiration: { maxEntries: 200, maxAgeSeconds: 86400 },
|
|
},
|
|
},
|
|
{
|
|
urlPattern: /^https:\/\/image\.tmdb\.org\/.*/i,
|
|
handler: 'CacheFirst',
|
|
options: {
|
|
cacheName: 'tmdb-images',
|
|
expiration: { maxEntries: 500, maxAgeSeconds: 604800 },
|
|
},
|
|
},
|
|
{
|
|
urlPattern: /^https:\/\/upload\.wikimedia\.org\/.*/i,
|
|
handler: 'CacheFirst',
|
|
options: {
|
|
cacheName: 'wiki-images',
|
|
expiration: { maxEntries: 200, maxAgeSeconds: 604800 },
|
|
},
|
|
},
|
|
],
|
|
},
|
|
devOptions: {
|
|
enabled: true,
|
|
},
|
|
}),
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
'@': resolve(__dirname, 'src'),
|
|
'@aiui/core': resolve(__dirname, '../core/src'),
|
|
},
|
|
},
|
|
server: {
|
|
port: 5173,
|
|
host: true,
|
|
open: false,
|
|
proxy: {
|
|
'/api/claude': {
|
|
target: 'http://localhost:3141',
|
|
changeOrigin: true,
|
|
rewrite: (path) => path.replace(/^\/api\/claude/, ''),
|
|
},
|
|
'/api/openrouter': {
|
|
target: 'http://localhost:3141',
|
|
changeOrigin: true,
|
|
rewrite: (path) => path.replace(/^\/api\/openrouter/, '/v1/openrouter'),
|
|
},
|
|
},
|
|
},
|
|
})
|