@navita/vite-plugin 2.0.5 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navita/vite-plugin",
-  "version": "2.0.5",
+  "version": "2.1.0",
   "description": "Navita Vite Plugin",
   "keywords": [
     "vite",
@@ -19,6 +19,11 @@
       "import": "./remix.mjs",
       "require": "./remix.cjs",
       "types": "./remix.d.ts"
+    },
+    "./rwsdk": {
+      "import": "./rwsdk.mjs",
+      "require": "./rwsdk.cjs",
+      "types": "./rwsdk.d.ts"
     }
   },
   "dependencies": {

package/rwsdk.cjs

@@ -0,0 +1,96 @@
+'use strict';
+
+var fsp = require('node:fs/promises');
+var path = require('node:path');
+var index = require('./index.cjs');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var fsp__namespace = /*#__PURE__*/_interopNamespaceDefault(fsp);
+var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path);
+
+function navitaRwsdk(options) {
+    let projectRootDir;
+    let base;
+    const navitaPlugin = index.navita(options);
+    return [
+        navitaPlugin,
+        {
+            name: "navita-rwsdk",
+            enforce: "post",
+            configResolved (config) {
+                projectRootDir = config.root;
+                base = config.base;
+            },
+            async renderChunk (code) {
+                // Only run during the linker pass on the worker environment
+                // @ts-expect-error - environment exists at runtime in Vite 6+
+                const environmentName = this.environment?.name;
+                if (environmentName !== "worker" || process.env.RWSDK_BUILD_PASS !== "linker") {
+                    return null;
+                }
+                // Read the client manifest to find the navita CSS path
+                const manifestPath = path__namespace.resolve(projectRootDir, "dist", "client", ".vite", "manifest.json");
+                let manifestContent;
+                try {
+                    manifestContent = await fsp__namespace.readFile(manifestPath, "utf-8");
+                } catch  {
+                    console.warn("[navita-rwsdk] Could not read client manifest, skipping CSS replacement");
+                    return null;
+                }
+                const manifest = JSON.parse(manifestContent);
+                // Find the navita CSS file in the manifest
+                let navitaCssPath = null;
+                for (const [key, value] of Object.entries(manifest)){
+                    // Check if this is the navita CSS entry directly
+                    if (key.includes("navita") && key.endsWith(".css")) {
+                        navitaCssPath = (base || "/") + value.file;
+                        break;
+                    }
+                    // Also check if it's referenced in the css array of any entry
+                    if (value.css) {
+                        for (const cssFile of value.css){
+                            if (cssFile.includes("navita")) {
+                                navitaCssPath = (base || "/") + cssFile;
+                                break;
+                            }
+                        }
+                        if (navitaCssPath) break;
+                    }
+                }
+                if (!navitaCssPath) {
+                    console.warn("[navita-rwsdk] Could not find navita CSS in manifest");
+                    return null;
+                }
+                // Replace virtual:navita.css references with the actual hashed path
+                let newCode = code;
+                newCode = newCode.replaceAll(`/${index.VIRTUAL_MODULE_ID}`, navitaCssPath);
+                newCode = newCode.replaceAll(index.VIRTUAL_MODULE_ID, navitaCssPath);
+                if (newCode !== code) {
+                    return {
+                        code: newCode,
+                        map: null
+                    };
+                }
+                return null;
+            }
+        }
+    ];
+}
+
+exports.navitaRwsdk = navitaRwsdk;

package/rwsdk.d.ts

@@ -0,0 +1,7 @@
+import { Plugin } from 'vite';
+import { Options } from './index.js';
+import '@navita/core/createRenderer';
+
+declare function navitaRwsdk(options?: Options): Plugin[];
+
+export { navitaRwsdk };

package/rwsdk.mjs

@@ -0,0 +1,74 @@
+import * as fsp from 'node:fs/promises';
+import * as path from 'node:path';
+import { navita, VIRTUAL_MODULE_ID } from './index.mjs';
+
+function navitaRwsdk(options) {
+    let projectRootDir;
+    let base;
+    const navitaPlugin = navita(options);
+    return [
+        navitaPlugin,
+        {
+            name: "navita-rwsdk",
+            enforce: "post",
+            configResolved (config) {
+                projectRootDir = config.root;
+                base = config.base;
+            },
+            async renderChunk (code) {
+                // Only run during the linker pass on the worker environment
+                // @ts-expect-error - environment exists at runtime in Vite 6+
+                const environmentName = this.environment?.name;
+                if (environmentName !== "worker" || process.env.RWSDK_BUILD_PASS !== "linker") {
+                    return null;
+                }
+                // Read the client manifest to find the navita CSS path
+                const manifestPath = path.resolve(projectRootDir, "dist", "client", ".vite", "manifest.json");
+                let manifestContent;
+                try {
+                    manifestContent = await fsp.readFile(manifestPath, "utf-8");
+                } catch  {
+                    console.warn("[navita-rwsdk] Could not read client manifest, skipping CSS replacement");
+                    return null;
+                }
+                const manifest = JSON.parse(manifestContent);
+                // Find the navita CSS file in the manifest
+                let navitaCssPath = null;
+                for (const [key, value] of Object.entries(manifest)){
+                    // Check if this is the navita CSS entry directly
+                    if (key.includes("navita") && key.endsWith(".css")) {
+                        navitaCssPath = (base || "/") + value.file;
+                        break;
+                    }
+                    // Also check if it's referenced in the css array of any entry
+                    if (value.css) {
+                        for (const cssFile of value.css){
+                            if (cssFile.includes("navita")) {
+                                navitaCssPath = (base || "/") + cssFile;
+                                break;
+                            }
+                        }
+                        if (navitaCssPath) break;
+                    }
+                }
+                if (!navitaCssPath) {
+                    console.warn("[navita-rwsdk] Could not find navita CSS in manifest");
+                    return null;
+                }
+                // Replace virtual:navita.css references with the actual hashed path
+                let newCode = code;
+                newCode = newCode.replaceAll(`/${VIRTUAL_MODULE_ID}`, navitaCssPath);
+                newCode = newCode.replaceAll(VIRTUAL_MODULE_ID, navitaCssPath);
+                if (newCode !== code) {
+                    return {
+                        code: newCode,
+                        map: null
+                    };
+                }
+                return null;
+            }
+        }
+    ];
+}
+
+export { navitaRwsdk };