@hanzogui/vite-plugin 4.4.0 → 7.0.0

package/dist/cjs/plugin.cjs

@@ -1,423 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var plugin_exports = {};
-__export(plugin_exports, {
-  guiAliases: () => guiAliases,
-  guiPlugin: () => guiPlugin
-});
-module.exports = __toCommonJS(plugin_exports);
-var Static = __toESM(require("@hanzogui/static-worker"), 1);
-var import_static_worker = require("@hanzogui/static-worker");
-var import_node_crypto = require("node:crypto");
-var import_node_path = __toESM(require("node:path"), 1);
-var import_node_url = require("node:url");
-var import_vite = require("vite");
-var import_loadGui = require("./loadGui.cjs");
-const import_meta = {};
-const resolve = name => (0, import_node_url.fileURLToPath)(import_meta.resolve(name));
-const CACHE_KEY = "__gui_vite_cache__";
-const CACHE_SIZE_KEY = "__gui_vite_cache_size__";
-const PENDING_KEY = "__gui_vite_pending__";
-function getSharedCache() {
-  if (!globalThis[CACHE_KEY]) {
-    ;
-    globalThis[CACHE_KEY] = {};
-  }
-  return globalThis[CACHE_KEY];
-}
-function getSharedCacheSize() {
-  return globalThis[CACHE_SIZE_KEY] || 0;
-}
-function setSharedCacheSize(size) {
-  ;
-  globalThis[CACHE_SIZE_KEY] = size;
-}
-function clearSharedCache() {
-  ;
-  globalThis[CACHE_KEY] = {};
-  globalThis[CACHE_SIZE_KEY] = 0;
-}
-function getPendingExtractions() {
-  if (!globalThis[PENDING_KEY]) {
-    ;
-    globalThis[PENDING_KEY] = /* @__PURE__ */new Map();
-  }
-  return globalThis[PENDING_KEY];
-}
-function guiAliases(options = {}) {
-  const aliases = [];
-  if (options.svg) {
-    aliases.push({
-      find: "react-native-svg",
-      replacement: resolve("@hanzogui/react-native-svg")
-    });
-  }
-  if (options.rnwLite) {
-    const rnwl = resolve(options.rnwLite === "without-animated" ? "@hanzogui/react-native-web-lite/without-animated" : "@hanzogui/react-native-web-lite");
-    const rnwlBase = import_node_path.default.dirname(resolve("@hanzogui/react-native-web-lite/package.json"));
-    aliases.push({
-      // map deep RNW paths like dist/exports/StyleSheet/preprocess to rnw-lite's flat structure
-      // extracts the final path segment (e.g. "preprocess" or "createReactDOMStyle")
-      find: /^react-native(?:-web)?\/dist\/(?:exports|modules)\/.*\/([^/]+)$/,
-      replacement: `${rnwlBase}/dist/esm/$1.mjs`
-    }, {
-      find: /^react-native$/,
-      replacement: rnwl
-    }, {
-      find: /^react-native\/(Libraries\/Utilities\/codegenNativeComponent|Libraries\/Utilities\/codegenNativeCommand)$/,
-      replacement: `${rnwlBase}/$1`
-    }, {
-      find: "react-native/package.json",
-      replacement: resolve("@hanzogui/react-native-web-lite/package.json")
-    }, {
-      find: /^react-native-web$/,
-      replacement: rnwl
-    });
-  }
-  return aliases;
-}
-function guiPlugin({
-  disableResolveConfig,
-  ...guiOptionsIn
-} = {}) {
-  let shouldExtract = !guiOptionsIn.disableExtraction;
-  let watcher;
-  const enableNativeEnv = !!globalThis.__vxrnEnableNativeEnv;
-  const extensions = [`.web.mjs`, `.web.js`, `.web.jsx`, `.web.ts`, `.web.tsx`, ".mjs", ".js", ".mts", ".ts", ".jsx", ".tsx", ".json"];
-  (0, import_loadGui.loadGuiBuildConfig)(guiOptionsIn);
-  const ensureLoaded = async () => {
-    const promise = (0, import_loadGui.getLoadPromise)();
-    if (promise) await promise;
-    const options = (0, import_loadGui.getGuiOptions)();
-    if (options) {
-      shouldExtract = !options.disableExtraction;
-    }
-    return options;
-  };
-  const getHash = input => (0, import_node_crypto.createHash)("sha1").update(input).digest("base64");
-  const memoryCache = getSharedCache();
-  const cssMap = /* @__PURE__ */new Map();
-  let config;
-  let server;
-  const virtualExt = `.gui.css`;
-  const getAbsoluteVirtualFileId = filePath => {
-    if (filePath.startsWith(config.root)) {
-      return filePath;
-    }
-    return (0, import_vite.normalizePath)(import_node_path.default.join(config.root, filePath));
-  };
-  function isNotClient(environment) {
-    return environment?.name && environment.name !== "client";
-  }
-  function isNative(environment) {
-    return environment?.name && (environment.name === "ios" || environment.name === "android");
-  }
-  function invalidateModule(absoluteId) {
-    if (!server) return;
-    const {
-      moduleGraph
-    } = server;
-    const modules = moduleGraph.getModulesByFile(absoluteId);
-    if (modules) {
-      for (const module2 of modules) {
-        moduleGraph.invalidateModule(module2);
-        module2.lastHMRTimestamp = module2.lastInvalidationTimestamp || Date.now();
-      }
-    }
-  }
-  const basePlugin = {
-    name: "hanzo-gui",
-    enforce: "pre",
-    configureServer(_server) {
-      server = _server;
-    },
-    async buildEnd() {
-      await watcher?.then(res => {
-        res?.dispose();
-      });
-    },
-    async config(_, env) {
-      const options = await ensureLoaded();
-      if (!options) {
-        throw new Error(`No hanzo-gui options loaded`);
-      }
-      if (!options.disableWatchGuiConfig) {
-        watcher = Static.watchGuiConfig({
-          components: ["@hanzo/gui"],
-          config: "./src/gui.config.ts",
-          ...options
-        }).catch(err => {
-          console.error(` [GUI] Error watching config: ${err}`);
-        });
-      }
-      return {
-        envPrefix: ["GUI_"],
-        environments: {
-          client: {
-            define: {
-              "process.env.GUI_IS_CLIENT": JSON.stringify(true),
-              "process.env.GUI_ENVIRONMENT": '"client"'
-            }
-          }
-        },
-        define: {
-          // reanimated support
-          _frameTimestamp: void 0,
-          _WORKLET: false,
-          __DEV__: `${env.mode === "development"}`,
-          "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV || env.mode),
-          "process.env.ENABLE_RSC": JSON.stringify(process.env.ENABLE_RSC || ""),
-          "process.env.ENABLE_STEPS": JSON.stringify(process.env.ENABLE_STEPS || ""),
-          "process.env.IS_STATIC": JSON.stringify(false),
-          ...(env.mode === "production" && {
-            "process.env.GUI_OPTIMIZE_THEMES": JSON.stringify(true)
-          })
-        },
-        resolve: disableResolveConfig || enableNativeEnv ? {} : {
-          extensions,
-          alias: {
-            ...(options.platform !== "native" && {
-              "react-native/Libraries/Renderer/shims/ReactFabric": resolve("@hanzogui/proxy-worm"),
-              "react-native/Libraries/Utilities/codegenNativeComponent": resolve("@hanzogui/proxy-worm"),
-              "react-native-svg": resolve("@hanzogui/react-native-svg"),
-              ...(!options?.useReactNativeWebLite && {
-                "react-native": resolve("react-native-web")
-              })
-            })
-          }
-        }
-      };
-    }
-  };
-  const rnwLitePlugin = {
-    name: "gui-rnw-lite",
-    config() {
-      if (enableNativeEnv) {
-        return {};
-      }
-      const options = (0, import_loadGui.getGuiOptions)();
-      if (!options?.useReactNativeWebLite) {
-        return {};
-      }
-      return {
-        resolve: {
-          alias: guiAliases({
-            rnwLite: options.useReactNativeWebLite
-          })
-        },
-        optimizeDeps: {
-          // upstream react-native-web must not be pre-bundled when aliased to lite
-          exclude: ["react-native-web"]
-        }
-      };
-    }
-  };
-  const extractPlugin = {
-    name: "gui-extract",
-    enforce: "pre",
-    async config(userConf) {
-      const options = await ensureLoaded();
-      userConf.optimizeDeps ||= {};
-      userConf.optimizeDeps.include ||= [];
-      userConf.optimizeDeps.include.push("inline-style-prefixer");
-      if (!shouldExtract) return;
-      userConf.optimizeDeps.include.push("@hanzogui/core/inject-styles");
-    },
-    async configResolved(resolvedConfig) {
-      config = resolvedConfig;
-    },
-    async resolveId(source) {
-      if (!shouldExtract) return;
-      if (isNative(this.environment)) {
-        return;
-      }
-      if (isNotClient(this.environment)) {
-        return;
-      }
-      const [validId, query] = source.split("?");
-      if (!validId.endsWith(virtualExt)) {
-        return;
-      }
-      const absoluteId = source.startsWith(config.root) ? source : getAbsoluteVirtualFileId(validId);
-      if (cssMap.has(absoluteId)) {
-        return absoluteId + (query ? `?${query}` : "");
-      }
-    },
-    async load(id) {
-      if (!shouldExtract) return;
-      const options = (0, import_loadGui.getGuiOptions)();
-      if (options?.disable) {
-        return;
-      }
-      if (isNative(this.environment)) {
-        return;
-      }
-      if (isNotClient(this.environment)) {
-        return;
-      }
-      const [validId] = id.split("?");
-      return cssMap.get(validId);
-    },
-    transform: {
-      order: "pre",
-      async handler(code, id) {
-        const options = await ensureLoaded();
-        await (0, import_loadGui.ensureFullConfigLoaded)();
-        if (options?.disable) {
-          return;
-        }
-        if (isNative(this.environment)) {
-          return;
-        }
-        const [validId] = id.split("?");
-        if (!validId.endsWith(".tsx")) {
-          return;
-        }
-        const {
-          shouldDisable,
-          shouldPrintDebug
-        } = await (0, import_static_worker.getPragmaOptions)({
-          source: code,
-          path: validId
-        });
-        if (shouldPrintDebug) {
-          console.trace(`Current file: ${id} in environment: ${this.environment?.name}, shouldDisable: ${shouldDisable}`);
-          console.info(`
-
-Original source:
-${code}
-
-`);
-        }
-        if (shouldDisable) {
-          return;
-        }
-        const isSSR = isNotClient(this.environment);
-        const cacheKey = getHash(`${code}${id}`);
-        const pending = getPendingExtractions();
-        const formatResult = entry => {
-          const finalCode = !isSSR && entry.cssImport ? `${entry.js}
-${entry.cssImport}` : entry.js;
-          return {
-            code: finalCode,
-            map: entry.map
-          };
-        };
-        const cached = memoryCache[cacheKey];
-        if (cached) {
-          if (process.env.DEBUG_GUI_CACHE) {
-            console.info(`[gui-cache] HIT ${this.environment?.name || "unknown"} ${id.split("/").pop()} key=${cacheKey.slice(0, 8)}`);
-          }
-          return formatResult(cached);
-        }
-        const pendingExtraction = pending.get(cacheKey);
-        if (pendingExtraction) {
-          if (process.env.DEBUG_GUI_CACHE) {
-            console.info(`[gui-cache] WAIT ${this.environment?.name || "unknown"} ${id.split("/").pop()} key=${cacheKey.slice(0, 8)}`);
-          }
-          const result = await pendingExtraction;
-          if (result) {
-            return formatResult(result);
-          }
-          return;
-        }
-        if (process.env.DEBUG_GUI_CACHE) {
-          console.info(`[gui-cache] EXTRACT ${this.environment?.name || "unknown"} ${id.split("/").pop()} key=${cacheKey.slice(0, 8)}`);
-        }
-        const extractionPromise = (async () => {
-          let extracted;
-          try {
-            extracted = await Static.extractToClassNames({
-              source: code,
-              sourcePath: validId,
-              options,
-              shouldPrintDebug
-            });
-          } catch (err) {
-            if (process.env.DEBUG_GUI_CACHE) {
-              console.info(`[gui-cache] ERROR extracting ${id.split("/").pop()}:`, err);
-            }
-            console.error(err instanceof Error ? err.message : String(err));
-            return null;
-          }
-          if (!extracted) {
-            if (process.env.DEBUG_GUI_CACHE) {
-              console.info(`[gui-cache] no extraction result for ${id.split("/").pop()}`);
-            }
-            return null;
-          }
-          const rootRelativeId = `${validId}${virtualExt}`;
-          const absoluteId = getAbsoluteVirtualFileId(rootRelativeId);
-          let cssImport = null;
-          if (extracted.styles) {
-            this.addWatchFile(rootRelativeId);
-            if (server && cssMap.has(absoluteId)) {
-              invalidateModule(rootRelativeId);
-            }
-            cssImport = `import "${rootRelativeId}";`;
-            cssMap.set(absoluteId, extracted.styles);
-          }
-          const jsCode = extracted.js.toString();
-          const cacheEntry = {
-            js: jsCode,
-            map: extracted.map,
-            cssImport
-          };
-          const newSize = getSharedCacheSize() + jsCode.length;
-          if (newSize > 67108864) {
-            clearSharedCache();
-          } else {
-            setSharedCacheSize(newSize);
-          }
-          memoryCache[cacheKey] = cacheEntry;
-          if (process.env.DEBUG_GUI_CACHE) {
-            console.info(`[gui-cache] WRITE key=${cacheKey.slice(0, 8)} cacheSize=${Object.keys(memoryCache).length}`);
-          }
-          return cacheEntry;
-        })();
-        pending.set(cacheKey, extractionPromise);
-        try {
-          const result = await extractionPromise;
-          if (result) {
-            return formatResult(result);
-          }
-          return;
-        } finally {
-          pending.delete(cacheKey);
-        }
-      }
-    }
-  };
-  return [basePlugin, rnwLitePlugin, extractPlugin];
-}

package/dist/esm/extensions.mjs

@@ -1,3 +0,0 @@
-const extensions = [".ios.js", ".native.js", ".native.ts", ".native.tsx", ".js", ".jsx", ".json", ".ts", ".tsx", ".mjs"];
-export { extensions };
-//# sourceMappingURL=extensions.mjs.map

package/dist/esm/extensions.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["extensions"],"sources":["../../src/extensions.ts"],"sourcesContent":[null],"mappings":"AAAO,MAAMA,UAAA,GAAa,CACxB,WACA,cACA,cACA,eACA,OACA,QACA,SACA,OACA,QACA,OACF","ignoreList":[]}

package/dist/esm/index.js

@@ -1,2 +0,0 @@
-export * from "./plugin.mjs";
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/esm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/esm/loadGui.mjs

@@ -1,61 +0,0 @@
-import * as StaticWorker from "@hanzogui/static-worker";
-const LOAD_STATE_KEY = "__gui_load_state__";
-function getLoadState() {
-  if (!globalThis[LOAD_STATE_KEY]) {
-    ;
-    globalThis[LOAD_STATE_KEY] = {
-      loadPromise: null,
-      loadedOptions: null,
-      fullConfigLoaded: false,
-      fullConfigLoadPromise: null
-    };
-  }
-  return globalThis[LOAD_STATE_KEY];
-}
-function getGuiOptions() {
-  return getLoadState().loadedOptions;
-}
-function getLoadPromise() {
-  return getLoadState().loadPromise;
-}
-async function loadGuiBuildConfig(optionsIn) {
-  const state = getLoadState();
-  if (state.loadedOptions) return state.loadedOptions;
-  if (state.loadPromise) return state.loadPromise;
-  state.loadPromise = (async () => {
-    const options = await StaticWorker.loadGuiBuildConfig({
-      ...optionsIn,
-      platform: "web"
-    });
-    state.loadedOptions = options;
-    return options;
-  })();
-  return state.loadPromise;
-}
-async function ensureFullConfigLoaded() {
-  const state = getLoadState();
-  if (state.fullConfigLoaded) return;
-  if (state.fullConfigLoadPromise) return state.fullConfigLoadPromise;
-  state.fullConfigLoadPromise = (async () => {
-    const options = await loadGuiBuildConfig();
-    if (!options.disableWatchGuiConfig && !options.disable) {
-      await StaticWorker.loadGui({
-        components: ["@hanzo/gui"],
-        platform: "web",
-        ...options
-      });
-    }
-    state.fullConfigLoaded = true;
-  })();
-  return state.fullConfigLoadPromise;
-}
-async function cleanup() {
-  await StaticWorker.destroyPool();
-  const state = getLoadState();
-  state.loadPromise = null;
-  state.loadedOptions = null;
-  state.fullConfigLoaded = false;
-  state.fullConfigLoadPromise = null;
-}
-export { cleanup, ensureFullConfigLoaded, getGuiOptions, getLoadPromise, loadGuiBuildConfig };
-//# sourceMappingURL=loadGui.mjs.map

package/dist/esm/loadGui.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["StaticWorker","LOAD_STATE_KEY","getLoadState","globalThis","loadPromise","loadedOptions","fullConfigLoaded","fullConfigLoadPromise","getGuiOptions","getLoadPromise","loadGuiBuildConfig","optionsIn","state","options","platform","ensureFullConfigLoaded","disableWatchGuiConfig","disable","loadGui","components","cleanup","destroyPool"],"sources":["../../src/loadGui.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAYA,YAAA,MAAkB;AAI9B,MAAMC,cAAA,GAAiB;AASvB,SAASC,aAAA,EAA0B;EACjC,IAAI,CAAEC,UAAA,CAAmBF,cAAc,GAAG;IACxC;IAAEE,UAAA,CAAmBF,cAAc,IAAI;MACrCG,WAAA,EAAa;MACbC,aAAA,EAAe;MACfC,gBAAA,EAAkB;MAClBC,qBAAA,EAAuB;IACzB;EACF;EACA,OAAQJ,UAAA,CAAmBF,cAAc;AAC3C;AAEO,SAASO,cAAA,EAAmC;EACjD,OAAON,YAAA,CAAa,EAAEG,aAAA;AACxB;AAEO,SAASI,eAAA,EAA6C;EAC3D,OAAOP,YAAA,CAAa,EAAEE,WAAA;AACxB;AAMA,eAAsBM,mBACpBC,SAAA,EACqB;EACrB,MAAMC,KAAA,GAAQV,YAAA,CAAa;EAC3B,IAAIU,KAAA,CAAMP,aAAA,EAAe,OAAOO,KAAA,CAAMP,aAAA;EACtC,IAAIO,KAAA,CAAMR,WAAA,EAAa,OAAOQ,KAAA,CAAMR,WAAA;EAEpCQ,KAAA,CAAMR,WAAA,IAAe,YAAY;IAC/B,MAAMS,OAAA,GAAU,MAAMb,YAAA,CAAaU,kBAAA,CAAmB;MACpD,GAAGC,SAAA;MACHG,QAAA,EAAU;IACZ,CAAC;IAEDF,KAAA,CAAMP,aAAA,GAAgBQ,OAAA;IACtB,OAAOA,OAAA;EACT,GAAG;EAEH,OAAOD,KAAA,CAAMR,WAAA;AACf;AAMA,eAAsBW,uBAAA,EAAwC;EAC5D,MAAMH,KAAA,GAAQV,YAAA,CAAa;EAE3B,IAAIU,KAAA,CAAMN,gBAAA,EAAkB;EAC5B,IAAIM,KAAA,CAAML,qBAAA,EAAuB,OAAOK,KAAA,CAAML,qBAAA;EAI9CK,KAAA,CAAML,qBAAA,IAAyB,YAAY;IACzC,MAAMM,OAAA,GAAU,MAAMH,kBAAA,CAAmB;IAGzC,IAAI,CAACG,OAAA,CAAQG,qBAAA,IAAyB,CAACH,OAAA,CAAQI,OAAA,EAAS;MACtD,MAAMjB,YAAA,CAAakB,OAAA,CAAQ;QACzBC,UAAA,EAAY,CAAC,YAAY;QACzBL,QAAA,EAAU;QACV,GAAGD;MACL,CAAC;IACH;IACAD,KAAA,CAAMN,gBAAA,GAAmB;EAC3B,GAAG;EAEH,OAAOM,KAAA,CAAML,qBAAA;AACf;AAEA,eAAsBa,QAAA,EAAU;EAC9B,MAAMpB,YAAA,CAAaqB,WAAA,CAAY;EAC/B,MAAMT,KAAA,GAAQV,YAAA,CAAa;EAC3BU,KAAA,CAAMR,WAAA,GAAc;EACpBQ,KAAA,CAAMP,aAAA,GAAgB;EACtBO,KAAA,CAAMN,gBAAA,GAAmB;EACzBM,KAAA,CAAML,qBAAA,GAAwB;AAChC","ignoreList":[]}