@antelopejs/dms-frontend 0.10.1 → 0.10.3

package/README.md

@@ -53,7 +53,7 @@ pnpm exec ajs dms start -b https://api.example.com -p 3001
 
 | Package            | Supported     | Tested with |
 | ------------------ | ------------- | ----------- |
-| `@antelopejs/core` | `>=1.16.0 <2` | `1.21.0`    |
+| `@antelopejs/core` | `>=1.16.0 <2` | `1.21.2`    |
 
 <!-- antelopejs-docs-compat:end -->
 

package/dist/project-modules.d.ts

@@ -22,6 +22,7 @@ interface ModuleSource {
     type: string;
     path?: string;
     package?: string;
+    remote?: string;
 }
 interface ProjectModule {
     source: ModuleSource;

package/dist/project-modules.js

@@ -180,16 +180,23 @@ async function loadProjectConfig(projectDir, environment) {
         ])),
     };
 }
+function gitCloneName(remote) {
+    return remote.replace(/[^a-zA-Z0-9_]/g, "_");
+}
+function moduleFolderCandidates(projectDir, cacheFolder, source) {
+    if (source.type === "local" && source.path)
+        return [(0, node_path_1.resolve)(projectDir, source.path)];
+    if (source.type === "git" && source.remote)
+        return [(0, node_path_1.resolve)(projectDir, cacheFolder, gitCloneName(source.remote))];
+    if (source.package)
+        return [
+            (0, node_path_1.join)(projectDir, "node_modules", source.package),
+            (0, node_path_1.resolve)(projectDir, cacheFolder, source.package),
+        ];
+    return [];
+}
 function moduleFolder(projectDir, cacheFolder, source) {
-    const candidates = source.type === "local" && source.path
-        ? [(0, node_path_1.resolve)(projectDir, source.path)]
-        : source.package
-            ? [
-                (0, node_path_1.join)(projectDir, "node_modules", source.package),
-                (0, node_path_1.resolve)(projectDir, cacheFolder, source.package),
-            ]
-            : [];
-    return candidates.find((folder) => (0, node_fs_1.existsSync)((0, node_path_1.join)(folder, "package.json")));
+    return moduleFolderCandidates(projectDir, cacheFolder, source).find((folder) => (0, node_fs_1.existsSync)((0, node_path_1.join)(folder, "package.json")));
 }
 function readShippingPackage(sourcePath) {
     try {

package/dist/workspace.js

@@ -105,7 +105,7 @@ function directorySize(dir) {
             continue;
         }
         for (const entry of entries) {
-            const path = (0, node_path_1.join)(current, entry.name);
+            const path = `${current}${node_path_1.sep}${entry.name}`;
             if (entry.isDirectory()) {
                 pending.push(path);
                 continue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antelopejs/dms-frontend",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "description": "Frontend-agnostic loader for AntelopeJS DMS, shipping the Vue 3 renderer (Vite, Inertia, SSR)",
   "keywords": [
     "antelope",
@@ -60,7 +60,7 @@
   "scripts": {
     "build": "rimraf dist && tsc",
     "prepack": "pnpm run build",
-    "release": "pnpm run lint && pnpm run format:check && pnpm run test && pnpm run test:cli && release-it",
+    "release": "pnpm run typecheck && pnpm run lint && pnpm run format:check && pnpm run test && pnpm run test:cli && release-it",
     "test": "node --import tsx --test 'tests/!(cli|cli-*).test.{ts,mts}'",
     "test:cli": "pnpm run build && DMS_PREBUILT=1 node --import tsx --test tests/cli.test.ts 'tests/cli-*.test.{ts,mts}'",
     "test:real-source": "pnpm run build && node dist/verify-source-runner.js",
@@ -73,7 +73,7 @@
     "docs:reference": "tsx scripts/docs-reference.ts",
     "docs:reference:check": "tsx scripts/docs-reference.ts --check",
     "source-checks": "tsx scripts/source-checks.ts",
-    "prepare": "if git rev-parse --is-inside-work-tree >/dev/null 2>&1 && command -v lefthook >/dev/null 2>&1; then lefthook install; fi",
+    "prepare": "if [ -e .git ] && command -v git >/dev/null 2>&1 && command -v lefthook >/dev/null 2>&1 && GIT_DIR=.git GIT_WORK_TREE=. git rev-parse --git-dir >/dev/null 2>&1; then GIT_DIR=.git GIT_WORK_TREE=. lefthook install; fi",
     "checks": "antelopejs-checks",
     "size": "antelopejs-check-size",
     "sync": "antelopejs-sync",
@@ -91,9 +91,9 @@
     "yaml": "^2.9.1"
   },
   "devDependencies": {
-    "@antelopejs/core": "^1.21.0",
+    "@antelopejs/core": "^1.21.2",
     "@antelopejs/interface-dms": "^0.10.0",
-    "@antelopejs/tooling-configs": "^0.3.3",
+    "@antelopejs/tooling-configs": "^0.5.1",
     "@iconify/utils": "^3.1.0",
     "@iconify/vue": "^5.0.1",
     "@inertiajs/vue3": "^3.7.1",
@@ -108,13 +108,17 @@
     "fast-check": "^4.10.2",
     "knip": "^6.34.0",
     "lefthook": "^2.2.2",
+    "mongodb-memory-server": "^11.3.0",
     "ofetch": "^1.5.1",
     "oxfmt": "^0.66.0",
     "oxlint": "1.81.0",
     "oxlint-tsgolint": "^7.0.2001",
+    "pixelmatch": "^8.0.0",
+    "playwright-core": "^1.56.1",
     "release-it": "^19.2.4",
     "release-it-changelogen": "^0.1.0",
     "rimraf": "^6.1.2",
+    "sharp": "^0.35.5",
     "tsx": "^4.23.15",
     "typescript": "^6.0.3",
     "unplugin-auto-import": "^20.2.0",
@@ -139,6 +143,13 @@
   "pnpm": {
     "patchedDependencies": {
       "@vueuse/core@14.4.0": "templates/vue/patches/@vueuse__core@14.4.0.patch"
+    },
+    "packageExtensions": {
+      "@antelopejs/core@1.21": {
+        "dependencies": {
+          "@types/mocha": "^10.0.10"
+        }
+      }
     }
   },
   "antelopeJs": {

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 },
       },
     },
   },