Configuration

vite.config.ts
import type { UserConfig } from 'vite'
import { one } from 'one/vite'

export default {
  plugins: [
    one({
      // all web-specific configuration nests in web:
      web: {
        // Choose the default strategy for routes without path-specifiers to render in
        // can be one of "spa", "ssg" or "ssr"
        defaultRenderMode: 'spa', // defaults to 'ssg'

        // If using a server-rendered render mode, looseHydration will collapse large hydration
        // error logs in development mode. React can gracefully recover from hydration issues,
        // and they can often be ignored, but by default React produces large error logs.
        // Turning this on will collapse those logs to one line.
        looseHydration: false, // defaults to true

        // Define server redirects for development and production
        redirects: [
          {
            source: '/vite',
            destination: 'https://vxrn.dev',
            permanent: true,
          },
          {
            source: '/docs/components/:slug/:version',
            destination: '/ui/:slug/:version',
            permanent: true,
          },
        ],
      },

      // all native-specific config nests in app:
      app: {
        // One will set up your React Native app to run via AppRegistry.registerComponent(app.key)
        // This setting determines app.key and must match the React Native app container you've built
        key: 'AppName',
      },

      config: {
        // Disable or configure the auto-added vite-tsconfig-paths
        // https://www.npmjs.com/package/vite-tsconfig-paths
        tsConfigPaths: false

        // Disable auto-adding default tsconfig.json if not found
        ensureTSConfig: false
      },

      server: {
        // Configures production server to be compatible
        platform: 'node' | 'vercel' // defaults to node
        
        // Runs after the production web server starts
        // (options: VXRNOptions, app: Hono) => void | Promise<void>
        afterStart() {},
        
        // Runs before the production web server starts
        // (options: VXRNOptions, app: Hono) => void | Promise<void>
        beforeStart() {},
      },

      // The deps configuration is a powerful way to apply patches to node_modules
      // to configure patching and optimizeDeps for server-side.
      // we found the React Native and general node module package ecosystem to not always
      // play nice with universal apps, and this provides an easy way to configure them
      deps: {
        'moti/author': true,
        '@sentry/react-native': {
          version: '~15.2.0',
          '**/*.js': ['jsx']
        }
      },
    })
  ]
} satisfies UserConfig

vite.config.ts
import type { UserConfig } from 'vite'
import { one } from 'one/vite'

export default {
  plugins: [
    one({      
      deps: {
        // setting to true is the same as setting:
        // viteConfig.ssr.optimizeDeps.include.push('moti/author')
        'moti/author': true,

        // setting to 'interop' is the same as setting:
        // viteConfig.ssr.optimizeDeps.include.push('node-fetch')
        // viteConfig.ssr.optimizeDeps.needsInterop.push('node-fetch')
        'node-fetch': 'interop',

        // passing an object lets you easily apply patches to your actual node_modules
        '@sentry/react-native': {
          // you can specify a semver range to only apply to certain versions:
          version: '~15.2.0',

          // you can use globs to apply to only specific files
          // if you pass an array value, One will apply one of two transforms to matching files:
          //    swc => @swc/core will transform your file into CommonJS compatible code, removing JSX as well
          //    flow => the FlowType transformer will run to remove Flow types
          '**/*.js': ['flow', 'swc']

          // you can also apply custom transforms using a function
          'dist/js/utils/environment.js': (contents) => {
            if (typeof contents !== 'string') return
            return contents.replace(
              `import { version as RNV } from 'react-native/Libraries/Core/ReactNativeVersion';`,
              `import { Platform } from 'react-native';\nconst RNV = Platform.constants.reactNativeVersion;\n`
            )
          },
        },
      },
    })
  ]
} satisfies UserConfig