@trackunit/iris-app-sdk-vite 1.1.26-alpha-288640a1f26.0 → 1.1.26

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 1.1.26 (2026-07-31)
+
+### 🧱 Updated Dependencies
+
+- Updated iris-app-build-utilities to 2.1.25
+- Updated iris-app-api to 2.1.24
+- Updated iris-app to 2.2.26
+
 ## 1.1.25 (2026-07-30)
 
 ### 🧱 Updated Dependencies

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/iris-app-sdk-vite",
-  "version": "1.1.26-alpha-288640a1f26.0",
+  "version": "1.1.26",
   "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-alpha-288640a1f26.0",
-    "@trackunit/iris-app-api": "2.1.24-alpha-288640a1f26.0",
+    "@trackunit/iris-app-build-utilities": "2.1.25",
+    "@trackunit/iris-app-api": "2.1.24",
     "tslib": "^2.6.2",
-    "vite": "8.1.5",
-    "@module-federation/vite": "1.18.1",
-    "@nx/vite": "23.1.0",
+    "vite": "7.3.1",
+    "@module-federation/vite": "1.11.0",
+    "@nx/vite": "22.7.5",
     "vite-plugin-checker": "^0.12.0",
-    "vite-plugin-css-injected-by-js": "5.0.2",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
     "rollup-plugin-visualizer": "5.12.0",
     "@tailwindcss/postcss": "^4.1.18",
-    "@vitejs/plugin-react-swc": "^4.3.2",
-    "@nx/devkit": "23.1.0",
-    "@trackunit/iris-app": "2.2.26-alpha-288640a1f26.0",
+    "@vitejs/plugin-react-swc": "^4.2.3",
+    "@nx/devkit": "22.7.5",
+    "@trackunit/iris-app": "2.2.26",
     "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 internal_1 = require("@nx/devkit/internal");
+const rxjs_for_await_1 = require("@nx/devkit/src/utils/rxjs-for-await");
 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, internal_1.eachValueFrom)(observable);
+    return yield* (0, rxjs_for_await_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 internal_1 = require("@nx/devkit/internal");
+const rxjs_for_await_1 = require("@nx/devkit/src/utils/rxjs-for-await");
 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, internal_1.eachValueFrom)(observable);
+        return yield* (0, rxjs_for_await_1.eachValueFrom)(observable);
     }
     catch (error) {
         serversideResult.cleanup();

package/src/executors/utils/defaultViteConfig.js

@@ -55,10 +55,9 @@ 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"],
-            rolldownOptions: {
-                transform: {
-                    target: "esnext",
-                },
+            // Use esbuild for faster dependency scanning
+            esbuildOptions: {
+                target: "esnext",
             },
         },
         build: {
@@ -66,9 +65,8 @@ const getDefaultViteConfig = async (mode, nxRootDir, appDir, _irisAppManifest, c
             emptyOutDir: true,
             // Target modern browsers - faster builds, no legacy transforms
             target: "esnext",
-            // Vite 8's default minifier. "esbuild" would require esbuild as a separate
-            // install, which generated Iris app workspaces do not have.
-            minify: "oxc",
+            // Use esbuild for minification (MUCH faster than terser)
+            minify: "esbuild",
             // 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 customFieldsDegradedReminderPlugin_1 = require("./customFieldsDegradedReminderPlugin");
+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 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,9 +148,6 @@ 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)
@@ -321,9 +318,8 @@ async function getTrackunitIrisAppVitePlugins(options) {
                 },
                 // Production build optimization
                 build: {
-                    // Vite 8's default minifier. "esbuild" would require esbuild as a separate
-                    // install, which generated Iris app workspaces do not have.
-                    minify: "oxc",
+                    // Use esbuild for fast minification (Vite's default)
+                    minify: "esbuild",
                     // 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
@@ -644,7 +640,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
-        cssInjectedByJsPlugin({
+        (0, vite_plugin_css_injected_by_js_1.default)({
             topExecutionPriority: true,
             relativeCSSInjection: true,
         }),

package/src/executors/utils/loadCssInjectedByJsPlugin.js

@@ -1,142 +0,0 @@
-"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