vxrn 1.2.46 → 1.2.48

package/src/cli.ts

@@ -14,7 +14,9 @@ async function importCLIEndpoint<T>(path: string): Promise<T> {
 }
 
 if (typeof import.meta.dirname !== 'string') {
-  console.error(`One uses "import.meta.dirname", for Node this is version 20.11.0 or greater`)
+  console.error(
+    `One uses "import.meta.dirname", for Node this is version 20.11.0 or greater`
+  )
   process.exit(1)
 }
 
@@ -193,7 +195,9 @@ const prebuild = defineCommand({
   async run({ args }) {
     if (args.install === false) args['no-install'] = true // citty seems to convert --no-install to install: false, leaving no-install as default
 
-    const { prebuild } = await importCLIEndpoint<typeof prebuildExport>('./exports/prebuild.mjs')
+    const { prebuild } = await importCLIEndpoint<typeof prebuildExport>(
+      './exports/prebuild.mjs'
+    )
     const root = process.cwd()
     const { platform, expo } = args
 
@@ -208,7 +212,8 @@ const runIos = defineCommand({
   },
   args: {},
   async run() {
-    const { runIos } = await importCLIEndpoint<typeof runIOSExport>('./exports/runIos.mjs')
+    const { runIos } =
+      await importCLIEndpoint<typeof runIOSExport>('./exports/runIos.mjs')
     const root = process.cwd()
     await runIos({ root })
   },
@@ -237,7 +242,8 @@ const patch = defineCommand({
   },
   args: {},
   async run() {
-    const { patch: vxrnPatch } = await importCLIEndpoint<typeof patchExport>('./exports/patch.mjs')
+    const { patch: vxrnPatch } =
+      await importCLIEndpoint<typeof patchExport>('./exports/patch.mjs')
     await vxrnPatch({
       root: process.cwd(),
     })
@@ -252,7 +258,8 @@ const clean = defineCommand({
   },
   args: {},
   async run() {
-    const { clean: vxrnClean } = await importCLIEndpoint<typeof cleanExport>('./exports/clean.mjs')
+    const { clean: vxrnClean } =
+      await importCLIEndpoint<typeof cleanExport>('./exports/clean.mjs')
     await vxrnClean({
       root: process.cwd(),
     })

package/src/config/getBaseVitePlugins.ts

@@ -93,7 +93,10 @@ export function getBaseVitePlugins(): PluginOption[] {
       configureServer() {
         const ogWarn = console.warn
         console.warn = (...args: any[]) => {
-          if (typeof args[0] === 'string' && args[0].startsWith(`Failed to resolve dependency:`)) {
+          if (
+            typeof args[0] === 'string' &&
+            args[0].startsWith(`Failed to resolve dependency:`)
+          ) {
             return
           }
           return ogWarn(...args)

package/src/config/getOptionsFilled.ts

@@ -42,7 +42,10 @@ export type VXRNOptionsFilled = Awaited<ReturnType<typeof fillOptions>>
 
 let optionsFilled: VXRNOptionsFilled | null = null
 
-export async function fillOptions(options: VXRNOptions, { mode = 'dev' }: { mode?: Mode } = {}) {
+export async function fillOptions(
+  options: VXRNOptions,
+  { mode = 'dev' }: { mode?: Mode } = {}
+) {
   const { root = process.cwd(), entries } = options
 
   const devMode = options.mode === 'production' ? false : mode === 'dev'
@@ -61,14 +64,16 @@ export async function fillOptions(options: VXRNOptions, { mode = 'dev' }: { mode
   const packageVersions =
     deps.react && deps['react-native']
       ? {
-          react: deps.react.replace(/[\^\~]/, ''),
-          reactNative: deps['react-native'].replace(/[\^\~]/, ''),
+          react: deps.react.replace(/[\^~]/, ''),
+          reactNative: deps['react-native'].replace(/[\^~]/, ''),
         }
       : undefined
 
   const versionHash = hashString(JSON.stringify(packageJSON))
   const clean =
-    (options.clean ?? (state.versionHash && state.versionHash !== versionHash)) ? 'vite' : false
+    (options.clean ?? (state.versionHash && state.versionHash !== versionHash))
+      ? 'vite'
+      : false
 
   // no need to wait to write state
   void writeState(cacheDir, { versionHash })

package/src/config/getReactNativeBuildConfig.ts

@@ -342,9 +342,14 @@ async function findModulePath(
     const parentDir = dirname(currentDir)
 
     if (parentDir === currentDir) {
-      throw new Error(`Could not find module in any of these paths: ${triedPaths?.join(', ')}`)
+      throw new Error(
+        `Could not find module in any of these paths: ${triedPaths?.join(', ')}`
+      )
     }
 
-    return findModulePath(modulePath, parentDir, [...(triedPaths || []), currentModulePath])
+    return findModulePath(modulePath, parentDir, [
+      ...(triedPaths || []),
+      currentModulePath,
+    ])
   }
 }

package/src/config/getServerOptionsFilled.ts

@@ -18,6 +18,9 @@ export async function getServerOptionsFilled(
     host,
   })
 
+  // Use localhost for the URL when host is 0.0.0.0 since that's how clients will access it
+  const urlHost = host === '0.0.0.0' ? 'localhost' : host
+
   return {
     loadEnv: false,
     compress: true,
@@ -25,6 +28,6 @@ export async function getServerOptionsFilled(
     port,
     host,
     protocol,
-    url: `${protocol}//${host}:${port}`,
+    url: `${protocol}//${urlHost}:${port}`,
   }
 }

package/src/config/getViteServerConfig.ts

@@ -12,7 +12,10 @@ import { getAdditionalViteConfig } from './getAdditionalViteConfig'
  * Only used in CLI mode since this hard-codes the `mode` to `'serve'` and contains
  * custom config merging logic.
  */
-export async function getViteServerConfig(config: VXRNOptionsFilled, userViteConfig?: UserConfig) {
+export async function getViteServerConfig(
+  config: VXRNOptionsFilled,
+  userViteConfig?: UserConfig
+) {
   const { root, server } = config
   const { optimizeDeps } = getOptimizeDeps('serve')
 

package/src/config/mergeUserConfig.ts

@@ -100,8 +100,8 @@ export function deepMergeOptimizeDeps(
   ])
 
   a.optimizeDeps.esbuildOptions = {
-    ...(a.optimizeDeps.esbuildOptions || {}),
-    ...(b.optimizeDeps.esbuildOptions || {}),
-    ...(extraDepsOpt?.esbuildOptions || {}),
+    ...a.optimizeDeps.esbuildOptions,
+    ...b.optimizeDeps.esbuildOptions,
+    ...extraDepsOpt?.esbuildOptions,
   }
 }

package/src/exports/build.ts

@@ -142,7 +142,10 @@ export const build = async (optionsIn: VXRNOptions, buildArgs: BuildArgs = {}) =
             }
 
             if (warning.code === 'EVAL') {
-              warning.message = warning.message.replace(/(\.+\/){0,}node_modules/, 'node_modules')
+              warning.message = warning.message.replace(
+                /(\.+\/){0,}node_modules/,
+                'node_modules'
+              )
             }
 
             if (warning.code === 'INVALID_ANNOTATION') {
@@ -224,7 +227,9 @@ export const build = async (optionsIn: VXRNOptions, buildArgs: BuildArgs = {}) =
       clientBuildConfig = mergeConfig(clientBuildConfig, disableOptimizationConfig)
     }
 
-    console.info(`\n 🔨 build ${options.build?.server !== false ? 'client + server' : 'client'}\n`)
+    console.info(
+      `\n 🔨 build ${options.build?.server !== false ? 'client + server' : 'client'}\n`
+    )
 
     clientBuildPromise = viteBuild(clientBuildConfig) as Promise<RollupOutput>
   }
@@ -295,16 +300,22 @@ export const build = async (optionsIn: VXRNOptions, buildArgs: BuildArgs = {}) =
     }
 
     const userServerConf = optionsIn.build?.server
-    const userServerBuildConf = typeof userServerConf === 'boolean' ? null : userServerConf?.config
+    const userServerBuildConf =
+      typeof userServerConf === 'boolean' ? null : userServerConf?.config
 
     serverBuildPromise = viteBuild(
-      userServerBuildConf ? mergeConfig(serverBuildConfig, userServerBuildConf) : serverBuildConfig
+      userServerBuildConf
+        ? mergeConfig(serverBuildConfig, userServerBuildConf)
+        : serverBuildConfig
     ) as Promise<RollupOutput>
   }
 
   // Wait for both builds to complete in parallel
   if (clientBuildPromise && serverBuildPromise) {
-    const [clientResult, serverResult] = await Promise.all([clientBuildPromise, serverBuildPromise])
+    const [clientResult, serverResult] = await Promise.all([
+      clientBuildPromise,
+      serverBuildPromise,
+    ])
     clientOutput = clientResult.output
     serverOutput = serverResult.output
   } else if (clientBuildPromise) {

package/src/exports/dev.ts

@@ -25,7 +25,8 @@ export const dev = async (optionsIn: DevOptions) => {
   const { getViteServerConfig } = await import('../config/getViteServerConfig')
   const { printServerUrls } = await import('../utils/printServerUrls')
   const { clean } = await import('./clean')
-  const { filterViteServerResolvedUrls } = await import('../utils/filterViteServerResolvedUrls')
+  const { filterViteServerResolvedUrls } =
+    await import('../utils/filterViteServerResolvedUrls')
   const { removeUndefined } = await import('../utils/removeUndefined')
   const { createServer, loadConfigFromFile } = await import('vite')
 
@@ -61,7 +62,7 @@ export default defineConfig({
   const options = await fillOptions({
     ...optionsIn,
     server: {
-      ...(oneServerConfig || {}),
+      ...oneServerConfig,
       ...removeUndefined(optionsIn.server || {}),
     },
   })

package/src/exports/loadEnv.ts

@@ -9,7 +9,11 @@ type Mode = 'development' | 'production' | string
 
 const DEFAULT_PREFIX = /^(ONE|VITE|TAMAGUI)_/
 
-export async function loadEnv(mode: Mode, root = process.cwd(), userPrefix?: string | string[]) {
+export async function loadEnv(
+  mode: Mode,
+  root = process.cwd(),
+  userPrefix?: string | string[]
+) {
   const loadedEnv = await loadJustEnvFiles(mode)
   const prefix = userPrefix ? (Array.isArray(userPrefix) ? userPrefix : [userPrefix]) : []
   const isPublicKey = (key: string) => {
@@ -69,22 +73,24 @@ function getEnvFilesForMode(mode: Mode) {
 
 async function loadJustEnvFiles(mode: Mode) {
   const envFiles = getEnvFilesForMode(mode)
-  
+
   // load all env files and merge them
   const parsed = Object.fromEntries(
-    (await Promise.all(
-      envFiles.map(async (filePath) => {
-        if (!tryStatSync(filePath)?.isFile()) return []
-        const contents = await readFile(filePath, 'utf-8')
-        return Object.entries(parse(contents))
-      })
-    )).flat()
+    (
+      await Promise.all(
+        envFiles.map(async (filePath) => {
+          if (!tryStatSync(filePath)?.isFile()) return []
+          const contents = await readFile(filePath, 'utf-8')
+          return Object.entries(parse(contents))
+        })
+      )
+    ).flat()
   )
-  
+
   // support dotenv-expand for variable expansion
   const processEnv = { ...process.env } as DotenvPopulateInput
   expand({ parsed, processEnv })
-  
+
   return parsed
 }
 

package/src/exports/prebuild.ts

@@ -41,7 +41,10 @@ export const prebuild = async ({
         let packageJsonContents = await FSExtra.readFile(packageJsonPath, 'utf8')
 
         packageJsonContents = packageJsonContents.replace(/expo run:ios/g, 'one run:ios')
-        packageJsonContents = packageJsonContents.replace(/expo run:android/g, 'one run:android')
+        packageJsonContents = packageJsonContents.replace(
+          /expo run:android/g,
+          'one run:android'
+        )
 
         await FSExtra.writeFile(packageJsonPath, packageJsonContents, 'utf8')
       } catch (error) {
@@ -204,7 +207,10 @@ Android:
 }
 
 function isMissingCliDependency(error) {
-  return error.code === 'MODULE_NOT_FOUND' && /@react-native-community\/cli/.test(error.message)
+  return (
+    error.code === 'MODULE_NOT_FOUND' &&
+    /@react-native-community\/cli/.test(error.message)
+  )
 }
 
 function warnMissingCliDependency() {
@@ -218,7 +224,11 @@ ${colors.white(
 )}`)
 }
 
-export async function replaceInUTF8File(filePath: string, findThis: string, replaceWith: string) {
+export async function replaceInUTF8File(
+  filePath: string,
+  findThis: string,
+  replaceWith: string
+) {
   const fileContent = await FSExtra.readFile(filePath, 'utf8')
   const replacedFileContent = fileContent.replace(findThis, replaceWith)
   if (fileContent !== replacedFileContent) {

package/src/exports/serveStaticAssets.ts

@@ -4,7 +4,10 @@ import type { Context } from 'hono'
 export async function serveStaticAssets({
   context,
   next,
-}: { context: Context; next?: () => Promise<void> }) {
+}: {
+  context: Context
+  next?: () => Promise<void>
+}) {
   let didCallNext = false
 
   const response = await serveStatic({

package/src/index.ts

@@ -9,7 +9,11 @@ export { patch } from './exports/patch'
 export { loadEnv } from './exports/loadEnv'
 export { serveStaticAssets } from './exports/serveStaticAssets'
 
-export { type VXRNOptionsFilled, getOptionsFilled, fillOptions } from './config/getOptionsFilled'
+export {
+  type VXRNOptionsFilled,
+  getOptionsFilled,
+  fillOptions,
+} from './config/getOptionsFilled'
 export * from './config/getOptimizeDeps'
 export * from './config/getBaseViteConfigOnly'
 export * from './config/getBaseVitePlugins'

package/src/patches/builtInDepPatches.ts

@@ -25,7 +25,9 @@ export const builtInDepPatches: DepPatch[] = [
         const existingExports = { ...pkg.exports }
 
         if (!pkg.exports['.']) {
-          throw new Error(`Expected a version of React that has package.json exports defined`)
+          throw new Error(
+            `Expected a version of React that has package.json exports defined`
+          )
         }
 
         pkg.exports['.'] = {
@@ -126,7 +128,9 @@ ${contents}
         const existingExports = { ...pkg.exports }
 
         if (!pkg.exports['.']) {
-          throw new Error(`Expected a version of React that has package.json exports defined`)
+          throw new Error(
+            `Expected a version of React that has package.json exports defined`
+          )
         }
 
         pkg.exports['.'] = {
@@ -318,6 +322,33 @@ install('URLSearchParams', () => URLSearchParams);
     module: 'react-native-css-interop',
     patchFiles: {
       'dist/**/*.js': ['jsx'],
+
+      // Fix the dynamic require inside wrapJSX function to be a top-level import
+      // This ensures components.js is bundled and executed to register Text, View, etc. with cssInterop
+      'dist/runtime/wrap-jsx.js': (contents) => {
+        assertString(contents)
+        // Move the require("./components") from inside the function to module level
+        return contents
+          .replace(
+            /if\s*\(\s*process\.env\.NODE_ENV\s*!==\s*["']test["']\s*\)\s*require\s*\(\s*["']\.\/components["']\s*\)\s*;?/,
+            ''
+          )
+          .replace(
+            '"use strict";',
+            `"use strict";
+if (process.env.NODE_ENV !== "test") require("./components");`
+          )
+      },
+
+      // Fix sideEffects: false causing components.js to be tree-shaken
+      // components.js registers Text, View, etc. with cssInterop and MUST run
+      'package.json': (contents) => {
+        assertString(contents)
+        const pkg = JSON.parse(contents)
+        // Change sideEffects to include components.js
+        pkg.sideEffects = ['dist/runtime/components.js']
+        return JSON.stringify(pkg, null, 2)
+      },
     },
   },
 
@@ -400,14 +431,37 @@ install('URLSearchParams', () => URLSearchParams);
     },
   },
 
+  {
+    module: 'expo-asset',
+    patchFiles: {
+      // Fix: expo-asset re-exports from react-native but RN uses properties on default export, not named exports
+      // This patch explicitly re-exports the functions so they're available as named exports
+      'build/resolveAssetSource.native.js': (contents) => {
+        assertString(contents)
+        return contents.replace(
+          `export * from 'react-native/Libraries/Image/resolveAssetSource';`,
+          `export const pickScale = resolveAssetSource.pickScale;
+export const setCustomSourceTransformer = resolveAssetSource.setCustomSourceTransformer;
+export const addCustomSourceTransformer = resolveAssetSource.addCustomSourceTransformer;`
+        )
+      },
+    },
+  },
+
   {
     module: 'whatwg-url-without-unicode',
     // https://github.com/onejs/one/issues/258
     patchFiles: {
       '**/*.js': (contents) =>
         contents
-          ?.replace(/punycode\.ucs2\.decode/gm, '(punycode.ucs2decode || punycode.ucs2.decode)')
-          ?.replace(/punycode\.ucs2\.encode/gm, '(punycode.ucs2encode || punycode.ucs2.encode)'),
+          ?.replace(
+            /punycode\.ucs2\.decode/gm,
+            '(punycode.ucs2decode || punycode.ucs2.decode)'
+          )
+          ?.replace(
+            /punycode\.ucs2\.encode/gm,
+            '(punycode.ucs2encode || punycode.ucs2.encode)'
+          ),
     },
   },
 

package/src/plugins/autoDepOptimizePlugin.ts

@@ -3,7 +3,11 @@ import FSExtra from 'fs-extra'
 import path from 'node:path'
 import { createFilter, type Plugin } from 'vite'
 import type { AutoDepOptimizationOptions } from '../types'
-import { EXCLUDE_LIST, type ScanDepsResult, scanDepsToOptimize } from '../utils/scanDepsToOptimize'
+import {
+  EXCLUDE_LIST,
+  type ScanDepsResult,
+  scanDepsToOptimize,
+} from '../utils/scanDepsToOptimize'
 import { getFileHash, lookupFile } from '../utils/utils'
 import { getCacheDir } from '../utils/getCacheDir'
 
@@ -75,7 +79,12 @@ export async function getScannedOptimizeDepsConfig(props: FindDepsOptionsByMode)
 
 let sessionCacheVal: ScanDepsResult | null = null
 
-export async function findDepsToOptimize({ root, mode, exclude, include }: FindDepsOptionsByMode) {
+export async function findDepsToOptimize({
+  root,
+  mode,
+  exclude,
+  include,
+}: FindDepsOptionsByMode) {
   const cacheFilePath = getSSRExternalsCachePath(root)
   const startedAt = debug ? Date.now() : 0
 
@@ -102,8 +111,10 @@ export async function findDepsToOptimize({ root, mode, exclude, include }: FindD
 
   if (lockFileHash && !noCache) {
     try {
-      const { lockFileHash: cachedLockFileHash, depsToPreBundleForSsr: cachedDepsToPreBundle } =
-        await FSExtra.readJSON(cacheFilePath)
+      const {
+        lockFileHash: cachedLockFileHash,
+        depsToPreBundleForSsr: cachedDepsToPreBundle,
+      } = await FSExtra.readJSON(cacheFilePath)
 
       if (
         lockFileHash === cachedLockFileHash &&
@@ -143,7 +154,9 @@ export async function findDepsToOptimize({ root, mode, exclude, include }: FindD
         : ` (Focus on this debug scope, "DEBUG=${debug.namespace}", to see more details.)`)
   )
 
-  debugDetails?.(`Deps discovered to be pre-bundled for SSR: ${value.prebundleDeps.join(', ')}`)
+  debugDetails?.(
+    `Deps discovered to be pre-bundled for SSR: ${value.prebundleDeps.join(', ')}`
+  )
 
   return value
 }

package/src/plugins/clientInjectPlugin.ts

@@ -6,7 +6,7 @@ import { getResolvedConfig, setResolvedConfig } from './getResolvedConfigSubset'
 
 let config: ResolvedConfig | null
 
-const isObject = (x: any): x is Object => x && typeof x === 'object'
+const isObject = (x: any): x is object => x && typeof x === 'object'
 
 export function getServerConfigPlugin() {
   return {

package/src/plugins/expoManifestRequestHandlerPlugin.ts

@@ -34,7 +34,8 @@ export function expoManifestRequestHandlerPlugin(
           return next()
         }
 
-        const protocol = req.socket instanceof TLSSocket && req.socket.encrypted ? 'https' : 'http'
+        const protocol =
+          req.socket instanceof TLSSocket && req.socket.encrypted ? 'https' : 'http'
         const host = `${req.headers['x-forwarded-host'] || req.headers.host || '127.0.0.1'}`
 
         // Try to dynamically import the internal Expo manifest handler from expo packages installed in the user's project.
@@ -57,7 +58,8 @@ export function expoManifestRequestHandlerPlugin(
         if (!ExpoGoManifestHandlerMiddleware) {
           if (
             expoGoManifestHandlerMiddlewareImportError instanceof Error &&
-            (expoGoManifestHandlerMiddlewareImportError as any).code === 'MODULE_NOT_FOUND'
+            (expoGoManifestHandlerMiddlewareImportError as any).code ===
+              'MODULE_NOT_FOUND'
           ) {
             logger.warn(
               colors.yellow(
@@ -95,15 +97,19 @@ export function expoManifestRequestHandlerPlugin(
           return
         }
 
-        const manifestHandlerMiddleware = new ExpoGoManifestHandlerMiddleware(projectRoot, {
-          constructUrl: () => {
-            return `${protocol}://${host}`
-          },
-        })
+        const manifestHandlerMiddleware = new ExpoGoManifestHandlerMiddleware(
+          projectRoot,
+          {
+            constructUrl: () => {
+              return `${protocol}://${host}`
+            },
+          }
+        )
 
         // Override the `_getBundleUrl` method ensure the same host and protocol are used for the bundle URL.
-        const origGetBundleUrl =
-          manifestHandlerMiddleware._getBundleUrl.bind(manifestHandlerMiddleware)
+        const origGetBundleUrl = manifestHandlerMiddleware._getBundleUrl.bind(
+          manifestHandlerMiddleware
+        )
         manifestHandlerMiddleware._getBundleUrl = (...args) => {
           /** Will be something like `http://127.0.0.1:8081/index.bundle?platform=ios&dev=true&hot=false&transform.engine=hermes&transform.bytecode=true&transform.routerRoot=app`. */
           const origBundleUrl = origGetBundleUrl(...args)
@@ -123,11 +129,13 @@ export function expoManifestRequestHandlerPlugin(
 
         manifestHandlerMiddleware._getManifestResponseAsync = async (...args) => {
           try {
-            const results = await manifestHandlerMiddleware._origGetManifestResponseAsync(...args)
+            const results = await manifestHandlerMiddleware._origGetManifestResponseAsync(
+              ...args
+            )
 
             // Seems that results.body may have a leading and trailing string that is not JSON, so we need to extract the JSON from it.
             const [, beforeBodyJson, bodyJson, afterBodyJson] =
-              results.body.match(/([^\{]*)(\{.*\})([^\}]*)/) || []
+              results.body.match(/([^{]*)({.*})([^}]*)/) || []
             if (!bodyJson) {
               throw new Error(`Unrecognized manifest response from expo: ${results.body}`)
             }
@@ -141,16 +149,12 @@ export function expoManifestRequestHandlerPlugin(
             }
 
             if (typeof parsedBody.extra.expoClient.hostUri === 'string') {
-              parsedBody.extra.expoClient.hostUri = parsedBody.extra.expoClient.hostUri.replace(
-                /^https?:\/\//,
-                ''
-              )
+              parsedBody.extra.expoClient.hostUri =
+                parsedBody.extra.expoClient.hostUri.replace(/^https?:\/\//, '')
             }
             if (typeof parsedBody.extra.expoGo.debuggerHost === 'string') {
-              parsedBody.extra.expoGo.debuggerHost = parsedBody.extra.expoGo.debuggerHost.replace(
-                /^https?:\/\//,
-                ''
-              )
+              parsedBody.extra.expoGo.debuggerHost =
+                parsedBody.extra.expoGo.debuggerHost.replace(/^https?:\/\//, '')
             }
 
             // TODO: Using a static icon and splash for branding for now.

package/src/plugins/reactNativeCommonJsPlugin.ts

@@ -78,7 +78,9 @@ export function reactNativeCommonJsPlugin(options: {
         base: undefined,
 
         define: {
-          'process.env.REACT_NATIVE_SERVER_PUBLIC_PORT': JSON.stringify(`${options.port}`),
+          'process.env.REACT_NATIVE_SERVER_PUBLIC_PORT': JSON.stringify(
+            `${options.port}`
+          ),
         },
 
         build: {
@@ -162,7 +164,7 @@ export function reactNativeCommonJsPlugin(options: {
                     for (const line of code.split('\n')) {
                       if (line.startsWith('export * from')) {
                         const [_, exportedName] =
-                          line.match(/export \* from [\'\"]([^\'\"]+)[\'\"]/) || []
+                          line.match(/export \* from ['"]([^'"]+)['"]/) || []
                         if (exportedName) {
                           found++
                           const name = `__vxrnExp${found}`

package/src/plugins/reactNativeDevAssetPlugin.ts

@@ -5,7 +5,18 @@ import type { Plugin, ResolvedConfig } from 'vite'
 import colors from 'picocolors'
 import { isNativeEnvironment } from '../utils/environmentUtils'
 
-const IMAGE_ASSET_EXTS = ['png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'psd', 'svg', 'tiff', 'ktx']
+const IMAGE_ASSET_EXTS = [
+  'png',
+  'jpg',
+  'jpeg',
+  'bmp',
+  'gif',
+  'webp',
+  'psd',
+  'svg',
+  'tiff',
+  'ktx',
+]
 const IMAGE_ASSET_EXTS_SET = new Set(IMAGE_ASSET_EXTS)
 
 const ASSET_DEST_DIR = 'assets'
@@ -21,7 +32,9 @@ type ReactNativeDevAssetPluginConfig = {
   assetsDest?: string
 }
 
-export function reactNativeDevAssetPlugin(options: ReactNativeDevAssetPluginConfig): Plugin {
+export function reactNativeDevAssetPlugin(
+  options: ReactNativeDevAssetPluginConfig
+): Plugin {
   const { assetExts } = options
 
   const assetExtsRegExp = new RegExp(`\\.(${assetExts.join('|')})$`)
@@ -91,7 +104,10 @@ export function reactNativeDevAssetPlugin(options: ReactNativeDevAssetPluginConf
           assetData.relativeFileSystemLocation
         )
         await FSExtra.ensureDir(assetsDestDir)
-        await FSExtra.copyFile(id, path.join(assetsDestDir, `${assetData.name}.${assetData.type}`))
+        await FSExtra.copyFile(
+          id,
+          path.join(assetsDestDir, `${assetData.name}.${assetData.type}`)
+        )
       }
 
       /**
@@ -148,7 +164,9 @@ export default asset;
           )
 
           res.statusCode =
-            e instanceof Error && (e as NodeJS.ErrnoException).code === 'ENOENT' ? 404 : 500
+            e instanceof Error && (e as NodeJS.ErrnoException).code === 'ENOENT'
+              ? 404
+              : 500
           res.end()
         }
       })