vxrn 0.1.50 → 0.1.52

package/src/utils/readVXRNConfig.ts

@@ -1,42 +1,35 @@
 import FSExtra from 'fs-extra'
 import type { VXRNConfig } from '../types'
-import { createServer } from 'vite'
-import jiti from 'jiti'
+import { join } from 'node:path'
+import { build } from 'esbuild'
 
 export async function readVXRNConfig(): Promise<VXRNConfig> {
   if (!(await FSExtra.pathExists('vxrn.config.ts'))) {
     return {}
   }
 
-  if (process.env.VXRN_CJS) {
-    const requireFile = jiti(process.cwd(), {
-      esmResolve: true,
-    })
-    const userConfig = requireFile('./vxrn.config.ts')
-    return resolveOptionalAsyncFunction(userConfig?.default ?? {})
-  }
+  const outfile = join(process.cwd(), 'vxrn.config.js')
 
-  // try esm load
   try {
-    // somewhat hacky creating a server just to read config?
-    const vite = await createServer({
-      logLevel: 'silent',
-      appType: 'custom',
-    })
-
-    const userConfig = await vite.ssrLoadModule('./vxrn.config.ts', {
-      fixStacktrace: true,
+    // output to same place so paths and relative things work
+    await build({
+      entryPoints: ['vxrn.config.ts'],
+      bundle: false,
+      outfile,
+      platform: 'node',
+      format: 'esm',
+      sourcemap: false,
+      minify: false,
     })
 
-    await vite.close()
-    return resolveOptionalAsyncFunction(userConfig?.default ?? {})
-  } catch (err: any) {
-    console.info(` [vxrn] Error loading config via ESM:
+    const exportedConfig = (await import(outfile)).default
 
-${err.stack}
-    
- To load as CommonJS, set VXRN_CJS=1`)
+    return await resolveOptionalAsyncFunction(exportedConfig)
+  } catch (err) {
+    console.error(` [vxrn] Error building vxrn.config.ts`)
     throw err
+  } finally {
+    FSExtra.removeSync(outfile)
   }
 }
 
@@ -49,3 +42,66 @@ async function resolveOptionalAsyncFunction(value: any) {
   }
   return value
 }
+
+// // vite version:
+
+// import FSExtra from 'fs-extra'
+// import type { VXRNConfig } from '../types'
+// import { join } from 'node:path'
+// import { build } from 'vite'
+
+// export async function readVXRNConfig(): Promise<VXRNConfig> {
+//   if (!(await FSExtra.pathExists('vxrn.config.ts'))) {
+//     return {}
+//   }
+
+//   const outfile = join(process.cwd(), 'vxrn.config.js')
+
+//   try {
+//     // output to same place so paths and relative things work
+//     // build using vite:
+//     await build({
+//       logLevel: 'silent',
+//       build: {
+//         lib: {
+//           entry: 'vxrn.config.ts',
+//           formats: ['es'],
+//           fileName: () => 'vxrn.config.js',
+//         },
+//         rollupOptions: {
+//           external: (id) => {
+//             if (id.includes('vxrn')) {
+//               return false
+//             }
+//             // exclude node_modules:
+//             return !id.startsWith('.') && !id.startsWith('/')
+//           },
+//         },
+//         outDir: process.cwd(),
+//         copyPublicDir: false,
+//         assetsDir: '',
+//         minify: false,
+//         emptyOutDir: false,
+//       },
+//     })
+
+//     const exportedConfig = (await import(outfile)).default
+
+//     return await resolveOptionalAsyncFunction(exportedConfig)
+//   } catch (err) {
+//     console.error(` [vxrn] Error building vxrn.config.ts`)
+//     throw err
+//   } finally {
+//     // FSExtra.removeSync(outfile)
+//   }
+// }
+
+// async function resolveOptionalAsyncFunction(value: any) {
+//   if (typeof value === 'function') {
+//     value = value()
+//   }
+//   if (value instanceof Promise) {
+//     value = await value
+//   }
+//   return value
+// }

package/src/utils/resolveFile.ts

@@ -0,0 +1,9 @@
+import { resolve as importMetaResolve } from 'import-meta-resolve'
+
+export const resolveFile = (path: string) => {
+  try {
+    return importMetaResolve(path, import.meta.url).replace('file://', '')
+  } catch {
+    return require.resolve(path)
+  }
+}

package/src/utils/swapPrebuiltReactModules.ts

@@ -0,0 +1,126 @@
+import { readFile } from 'node:fs/promises'
+import { dirname, join, resolve } from 'node:path'
+import { buildReact, buildReactJSX, buildReactNative } from '@vxrn/react-native-prebuilt'
+import type { PluginOption } from 'vite'
+import { resolveFile } from './resolveFile'
+import FSExtra from 'fs-extra'
+import { isBuildingNativeBundle } from './isBuildingNativeBundle'
+
+// we should just detect or whitelist and use flow to convert instead of this but i did a
+// few things to the prebuilts to make them work, we may need to account for
+
+export async function swapPrebuiltReactModules(cacheDir: string) {
+  const prebuilds = {
+    reactJSX: join(cacheDir, 'react-jsx-runtime.js'),
+    react: join(cacheDir, 'react.js'),
+    reactNative: join(cacheDir, 'react-native.js'),
+  }
+
+  if (!(await FSExtra.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,
+      }),
+    ])
+  }
+
+  // react native port (it scans 19000 +5)
+  const jsxRuntime = {
+    // alias: 'virtual:react-jsx',
+    alias: prebuilds.reactJSX,
+    contents: await readFile(prebuilds.reactJSX, 'utf-8'),
+  } as const
+
+  const 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,
+  } as const
+
+  return {
+    name: `swap-react-native`,
+    enforce: 'pre',
+
+    resolveId(id, importer = '') {
+      if (id.startsWith('react-native/Libraries')) {
+        return `virtual:rn-internals:${id}`
+      }
+
+      // this will break web support, we need a way to somehow switch between?
+      if (id === 'react-native-web') {
+        return prebuilds.reactNative
+      }
+
+      for (const targetId in virtualModules) {
+        if (id === targetId || id.includes(`node_modules/${targetId}/`)) {
+          const info = virtualModules[targetId]
+
+          return info.alias
+        }
+      }
+
+      // TODO this is terrible and slow, we should be able to get extensions working:
+      // having trouble getting .native.js to be picked up via vite
+      // tried adding packages to optimizeDeps, tried resolveExtensions + extensions...
+      // tried this but seems to not be called for node_modules
+      if (isBuildingNativeBundle) {
+        if (id[0] === '.') {
+          const absolutePath = resolve(dirname(importer), id)
+          const nativePath = absolutePath.replace(/(.m?js)/, '.native.js')
+          if (nativePath === id) return
+          try {
+            const directoryPath = absolutePath + '/index.native.js'
+            const directoryNonNativePath = absolutePath + '/index.js'
+            if (FSExtra.pathExistsSync(directoryPath)) {
+              return directoryPath
+            }
+            if (FSExtra.pathExistsSync(directoryNonNativePath)) {
+              return directoryNonNativePath
+            }
+            if (FSExtra.pathExistsSync(nativePath)) {
+              return nativePath
+            }
+          } catch (err) {
+            console.warn(`error probably fine`, err)
+          }
+        }
+      }
+    },
+
+    load(id) {
+      if (id.startsWith('virtual:rn-internals')) {
+        const idOut = id.replace('virtual:rn-internals:', '')
+        let out = `const ___val = __cachedModules["${idOut}"]
+        const ___defaultVal = ___val ? ___val.default || ___val : ___val
+        export default ___defaultVal`
+        return out
+      }
+
+      for (const targetId in virtualModules) {
+        const info = virtualModules[targetId as keyof typeof virtualModules]
+        if (id === info.alias) {
+          return info.contents
+        }
+      }
+    },
+  } satisfies PluginOption
+}

package/src/utils/uniq.ts

@@ -0,0 +1,3 @@
+export function uniq(a: any[]) {
+  return [...new Set(a)]
+}

package/types/exports/bindKeypressInput.d.ts

@@ -0,0 +1,2 @@
+export declare function bindKeypressInput(): void;
+//# sourceMappingURL=bindKeypressInput.d.ts.map

package/types/exports/coerceToArray.d.ts

@@ -0,0 +1,2 @@
+export declare function coerceToArray<A>(thing: A | A[]): A[];
+//# sourceMappingURL=coerceToArray.d.ts.map

package/types/exports/connectedNativeClients.d.ts

@@ -0,0 +1,2 @@
+export declare let connectedNativeClients: number;
+//# sourceMappingURL=connectedNativeClients.d.ts.map

package/types/exports/dev.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="node" />
 import type { VXRNConfig } from '../types';
-export declare const resolveFile: (path: string) => string;
 export declare const dev: ({ clean, ...rest }: VXRNConfig & {
     clean?: boolean;
 }) => Promise<{
@@ -11,5 +10,4 @@ export declare const dev: ({ clean, ...rest }: VXRNConfig & {
     }>;
     stop: () => Promise<void>;
 }>;
-export declare function bindKeypressInput(): void;
 //# sourceMappingURL=dev.d.ts.map

package/types/exports/entryRoot.d.ts

@@ -0,0 +1,11 @@
+import type { VXRNConfigFilled } from '../utils/getOptionsFilled';
+export declare let entryRoot: string;
+export declare function reactNativeHMRPlugin({ root }: VXRNConfigFilled): {
+    name: string;
+    handleHotUpdate({ read, modules, file }: {
+        read: any;
+        modules: any;
+        file: any;
+    }): Promise<void>;
+};
+//# sourceMappingURL=entryRoot.d.ts.map

package/types/exports/getIndexJsonResponse.d.ts

@@ -0,0 +1,68 @@
+export declare function getIndexJsonResponse({ port, root }: {
+    port: number | string;
+    root: any;
+}): {
+    name: string;
+    slug: string;
+    scheme: string;
+    version: string;
+    jsEngine: string;
+    orientation: string;
+    icon: string;
+    userInterfaceStyle: string;
+    splash: {
+        image: string;
+        resizeMode: string;
+        backgroundColor: string;
+        imageUrl: string;
+    };
+    updates: {
+        fallbackToCacheTimeout: number;
+    };
+    assetBundlePatterns: string[];
+    ios: {
+        supportsTablet: boolean;
+        bundleIdentifier: string;
+    };
+    android: {
+        package: string;
+        adaptiveIcon: {
+            foregroundImage: string;
+            backgroundColor: string;
+            foregroundImageUrl: string;
+        };
+    };
+    web: {
+        favicon: string;
+    };
+    extra: {
+        eas: {
+            projectId: string;
+        };
+    };
+    _internal: {
+        isDebug: boolean;
+        projectRoot: any;
+        dynamicConfigPath: null;
+        staticConfigPath: string;
+        packageJsonPath: string;
+    };
+    sdkVersion: string;
+    platforms: string[];
+    iconUrl: string;
+    debuggerHost: string;
+    logUrl: string;
+    developer: {
+        tool: string;
+        projectRoot: any;
+    };
+    packagerOpts: {
+        dev: boolean;
+    };
+    mainModuleName: string;
+    __flipperHack: string;
+    hostUri: string;
+    bundleUrl: string;
+    id: string;
+};
+//# sourceMappingURL=getIndexJsonResponse.d.ts.map

package/types/exports/getReactNativeBundle.d.ts

@@ -0,0 +1,3 @@
+import { type VXRNConfigFilled } from '../utils/getOptionsFilled';
+export declare function getReactNativeBundle(options: VXRNConfigFilled, viteRNClientPlugin: any): Promise<string>;
+//# sourceMappingURL=getReactNativeBundle.d.ts.map

package/types/exports/getViteServerConfig.d.ts

@@ -0,0 +1,4 @@
+import { type UserConfig } from 'vite';
+import { type VXRNConfigFilled } from '../utils/getOptionsFilled';
+export declare function getViteServerConfig(config: VXRNConfigFilled): Promise<UserConfig>;
+//# sourceMappingURL=getViteServerConfig.d.ts.map

package/types/exports/hotUpdateCache.d.ts

@@ -0,0 +1,2 @@
+export declare const hotUpdateCache: Map<string, string>;
+//# sourceMappingURL=hotUpdateCache.d.ts.map

package/types/exports/isBuildingNativeBundle.d.ts

@@ -0,0 +1,2 @@
+export declare let isBuildingNativeBundle: Promise<string> | null;
+//# sourceMappingURL=isBuildingNativeBundle.d.ts.map

package/types/exports/isWithin.d.ts

@@ -0,0 +1,2 @@
+export declare function isWithin(outer: string, inner: string): boolean;
+//# sourceMappingURL=isWithin.d.ts.map

package/types/exports/reactNativeHMRPlugin.d.ts

@@ -0,0 +1,11 @@
+import type { VXRNConfigFilled } from '../utils/getOptionsFilled';
+export declare let entryRoot: string;
+export declare function reactNativeHMRPlugin({ root }: VXRNConfigFilled): {
+    name: string;
+    handleHotUpdate({ read, modules, file }: {
+        read: any;
+        modules: any;
+        file: any;
+    }): Promise<void>;
+};
+//# sourceMappingURL=reactNativeHMRPlugin.d.ts.map

package/types/exports/resolveFile.d.ts

@@ -0,0 +1,2 @@
+export declare const resolveFile: (path: string) => string;
+//# sourceMappingURL=resolveFile.d.ts.map

package/types/exports/swapPrebuiltReactModules.d.ts

@@ -0,0 +1,7 @@
+export declare function swapPrebuiltReactModules(cacheDir: string): Promise<{
+    name: string;
+    enforce: "pre";
+    resolveId(this: import("rollup").PluginContext, id: string, importer?: string | undefined): any;
+    load(this: import("rollup").PluginContext, id: string): string | undefined;
+}>;
+//# sourceMappingURL=swapPrebuiltReactModules.d.ts.map

package/types/exports/uniq.d.ts

@@ -0,0 +1,2 @@
+export declare function uniq(a: any[]): any[];
+//# sourceMappingURL=uniq.d.ts.map

package/types/index.d.ts

@@ -1,4 +1,8 @@
 export { build } from './exports/build';
 export { dev } from './exports/dev';
+export * from './utils/getHtml';
+export * from './utils/getOptionsFilled';
+export * from './utils/getOptimizeDeps';
+export * from './utils/getBaseViteConfig';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/types/plugins/reactNativeHMRPlugin.d.ts

@@ -0,0 +1,10 @@
+import type { VXRNConfigFilled } from '../utils/getOptionsFilled';
+export declare function reactNativeHMRPlugin({ root }: VXRNConfigFilled): {
+    name: string;
+    handleHotUpdate({ read, modules, file }: {
+        read: any;
+        modules: any;
+        file: any;
+    }): Promise<void>;
+};
+//# sourceMappingURL=reactNativeHMRPlugin.d.ts.map

package/types/types.d.ts

@@ -1,4 +1,6 @@
 import type { Options as FlowOptions } from '@vxrn/vite-flow';
+import type { App } from 'h3';
+import type { OutputAsset, OutputChunk } from 'rollup';
 import type { InlineConfig } from 'vite';
 export type VXRNConfig = {
     /**
@@ -18,6 +20,8 @@ export type VXRNConfig = {
     webConfig?: InlineConfig;
     nativeConfig?: InlineConfig;
     flow?: FlowOptions;
+    afterBuild?: (options: VXRNConfig, output: [OutputChunk, ...(OutputChunk | OutputAsset)[]]) => void | Promise<void>;
+    serve?: (options: VXRNConfig, app: App) => void;
 };
 export type HMRListener = (update: {
     file: string;

package/types/utils/bindKeypressInput.d.ts

@@ -0,0 +1,2 @@
+export declare function bindKeypressInput(): void;
+//# sourceMappingURL=bindKeypressInput.d.ts.map

package/types/utils/coerceToArray.d.ts

@@ -0,0 +1,2 @@
+export declare function coerceToArray<A>(thing: A | A[]): A[];
+//# sourceMappingURL=coerceToArray.d.ts.map

package/types/utils/connectedNativeClients.d.ts

@@ -0,0 +1,4 @@
+export declare let connectedNativeClients: number;
+export declare function addConnectedNativeClient(): void;
+export declare function removeConnectedNativeClient(): void;
+//# sourceMappingURL=connectedNativeClients.d.ts.map

package/types/utils/getIndexJsonResponse.d.ts

@@ -0,0 +1,68 @@
+export declare function getIndexJsonResponse({ port, root }: {
+    port: number | string;
+    root: any;
+}): {
+    name: string;
+    slug: string;
+    scheme: string;
+    version: string;
+    jsEngine: string;
+    orientation: string;
+    icon: string;
+    userInterfaceStyle: string;
+    splash: {
+        image: string;
+        resizeMode: string;
+        backgroundColor: string;
+        imageUrl: string;
+    };
+    updates: {
+        fallbackToCacheTimeout: number;
+    };
+    assetBundlePatterns: string[];
+    ios: {
+        supportsTablet: boolean;
+        bundleIdentifier: string;
+    };
+    android: {
+        package: string;
+        adaptiveIcon: {
+            foregroundImage: string;
+            backgroundColor: string;
+            foregroundImageUrl: string;
+        };
+    };
+    web: {
+        favicon: string;
+    };
+    extra: {
+        eas: {
+            projectId: string;
+        };
+    };
+    _internal: {
+        isDebug: boolean;
+        projectRoot: any;
+        dynamicConfigPath: null;
+        staticConfigPath: string;
+        packageJsonPath: string;
+    };
+    sdkVersion: string;
+    platforms: string[];
+    iconUrl: string;
+    debuggerHost: string;
+    logUrl: string;
+    developer: {
+        tool: string;
+        projectRoot: any;
+    };
+    packagerOpts: {
+        dev: boolean;
+    };
+    mainModuleName: string;
+    __flipperHack: string;
+    hostUri: string;
+    bundleUrl: string;
+    id: string;
+};
+//# sourceMappingURL=getIndexJsonResponse.d.ts.map

package/types/utils/getOptionsFilled.d.ts

@@ -17,6 +17,8 @@ export declare function getOptionsFilled(options: VXRNConfig): Promise<{
     webConfig?: import("vite").InlineConfig | undefined;
     nativeConfig?: import("vite").InlineConfig | undefined;
     flow?: import("@vxrn/vite-flow").Options | undefined;
+    afterBuild?: ((options: VXRNConfig, output: [import("rollup").OutputChunk, ...(import("rollup").OutputChunk | import("rollup").OutputAsset)[]]) => void | Promise<void>) | undefined;
+    serve?: ((options: VXRNConfig, app: import("h3").App) => void) | undefined;
 }>;
 type State = {
     applyPatches?: boolean;

package/types/utils/getReactNativeBundle.d.ts

@@ -0,0 +1,4 @@
+import type { VXRNConfigFilled } from './getOptionsFilled';
+export declare let entryRoot: string;
+export declare function getReactNativeBundle(options: VXRNConfigFilled, viteRNClientPlugin: any): Promise<string>;
+//# sourceMappingURL=getReactNativeBundle.d.ts.map

package/types/utils/getViteServerConfig.d.ts

@@ -0,0 +1,4 @@
+import { type UserConfig } from 'vite';
+import type { VXRNConfigFilled } from './getOptionsFilled';
+export declare function getViteServerConfig(config: VXRNConfigFilled): Promise<UserConfig>;
+//# sourceMappingURL=getViteServerConfig.d.ts.map

package/types/utils/hotUpdateCache.d.ts

@@ -0,0 +1,2 @@
+export declare const hotUpdateCache: Map<string, string>;
+//# sourceMappingURL=hotUpdateCache.d.ts.map

package/types/utils/isBuildingNativeBundle.d.ts

@@ -0,0 +1,3 @@
+export declare let isBuildingNativeBundle: Promise<string> | null;
+export declare function setIsBuildingNativeBundle(val?: Promise<string> | null): void;
+//# sourceMappingURL=isBuildingNativeBundle.d.ts.map

package/types/utils/isWithin.d.ts

@@ -0,0 +1,2 @@
+export declare function isWithin(outer: string, inner: string): boolean;
+//# sourceMappingURL=isWithin.d.ts.map

package/types/utils/resolveFile.d.ts

@@ -0,0 +1,2 @@
+export declare const resolveFile: (path: string) => string;
+//# sourceMappingURL=resolveFile.d.ts.map

package/types/utils/swapPrebuiltReactModules.d.ts

@@ -0,0 +1,7 @@
+export declare function swapPrebuiltReactModules(cacheDir: string): Promise<{
+    name: string;
+    enforce: "pre";
+    resolveId(this: import("rollup").PluginContext, id: string, importer?: string | undefined): any;
+    load(this: import("rollup").PluginContext, id: string): string | undefined;
+}>;
+//# sourceMappingURL=swapPrebuiltReactModules.d.ts.map

package/types/utils/uniq.d.ts

@@ -0,0 +1,2 @@
+export declare function uniq(a: any[]): any[];
+//# sourceMappingURL=uniq.d.ts.map