LeoVasanko
c0bb3b73c1
- Two new themes (corporate light/dark, nitro racing) and a purple retune; theme banner SVGs moved to pagerite/themes/, inlined by the backend, recolored per scheme via CSS classes, with scroll parallax. - pygments.css maps tokens onto --code-* variables; light and dark palette sets in the base stylesheet resolve via light-dark() from the theme's color-scheme; themes just pick a set or retint --code-bg. - Sidebar omitted unless the section has at least two published items; fetch-navigation and the site editor handle it appearing/disappearing. - Floated figures keep captions below at 30% of the text column; h1/h2 clear floats so images never overflow into the next section. - Links use --link (color-mix of text and accent), weight 500, no underlines; hover goes full accent.
58 lines
2.2 KiB
JavaScript
58 lines
2.2 KiB
JavaScript
import { fileURLToPath, URL } from 'node:url'
|
|
import { readdirSync } from 'node:fs'
|
|
import fastapiVue from './vite-plugin-fastapi.js'
|
|
|
|
import { defineConfig } from 'vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import vueDevTools from 'vite-plugin-vue-devtools'
|
|
|
|
const backendUrl = process.env.PAGERITE_BACKEND_URL || 'http://localhost:3200'
|
|
|
|
// Every theme directory ships its theme.css as a separate build entry, so
|
|
// the backend can link base and theme stylesheets independently.
|
|
const themesDir = fileURLToPath(new URL('./src/assets/themes', import.meta.url))
|
|
const themeInputs = Object.fromEntries(
|
|
readdirSync(themesDir, { withFileTypes: true })
|
|
.filter((d) => d.isDirectory())
|
|
.map((d) => [`theme_${d.name}`, `${themesDir}/${d.name}/theme.css`]),
|
|
)
|
|
|
|
// Proxy content pages (/slug, /path/to/slug) to the FastAPI backend in dev.
|
|
// Excludes Vite internals (/@..., /src, /node_modules, /__...) and the
|
|
// backend's /_ prefix. /_api and /_f are handled by the fastapi-vue plugin.
|
|
const CONTENT_PROXY = '^\\/(?!_|@|src|node_modules|__)(?:[^./?]+(?:\\/[^./?]+)*)?(?:\\?.*)?$'
|
|
|
|
// https://vite.dev/config/
|
|
export default defineConfig({
|
|
plugins: [
|
|
fastapiVue({ paths: ["/_api", "/_f"] }),
|
|
vue(),
|
|
vueDevTools(),
|
|
],
|
|
server: {
|
|
proxy: {
|
|
[CONTENT_PROXY]: { target: backendUrl, changeOrigin: false },
|
|
},
|
|
},
|
|
appType: 'mpa', // no SPA fallback; every HTML page is served by FastAPI
|
|
build: {
|
|
// Mirror the URL space in the build output: hashed files land under
|
|
// frontend-build/_assets/ and the Frontend serves the build directory
|
|
// at the site root (frontend/public/favicon.ico -> /favicon.ico).
|
|
manifest: true,
|
|
assetsDir: '_assets',
|
|
rollupOptions: {
|
|
// main.js is dynamic-imported by the public page (pagerite.js) for
|
|
// its openEditor/closeEditor exports — keep them in the bundle
|
|
// (app builds strip unused entry exports by default).
|
|
preserveEntrySignatures: 'exports-only',
|
|
input: {
|
|
main: fileURLToPath(new URL('./src/main.js', import.meta.url)),
|
|
pagerite: fileURLToPath(new URL('./src/pagerite.js', import.meta.url)),
|
|
pagerite_base: fileURLToPath(new URL('./src/assets/pagerite.css', import.meta.url)),
|
|
...themeInputs,
|
|
},
|
|
},
|
|
},
|
|
})
|