vxrn 0.1.83 → 0.1.85

package/dist/esm/vendor/debugger-app/src/index.native.js

@@ -1,116 +1 @@
-import "./index.css";
-import DebuggerWorker from "./debuggerWorker.js";
-var blueIcon = "", grayIcon = "", orangeIcon = "", isMacLike = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform), refreshShortcut = isMacLike ? "\u2318R" : "Ctrl R";
-window.onload = function() {
-  isMacLike || (document.getElementById("shortcut").innerHTML = "Ctrl\u21E7J"), Page.render();
-};
-window.onReloadClicked = function() {
-  var xhr = new XMLHttpRequest();
-  xhr.open("GET", "".concat(window.location.origin, "/reload"), !0), xhr.send();
-};
-var Page = window.Page = {
-  state: {
-    isDark: localStorage.getItem("darkTheme") === null ? window.matchMedia("(prefers-color-scheme: dark)").matches : localStorage.getItem("darkTheme") === "on",
-    isPriorityMaintained: localStorage.getItem("maintainPriority") === "on",
-    status: {
-      type: "disconnected"
-    },
-    visibilityState: document.visibilityState
-  },
-  setState: function(partialState) {
-    Page.state = Object.assign({}, Page.state, partialState), Page.render();
-  },
-  render: function() {
-    var _Page_state = Page.state, isDark = _Page_state.isDark, isPriorityMaintained = _Page_state.isPriorityMaintained, status = _Page_state.status, visibilityState = _Page_state.visibilityState, statusNode = document.getElementById("status");
-    switch (status.type) {
-      case "connected":
-        statusNode.innerHTML = "Debugger session #" + status.id + " active.";
-        break;
-      case "error":
-        statusNode.innerHTML = status.error.reason || "Disconnected from proxy. Attempting reconnection. Is node server running?";
-        break;
-      case "connecting":
-      case "disconnected":
-      default:
-        statusNode.innerHTML = 'Waiting, press <span class="shortcut">' + refreshShortcut + "</span> in simulator to reload and connect.";
-        break;
-    }
-    var linkNode = document.querySelector("link[rel=icon]");
-    status.type === "disconnected" || status.type === "error" ? linkNode.href = grayIcon : visibilityState === "visible" || isPriorityMaintained ? linkNode.href = blueIcon : linkNode.href = orangeIcon;
-    var darkCheckbox = document.getElementById("dark");
-    document.body.classList.toggle("dark", isDark), darkCheckbox.checked = isDark, localStorage.setItem("darkTheme", isDark ? "on" : "");
-    var maintainPriorityCheckbox = document.getElementById("maintain-priority");
-    maintainPriorityCheckbox.checked = isPriorityMaintained, localStorage.setItem("maintainPriority", isPriorityMaintained ? "on" : "");
-  },
-  toggleDarkTheme: function() {
-    Page.setState({
-      isDark: !Page.state.isDark
-    });
-  },
-  togglePriorityMaintenance: function() {
-    Page.setState({
-      isPriorityMaintained: !Page.state.isPriorityMaintained
-    });
-  }
-};
-function connectToDebuggerProxy() {
-  var ws = new WebSocket("ws://" + window.location.host + "/debugger-proxy?role=debugger&name=Chrome"), worker;
-  function createJSRuntime() {
-    worker = new DebuggerWorker(), worker.onmessage = function(message) {
-      ws.send(JSON.stringify(message.data));
-    }, window.onbeforeunload = function() {
-      return "If you reload this page, it is going to break the debugging session. Press " + refreshShortcut + " on the device to reload.";
-    }, updateVisibility();
-  }
-  function shutdownJSRuntime() {
-    worker && (worker.terminate(), worker = null, window.onbeforeunload = null);
-  }
-  function updateVisibility() {
-    worker && !Page.state.isPriorityMaintained && worker.postMessage({
-      method: "setDebuggerVisibility",
-      visibilityState: document.visibilityState
-    }), Page.setState({
-      visibilityState: document.visibilityState
-    });
-  }
-  ws.onopen = function() {
-    Page.setState({
-      status: {
-        type: "connecting"
-      }
-    });
-  }, ws.onmessage = function(message) {
-    if (message.data) {
-      var object = JSON.parse(message.data);
-      if (object.$event === "client-disconnected") {
-        shutdownJSRuntime(), Page.setState({
-          status: {
-            type: "disconnected"
-          }
-        });
-        return;
-      }
-      object.method && (object.method === "prepareJSRuntime" ? (shutdownJSRuntime(), console.clear(), createJSRuntime(), ws.send(JSON.stringify({
-        replyID: object.id
-      })), Page.setState({
-        status: {
-          type: "connected",
-          id: object.id
-        }
-      })) : object.method === "$disconnected" ? (shutdownJSRuntime(), Page.setState({
-        status: {
-          type: "disconnected"
-        }
-      })) : worker.postMessage(object));
-    }
-  }, ws.onclose = function(error) {
-    shutdownJSRuntime(), Page.setState({
-      status: {
-        type: "error",
-        error
-      }
-    }), error.reason && console.warn(error.reason), setTimeout(connectToDebuggerProxy, 500);
-  }, document.addEventListener("visibilitychange", updateVisibility, !1);
-}
-connectToDebuggerProxy();
 //# sourceMappingURL=index.js.map

package/dist/esm/vendor/debugger-app/src/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/vendor/debugger-app/src/Users/n8/vxrn/packages/vxrn/src/vendor/debugger-app/src/index.js"],
-  "mappings": "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",
-  "names": ["DebuggerWorker", "blueIcon", "grayIcon", "orangeIcon", "isMacLike", "test", "navigator", "platform", "refreshShortcut", "window", "onload", "document", "getElementById", "innerHTML", "Page", "render", "onReloadClicked", "xhr", "XMLHttpRequest", "open", "location", "origin", "send", "state", "isDark", "localStorage", "getItem", "matchMedia", "matches", "isPriorityMaintained", "status", "type", "visibilityState", "setState", "partialState", "Object", "assign", "statusNode", "id", "error", "reason", "linkNode", "querySelector", "href", "darkCheckbox", "body", "classList", "toggle", "checked", "setItem", "maintainPriorityCheckbox", "toggleDarkTheme", "togglePriorityMaintenance", "connectToDebuggerProxy", "ws", "WebSocket", "host", "worker", "createJSRuntime", "onmessage", "message", "JSON", "stringify", "data", "onbeforeunload", "updateVisibility", "shutdownJSRuntime", "terminate", "postMessage", "method", "onopen", "object", "parse", "$event", "console", "clear", "replyID", "onclose", "warn", "setTimeout", "addEventListener"]
+  "sources": [],
+  "mappings": "",
+  "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxrn",
-  "version": "0.1.83",
+  "version": "0.1.85",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "type": "module",
@@ -12,6 +12,7 @@
   "scripts": {
     "build": "tamagui-build",
     "watch": "yarn build --watch",
+    "check": "yarn depcheck",
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build"
   },
@@ -31,52 +32,35 @@
     }
   },
   "dependencies": {
-    "@babel/code-frame": "^7.21.4",
+    "@babel/core": "^7.21.8",
     "@hono/node-server": "^1.11.1",
-    "@vitejs/plugin-react": "^4.2.1",
     "@vitejs/plugin-react-swc": "^3.6.0",
-    "@vxrn/react-native-prebuilt": "0.1.83",
-    "@vxrn/safe-area": "0.1.83",
-    "@vxrn/vite-flow": "0.1.83",
-    "@vxrn/vite-native-client": "0.1.83",
-    "@vxrn/vite-native-hmr": "0.1.83",
-    "@vxrn/vite-native-swc": "0.1.83",
+    "@vxrn/react-native-prebuilt": "0.1.85",
+    "@vxrn/safe-area": "0.1.85",
+    "@vxrn/vite-flow": "0.1.85",
+    "@vxrn/vite-native-swc": "0.1.85",
     "citty": "^0.1.6",
     "crossws": "^0.2.4",
     "es-module-lexer": "^1.3.0",
     "esbuild": "~0.19.3",
-    "esm-resolve": "^1.0.8",
-    "fast-glob": "^3.2.11",
     "find-node-modules": "^2.1.3",
     "fs-extra": "^11.2.0",
     "get-port-please": "^3.1.2",
     "h3": "^1.11.1",
-    "h3-compression": "^0.3.2",
     "h3-proxy": "^1.13.0",
     "hono": "^4.3.10",
-    "import-meta-resolve": "^4.0.0",
-    "jiti": "^1.21.0",
-    "metro-inspector-proxy": "^0.71.0",
-    "mime": "^3.0.0",
-    "open-editor": "^4.1.1",
+    "import-meta-resolve": "^4.1.0",
     "pkg-types": "^1.0.3",
-    "pretty-format": "^28.1.0",
-    "prompts": "^2.4.2",
-    "readline": "^1.3.0",
-    "rollup-plugin-node-externals": "^7.1.2",
-    "sirv": "^2.0.4",
-    "source-map": "^0.7.3",
-    "url": "^0.11.0",
     "vite": "6.0.0-alpha.17",
     "vite-bundle-analyzer": "^0.9.4",
-    "vxs": "0.1.83",
     "ws": "^8.7.0"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.6.3",
-    "@tamagui/build": "^1.99.1",
+    "@tamagui/build": "^1.100.0",
     "@types/find-node-modules": "^2.1.2",
     "@types/ws": "^8.5.10",
+    "depcheck": "^1.4.7",
     "rollup": "^3.29.4"
   }
 }

package/src/exports/build.ts

@@ -101,7 +101,7 @@ export const build = async (optionsIn: VXRNConfig, buildArgs: BuildArgs = {}) =>
         manifest: true,
 
         rollupOptions: {
-          input: ['./src/entry.tsx'],
+          input: ['virtual:vxs-entry'],
         },
       },
     } satisfies UserConfig)
@@ -133,10 +133,11 @@ export const build = async (optionsIn: VXRNConfig, buildArgs: BuildArgs = {}) =>
     build: {
       // we want one big file of css
       cssCodeSplit: false,
-      ssr: 'src/entry.tsx',
+      ssr: true,
       outDir: 'dist/server',
       rollupOptions: {
         external: [],
+        input: ['virtual:vxs-entry'],
       },
     },
   } satisfies UserConfig)

package/src/types.ts

@@ -31,15 +31,14 @@ export type ClientManifestEntry = {
 
 export type VXRNConfig = {
   /**
-   * The entry points to your app. For web, it uses your `root` and looks for an index.html
+   * The entry points to your app. For web, it defaults to using your `root` to look for an index.html
    *
    * Defaults:
    *   native: ./src/entry-native.tsx
-   *   server: ./src/entry-server.tsx
    */
   entries?: {
     native?: string
-    server?: string
+    web?: string
   }
   root?: string
   host?: string

package/src/utils/findDepsToOptimize.ts

@@ -0,0 +1,293 @@
+// forked from https://github.com/svitejs/vitefu/blob/main/src/index.js
+
+import fs from 'node:fs/promises'
+import fsSync from 'node:fs'
+import path from 'node:path'
+
+// let pnp
+// if (process.versions.pnp) {
+//   try {
+//     const { createRequire } = (await import('node:module')).default
+//     pnp = createRequire(import.meta.url)('pnpapi')
+//   } catch {}
+// }
+
+export { isDepIncluded, isDepExcluded, isDepNoExternaled, isDepExternaled }
+
+export async function crawlFrameworkPkgs(options) {
+  const pkgJsonPath = await findClosestPkgJsonPath(options.root)
+  if (!pkgJsonPath) {
+    // @ts-expect-error don't throw in deno as package.json is not required
+    if (typeof Deno !== 'undefined') {
+      return {
+        optimizeDeps: { include: [], exclude: [] },
+        ssr: { noExternal: [], external: [] },
+      }
+    }
+    throw new Error(`Cannot find package.json from ${options.root}`)
+  }
+  const pkgJson = await readJson(pkgJsonPath).catch((e) => {
+    throw new Error(`Unable to read ${pkgJsonPath}`, { cause: e })
+  })
+
+  let optimizeDepsInclude: string[] = []
+  let optimizeDepsExclude: string[] = []
+  let ssrNoExternal: string[] = []
+  let ssrExternal: string[] = []
+
+  await crawl(pkgJsonPath, pkgJson)
+
+  // respect vite user config
+  if (options.viteUserConfig) {
+    // remove includes that are explicitly excluded in optimizeDeps
+    const _optimizeDepsExclude = options.viteUserConfig?.optimizeDeps?.exclude
+    if (_optimizeDepsExclude) {
+      optimizeDepsInclude = optimizeDepsInclude.filter(
+        (dep) => !isDepExcluded(dep, _optimizeDepsExclude)
+      )
+    }
+    // remove excludes that are explicitly included in optimizeDeps
+    const _optimizeDepsInclude = options.viteUserConfig?.optimizeDeps?.include
+    if (_optimizeDepsInclude) {
+      optimizeDepsExclude = optimizeDepsExclude.filter(
+        (dep) => !isDepIncluded(dep, _optimizeDepsInclude)
+      )
+    }
+    // remove noExternals that are explicitly externalized
+    const _ssrExternal = options.viteUserConfig?.ssr?.external
+    if (_ssrExternal) {
+      ssrNoExternal = ssrNoExternal.filter((dep) => !isDepExternaled(dep, _ssrExternal))
+    }
+    // remove externals that are explicitly noExternal
+    const _ssrNoExternal = options.viteUserConfig?.ssr?.noExternal
+    if (_ssrNoExternal) {
+      ssrExternal = ssrExternal.filter((dep) => !isDepNoExternaled(dep, _ssrNoExternal))
+    }
+  }
+
+  return {
+    optimizeDeps: {
+      include: optimizeDepsInclude,
+      exclude: optimizeDepsExclude,
+    },
+    ssr: {
+      noExternal: ssrNoExternal,
+      external: ssrExternal,
+    },
+  }
+
+  /**
+   * crawl the package.json dependencies for framework packages. rules:
+   * 1. a framework package should be `optimizeDeps.exclude` and `ssr.noExternal`.
+   * 2. the deps of the framework package should be `optimizeDeps.include` and `ssr.external`
+   *    unless the dep is also a framework package, in which case do no1 & no2 recursively.
+   * 3. any non-framework packages that aren't imported by a framework package can be skipped entirely.
+   * 4. a semi-framework package is like a framework package, except it isn't `optimizeDeps.exclude`,
+   *    but only applies `ssr.noExternal`.
+   * @param {string} pkgJsonPath
+   * @param {Record<string, any>} pkgJson
+   * @param {string[]} [parentDepNames]
+   */
+  async function crawl(
+    pkgJsonPath: string,
+    pkgJson: Record<string, any>,
+    parentDepNames: string[] = []
+  ) {
+    const isRoot = parentDepNames.length === 0
+
+    let deps = [
+      ...Object.keys(pkgJson.dependencies || {}),
+      ...(isRoot ? Object.keys(pkgJson.devDependencies || {}) : []),
+    ]
+
+    deps = deps.filter((dep) => {
+      // skip circular deps
+      if (parentDepNames.includes(dep)) {
+        return false
+      }
+
+      const isFrameworkPkg = options.isFrameworkPkgByName?.(dep)
+      const isSemiFrameworkPkg = options.isSemiFrameworkPkgByName?.(dep)
+      if (isFrameworkPkg) {
+        // framework packages should be excluded from optimization as esbuild can't handle them.
+        // otherwise it'll cause https://github.com/vitejs/vite/issues/3910
+        optimizeDepsExclude.push(dep)
+        // framework packages should be noExternal so that they go through vite's transformation
+        // pipeline, since nodejs can't support them.
+        ssrNoExternal.push(dep)
+      } else if (isSemiFrameworkPkg) {
+        // semi-framework packages should do the same except for optimization exclude as they
+        // aren't needed to work (they don't contain raw framework components)
+        ssrNoExternal.push(dep)
+      }
+
+      // only those that are explictly false can skip crawling since we don't need to do anything
+      // special for them
+      if (isFrameworkPkg === false || isSemiFrameworkPkg === false) {
+        return false
+      }
+      // if `true`, we need to crawl the nested deps to deep include and ssr externalize them in dev.
+      // if `undefined`, it's the same as "i don't know". we need to crawl and find the package.json
+      // to find out.
+      return true
+    })
+
+    const promises = deps.map(async (dep) => {
+      const depPkgJsonPath = await findDepPkgJsonPath(dep, pkgJsonPath)
+      if (!depPkgJsonPath) return
+      const depPkgJson = await readJson(depPkgJsonPath).catch(() => {})
+      if (!depPkgJson) return
+
+      // fast path if this dep is already a framework dep based on the filter condition above
+      const cachedIsFrameworkPkg = ssrNoExternal.includes(dep)
+      if (cachedIsFrameworkPkg) {
+        return crawl(depPkgJsonPath, depPkgJson, parentDepNames.concat(dep))
+      }
+
+      // check if this dep is a framework dep, if so, track and crawl it
+      const isFrameworkPkg = options.isFrameworkPkgByJson?.(depPkgJson)
+      const isSemiFrameworkPkg = options.isSemiFrameworkPkgByJson?.(depPkgJson)
+      if (isFrameworkPkg || isSemiFrameworkPkg) {
+        // see explanation in filter condition above
+        if (isFrameworkPkg) {
+          optimizeDepsExclude.push(dep)
+          ssrNoExternal.push(dep)
+        } else if (isSemiFrameworkPkg) {
+          ssrNoExternal.push(dep)
+        }
+        return crawl(depPkgJsonPath, depPkgJson, parentDepNames.concat(dep))
+      }
+
+      // if we're crawling in a non-root state, the parent is 100% a framework package
+      // because of the above if block. in this case, if it's dep of a non-framework
+      // package, handle special cases for them.
+      if (!isRoot) {
+        // deep include it if it's a CJS package, so it becomes ESM and vite is happy.
+        if (await pkgNeedsOptimization(depPkgJson, depPkgJsonPath)) {
+          optimizeDepsInclude.push(parentDepNames.concat(dep).join(' > '))
+        }
+        // also externalize it in dev so it doesn't trip vite's SSR transformation.
+        // we do in dev only as build cannot access deep external packages in strict
+        // dependency installations, such as pnpm.
+        if (!options.isBuild && !ssrExternal.includes(dep)) {
+          ssrExternal.push(dep)
+        }
+      }
+    })
+
+    await Promise.all(promises)
+  }
+}
+
+export async function findDepPkgJsonPath(dep, parent) {
+  // if (pnp) {
+  //   try {
+  //     const depRoot = pnp.resolveToUnqualified(dep, parent)
+  //     if (!depRoot) return
+  //     return path.join(depRoot, 'package.json')
+  //   } catch {
+  //     return
+  //   }
+  // }
+
+  let root = parent
+  while (root) {
+    const pkg = path.join(root, 'node_modules', dep, 'package.json')
+    try {
+      await fs.access(pkg)
+      // use 'node:fs' version to match 'vite:resolve' and avoid realpath.native quirk
+      // https://github.com/sveltejs/vite-plugin-svelte/issues/525#issuecomment-1355551264
+      return fsSync.realpathSync(pkg)
+    } catch {}
+    const nextRoot = path.dirname(root)
+    if (nextRoot === root) break
+    root = nextRoot
+  }
+}
+
+export async function findClosestPkgJsonPath(dir: string, predicate?: Function) {
+  if (dir.endsWith('package.json')) {
+    dir = path.dirname(dir)
+  }
+  while (dir) {
+    const pkg = path.join(dir, 'package.json')
+    try {
+      const stat = await fs.stat(pkg)
+      if (stat.isFile() && (!predicate || (await predicate(pkg)))) {
+        return pkg
+      }
+    } catch {}
+    const nextDir = path.dirname(dir)
+    if (nextDir === dir) break
+    dir = nextDir
+  }
+}
+
+export async function pkgNeedsOptimization(pkgJson: any, pkgJsonPath: string) {
+  // only optimize if is cjs, using the below as heuristic
+  // see https://github.com/sveltejs/vite-plugin-svelte/issues/162
+  if (pkgJson.module || pkgJson.exports) return false
+  // if have main, ensure entry is js so vite can prebundle it
+  // see https://github.com/sveltejs/vite-plugin-svelte/issues/233
+  if (pkgJson.main) {
+    const entryExt = path.extname(pkgJson.main)
+    return !entryExt || entryExt === '.js' || entryExt === '.cjs'
+  }
+  // check if has implicit index.js entrypoint to prebundle
+  // see https://github.com/sveltejs/vite-plugin-svelte/issues/281
+  // see https://github.com/solidjs/vite-plugin-solid/issues/70#issuecomment-1306488154
+  try {
+    await fs.access(path.join(path.dirname(pkgJsonPath), 'index.js'))
+    return true
+  } catch {
+    return false
+  }
+}
+
+async function readJson(findDepPkgJsonPath) {
+  return JSON.parse(await fs.readFile(findDepPkgJsonPath, 'utf8'))
+}
+
+function isDepIncluded(dep, optimizeDepsInclude) {
+  return optimizeDepsInclude.some((id) => parseIncludeStr(id) === dep)
+}
+
+function isDepExcluded(dep, optimizeDepsExclude) {
+  dep = parseIncludeStr(dep)
+  return optimizeDepsExclude.some((id) => id === dep || dep.startsWith(`${id}/`))
+}
+
+function isDepNoExternaled(dep, ssrNoExternal) {
+  if (ssrNoExternal === true) {
+    return true
+  }
+  return isMatch(dep, ssrNoExternal)
+}
+
+function isDepExternaled(dep, ssrExternal) {
+  return ssrExternal.includes(dep)
+}
+
+/**
+ * @param {string} raw could be "foo" or "foo > bar" etc
+ */
+function parseIncludeStr(raw) {
+  const lastArrow = raw.lastIndexOf('>')
+  return lastArrow === -1 ? raw : raw.slice(lastArrow + 1).trim()
+}
+
+/**
+ * @param {string} target
+ * @param {string | RegExp | (string | RegExp)[]} pattern
+ */
+function isMatch(target, pattern) {
+  if (Array.isArray(pattern)) {
+    return pattern.some((p) => isMatch(target, p))
+  }
+  if (typeof pattern === 'string') {
+    return target === pattern
+  }
+  if (pattern instanceof RegExp) {
+    return pattern.test(target)
+  }
+}

package/src/utils/getBaseViteConfig.ts

@@ -19,6 +19,18 @@ export function getBaseViteConfig({ mode }: { mode: 'development' | 'production'
         'react-native': 'react-native-web',
         'react-native-safe-area-context': '@vxrn/safe-area',
       },
+
+      // TODO auto dedupe all include optimize deps?
+      dedupe: [
+        'vxs',
+        '@vxrn/safe-area',
+        'react',
+        'react-dom',
+        'react-dom/client',
+        'react-native-web',
+        '@tamagui/core',
+        '@tamagui/web',
+      ],
     },
 
     build: {

package/src/vendor/debugger-app/index.js

@@ -1,3 +1,3 @@
-import { URL, fileURLToPath } from 'url';
+// import { URL, fileURLToPath } from 'url';
 
-export default fileURLToPath(new URL('./dist', import.meta.url));
+// export default fileURLToPath(new URL('./dist', import.meta.url));