vxrn 0.1.50 → 0.1.52

package/dist/esm/exports/dev.mjs

@@ -1,41 +1,23 @@
 import wsAdapter from "crossws/adapters/node";
+import FSExtra from "fs-extra";
 import { createApp, createRouter, defineEventHandler, eventHandler, getQuery, toNodeListener } from "h3";
 import { createProxyEventHandler } from "h3-proxy";
-import { readFile, rm } from "node:fs/promises";
+import { rm } from "node:fs/promises";
 import { createServer as nodeCreateServer } from "node:http";
-import { dirname, join, relative, resolve } from "node:path";
-import readline from "node:readline";
+import { join } from "node:path";
+import { createServer, resolveConfig } from "vite";
 import { WebSocket } from "ws";
-import * as babel from "@babel/core";
-import { buildReact, buildReactJSX, buildReactNative } from "@vxrn/react-native-prebuilt";
-import viteReactPlugin, { swcTransform, transformForBuild } from "@vxrn/vite-native-swc";
-import { parse } from "es-module-lexer";
-import FSExtra from "fs-extra";
-import { build, createServer, mergeConfig, resolveConfig, transformWithEsbuild } from "vite";
-import createViteFlow from "@vxrn/vite-flow";
-import { resolve as importMetaResolve } from "import-meta-resolve";
-import { nativeExtensions } from "../constants.mjs";
 import { clientInjectionsPlugin } from "../plugins/clientInjectPlugin.mjs";
-import { reactNativeCommonJsPlugin } from "../plugins/reactNativeCommonJsPlugin.mjs";
-import { getBaseViteConfig } from "../utils/getBaseViteConfig.mjs";
+import { bindKeypressInput } from "../utils/bindKeypressInput.mjs";
+import { addConnectedNativeClient, removeConnectedNativeClient } from "../utils/connectedNativeClients.mjs";
+import { getIndexJsonResponse } from "../utils/getIndexJsonResponse.mjs";
 import { getOptionsFilled } from "../utils/getOptionsFilled.mjs";
-import { getVitePath } from "../utils/getVitePath.mjs";
+import { getReactNativeBundle } from "../utils/getReactNativeBundle.mjs";
+import { getViteServerConfig } from "../utils/getViteServerConfig.mjs";
+import { hotUpdateCache } from "../utils/hotUpdateCache.mjs";
 import { checkPatches } from "../utils/patches.mjs";
-import { getOptimizeDeps } from "../utils/getOptimizeDeps.mjs";
-let isBuildingNativeBundle = null;
-const hotUpdateCache = /* @__PURE__ */new Map();
-let connectedNativeClients = 0;
-const resolveFile = path => {
-    try {
-      return importMetaResolve(path, import.meta.url).replace("file://", "");
-    } catch {
-      return require.resolve(path);
-    }
-  },
-  {
-    ensureDir,
-    pathExists,
-    pathExistsSync
+const {
+    ensureDir
   } = FSExtra,
   dev = async ({
     clean,
@@ -131,13 +113,13 @@ const resolveFile = path => {
       handler() {},
       websocket: {
         open(peer) {
-          console.debug("[hmr] open", peer), connectedNativeClients++;
+          console.debug("[hmr] open", peer), addConnectedNativeClient();
         },
         message(peer, message) {
           console.info("[hmr] message", peer, message), message.text().includes("ping") && peer.send("pong");
         },
         close(peer, event) {
-          console.info("[hmr] close", peer, event), connectedNativeClients--;
+          console.info("[hmr] close", peer, event), removeConnectedNativeClient();
         },
         error(peer, error) {
           console.error("[hmr] error", peer, error);
@@ -193,401 +175,4 @@ const resolveFile = path => {
       }
     };
   };
-async function getReactNativeBundle(options, viteRNClientPlugin) {
-  const {
-      root,
-      port,
-      cacheDir
-    } = options,
-    {
-      depsToOptimize
-    } = getOptimizeDeps("build");
-  if (process.env.LOAD_TMP_BUNDLE) {
-    const tmpBundle = join(process.cwd(), "bundle.tmp.js");
-    if (await pathExists(tmpBundle)) return console.info("\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F returning temp bundle \u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F", tmpBundle), await readFile(tmpBundle, "utf-8");
-  }
-  if (isBuildingNativeBundle) return await isBuildingNativeBundle;
-  let done;
-  isBuildingNativeBundle = new Promise(res => {
-    done = res;
-  });
-  async function babelReanimated(input, filename) {
-    return await new Promise((res, rej) => {
-      babel.transform(input, {
-        plugins: ["react-native-reanimated/plugin"],
-        filename
-      }, (err, result) => {
-        (!result || err) && rej(err || "no res"), res(result.code);
-      });
-    });
-  }
-  let nativeBuildConfig = {
-    plugins: [options.flow ? createViteFlow(options.flow) : null, swapPrebuiltReactModules(cacheDir), {
-      name: "reanimated",
-      async transform(code, id) {
-        if (code.includes("worklet")) return await babelReanimated(code, id);
-      }
-    }, viteRNClientPlugin, reactNativeCommonJsPlugin({
-      root,
-      port,
-      mode: "build"
-    }), viteReactPlugin({
-      tsDecorators: !0,
-      mode: "build"
-    }), {
-      name: "treat-js-files-as-jsx",
-      async transform(code, id) {
-        return id.includes("expo-status-bar") ? transformWithEsbuild(code, id, {
-          loader: "jsx",
-          jsx: "automatic"
-        }) : null;
-      }
-    }].filter(Boolean),
-    appType: "custom",
-    root,
-    clearScreen: !1,
-    optimizeDeps: {
-      include: depsToOptimize,
-      esbuildOptions: {
-        jsx: "automatic"
-      }
-    },
-    resolve: {
-      extensions: nativeExtensions
-    },
-    mode: "development",
-    define: {
-      "process.env.NODE_ENV": '"development"'
-    },
-    build: {
-      ssr: !1,
-      minify: !1,
-      commonjsOptions: {
-        transformMixedEsModules: !0
-      },
-      rollupOptions: {
-        input: options.entries.native,
-        treeshake: !1,
-        preserveEntrySignatures: "strict",
-        output: {
-          preserveModules: !0,
-          format: "cjs"
-        }
-      }
-    }
-  };
-  options.nativeConfig && (nativeBuildConfig = mergeConfig(nativeBuildConfig, options.nativeConfig)), await resolveConfig(nativeBuildConfig, "build");
-  const buildOutput = await build(nativeBuildConfig);
-  if (!("output" in buildOutput)) throw "\u274C";
-  let appCode = buildOutput.output.sort((a, b) => a.isEntry ? 1 : -1).map(outputModule => {
-    if (outputModule.type == "chunk") {
-      const importsMap = {
-        currentPath: outputModule.fileName
-      };
-      for (const imp of outputModule.imports) {
-        const relativePath = relative(dirname(outputModule.fileName), imp);
-        importsMap[relativePath[0] === "." ? relativePath : "./" + relativePath] = imp;
-      }
-      return outputModule.isEntry && (entryRoot = dirname(outputModule.fileName)), `
-___modules___["${outputModule.fileName}"] = ((exports, module) => {
-const require = createRequire(${JSON.stringify(importsMap, null, 2)})
-
-${outputModule.code}
-})
-
-${outputModule.isEntry ? `
-// run entry
-const __require = createRequire({})
-__require("react-native")
-__require("${outputModule.fileName}")
-` : ""}
-`;
-    }
-  }).join(`
-`);
-  if (!appCode) throw "\u274C";
-  appCode = appCode.replaceAll('dist/esm/index.mjs"', 'dist/esm/index.js"');
-  const appRootParent = join(root, "..", ".."),
-    prebuilds = {
-      reactJSX: join(cacheDir, "react-jsx-runtime.js"),
-      react: join(cacheDir, "react.js"),
-      reactNative: join(cacheDir, "react-native.js")
-    },
-    templateFile = resolveFile("vxrn/react-native-template.js"),
-    out = (await readFile(templateFile, "utf-8")).replace("_virtual/virtual_react-native.js", relative(appRootParent, prebuilds.reactNative)).replace("_virtual/virtual_react.js", relative(appRootParent, prebuilds.react)).replaceAll("_virtual/virtual_react-jsx.js", relative(appRootParent, prebuilds.reactJSX)) + appCode;
-  return done(out), isBuildingNativeBundle = null, out;
-}
-async function swapPrebuiltReactModules(cacheDir) {
-  const prebuilds = {
-    reactJSX: join(cacheDir, "react-jsx-runtime.js"),
-    react: join(cacheDir, "react.js"),
-    reactNative: join(cacheDir, "react-native.js")
-  };
-  (await pathExists(prebuilds.reactNative)) || (console.info("Pre-building react, react-native react/jsx-runtime (one time cost)..."), await Promise.all([buildReactNative({
-    entryPoints: [resolveFile("react-native")],
-    outfile: prebuilds.reactNative
-  }), buildReact({
-    entryPoints: [resolveFile("react")],
-    outfile: prebuilds.react
-  }), buildReactJSX({
-    entryPoints: [resolveFile("react/jsx-dev-runtime")],
-    outfile: prebuilds.reactJSX
-  })]));
-  const jsxRuntime = {
-      // alias: 'virtual:react-jsx',
-      alias: prebuilds.reactJSX,
-      contents: await readFile(prebuilds.reactJSX, "utf-8")
-    },
-    virtualModules = {
-      "react-native": {
-        // alias: 'virtual:react-native',
-        alias: prebuilds.reactNative,
-        contents: await readFile(prebuilds.reactNative, "utf-8")
-      },
-      react: {
-        // alias: 'virtual:react',
-        alias: prebuilds.react,
-        contents: await readFile(prebuilds.react, "utf-8")
-      },
-      "react/jsx-runtime": jsxRuntime,
-      "react/jsx-dev-runtime": jsxRuntime
-    };
-  return {
-    name: "swap-react-native",
-    enforce: "pre",
-    resolveId(id, importer = "") {
-      if (id.startsWith("react-native/Libraries")) return `virtual:rn-internals:${id}`;
-      if (id === "react-native-web") return prebuilds.reactNative;
-      for (const targetId in virtualModules) if (id === targetId || id.includes(`node_modules/${targetId}/`)) return virtualModules[targetId].alias;
-      if (isBuildingNativeBundle && id[0] === ".") {
-        const absolutePath = resolve(dirname(importer), id),
-          nativePath = absolutePath.replace(/(.m?js)/, ".native.js");
-        if (nativePath === id) return;
-        try {
-          const directoryPath = absolutePath + "/index.native.js",
-            directoryNonNativePath = absolutePath + "/index.js";
-          if (pathExistsSync(directoryPath)) return directoryPath;
-          if (pathExistsSync(directoryNonNativePath)) return directoryNonNativePath;
-          if (pathExistsSync(nativePath)) return nativePath;
-        } catch (err) {
-          console.warn("error probably fine", err);
-        }
-      }
-    },
-    load(id) {
-      if (id.startsWith("virtual:rn-internals")) return `const ___val = __cachedModules["${id.replace("virtual:rn-internals:", "")}"]
-        const ___defaultVal = ___val ? ___val.default || ___val : ___val
-        export default ___defaultVal`;
-      for (const targetId in virtualModules) {
-        const info = virtualModules[targetId];
-        if (id === info.alias) return info.contents;
-      }
-    }
-  };
-}
-function getIndexJsonResponse({
-  port,
-  root
-}) {
-  return {
-    name: "myapp",
-    slug: "myapp",
-    scheme: "myapp",
-    version: "1.0.0",
-    jsEngine: "jsc",
-    orientation: "portrait",
-    icon: "./assets/icon.png",
-    userInterfaceStyle: "light",
-    splash: {
-      image: "./assets/splash.png",
-      resizeMode: "contain",
-      backgroundColor: "#ffffff",
-      imageUrl: "http://127.0.0.1:8081/assets/./assets/splash.png"
-    },
-    updates: {
-      fallbackToCacheTimeout: 0
-    },
-    assetBundlePatterns: ["**/*"],
-    ios: {
-      supportsTablet: !0,
-      bundleIdentifier: "com.natew.myapp"
-    },
-    android: {
-      package: "com.tamagui.myapp",
-      adaptiveIcon: {
-        foregroundImage: "./assets/adaptive-icon.png",
-        backgroundColor: "#FFFFFF",
-        foregroundImageUrl: "http://127.0.0.1:8081/assets/./assets/adaptive-icon.png"
-      }
-    },
-    web: {
-      favicon: "./assets/favicon.png"
-    },
-    extra: {
-      eas: {
-        projectId: "061b4470-78c7-4d6a-b850-8167fb0a3434"
-      }
-    },
-    _internal: {
-      isDebug: !1,
-      projectRoot: root,
-      dynamicConfigPath: null,
-      staticConfigPath: join(root, "app.json"),
-      packageJsonPath: join(root, "package.json")
-    },
-    sdkVersion: "50.0.0",
-    platforms: ["ios", "android", "web"],
-    iconUrl: `http://127.0.0.1:${port}/assets/./assets/icon.png`,
-    debuggerHost: `127.0.0.1:${port}`,
-    logUrl: `http://127.0.0.1:${port}/logs`,
-    developer: {
-      tool: "expo-cli",
-      projectRoot: root
-    },
-    packagerOpts: {
-      dev: !0
-    },
-    mainModuleName: "index",
-    __flipperHack: "React Native packager is running",
-    hostUri: `127.0.0.1:${port}`,
-    bundleUrl: `http://127.0.0.1:${port}/index.bundle?platform=ios&dev=true&hot=false&lazy=true`,
-    id: "@anonymous/myapp-473c4543-3c36-4786-9db1-c66a62ac9b78"
-  };
-}
-function bindKeypressInput() {
-  if (!process.stdin.setRawMode) {
-    console.warn({
-      msg: "Interactive mode is not supported in this environment"
-    });
-    return;
-  }
-  readline.emitKeypressEvents(process.stdin), process.stdin.setRawMode(!0), process.stdin.on("keypress", (_key, data) => {
-    const {
-      ctrl,
-      name
-    } = data;
-    if (ctrl === !0) switch (name) {
-      case "c":
-        process.exit();
-      case "z":
-        process.emit("SIGTSTP", "SIGTSTP");
-        break;
-    } else switch (name) {
-      case "r":
-        break;
-      case "d":
-        break;
-      case "c":
-        process.stdout.write("\x1B[2J\x1B[0;0H");
-        break;
-    }
-  });
-}
-function isWithin(outer, inner) {
-  const rel = relative(outer, inner);
-  return !rel.startsWith("../") && rel !== "..";
-}
-let entryRoot = "";
-async function getViteServerConfig(config) {
-  const {
-      root,
-      host,
-      webConfig
-    } = config,
-    {
-      optimizeDeps
-    } = getOptimizeDeps("serve");
-  let serverConfig = mergeConfig(getBaseViteConfig({
-    mode: "development"
-  }), {
-    root,
-    clearScreen: !1,
-    plugins: [reactNativeHMRPlugin(config), {
-      name: "process-env-ssr",
-      transform(code, id, options) {
-        if (!id.includes("node_modules") && code.includes("process.env.TAMAGUI_IS_SERVER")) return code.replaceAll("process.env.TAMAGUI_IS_SERVER", `${!!options?.ssr}`);
-      }
-    }],
-    optimizeDeps,
-    ssr: {
-      // noExternal true causes many incompat issues because we need things on disk to work
-      // eg generally node uses .cjs extensions to "switch" back to cjs mode on import, but once bundled
-      // this wont happen, breaking many things
-      // but we need react related things always so they dont duplicate
-      noExternal: [...optimizeDeps.include, "react", "react-dom", "react-dom/server", "react-dom/client"],
-      optimizeDeps
-    },
-    server: {
-      hmr: {
-        path: "/__vxrnhmr"
-      },
-      cors: !0,
-      host
-    }
-  });
-  if (webConfig) {
-    serverConfig = mergeConfig(serverConfig, webConfig);
-    const theirNoExternal = webConfig.ssr?.noExternal;
-    theirNoExternal != null && theirNoExternal !== !0 && (serverConfig.ssr.noExternal = theirNoExternal);
-  }
-  return process.env.DEBUG && (console.debug("server config is", serverConfig), console.debug(`server ssr
-`, JSON.stringify(serverConfig.ssr, null, 2))), serverConfig = {
-    ...serverConfig,
-    plugins: [...serverConfig.plugins]
-  }, serverConfig;
-}
-function reactNativeHMRPlugin({
-  root
-}) {
-  return {
-    name: "client-transform",
-    async handleHotUpdate({
-      read,
-      modules,
-      file
-    }) {
-      try {
-        if (!isWithin(root, file) || !connectedNativeClients) return;
-        const [module] = modules;
-        if (!module) return;
-        const id = module?.url || file.replace(root, ""),
-          code = await read();
-        if (code.startsWith("'use strict';") || !code) return;
-        let source = code;
-        source = (await transformForBuild(id, source))?.code || "";
-        const importsMap = {},
-          [imports] = parse(source);
-        let accumulatedSliceOffset = 0;
-        for (const specifier of imports) {
-          const {
-            n: importName,
-            s: start
-          } = specifier;
-          if (importName) {
-            const id2 = await getVitePath(entryRoot, file, importName);
-            if (!id2) {
-              console.warn("???");
-              continue;
-            }
-            importsMap[id2] = id2.replace(/^(\.\.\/)+/, "");
-            const len = importName.length,
-              extraLen = id2.length - len;
-            source = source.slice(0, start + accumulatedSliceOffset) + id2 + source.slice(start + accumulatedSliceOffset + len), accumulatedSliceOffset += extraLen;
-          }
-        }
-        if (source = (await swcTransform(id, source, {
-          mode: "serve-cjs"
-        }))?.code || "", !source) throw "\u274C no source";
-        importsMap.currentPath = id;
-        const hotUpdateSource = `exports = ((exports) => {
-          const require = createRequire(${JSON.stringify(importsMap, null, 2)})
-          ${source.replace("import.meta.hot.accept(() => {})", "").replaceAll(/import.meta.glob\(.*\)/gi, "globalThis['__importMetaGlobbed'] || {}")};
-          return exports })({})`;
-        process.env.DEBUG && console.info("Sending hot update", hotUpdateSource), hotUpdateCache.set(id, hotUpdateSource);
-      } catch (err) {
-        console.error("Error processing hmr update:", err);
-      }
-    }
-  };
-}
-export { bindKeypressInput, dev, resolveFile };
+export { dev };