@trackunit/iris-app-sdk-vite 1.1.26 → 1.2.0

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 1.2.0 (2026-08-03)
+
+### 🧱 Updated Dependencies
+
+- Updated iris-app-build-utilities to 2.2.0
+- Updated iris-app-api to 2.2.0
+- Updated iris-app to 2.3.0
+
+## 1.1.27 (2026-08-03)
+
+### 🧱 Updated Dependencies
+
+- Updated iris-app-build-utilities to 2.1.26
+- Updated iris-app-api to 2.1.25
+- Updated iris-app to 2.2.27
+
 ## 1.1.26 (2026-07-31)
 
 ### 🧱 Updated Dependencies

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/iris-app-sdk-vite",
-  "version": "1.1.26",
+  "version": "1.2.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "repository": "https://github.com/Trackunit/manager",
   "executors": "./executors.json",
@@ -10,19 +10,19 @@
   "dependencies": {
     "rxjs": "7.8.1",
     "win-ca": "^3.5.1",
-    "@trackunit/iris-app-build-utilities": "2.1.25",
-    "@trackunit/iris-app-api": "2.1.24",
+    "@trackunit/iris-app-build-utilities": "2.2.0",
+    "@trackunit/iris-app-api": "2.2.0",
     "tslib": "^2.6.2",
-    "vite": "7.3.1",
-    "@module-federation/vite": "1.11.0",
-    "@nx/vite": "22.7.5",
+    "vite": "8.1.5",
+    "@module-federation/vite": "1.18.1",
+    "@nx/vite": "23.1.0",
     "vite-plugin-checker": "^0.12.0",
-    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-css-injected-by-js": "5.0.2",
     "rollup-plugin-visualizer": "5.12.0",
     "@tailwindcss/postcss": "^4.1.18",
-    "@vitejs/plugin-react-swc": "^4.2.3",
-    "@nx/devkit": "22.7.5",
-    "@trackunit/iris-app": "2.2.26",
+    "@vitejs/plugin-react-swc": "^4.3.2",
+    "@nx/devkit": "23.1.0",
+    "@trackunit/iris-app": "2.3.0",
     "cross-keychain": "^1.1.0",
     "jwt-decode": "^3.1.2"
   },

package/src/executors/build/executor.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = buildExecutor;
 const tslib_1 = require("tslib");
-const rxjs_for_await_1 = require("@nx/devkit/src/utils/rxjs-for-await");
+const internal_1 = require("@nx/devkit/internal");
 const iris_app_build_utilities_1 = require("@trackunit/iris-app-build-utilities");
 const fs_1 = require("fs");
 const path_1 = require("path");
@@ -101,6 +101,6 @@ async function* buildExecutor(options, context) {
             console.error(`\n  ❌ Iris App build failed\n`);
         }
     }));
-    return yield* (0, rxjs_for_await_1.eachValueFrom)(observable);
+    return yield* (0, internal_1.eachValueFrom)(observable);
 }
 //# sourceMappingURL=executor.js.map

package/src/executors/serve/executor.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = serveExecutor;
 const tslib_1 = require("tslib");
-const rxjs_for_await_1 = require("@nx/devkit/src/utils/rxjs-for-await");
+const internal_1 = require("@nx/devkit/internal");
 const iris_app_1 = require("@trackunit/iris-app");
 const iris_app_build_utilities_1 = require("@trackunit/iris-app-build-utilities");
 const fs_1 = require("fs");
@@ -118,7 +118,7 @@ async function* serveExecutor(options, context) {
         })), op.finalize(() => {
             serversideResult.cleanup();
         }));
-        return yield* (0, rxjs_for_await_1.eachValueFrom)(observable);
+        return yield* (0, internal_1.eachValueFrom)(observable);
     }
     catch (error) {
         serversideResult.cleanup();

package/src/executors/utils/defaultViteConfig.js

@@ -55,9 +55,10 @@ const getDefaultViteConfig = async (mode, nxRootDir, appDir, _irisAppManifest, c
         optimizeDeps: {
             // Force include common dependencies to speed up dev server startup
             include: ["react", "react-dom", "react/jsx-runtime"],
-            // Use esbuild for faster dependency scanning
-            esbuildOptions: {
-                target: "esnext",
+            rolldownOptions: {
+                transform: {
+                    target: "esnext",
+                },
             },
         },
         build: {
@@ -65,8 +66,9 @@ const getDefaultViteConfig = async (mode, nxRootDir, appDir, _irisAppManifest, c
             emptyOutDir: true,
             // Target modern browsers - faster builds, no legacy transforms
             target: "esnext",
-            // Use esbuild for minification (MUCH faster than terser)
-            minify: "esbuild",
+            // Vite 8's default minifier. "esbuild" would require esbuild as a separate
+            // install, which generated Iris app workspaces do not have.
+            minify: "oxc",
             // Disable source maps in production for faster builds
             sourcemap: false,
             // Increase chunk size warning limit

package/src/executors/utils/getTrackunitIrisAppVitePlugins.js

@@ -10,10 +10,10 @@ const fs = tslib_1.__importStar(require("node:fs"));
 const path = tslib_1.__importStar(require("node:path"));
 const vite_2 = require("vite");
 const vite_plugin_checker_1 = tslib_1.__importDefault(require("vite-plugin-checker"));
-const vite_plugin_css_injected_by_js_1 = tslib_1.__importDefault(require("vite-plugin-css-injected-by-js"));
-const devServerTiming_1 = require("./devServerTiming");
 const customFieldsDegradedReminderPlugin_1 = require("./customFieldsDegradedReminderPlugin");
+const devServerTiming_1 = require("./devServerTiming");
 const extensionLoaderCache_1 = require("./extensionLoaderCache");
+const loadCssInjectedByJsPlugin_1 = require("./loadCssInjectedByJsPlugin");
 const manifestCache_1 = require("./manifestCache");
 const manifestLoader_1 = require("./manifestLoader");
 // Only import enableTsConfigPath statically - other utilities are dynamically imported
@@ -148,6 +148,9 @@ async function getTrackunitIrisAppVitePlugins(options) {
     (0, devServerTiming_1.logEvent)("plugin construction: started");
     const resolvedAppDir = path.resolve(options.appDir);
     const workspaceRoot = options.workspaceRoot ?? path.resolve(options.appDir, "../..");
+    // ESM-only since v5 (Vite 8). Load via file URL — Nx CJS executor hooks cannot
+    // resolve the package's import-only exports map.
+    const cssInjectedByJsPlugin = await (0, loadCssInjectedByJsPlugin_1.loadCssInjectedByJsPlugin)(workspaceRoot);
     // Load manifest upfront for federation config
     const initialManifest = (0, manifestLoader_1.loadManifest)(workspaceRoot, resolvedAppDir);
     // Get build utilities (tsconfig paths now registered via loadManifest)
@@ -318,8 +321,9 @@ async function getTrackunitIrisAppVitePlugins(options) {
                 },
                 // Production build optimization
                 build: {
-                    // Use esbuild for fast minification (Vite's default)
-                    minify: "esbuild",
+                    // Vite 8's default minifier. "esbuild" would require esbuild as a separate
+                    // install, which generated Iris app workspaces do not have.
+                    minify: "oxc",
                     // CSS code splitting is required for relativeCSSInjection to work
                     // (cssInjectedByJsPlugin enforces cssCodeSplit: true when relativeCSSInjection is enabled)
                     // Each chunk's CSS is injected when that chunk loads - ideal for Module Federation
@@ -640,7 +644,7 @@ async function getTrackunitIrisAppVitePlugins(options) {
         // topExecutionPriority ensures CSS is injected before other code runs,
         // relativeCSSInjection: true ensures CSS is injected per chunk (requires cssCodeSplit: true)
         // This is ideal for Module Federation - CSS loads with each remote chunk
-        (0, vite_plugin_css_injected_by_js_1.default)({
+        cssInjectedByJsPlugin({
             topExecutionPriority: true,
             relativeCSSInjection: true,
         }),

package/src/executors/utils/loadCssInjectedByJsPlugin.js

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultSearchRoots = void 0;
+exports.resolveCssInjectedByJsPluginEntry = resolveCssInjectedByJsPluginEntry;
+exports.loadCssInjectedByJsPlugin = loadCssInjectedByJsPlugin;
+const tslib_1 = require("tslib");
+/**
+ * Indirect loader for `vite-plugin-css-injected-by-js` (ESM-only since v5).
+ *
+ * ## Why this file exists
+ *
+ * 1. Iris remotes must inject CSS into the JS bundle. The host iframe's CSP
+ *    blocks external stylesheets, so a separate `.css` file leaves the app
+ *    unstyled. Vite 8/Rolldown stopped emitting CSS the way Rollup did, so we
+ *    need this plugin (v5+) to inline it.
+ * 2. The plugin only publishes an `import` export condition. A plain
+ *    `import … from "vite-plugin-css-injected-by-js"` (or a static `require`)
+ *    fails under Nx's CJS executor hooks, which rewrite dynamic `import()` into
+ *    `require()` and hit `ERR_PACKAGE_PATH_NOT_EXPORTED`.
+ *
+ * This module therefore resolves the package's ESM entry from its manifest and
+ * loads it via an indirect `new Function("return import(...)")` so Node really
+ * does an ESM import.
+ *
+ * ## When to delete this file
+ *
+ * Replace the call site in `getTrackunitIrisAppVitePlugins.ts` with a normal
+ * `import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js"` and
+ * delete this module once **all** of the following are true:
+ *
+ * - Nx executors for this package run as native ESM (no CJS rewrite of
+ *   `import()`), **or** the plugin ships a CJS/`require` export again; and
+ * - A plain static import of the plugin works inside
+ *   `yarn nx build <any-iris-app>` (Iris apps still load with styles).
+ *
+ * Until then, do not "simplify" this back to a static import — that is the
+ * regression that left Iris apps blank after the Vite 8 upgrade.
+ */
+const fs = tslib_1.__importStar(require("node:fs"));
+const path = tslib_1.__importStar(require("node:path"));
+const node_url_1 = require("node:url");
+const PACKAGE_NAME = "vite-plugin-css-injected-by-js";
+const PREFERRED_CONDITIONS = ["import", "module"];
+// "require" would resolve to a CJS build that the ESM import below cannot use.
+const IGNORED_CONDITIONS = new Set(["require", "types"]);
+const isRecord = (value) => typeof value === "object" && value !== null;
+/**
+ * Find the installed package directory by walking node_modules upwards.
+ *
+ * require.resolve() cannot be used here: the package only publishes an
+ * "import" export condition, so CJS resolution fails with
+ * ERR_PACKAGE_PATH_NOT_EXPORTED.
+ */
+function findPackageDirFrom(startDir) {
+    let dir = path.resolve(startDir);
+    for (;;) {
+        const candidate = path.join(dir, "node_modules", PACKAGE_NAME);
+        if (fs.existsSync(path.join(candidate, "package.json"))) {
+            return candidate;
+        }
+        const parent = path.dirname(dir);
+        if (parent === dir) {
+            return undefined;
+        }
+        dir = parent;
+    }
+}
+/**
+ * Search this module's own tree before the consumer's workspace root.
+ *
+ * Under isolated node_modules layouts (pnpm, Yarn's `nodeLinker: pnpm`) this
+ * package is installed beside the SDK and never appears at the consumer root,
+ * so a root-only walk would fail for published consumers.
+ */
+const defaultSearchRoots = (workspaceRoot) => [__dirname, workspaceRoot];
+exports.defaultSearchRoots = defaultSearchRoots;
+function findPackageDir(searchRoots) {
+    for (const root of searchRoots) {
+        const found = findPackageDirFrom(root);
+        if (found) {
+            return found;
+        }
+    }
+    return undefined;
+}
+/** Walk nested export conditions, preferring the ESM ones. */
+function pickEsmEntry(target) {
+    if (typeof target === "string") {
+        return target;
+    }
+    if (!isRecord(target)) {
+        return undefined;
+    }
+    const remaining = Object.keys(target).filter(condition => !PREFERRED_CONDITIONS.includes(condition) && !IGNORED_CONDITIONS.has(condition));
+    for (const condition of [...PREFERRED_CONDITIONS, ...remaining]) {
+        const entry = pickEsmEntry(target[condition]);
+        if (entry) {
+            return entry;
+        }
+    }
+    return undefined;
+}
+/**
+ * Resolve the absolute ESM entry point of the installed package.
+ *
+ * The entry is read from the package manifest so that a renamed or relocated
+ * published entry point does not break the build.
+ */
+function resolveCssInjectedByJsPluginEntry(workspaceRoot, searchRoots = (0, exports.defaultSearchRoots)(workspaceRoot)) {
+    const packageDir = findPackageDir(searchRoots);
+    if (!packageDir) {
+        throw new Error(`${PACKAGE_NAME} not found in node_modules under ${searchRoots.join(", ")}. Run yarn install.`);
+    }
+    const manifest = JSON.parse(fs.readFileSync(path.join(packageDir, "package.json"), "utf-8"));
+    if (!isRecord(manifest)) {
+        throw new Error(`${PACKAGE_NAME} has an unreadable package.json in ${packageDir}.`);
+    }
+    // "exports" is either a bare entry or a subpath map holding the root entry.
+    const exportsField = manifest.exports;
+    const rootExport = isRecord(exportsField) ? exportsField["."] : exportsField;
+    const entry = pickEsmEntry(rootExport) ?? pickEsmEntry(manifest.module) ?? pickEsmEntry(manifest.main) ?? "dist/index.js";
+    const entryPath = path.join(packageDir, entry);
+    if (!fs.existsSync(entryPath)) {
+        throw new Error(`${PACKAGE_NAME} entry point not found at ${entryPath}. Run yarn install.`);
+    }
+    return entryPath;
+}
+/**
+ * Load the CSS-injection plugin factory. See the file-level comment for why
+ * this cannot be a static import, and what has to change before it can be.
+ */
+async function loadCssInjectedByJsPlugin(workspaceRoot) {
+    const entryPath = resolveCssInjectedByJsPluginEntry(workspaceRoot);
+    const importEsm = new Function("specifier", "return import(specifier)");
+    const mod = await importEsm((0, node_url_1.pathToFileURL)(entryPath).href);
+    const factory = isRecord(mod) ? mod.default : undefined;
+    if (typeof factory !== "function") {
+        throw new Error(`${PACKAGE_NAME} at ${entryPath} did not export a plugin factory as its default export.`);
+    }
+    return options => factory(options);
+}
+//# sourceMappingURL=loadCssInjectedByJsPlugin.js.map