@vxrn/compiler 1.14.4 → 1.14.5

package/dist/cjs/index.cjs

@@ -3,62 +3,70 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  },
-  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var index_exports = {};
 __export(index_exports, {
   createVXRNCompilerPlugin: () => createVXRNCompilerPlugin
 });
 module.exports = __toCommonJS(index_exports);
-var import_node_fs = require("node:fs"),
-  import_promises = require("node:fs/promises"),
-  import_node_path = require("node:path"),
-  import_node_url = require("node:url"),
-  import_utils = require("@vxrn/utils"),
-  import_css_to_rn = require("react-native-css-interop/css-to-rn/index.js"),
-  import_configure = require("./configure.cjs"),
-  import_constants = require("./constants.cjs"),
-  import_transformBabel = require("./transformBabel.cjs"),
-  import_cache = require("./cache.cjs");
+var import_node_fs = require("node:fs");
+var import_promises = require("node:fs/promises");
+var import_node_path = require("node:path");
+var import_node_url = require("node:url");
+var import_utils = require("@vxrn/utils");
+var import_css_to_rn = require("react-native-css-interop/css-to-rn/index.js");
+var import_configure = require("./configure.cjs");
+var import_constants = require("./constants.cjs");
+var import_transformBabel = require("./transformBabel.cjs");
+var import_cache = require("./cache.cjs");
 __reExport(index_exports, require("./configure.cjs"), module.exports);
 __reExport(index_exports, require("./transformBabel.cjs"), module.exports);
 __reExport(index_exports, require("./transformSWC.cjs"), module.exports);
-const import_meta = {},
-  perfStats = {
-    babel: {
-      totalCalls: 0,
-      totalTransforms: 0,
-      totalTime: 0,
-      byEnvironment: {}
-    },
-    optimizeDeps: {
-      byEnvironment: {}
-    }
-  };
+const import_meta = {};
+const perfStats = {
+  babel: {
+    totalCalls: 0,
+    totalTransforms: 0,
+    totalTime: 0,
+    byEnvironment: {}
+  },
+  optimizeDeps: {
+    byEnvironment: {}
+  }
+};
 function logPerfSummary() {
-  if (process.env.DEBUG_COMPILER_PERF) {
-    console.info(`
-\u{1F4CA} [Compiler Performance Summary]`), console.info(`Babel: ${perfStats.babel.totalTransforms} transforms / ${perfStats.babel.totalCalls} calls (${(perfStats.babel.totalTransforms / Math.max(perfStats.babel.totalCalls, 1) * 100).toFixed(1)}% transform rate)`), console.info(`Babel total time: ${perfStats.babel.totalTime}ms`);
-    for (const [env, stats] of Object.entries(perfStats.babel.byEnvironment)) stats.transforms > 0 && console.info(`  ${env}: ${stats.transforms} transforms, ${stats.time}ms (${(stats.time / stats.transforms).toFixed(1)}ms avg)`);
-    for (const [env, stats] of Object.entries(perfStats.optimizeDeps.byEnvironment)) {
-      const elapsed = Date.now() - stats.startTime;
-      console.info(`optimizeDeps ${env}: checked ${stats.filesChecked} files, transformed ${stats.filesTransformed} (${elapsed}ms)`);
+  if (!process.env.DEBUG_COMPILER_PERF) {
+    return;
+  }
+  console.info("\n\u{1F4CA} [Compiler Performance Summary]");
+  console.info(`Babel: ${perfStats.babel.totalTransforms} transforms / ${perfStats.babel.totalCalls} calls (${(perfStats.babel.totalTransforms / Math.max(perfStats.babel.totalCalls, 1) * 100).toFixed(1)}% transform rate)`);
+  console.info(`Babel total time: ${perfStats.babel.totalTime}ms`);
+  for (const [env, stats] of Object.entries(perfStats.babel.byEnvironment)) {
+    if (stats.transforms > 0) {
+      console.info(`  ${env}: ${stats.transforms} transforms, ${stats.time}ms (${(stats.time / stats.transforms).toFixed(1)}ms avg)`);
     }
   }
+  for (const [env, stats] of Object.entries(perfStats.optimizeDeps.byEnvironment)) {
+    const elapsed = Date.now() - stats.startTime;
+    console.info(`optimizeDeps ${env}: checked ${stats.filesChecked} files, transformed ${stats.filesTransformed} (${elapsed}ms)`);
+  }
 }
 async function performBabelTransform({
   id,
@@ -68,41 +76,63 @@ async function performBabelTransform({
   reactForRNVersion,
   optionsIn
 }) {
-  perfStats.babel.totalCalls++, perfStats.babel.byEnvironment[environment] || (perfStats.babel.byEnvironment[environment] = {
-    calls: 0,
-    transforms: 0,
-    time: 0
-  }), perfStats.babel.byEnvironment[environment].calls++;
+  perfStats.babel.totalCalls++;
+  if (!perfStats.babel.byEnvironment[environment]) {
+    perfStats.babel.byEnvironment[environment] = {
+      calls: 0,
+      transforms: 0,
+      time: 0
+    };
+  }
+  perfStats.babel.byEnvironment[environment].calls++;
   const transformProps = {
-      id,
-      code,
-      development: !production,
-      environment,
-      reactForRNVersion
-    },
-    userTransform = optionsIn?.transform?.(transformProps);
-  if (userTransform === !1) return null;
+    id,
+    code,
+    development: !production,
+    environment,
+    reactForRNVersion
+  };
+  const userTransform = optionsIn?.transform?.(transformProps);
+  if (userTransform === false) {
+    return null;
+  }
   if (userTransform !== "swc") {
     const babelOptions = (0, import_transformBabel.getBabelOptions)({
       ...transformProps,
       userSetting: userTransform
     });
     if (babelOptions) {
-      const hasCompilerPlugin = babelOptions.plugins?.some(x => Array.isArray(x) && x[0] === "babel-plugin-react-compiler"),
-        relId = (0, import_node_path.relative)(process.cwd(), id),
-        cached = (0, import_cache.getCachedTransform)(id, code, environment);
-      if (cached) return perfStats.babel.byEnvironment[environment].transforms++, hasCompilerPlugin && (cached.code.includes("react/compiler-runtime") || cached.code.includes("react-compiler-runtime")) && console.info(` \u{1FA84} [compiler] ${relId} (cached)`), (0, import_constants.debug)?.(`[babel/cached] ${id}`), cached;
-      const startTime = Date.now(),
-        babelOut = await (0, import_transformBabel.transformBabel)(id, code, babelOptions),
-        babelTime = Date.now() - startTime;
+      const hasCompilerPlugin = babelOptions.plugins?.some(x => Array.isArray(x) && x[0] === "babel-plugin-react-compiler");
+      const relId = (0, import_node_path.relative)(process.cwd(), id);
+      const cached = (0, import_cache.getCachedTransform)(id, code, environment);
+      if (cached) {
+        perfStats.babel.byEnvironment[environment].transforms++;
+        if (hasCompilerPlugin && (cached.code.includes("react/compiler-runtime") || cached.code.includes("react-compiler-runtime"))) {
+          console.info(` \u{1FA84} [compiler] ${relId} (cached)`);
+        }
+        (0, import_constants.debug)?.(`[babel/cached] ${id}`);
+        return cached;
+      }
+      const startTime = Date.now();
+      const babelOut = await (0, import_transformBabel.transformBabel)(id, code, babelOptions);
+      const babelTime = Date.now() - startTime;
       if (babelOut?.code) {
-        perfStats.babel.totalTransforms++, perfStats.babel.totalTime += babelTime, perfStats.babel.byEnvironment[environment].transforms++, perfStats.babel.byEnvironment[environment].time += babelTime, hasCompilerPlugin && (babelOut.code.includes("react/compiler-runtime") || babelOut.code.includes("react-compiler-runtime")) && console.info(` \u{1FA84} [compiler] ${relId} (${babelTime}ms)`), (0, import_constants.debug)?.(`[babel] ${id}`);
+        perfStats.babel.totalTransforms++;
+        perfStats.babel.totalTime += babelTime;
+        perfStats.babel.byEnvironment[environment].transforms++;
+        perfStats.babel.byEnvironment[environment].time += babelTime;
+        if (hasCompilerPlugin && (babelOut.code.includes("react/compiler-runtime") || babelOut.code.includes("react-compiler-runtime"))) {
+          console.info(` \u{1FA84} [compiler] ${relId} (${babelTime}ms)`);
+        }
+        (0, import_constants.debug)?.(`[babel] ${id}`);
+        const outCode = `${babelOut.code}
+// vxrn-did-babel`;
         const result = {
-          code: `${babelOut.code}
-// vxrn-did-babel`,
+          code: outCode,
           map: babelOut.map
         };
-        return (0, import_cache.setCachedTransform)(id, code, result, environment), result;
+        (0, import_cache.setCachedTransform)(id, code, result, environment);
+        return result;
       }
     }
   }
@@ -110,23 +140,24 @@ async function performBabelTransform({
 }
 async function createVXRNCompilerPlugin(optionsIn) {
   const reactVersion = await (async () => {
-      const path = (0, import_utils.resolvePath)("react/package.json");
-      return JSON.parse(await (0, import_promises.readFile)(path, "utf-8")).version;
-    })(),
-    envNames = {
-      ios: !0,
-      android: !0,
-      client: !0,
-      ssr: !0
-    };
+    const path = (0, import_utils.resolvePath)("react/package.json");
+    const json = JSON.parse(await (0, import_promises.readFile)(path, "utf-8"));
+    return json.version;
+  })();
+  const envNames = {
+    ios: true,
+    android: true,
+    client: true,
+    ssr: true
+  };
   function getEnvName(name) {
     if (!envNames[name]) throw new Error(`Invalid env: ${name}`);
     return name;
   }
-  const reactForRNVersion = reactVersion.split(".")[0],
-    cssTransformCache = /* @__PURE__ */new Map(),
-    rolldownPath = (0, import_utils.resolvePath)("rolldown"),
-    rolldownNodeMods = rolldownPath.slice(0, rolldownPath.indexOf(import_node_path.sep + "node_modules"));
+  const reactForRNVersion = reactVersion.split(".")[0];
+  const cssTransformCache = /* @__PURE__ */new Map();
+  const rolldownPath = (0, import_utils.resolvePath)("rolldown");
+  const rolldownNodeMods = rolldownPath.slice(0, rolldownPath.indexOf(import_node_path.sep + "node_modules"));
   let config;
   return [{
     name: "one:compiler-resolve-refresh-runtime",
@@ -136,28 +167,37 @@ async function createVXRNCompilerPlugin(optionsIn) {
     resolveId: id => id === import_constants.runtimePublicPath || id === `${import_constants.runtimePublicPath}.map` ? id : void 0,
     load: id => {
       const basePath = (0, import_node_path.dirname)((0, import_node_url.fileURLToPath)(import_meta.url));
-      if (id === import_constants.runtimePublicPath) return (0, import_node_fs.readFileSync)((0, import_node_path.join)(basePath, "refresh-runtime.mjs"), "utf-8").replace(/\/\/# sourceMappingURL=.*/, "");
-      if (id === `${import_constants.runtimePublicPath}.map`) return JSON.stringify({
-        version: 3,
-        sources: [],
-        mappings: ""
-      });
+      if (id === import_constants.runtimePublicPath) {
+        return (0, import_node_fs.readFileSync)((0, import_node_path.join)(basePath, "refresh-runtime.mjs"), "utf-8").replace(/\/\/# sourceMappingURL=.*/, "");
+      }
+      if (id === `${import_constants.runtimePublicPath}.map`) {
+        return JSON.stringify({
+          version: 3,
+          sources: [],
+          mappings: ""
+        });
+      }
+      return void 0;
     }
   }, {
-    name: "one:compiler-css-to-js",
+    name: `one:compiler-css-to-js`,
     transform(codeIn, id) {
       const environment = getEnvName(this.environment.name);
-      if (import_configure.configuration.enableNativeCSS && (environment === "ios" || environment === "android") && (0, import_node_path.extname)(id) === ".css") {
-        const code = `require("nativewind/dist/index.js").__require().StyleSheet.registerCompiled(${JSON.stringify((0, import_css_to_rn.cssToReactNativeRuntime)(codeIn, {
+      if (import_configure.configuration.enableNativeCSS && (environment === "ios" || environment === "android")) {
+        if ((0, import_node_path.extname)(id) === ".css") {
+          const data = JSON.stringify((0, import_css_to_rn.cssToReactNativeRuntime)(codeIn, {
             inlineRem: 16
-          }))})`,
-          newId = `${id}.js`,
-          cssId = newId.replace(rolldownNodeMods + import_node_path.sep, "");
-        return cssTransformCache.set(cssId, code), {
-          code,
-          id: newId,
-          map: null
-        };
+          }));
+          const code = `require("nativewind/dist/index.js").__require().StyleSheet.registerCompiled(${data})`;
+          const newId = `${id}.js`;
+          const cssId = newId.replace(rolldownNodeMods + import_node_path.sep, "");
+          cssTransformCache.set(cssId, code);
+          return {
+            code,
+            id: newId,
+            map: null
+          };
+        }
       }
     },
     generateBundle(_, bundle) {
@@ -167,9 +207,11 @@ async function createVXRNCompilerPlugin(optionsIn) {
           const chunk = bundle[i];
           return chunk.type == "chunk" && chunk.fileName.match(/.[cm]?js(?:\?.+)?$/) != null;
         });
-        if (!rootJSName) throw new Error("Can't find root js, internal one error");
-        const rootJS = bundle[rootJSName],
-          cssAssets = Object.keys(bundle).filter(i => bundle[i].fileName.endsWith(".css.js"));
+        if (!rootJSName) {
+          throw new Error(`Can't find root js, internal one error`);
+        }
+        const rootJS = bundle[rootJSName];
+        const cssAssets = Object.keys(bundle).filter(i => bundle[i].fileName.endsWith(".css.js"));
         for (const name of cssAssets) {
           delete bundle[name];
           const jsCSS = cssTransformCache.get(name);
@@ -184,18 +226,24 @@ ${rootJS.code}
     name: "one:compiler",
     enforce: "pre",
     config: () => {
-      const nodeModulesFilter = /node_modules\/.*\.(tsx?|jsx?|mjs|cjs)$/,
-        createEnvironmentConfig = environment => (perfStats.optimizeDeps.byEnvironment[environment] || (perfStats.optimizeDeps.byEnvironment[environment] = {
-          filesChecked: 0,
-          filesTransformed: 0,
-          startTime: Date.now()
-        }), {
+      const nodeModulesFilter = /node_modules\/.*\.(tsx?|jsx?|mjs|cjs)$/;
+      const createEnvironmentConfig = environment => {
+        if (!perfStats.optimizeDeps.byEnvironment[environment]) {
+          perfStats.optimizeDeps.byEnvironment[environment] = {
+            filesChecked: 0,
+            filesTransformed: 0,
+            startTime: Date.now()
+          };
+        }
+        return {
           optimizeDeps: {
             rolldownOptions: {
               plugins: [{
                 name: `transform-before-optimize-deps-${environment}`,
                 async transform(code, id) {
-                  if (!nodeModulesFilter.test(id)) return null;
+                  if (!nodeModulesFilter.test(id)) {
+                    return null;
+                  }
                   perfStats.optimizeDeps.byEnvironment[environment].filesChecked++;
                   const production = process.env.NODE_ENV === "production" || process.env.NODE_ENV === "test";
                   (0, import_constants.debug)?.(`[rolldown optimizeDeps] ${id}`);
@@ -207,18 +255,26 @@ ${rootJS.code}
                     reactForRNVersion,
                     optionsIn
                   });
-                  return result ? (perfStats.optimizeDeps.byEnvironment[environment].filesTransformed++, {
+                  if (!result) {
+                    return null;
+                  }
+                  perfStats.optimizeDeps.byEnvironment[environment].filesTransformed++;
+                  return {
                     code: result.code,
                     map: result.map
-                  }) : null;
+                  };
                 },
                 buildEnd() {
                   if (process.env.DEBUG_COMPILER_PERF) {
-                    const stats = perfStats.optimizeDeps.byEnvironment[environment],
-                      elapsed = Date.now() - stats.startTime;
+                    const stats = perfStats.optimizeDeps.byEnvironment[environment];
+                    const elapsed = Date.now() - stats.startTime;
                     console.info(`[optimizeDeps ${environment}] Done: ${stats.filesChecked} files checked, ${stats.filesTransformed} transformed (${elapsed}ms)`);
                   }
-                  Object.keys(perfStats.optimizeDeps.byEnvironment).length >= 2 && ((0, import_cache.logCacheStats)(), logPerfSummary());
+                  const allDone = Object.keys(perfStats.optimizeDeps.byEnvironment).length >= 2;
+                  if (allDone) {
+                    (0, import_cache.logCacheStats)();
+                    logPerfSummary();
+                  }
                 }
               }]
             }
@@ -226,7 +282,8 @@ ${rootJS.code}
           define: {
             "process.env.NATIVEWIND_OS": JSON.stringify(environment === "ios" || environment === "android" ? "native" : "web")
           }
-        });
+        };
+      };
       return {
         environments: {
           ios: createEnvironmentConfig("ios"),
@@ -241,28 +298,41 @@ ${rootJS.code}
     },
     async transform(codeIn, _id) {
       let code = codeIn;
-      const environment = getEnvName(this.environment.name),
-        isNative = environment === "ios" || environment === "android",
-        production = config.command === "build" || process.env.NODE_ENV === "production" || JSON.parse(this.environment.config?.define?.["process.env.NODE_ENV"] || '""') === "production";
-      if (_id.includes("one-entry-native")) return isNative && !production && (code = `import '@vxrn/vite-native-client'
-${code}`), isNative && import_configure.configuration.enableNativewind && (code = `import * as x from 'nativewind'
-${code}`), code;
-      const id = _id.split("?")[0],
-        extension = (0, import_node_path.extname)(id);
-      if (!(extension === ".css" || !import_constants.validParsers.has(extension)) && !id.includes("virtual:")) {
-        if (codeIn.endsWith("// vxrn-did-babel")) {
-          (0, import_constants.debug)?.(`[skip babel] ${id}`);
-          return;
+      const environment = getEnvName(this.environment.name);
+      const isNative = environment === "ios" || environment === "android";
+      const production = config.command === "build" || process.env.NODE_ENV === "production" || JSON.parse(this.environment.config?.define?.["process.env.NODE_ENV"] || '""') === "production";
+      const isEntry = _id.includes("one-entry-native");
+      if (isEntry) {
+        if (isNative && !production) {
+          code = `import '@vxrn/vite-native-client'
+${code}`;
         }
-        return performBabelTransform({
-          id,
-          code: codeIn,
-          environment,
-          production,
-          reactForRNVersion,
-          optionsIn
-        });
+        if (isNative && import_configure.configuration.enableNativewind) {
+          code = `import * as x from 'nativewind'
+${code}`;
+        }
+        return code;
+      }
+      const id = _id.split("?")[0];
+      const extension = (0, import_node_path.extname)(id);
+      if (extension === ".css" || !import_constants.validParsers.has(extension)) {
+        return;
       }
+      if (id.includes(`virtual:`)) {
+        return;
+      }
+      if (codeIn.endsWith(`// vxrn-did-babel`)) {
+        (0, import_constants.debug)?.(`[skip babel] ${id}`);
+        return;
+      }
+      return performBabelTransform({
+        id,
+        code: codeIn,
+        environment,
+        production,
+        reactForRNVersion,
+        optionsIn
+      });
     }
   },
   // wraps client-side TSX/JSX with React Refresh preamble + import.meta.hot.accept
@@ -271,26 +341,36 @@ ${code}`), code;
     name: "one:react-refresh-web",
     apply: "serve",
     transform(code, _id) {
-      if (this.environment.name !== "client" || code.includes(import_constants.runtimePublicPath)) return;
+      if (this.environment.name !== "client") return;
+      if (code.includes(import_constants.runtimePublicPath)) return;
       const id = _id.split("?")[0];
-      if (id.includes("node_modules") || id.includes("virtual:") || id === import_constants.runtimePublicPath) return;
+      if (id.includes("node_modules")) return;
+      if (id.includes("virtual:")) return;
+      if (id === import_constants.runtimePublicPath) return;
       const ext = (0, import_node_path.extname)(id);
       if (ext !== ".tsx" && ext !== ".jsx") return;
       const hasRefreshCalls = /\$RefreshReg\$\(/.test(code);
       let out = `import * as RefreshRuntime from "${import_constants.runtimePublicPath}";
 
 `;
-      return hasRefreshCalls && (out += `if (!window.$RefreshReg$) throw new Error("React refresh preamble was not loaded. Something is wrong.");
+      if (hasRefreshCalls) {
+        out += `if (!window.$RefreshReg$) throw new Error("React refresh preamble was not loaded. Something is wrong.");
 const prevRefreshReg = window.$RefreshReg$;
 const prevRefreshSig = window.$RefreshSig$;
 window.$RefreshReg$ = RefreshRuntime.getRefreshReg("${id}");
 window.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
 
-`), out += code, hasRefreshCalls && (out += `
+`;
+      }
+      out += code;
+      if (hasRefreshCalls) {
+        out += `
 
 window.$RefreshReg$ = prevRefreshReg;
 window.$RefreshSig$ = prevRefreshSig;
-`), out += `
+`;
+      }
+      out += `
 RefreshRuntime.__hmr_import(import.meta.url).then((currentExports) => {
   RefreshRuntime.registerExportsForReactRefresh("${id}", currentExports);
   import.meta.hot.accept((nextExports) => {
@@ -299,7 +379,8 @@ RefreshRuntime.__hmr_import(import.meta.url).then((currentExports) => {
     if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
   });
 });
-`, {
+`;
+      return {
         code: out,
         map: null
       };