@navita/vite-plugin 0.0.0-main-20230917201540

package/index.d.ts

@@ -0,0 +1,10 @@
+import { ImportMap, EngineOptions } from '@navita/core/createRenderer';
+import { Plugin } from 'vite';
+
+interface Options {
+    importMap?: ImportMap;
+    engineOptions?: EngineOptions;
+}
+declare function navita(options?: Options): Plugin;
+
+export { navita };

package/index.js

@@ -0,0 +1,114 @@
+'use strict';
+
+var fs = require('node:fs');
+var createRenderer = require('@navita/core/createRenderer');
+var css = require('@navita/css');
+
+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 fs__namespace = /*#__PURE__*/_interopNamespaceDefault(fs);
+
+const VIRTUAL_MODULE_NAME = 'virtual:navita';
+const VIRTUAL_CSS_NAME = 'virtual:navita.css';
+function navita(options) {
+    let renderer;
+    const importMap = [
+        ...css.importMap,
+        ...options?.importMap || []
+    ];
+    let server;
+    let lastCssContent;
+    return {
+        name: "navita",
+        enforce: "pre",
+        configureServer (_server) {
+            lastCssContent = undefined;
+            server = _server;
+        },
+        async buildStart () {
+            const defaultEngineOptions = {
+                enableSourceMaps: !!server,
+                enableDebugIdentifiers: !!server,
+                ...options?.engineOptions || {}
+            };
+            renderer = createRenderer.createRenderer({
+                importMap,
+                engineOptions: defaultEngineOptions,
+                resolver: async (filepath, request)=>{
+                    const resolved = await this.resolve(request, filepath);
+                    return resolved?.id || null;
+                },
+                readFile: (path)=>{
+                    return fs__namespace.promises.readFile(path, 'utf-8');
+                }
+            });
+        },
+        async resolveId (source) {
+            if (source === VIRTUAL_MODULE_NAME) {
+                return VIRTUAL_CSS_NAME;
+            }
+            return null;
+        },
+        async load (id) {
+            if (id === VIRTUAL_CSS_NAME) {
+                return lastCssContent;
+            }
+            return null;
+        },
+        async transform (code, id) {
+            // Bail as early as we can
+            if (!importMap.map((x)=>x.source).some((value)=>code.indexOf(value) !== -1)) {
+                return null;
+            }
+            const { result  } = await renderer.transformAndProcess({
+                content: code,
+                filePath: id
+            });
+            const newCssContent = renderer.engine.renderCssToString();
+            if (lastCssContent !== newCssContent) {
+                if (server) {
+                    const { moduleGraph  } = server;
+                    const virtualModule = moduleGraph.getModuleById(VIRTUAL_CSS_NAME);
+                    if (virtualModule) {
+                        moduleGraph.invalidateModule(virtualModule);
+                        virtualModule.lastHMRTimestamp = Date.now();
+                    }
+                }
+                lastCssContent = newCssContent;
+            }
+            return `
+        ${result}
+        import "${VIRTUAL_MODULE_NAME}";
+      `;
+        },
+        renderChunk (_, chunk) {
+            for (const id of Object.keys(chunk.modules)){
+                if (id.startsWith(VIRTUAL_CSS_NAME)) {
+                    delete chunk.modules[id];
+                }
+            }
+            chunk.viteMetadata.importedCss.add(this.getFileName(this.emitFile({
+                name: "navita.css",
+                type: "asset",
+                source: renderer.engine.renderCssToString()
+            })));
+        }
+    };
+}
+
+exports.navita = navita;

package/index.mjs

@@ -0,0 +1,93 @@
+import * as fs from 'node:fs';
+import { createRenderer } from '@navita/core/createRenderer';
+import { importMap } from '@navita/css';
+
+const VIRTUAL_MODULE_NAME = 'virtual:navita';
+const VIRTUAL_CSS_NAME = 'virtual:navita.css';
+function navita(options) {
+    let renderer;
+    const importMap$1 = [
+        ...importMap,
+        ...options?.importMap || []
+    ];
+    let server;
+    let lastCssContent;
+    return {
+        name: "navita",
+        enforce: "pre",
+        configureServer (_server) {
+            lastCssContent = undefined;
+            server = _server;
+        },
+        async buildStart () {
+            const defaultEngineOptions = {
+                enableSourceMaps: !!server,
+                enableDebugIdentifiers: !!server,
+                ...options?.engineOptions || {}
+            };
+            renderer = createRenderer({
+                importMap: importMap$1,
+                engineOptions: defaultEngineOptions,
+                resolver: async (filepath, request)=>{
+                    const resolved = await this.resolve(request, filepath);
+                    return resolved?.id || null;
+                },
+                readFile: (path)=>{
+                    return fs.promises.readFile(path, 'utf-8');
+                }
+            });
+        },
+        async resolveId (source) {
+            if (source === VIRTUAL_MODULE_NAME) {
+                return VIRTUAL_CSS_NAME;
+            }
+            return null;
+        },
+        async load (id) {
+            if (id === VIRTUAL_CSS_NAME) {
+                return lastCssContent;
+            }
+            return null;
+        },
+        async transform (code, id) {
+            // Bail as early as we can
+            if (!importMap$1.map((x)=>x.source).some((value)=>code.indexOf(value) !== -1)) {
+                return null;
+            }
+            const { result  } = await renderer.transformAndProcess({
+                content: code,
+                filePath: id
+            });
+            const newCssContent = renderer.engine.renderCssToString();
+            if (lastCssContent !== newCssContent) {
+                if (server) {
+                    const { moduleGraph  } = server;
+                    const virtualModule = moduleGraph.getModuleById(VIRTUAL_CSS_NAME);
+                    if (virtualModule) {
+                        moduleGraph.invalidateModule(virtualModule);
+                        virtualModule.lastHMRTimestamp = Date.now();
+                    }
+                }
+                lastCssContent = newCssContent;
+            }
+            return `
+        ${result}
+        import "${VIRTUAL_MODULE_NAME}";
+      `;
+        },
+        renderChunk (_, chunk) {
+            for (const id of Object.keys(chunk.modules)){
+                if (id.startsWith(VIRTUAL_CSS_NAME)) {
+                    delete chunk.modules[id];
+                }
+            }
+            chunk.viteMetadata.importedCss.add(this.getFileName(this.emitFile({
+                name: "navita.css",
+                type: "asset",
+                source: renderer.engine.renderCssToString()
+            })));
+        }
+    };
+}
+
+export { navita };

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@navita/vite-plugin",
+  "version": "0.0.0-main-20230917201540",
+  "license": "MIT",
+  "private": false,
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js",
+      "types": "./index.d.ts"
+    }
+  },
+  "dependencies": {
+    "@navita/core": "0.0.0-main-20230917201540",
+    "@navita/css": "0.0.0-main-20230917201540"
+  }
+}