@antelopejs/dms-frontend 0.8.0 → 0.9.1

package/templates/vue/vite.config.ts

@@ -10,16 +10,24 @@ import {
   type Plugin,
 } from "vite";
 import { clientCodeSplitting, onBuildLog } from "./client-chunking.mjs";
+import { recordEntryWeight } from "./entry-weight.mjs";
 import { rejectServerSourcesInClient } from "./client-server-guard.mjs";
 import { uiInertiaPage } from "./ui-inertia-page.mjs";
+import { uiKbd } from "./ui-kbd.mjs";
 import { uiRequestState } from "./ui-request-state.mjs";
-import { autoImportDirectories } from "./frontend-build-loader.ts";
+import { autoImportDirectories, vitePlugins } from "./frontend-build-loader.ts";
 import { frontendBuilds } from "./frontend-builds.generated.ts";
 import { orderHeadForFirstPaint } from "./head-order.mjs";
 import { iconScanGlobs } from "./icon-scan.mjs";
+import {
+  sfcGlobalTypesWatcher,
+  writeSfcGlobalTypes,
+} from "./sfc-global-types.mjs";
 
 interface FrontendModuleRegistryEntry {
   id: string;
+  name?: string;
+  packageName?: string;
   root: string;
   priority: number;
 }
@@ -69,6 +77,19 @@ const importDirectories = autoImportDirectories(
   frontendBuilds,
   (message) => logger.warn(message),
 );
+/**
+ * The auto-imported types, as declarations Vue's SFC compiler reads: without
+ * them a prop typed with one compiles to the wrong runtime type.
+ */
+const sfcGlobalTypesFile = resolve(
+  import.meta.dirname,
+  "sfc-global-types.generated.d.ts",
+);
+await writeSfcGlobalTypes(
+  importDirectories,
+  import.meta.dirname,
+  sfcGlobalTypesFile,
+);
 /**
  * Dependencies pre-bundled by name. A module's own dependencies need no entry:
  * the startup crawl below (`optimizerEntries`) finds them in its sources. A
@@ -153,6 +174,8 @@ export default defineConfig({
     // Fails a client build that imports a dms.server.ts or a file under a
     // module's server/ directory, however it is imported.
     rejectServerSourcesInClient(moduleRoots),
+    // What each module adds to the client entry, which `ajs dms build` reports.
+    recordEntryWeight(registry.modules),
     {
       name: "dms-ui-inertia-link",
       enforce: "pre",
@@ -160,9 +183,15 @@ export default defineConfig({
         return id === uiLinkImport ? uiInertiaLinkImport : null;
       },
     },
+    uiKbd(isNuxtUiFile),
     uiInertiaPage(isNuxtUiFile),
     uiRequestState(isNuxtUiFile),
-    vue(),
+    vue({ script: { globalTypeFiles: [sfcGlobalTypesFile] } }),
+    sfcGlobalTypesWatcher(
+      importDirectories,
+      import.meta.dirname,
+      sfcGlobalTypesFile,
+    ),
     ui({
       router: "inertia",
       icon: {
@@ -214,6 +243,7 @@ export default defineConfig({
                 "useDmsError",
                 "useDmsPagedData",
                 "useDmsPageLoading",
+                "isDmsHydrating",
                 "useDmsApp",
                 "useDmsRoute",
                 "useDmsRouter",
@@ -224,6 +254,7 @@ export default defineConfig({
                 "DmsClientOnly",
                 "DmsLink",
                 "useDmsUserSession",
+                "provideDmsKbdPlatform",
               ],
           },
         ],
@@ -232,6 +263,7 @@ export default defineConfig({
       },
     }),
     paintBeforeHydrate(),
+    ...vitePlugins(registry.modules, frontendBuilds),
   ],
   resolve: {
     // `@iconify/vue` keeps its API providers in module state: `main.ts` and