Padreug
a0187a6604
The dev SPA-fallback plugin used `!req.url.includes('.')` to skip asset
requests, which also matched JWT-shaped `?token=hdr.body.sig` query
strings — so `localhost:5185/?token=...` fell through to the hub
`index.html` instead of `market.html`, breaking the hub→standalone
auth-relay link. Strip the query before the extension check.
Applied to all 7 standalone vite configs.
125 lines
3.9 KiB
TypeScript
125 lines
3.9 KiB
TypeScript
import { fileURLToPath, URL } from 'node:url'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import tailwindcss from '@tailwindcss/vite'
|
|
import { defineConfig, type Plugin } from 'vite'
|
|
import { VitePWA } from 'vite-plugin-pwa'
|
|
import { ViteImageOptimizer } from 'vite-plugin-image-optimizer'
|
|
import { visualizer } from 'rollup-plugin-visualizer'
|
|
|
|
function forumHtmlPlugin(): Plugin {
|
|
return {
|
|
name: 'forum-html-rewrite',
|
|
configureServer(server) {
|
|
server.middlewares.use((req, _res, next) => {
|
|
// Strip query before checking for an extension — JWTs (e.g. ?token=...)
|
|
// contain dots and would otherwise get mistaken for an asset request.
|
|
const path = req.url ? req.url.split('?')[0] : ''
|
|
if (
|
|
req.url &&
|
|
!req.url.startsWith('/@') &&
|
|
!req.url.startsWith('/src/') &&
|
|
!req.url.startsWith('/node_modules/') &&
|
|
!path.includes('.')
|
|
) {
|
|
req.url = '/forum.html'
|
|
}
|
|
next()
|
|
})
|
|
},
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Vite config for the standalone Forum app.
|
|
*
|
|
* Set VITE_BASE_PATH to deploy under a path prefix:
|
|
* VITE_BASE_PATH=/forum/ → app.${domain}/forum/ (shared auth)
|
|
* (default: /) → forum.${domain} (standalone subdomain)
|
|
*/
|
|
export default defineConfig(({ mode }) => ({
|
|
base: process.env.VITE_BASE_PATH || '/',
|
|
// Per-app dep cache so concurrent dev servers don't race on .vite/deps
|
|
cacheDir: 'node_modules/.vite-forum',
|
|
server: {
|
|
port: 5184,
|
|
strictPort: true,
|
|
},
|
|
plugins: [
|
|
forumHtmlPlugin(),
|
|
vue(),
|
|
tailwindcss(),
|
|
VitePWA({
|
|
registerType: 'autoUpdate',
|
|
devOptions: { enabled: false },
|
|
workbox: {
|
|
globPatterns: ['**/*.{js,css,html,ico,png,svg}'],
|
|
navigateFallback: 'forum.html',
|
|
navigateFallbackAllowlist: [
|
|
new RegExp(`^${(process.env.VITE_BASE_PATH || '/').replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}`),
|
|
],
|
|
},
|
|
includeAssets: [
|
|
'favicon.ico',
|
|
'apple-touch-icon.png',
|
|
'mask-icon.svg',
|
|
'icon-192.png',
|
|
'icon-512.png',
|
|
'icon-maskable-192.png',
|
|
'icon-maskable-512.png',
|
|
],
|
|
manifest: {
|
|
name: 'Forum — Discussions',
|
|
short_name: 'Forum',
|
|
description: 'Decentralized link aggregator and discussion forum on Nostr',
|
|
theme_color: '#2563eb',
|
|
background_color: '#ffffff',
|
|
display: 'standalone',
|
|
orientation: 'portrait-primary',
|
|
start_url: process.env.VITE_BASE_PATH || '/',
|
|
scope: process.env.VITE_BASE_PATH || '/',
|
|
id: 'forum-app',
|
|
categories: ['social', 'news'],
|
|
lang: 'en',
|
|
icons: [
|
|
{ src: 'icon-192.png', sizes: '192x192', type: 'image/png', purpose: 'any' },
|
|
{ src: 'icon-512.png', sizes: '512x512', type: 'image/png', purpose: 'any' },
|
|
{ src: 'icon-maskable-192.png', sizes: '192x192', type: 'image/png', purpose: 'maskable' },
|
|
{ src: 'icon-maskable-512.png', sizes: '512x512', type: 'image/png', purpose: 'maskable' },
|
|
],
|
|
},
|
|
}),
|
|
ViteImageOptimizer({
|
|
jpg: { quality: 80 },
|
|
png: { quality: 80 },
|
|
webp: { lossless: true },
|
|
}),
|
|
mode === 'analyze' &&
|
|
visualizer({
|
|
open: true,
|
|
filename: 'dist-forum/stats.html',
|
|
gzipSize: true,
|
|
brotliSize: true,
|
|
}),
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
// ORDER MATTERS — @/app.config must precede @ (first-match-wins).
|
|
'@/app.config': fileURLToPath(new URL('./src/forum-app/app.config.ts', import.meta.url)),
|
|
'@': fileURLToPath(new URL('./src', import.meta.url)),
|
|
},
|
|
},
|
|
build: {
|
|
outDir: 'dist-forum',
|
|
rollupOptions: {
|
|
input: 'forum.html',
|
|
output: {
|
|
manualChunks: {
|
|
'vue-vendor': ['vue', 'vue-router', 'pinia'],
|
|
'ui-vendor': ['radix-vue', '@vueuse/core'],
|
|
'shadcn': ['class-variance-authority', 'clsx', 'tailwind-merge'],
|
|
},
|
|
},
|
|
},
|
|
chunkSizeWarningLimit: 1000,
|
|
},
|
|
}))
|