Vincent Lannurien
f171027673
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 41s
61 lines
2.0 KiB
TypeScript
61 lines
2.0 KiB
TypeScript
import { defineConfig } from "vite";
|
||
import react from "@vitejs/plugin-react-swc";
|
||
import { lingui } from "@lingui/vite-plugin";
|
||
|
||
const SITE_NAME = process.env.GERBEUR_SITE_NAME || "gerbeur";
|
||
const SITE_EMOJI = process.env.GERBEUR_SITE_EMOJI || "🚚";
|
||
|
||
// Cache-busting token for the favicon URLs (see index.html). Changes when the
|
||
// emoji changes, so browsers don't keep serving a stale cached icon. Mirrors
|
||
// Twemoji's filename convention (kept trivial here to avoid the frontend build
|
||
// depending on backend code; the canonical version lives in api/lib/site-icons.ts).
|
||
function emojiToCodepoint(emoji: string): string {
|
||
const cleaned = emoji.includes("") ? emoji : emoji.replace(/️/g, "");
|
||
return [...cleaned].map((ch) => ch.codePointAt(0)!.toString(16)).join("-");
|
||
}
|
||
const ICON_VERSION = emojiToCodepoint(SITE_EMOJI);
|
||
|
||
export default defineConfig({
|
||
server: {
|
||
port: 3000,
|
||
watch: {
|
||
ignored: ["**/api/**"],
|
||
},
|
||
},
|
||
build: {
|
||
rollupOptions: {
|
||
output: {
|
||
manualChunks(id) {
|
||
if (id.includes("react-markdown") || id.includes("remark-gfm") || id.includes("remark-parse") || id.includes("mdast") || id.includes("micromark") || id.includes("unist")) {
|
||
return "vendor-markdown";
|
||
}
|
||
if (id.includes("node_modules")) {
|
||
return "vendor";
|
||
}
|
||
},
|
||
},
|
||
},
|
||
},
|
||
plugins: [
|
||
{
|
||
// In dev the API server isn't serving index.html, so replace the placeholders here.
|
||
// In production the Oak server does the replacement at runtime (see api/lib/static.ts).
|
||
name: "inject-site-name",
|
||
transformIndexHtml: {
|
||
order: "pre",
|
||
handler: (html, ctx) =>
|
||
ctx.server
|
||
? html
|
||
.replaceAll("__SITE_NAME__", SITE_NAME)
|
||
.replaceAll("__SITE_EMOJI__", SITE_EMOJI)
|
||
.replaceAll("__ICON_VERSION__", ICON_VERSION)
|
||
: html,
|
||
},
|
||
},
|
||
lingui(),
|
||
react({
|
||
plugins: [["@lingui/swc-plugin", {}]],
|
||
}),
|
||
],
|
||
});
|