@antelopejs/dms-frontend 0.9.1 → 0.9.3

package/templates/vue/ui-lazy-icons.mjs

@@ -0,0 +1,44 @@
+/**
+ * @typedef {object} IconsPluginContext
+ * @property {{ config: { consumer: string } }} environment
+ * @property {(message: string) => never} error
+ */
+
+/** Nuxt UI's plugin that installs the client icon bundle. */
+const ICONS_PLUGIN = /\/@nuxt\/ui\/dist\/runtime\/vue\/plugins\/icons\.js$/;
+
+/**
+ * The client build of Nuxt UI's icons plugin, as a Vite plugin.
+ *
+ * The plugin imports the bundle of every icon the sources name, which put it
+ * in the entry of every page, the sign-in page's included, for icons it draws
+ * from the server render's own copy. The client gets an empty plugin, and
+ * `loadIconBundle` (`icon-bundle.ts`) loads the bundle when the page needs it. The server render keeps the plugin as it is. The
+ * build fails if Nuxt UI changes the form rewritten here, rather than
+ * letting the bundle return to the entry unnoticed.
+ *
+ * @param {(id: string) => boolean} isNuxtUiFile whether a module is Nuxt UI's
+ * @returns {{ name: string, enforce: "pre", transform: (this: IconsPluginContext, code: string, id: string) => { code: string, map: null } | null }}
+ */
+export function uiLazyIcons(isNuxtUiFile) {
+  return {
+    name: "dms-ui-lazy-icons",
+    enforce: "pre",
+    transform(code, id) {
+      const path = id.replaceAll("\\", "/").split("?")[0];
+      if (
+        this.environment.config.consumer !== "client" ||
+        !isNuxtUiFile(id) ||
+        !ICONS_PLUGIN.test(path)
+      )
+        return null;
+      if (!code.includes("virtual:nuxt-ui-icons"))
+        this.error(
+          `${id} no longer installs the client icon bundle the way the DMS ` +
+            "defers it: the bundle would return to the entry. Update " +
+            "ui-lazy-icons.mjs for this Nuxt UI release.",
+        );
+      return { code: "export default { install() {} };", map: null };
+    },
+  };
+}

package/templates/vue/ui-request-state.mjs

@@ -1,12 +1,3 @@
-// Nuxt UI's `useState` outside Nuxt keeps its state in one object for the
-// whole module: on a server, for the whole process. A toast one render adds
-// (`useToast()` keeps its list there) would then show in every later render,
-// whoever asks for the page, until the server restarts. Nuxt UI's stub keeps
-// its state in the DMS's per-application state instead, as Nuxt's own
-// `useState` does, and the build fails if the stub changes form or another
-// Nuxt UI file defines `useState`, rather than letting the leak come back
-// unnoticed with a Nuxt UI release.
-
 /** Nuxt UI's stub of Nuxt's composables, which defines `useState`. */
 const STUB = /\/@nuxt\/ui\/dist\/runtime\/vue\/stubs\/base\.js$/;
 /** `useState` as Nuxt UI 4 defines it: a module-wide record of refs. */
@@ -21,6 +12,15 @@ const APPLICATION_STATE =
 /**
  * The rewrite, as a Vite plugin.
  *
+ * Nuxt UI's `useState` outside Nuxt keeps its state in one object for the whole
+ * module: on a server, for the whole process. A toast one render adds
+ * (`useToast()` keeps its list there) would then show in every later render,
+ * whoever asks for the page, until the server restarts. Nuxt UI's stub keeps
+ * its state in the DMS's per-application state instead, as Nuxt's own
+ * `useState` does, and the build fails if the stub changes form or another Nuxt
+ * UI file defines `useState`, rather than letting the leak come back unnoticed
+ * with a Nuxt UI release.
+ *
  * @param isNuxtUiFile `(id) => boolean`, whether a module is Nuxt UI's
  */
 export function uiRequestState(isNuxtUiFile) {

package/templates/vue/vite.config.ts

@@ -14,6 +14,7 @@ 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 { uiLazyIcons } from "./ui-lazy-icons.mjs";
 import { uiRequestState } from "./ui-request-state.mjs";
 import { autoImportDirectories, vitePlugins } from "./frontend-build-loader.ts";
 import { frontendBuilds } from "./frontend-builds.generated.ts";
@@ -184,6 +185,7 @@ export default defineConfig({
       },
     },
     uiKbd(isNuxtUiFile),
+    uiLazyIcons(isNuxtUiFile),
     uiInertiaPage(isNuxtUiFile),
     uiRequestState(isNuxtUiFile),
     vue({ script: { globalTypeFiles: [sfcGlobalTypesFile] } }),