one/types/env.d.ts

One is a new React Framework that makes Vite serve both native and web.

/// <reference types="vite/client" />

interface OneEnvVariables {
  // Core One variables
  /** Random number for each production build, or stable per dev server run. Useful for cache keys. */
  ONE_CACHE_KEY: string
  /** Your app.key setting from vite.config */
  ONE_APP_NAME: string
  /** Current running server URL in development, e.g. "http://0.0.0.0:8081". Set this yourself for production. */
  ONE_SERVER_URL: string
  /** "ssr", "ssg", or "spa" based on your defaultRenderMode setting */
  ONE_DEFAULT_RENDER_MODE: 'ssr' | 'ssg' | 'spa'

  // Platform detection
  /** "client" for client-side web, "ssr" for server-side web, "ios" or "android" for native */
  VITE_ENVIRONMENT: 'client' | 'ssr' | 'ios' | 'android'
  /** "web" for all web builds (client and SSR), "native" for native platforms (iOS and Android) */
  VITE_PLATFORM: 'web' | 'native'
  /** "web" for web builds, "ios" or "android" for native. Matches Expo convention. */
  EXPO_OS: 'web' | 'ios' | 'android'

  // React Native (available in native builds)
  /** The React Native version string */
  REACT_NATIVE_VERSION: string
  /** "ios" or "android" in native builds */
  REACT_NATIVE_PLATFORM: 'ios' | 'android'
  /** Dev server port for React Native */
  REACT_NATIVE_SERVER_PUBLIC_PORT: string
}

declare global {
  namespace NodeJS {
    interface ProcessEnv extends Partial<OneEnvVariables> {}
  }
}

interface ImportMetaEnv extends Partial<OneEnvVariables> {}

interface ImportMeta {
  readonly env: ImportMetaEnv
}

/**
 * Image data returned by ?imagedata imports.
 * Install `sharp` to enable this feature: `npm install sharp`
 *
 * NOTE: This interface is also declared in src/index.ts for direct exports.
 * Keep both definitions in sync.
 */
export interface ImageData {
  /** URL path to the image */
  src: string
  /** Image width in pixels */
  width: number
  /** Image height in pixels */
  height: number
  /** Base64 blur placeholder (10px wide) */
  blurDataURL: string
}

declare module '*?imagedata' {
  const imageData: ImageData
  export default imageData
}

export {}