@antelopejs/dms-frontend 0.10.2 → 0.10.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antelopejs/dms-frontend",
-  "version": "0.10.2",
+  "version": "0.10.3",
   "description": "Frontend-agnostic loader for AntelopeJS DMS, shipping the Vue 3 renderer (Vite, Inertia, SSR)",
   "keywords": [
     "antelope",

package/templates/vue/client-chunking.mjs

@@ -1,5 +1,8 @@
+const HIDDEN_NAME = /^\./;
+
 /**
- * Rolldown's `output.codeSplitting` for the client build.
+ * Rolldown's `output` for the client build: how it splits the code, and the
+ * file names it gives the chunks.
  *
  * By default Rolldown gives every set of dynamic imports that shares a module
  * its own common chunk. The DMS's pages are hundreds of dynamic imports (a
@@ -9,7 +12,7 @@
  * than the single entry file Rollup made, for no byte saved.
  *
  * The `$initial` tag is every module the entry imports statically, directly or
- * not. One group over it puts them in the entry file again, and leaves every
+ * not. One group over it puts them in a single chunk again, and leaves every
  * lazy chunk to Rolldown's own splitting, which a page only loads when it needs
  * it: what an anonymous page loads is still what that page's own routes pull.
  *
@@ -19,10 +22,26 @@
  * uses any of it, and the anonymous pages pay 70 to 115 KB of Brotli for code
  * only the signed-in shell uses.
  *
- * @type {import("vite").Rolldown.CodeSplittingOptions}
+ * What the lazy chunks share still comes out as about two hundred common
+ * chunks, most under 2 KB. `experimentalInlineCommonChunks` copies each one
+ * under 8 KB of source into the chunks that import it, behind a shared
+ * runtime that keeps one instance of each module: half the files on every
+ * page, for 1 to 2% more bytes. It turns on `strictExecutionOrder`, and puts
+ * the entry's code in a chunk of its own, which Rolldown names after the
+ * folder the build runs in, `.dms-frontend`. The server serves no file whose
+ * name starts with a dot, so that chunk and its stylesheet are named `index`.
+ *
+ * @type {import("vite").Rolldown.OutputOptions}
  */
-export const clientCodeSplitting = {
-  groups: [{ name: "entry", tags: ["$initial"] }],
+export const clientOutput = {
+  codeSplitting: {
+    groups: [{ name: "entry", tags: ["$initial"] }],
+    experimentalInlineCommonChunks: { maxSize: 8192 },
+  },
+  chunkFileNames: ({ name }) =>
+    `assets/${HIDDEN_NAME.test(name) ? "index" : "[name]"}-[hash].js`,
+  assetFileNames: ({ names }) =>
+    `assets/${names.some((name) => HIDDEN_NAME.test(name)) ? "index" : "[name]"}-[hash][extname]`,
 };
 
 const MODULE_ENTRY = /[\\/]dms\.frontend\.[cm]?[jt]sx?$/;

package/templates/vue/package.json

@@ -34,7 +34,7 @@
     "ufo": "^1.6.1",
     "unplugin-auto-import": "^20.2.0",
     "unplugin-vue-components": "^29.0.0",
-    "vite": "^8.3.0",
+    "vite": "^8.3.4",
     "vue": "^3.5.0",
     "vue-i18n": "^11.1.12"
   },

package/templates/vue/vite.config.ts

@@ -9,7 +9,7 @@ import {
   normalizePath,
   type Plugin,
 } from "vite";
-import { clientCodeSplitting, onBuildLog } from "./client-chunking.mjs";
+import { clientOutput, onBuildLog } from "./client-chunking.mjs";
 import { recordEntryWeight } from "./entry-weight.mjs";
 import { rejectBackendSources } from "./backend-boundary.mjs";
 import { rejectServerSourcesInClient } from "./client-server-guard.mjs";
@@ -318,7 +318,7 @@ export default defineConfig({
   environments: {
     client: {
       build: {
-        rolldownOptions: { output: { codeSplitting: clientCodeSplitting } },
+        rolldownOptions: { output: clientOutput },
       },
     },
   },