Merge pull request #156 from istex/chore/124-ark

ThieryMichel · web-flow · commit dc831cb614be · 2026-01-20T17:21:25.000+01:00
Chore(routing): Add 404.html fallback entrypoint
diff --git a/packages/demo/404.html b/packages/demo/404.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/png" sizes="32x32" href="./public/favicon-32x32.png">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
+    <title>Istex View</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/packages/demo/vite.config.ts b/packages/demo/vite.config.ts
@@ -1,3 +1,4 @@
+import { resolve } from "node:path";
 import react from "@vitejs/plugin-react-swc";
 import { defineConfig } from "vite";
 import vitePluginDevtoolsJson from "vite-plugin-devtools-json";
@@ -8,6 +9,14 @@ const config = defineConfig({
 	server: {
 		port: 3000,
 	},
+	build: {
+		rollupOptions: {
+			input: {
+				"404.html": resolve(__dirname, "./404.html"),
+				"index.html": resolve(__dirname, "./index.html"),
+			},
+		},
+	},
 	plugins: [
 		viteTsConfigPaths({
 			projects: ["./tsconfig.json"],
