one 1.2.47 → 1.2.48

package/src/metro-config/getViteMetroPluginOptions.ts

@@ -165,30 +165,28 @@ export function getViteMetroPluginOptions({
         [
           'babel-plugin-module-resolver',
           {
-            alias: {
-              // "vite-tsconfig-paths" for Metro
-              ...Object.fromEntries(
-                Object.entries(tsconfigPathsConfigLoadResult.paths).map(([k, v]) => {
-                  const key = (() => {
-                    if (k.endsWith('/*')) {
-                      return k.replace(/\/\*$/, '')
-                    }
-
-                    // If the key does not end with "/*", only alias exact matches.
-                    // Ref: https://www.npmjs.com/package/babel-plugin-module-resolver/v/3.0.0#regular-expression-alias
-                    return `${k}$`
-                  })()
-
-                  let value = v[0].replace(/\/\*$/, '')
-
-                  if (!value.startsWith('./')) {
-                    value = `./${value}`
+            // "vite-tsconfig-paths" for Metro
+            alias: Object.fromEntries(
+              Object.entries(tsconfigPathsConfigLoadResult.paths).map(([k, v]) => {
+                const key = (() => {
+                  if (k.endsWith('/*')) {
+                    return k.replace(/\/\*$/, '')
                   }
 
-                  return [key, value]
-                })
-              ),
-            },
+                  // If the key does not end with "/*", only alias exact matches.
+                  // Ref: https://www.npmjs.com/package/babel-plugin-module-resolver/v/3.0.0#regular-expression-alias
+                  return `${k}$`
+                })()
+
+                let value = v[0].replace(/\/\*$/, '')
+
+                if (!value.startsWith('./')) {
+                  value = `./${value}`
+                }
+
+                return [key, value]
+              })
+            ),
           },
         ],
         [

package/src/router/Route.tsx

@@ -46,7 +46,9 @@ export type RouteNode = {
   middlewares?: RouteNode[]
 }
 
-export const RouteParamsContext = createContext<Record<string, string | undefined> | undefined>({})
+export const RouteParamsContext = createContext<
+  Record<string, string | undefined> | undefined
+>({})
 
 const CurrentRouteContext = React.createContext<RouteNode | null>(null)
 

package/src/router/RouteInfoContext.tsx

@@ -56,7 +56,9 @@ export function RouteInfoContextProvider({ children }: { children: React.ReactNo
   currentStateRef.current = currentState
 
   return (
-    <RouteInfoContext.Provider value={currentState ? lazilyCalculatedRouteInfo.current : undefined}>
+    <RouteInfoContext.Provider
+      value={currentState ? lazilyCalculatedRouteInfo.current : undefined}
+    >
       {children}
     </RouteInfoContext.Provider>
   )

package/src/router/filterRootHTML.ts

@@ -70,7 +70,11 @@ export function filterRootHTML(el: React.ReactNode): FoundRootHTML {
       ) {
         // filter out HTML elements on native (e.g. <div>, <meta>)
         // preserve children so <div><Slot/></div> renders <Slot/> instead of nothing
-        if (element.props && typeof element.props === 'object' && 'children' in element.props) {
+        if (
+          element.props &&
+          typeof element.props === 'object' &&
+          'children' in element.props
+        ) {
           return traverse(element.props.children as React.ReactNode)
         }
         return null

package/src/router/getLinkingConfig.ts

@@ -54,7 +54,10 @@ export function getLinkingConfig(routes: RouteNode, metaOnly = true): OneLinking
 export const stateCache = new Map<string, any>()
 
 /** We can reduce work by memoizing the state by the pathname. This only works because the options (linking config) theoretically never change.  */
-function getStateFromPathMemoized(path: string, options: Parameters<typeof getStateFromPath>[1]) {
+function getStateFromPathMemoized(
+  path: string,
+  options: Parameters<typeof getStateFromPath>[1]
+) {
   const cached = stateCache.get(path)
   if (cached) {
     return cached

package/src/router/getNormalizedStatePath.tsx

@@ -24,7 +24,10 @@ export function getNormalizedStatePath(
   const [pathname] = statePath.split('?')
   return {
     // Strip empty path at the start
-    segments: stripBaseUrl(pathname, baseUrl).split('/').filter(Boolean).map(decodeURIComponent),
+    segments: stripBaseUrl(pathname, baseUrl)
+      .split('/')
+      .filter(Boolean)
+      .map(decodeURIComponent),
     // TODO: This is not efficient, we should generate based on the state instead
     // of converting to string then back to object
     params: Object.entries(params).reduce((prev, [key, value]) => {

package/src/router/getRoutes.ts

@@ -350,10 +350,14 @@ function getFileMeta(key: string, options: Options) {
   const isLayout = filenameWithoutExtensions.startsWith('_layout')
   const isMiddleware = filenameWithoutExtensions.startsWith('_middleware')
 
-  const [_fullname, renderModeFound] = filename.match(/\+(api|ssg|ssr|spa)\.(\w+\.)?[jt]sx?$/) || []
+  const [_fullname, renderModeFound] =
+    filename.match(/\+(api|ssg|ssr|spa)\.(\w+\.)?[jt]sx?$/) || []
   const renderMode = renderModeFound as 'api' | One.RouteRenderMode | undefined
 
-  if (filenameWithoutExtensions.startsWith('(') && filenameWithoutExtensions.endsWith(')')) {
+  if (
+    filenameWithoutExtensions.startsWith('(') &&
+    filenameWithoutExtensions.endsWith(')')
+  ) {
     throw new Error(`Invalid route ./${key}. Routes cannot end with '(group)' syntax`)
   }
 
@@ -440,7 +444,10 @@ export function getIgnoreList(options?: Options) {
  *
  * /(a,b)/(c,d)/e.tsx => new Set(['a/c/e.tsx', 'a/d/e.tsx', 'b/c/e.tsx', 'b/d/e.tsx'])
  */
-export function extrapolateGroups(key: string, keys: Set<string> = new Set()): Set<string> {
+export function extrapolateGroups(
+  key: string,
+  keys: Set<string> = new Set()
+): Set<string> {
   const match = matchArrayGroupName(key)
 
   if (!match) {
@@ -451,7 +458,9 @@ export function extrapolateGroups(key: string, keys: Set<string> = new Set()): S
   const groupsSet = new Set(groups)
 
   if (groupsSet.size !== groups.length) {
-    throw new Error(`Array syntax cannot contain duplicate group name "${groups}" in "${key}".`)
+    throw new Error(
+      `Array syntax cannot contain duplicate group name "${groups}" in "${key}".`
+    )
   }
 
   if (groups.length === 1) {

package/src/router/linkingConfig.ts

@@ -1,5 +1,8 @@
 import type { OneRouter } from '../interfaces/router'
-import { getLinkingConfig as createLinkingConfig, type OneLinkingOptions } from './getLinkingConfig'
+import {
+  getLinkingConfig as createLinkingConfig,
+  type OneLinkingOptions,
+} from './getLinkingConfig'
 import type { RouteNode } from './Route'
 
 let linkingConfig: OneLinkingOptions | undefined

package/src/router/matchers.test.ts

@@ -110,11 +110,15 @@ describe(matchArrayGroupName, () => {
     expect(matchArrayGroupName('leading/(foo,bar)/(fruit,apple)')).toEqual('foo,bar')
     expect(matchArrayGroupName('(leading)/(foo,bar)')).toEqual('foo,bar')
     expect(matchArrayGroupName('(leading)/(foo,bar)/trailing)')).toEqual('foo,bar')
-    expect(matchArrayGroupName('(leading)/((foo),(bar))/trailing)')).toEqual('(foo),(bar)')
+    expect(matchArrayGroupName('(leading)/((foo),(bar))/trailing)')).toEqual(
+      '(foo),(bar)'
+    )
   })
   it.skip(`should only match the first group with array group syntax`, () => {
     expect(matchArrayGroupName('(leading)/(foo,bar)/(fruit,apple)')).toEqual('foo,bar')
-    expect(matchArrayGroupName('(leading)/((foo),bar)/(fruit,apple)')).toEqual('(foo),bar')
+    expect(matchArrayGroupName('(leading)/((foo),bar)/(fruit,apple)')).toEqual(
+      '(foo),bar'
+    )
     expect(matchArrayGroupName('(leading)/(foo,bar)/((fruit),apple)')).toEqual('foo,bar')
   })
 })

package/src/router/matchers.ts

@@ -28,7 +28,7 @@ export function matchDeepDynamicRouteName(name: string): string | undefined {
 
 /** Test `/` -> `page` */
 export function testNotFound(name: string): boolean {
-  return /\+not-found$/.test(name)
+  return name.endsWith('+not-found')
 }
 
 /** Match `(page)` -> `page` */

package/src/router/router.ts

@@ -4,7 +4,10 @@
  * the best decision.
  */
 
-import { type NavigationContainerRefWithCurrent, StackActions } from '@react-navigation/native'
+import {
+  type NavigationContainerRefWithCurrent,
+  StackActions,
+} from '@react-navigation/native'
 import * as Linking from 'expo-linking'
 import {
   type ComponentType,
@@ -77,7 +80,9 @@ export function initialize(
       const prefix = indent + (isLast ? '└─ ' : '├─ ')
       const childIndent = indent + (isLast ? '   ' : '│  ')
 
-      const dynamicBadge = node.dynamic ? ` [${node.dynamic.map((d) => d.name).join(', ')}]` : ''
+      const dynamicBadge = node.dynamic
+        ? ` [${node.dynamic.map((d) => d.name).join(', ')}]`
+        : ''
       const typeBadge = node.type !== 'layout' ? ` (${node.type})` : ''
       const routeName = node.route || '/'
 
@@ -360,13 +365,21 @@ function syncStoreRootState() {
 
 export function useStoreRootState() {
   syncStoreRootState()
-  const state = useSyncExternalStore(subscribeToRootState, rootStateSnapshot, rootStateSnapshot)
+  const state = useSyncExternalStore(
+    subscribeToRootState,
+    rootStateSnapshot,
+    rootStateSnapshot
+  )
   return useDeferredValue(state)
 }
 
 export function useStoreRouteInfo() {
   syncStoreRootState()
-  const state = useSyncExternalStore(subscribeToRootState, routeInfoSnapshot, routeInfoSnapshot)
+  const state = useSyncExternalStore(
+    subscribeToRootState,
+    routeInfoSnapshot,
+    routeInfoSnapshot
+  )
   return useDeferredValue(state)
 }
 
@@ -445,7 +458,11 @@ export function preloadRoute(href: string, injectCSS = false): Promise<any> | un
   return preloadingLoader[href]
 }
 
-export async function linkTo(href: string, event?: string, options?: OneRouter.LinkToOptions) {
+export async function linkTo(
+  href: string,
+  event?: string,
+  options?: OneRouter.LinkToOptions
+) {
   if (process.env.ONE_DEBUG_ROUTER) {
     console.info(`[one] 🔗 ${event || 'NAVIGATE'} ${href}`)
   }
@@ -513,7 +530,9 @@ export async function linkTo(href: string, event?: string, options?: OneRouter.L
   const state = linking.getStateFromPath!(href, linking.config)
 
   if (!state || state.routes.length === 0) {
-    console.error('Could not generate a valid navigation state for the given path: ' + href)
+    console.error(
+      'Could not generate a valid navigation state for the given path: ' + href
+    )
     console.error(`linking.config`, linking.config)
     console.error(`routes`, getSortedRoutes())
     return

package/src/router/useNavigation.ts

@@ -44,7 +44,10 @@ export function useNavigation<T = NavigationProp<ReactNavigation.RootParamList>>
   return navigation
 }
 
-export function resolveParentId(contextKey: string, parentId?: string | null): string | null {
+export function resolveParentId(
+  contextKey: string,
+  parentId?: string | null
+): string | null {
   if (!parentId) {
     return null
   }

package/src/router/useScreens.tsx

@@ -34,15 +34,15 @@ export const { Screen, Group } = createNavigatorFactory({} as any)()
 // so hydration sees identical content without 100KB+ JSON payload.
 const cachedInlineCSSElements: React.ReactNode[] =
   typeof document !== 'undefined'
-    ? Array.from(document.querySelectorAll<HTMLStyleElement>('style[id^="__one_css_"]')).map(
-        (el, i) => (
-          <style
-            key={`inline-css-${i}`}
-            id={el.id}
-            dangerouslySetInnerHTML={{ __html: el.innerHTML }}
-          />
-        )
-      )
+    ? Array.from(
+        document.querySelectorAll<HTMLStyleElement>('style[id^="__one_css_"]')
+      ).map((el, i) => (
+        <style
+          key={`inline-css-${i}`}
+          id={el.id}
+          dangerouslySetInnerHTML={{ __html: el.innerHTML }}
+        />
+      ))
     : []
 
 export type ScreenProps<
@@ -87,7 +87,9 @@ function getSortedChildren(
   const ordered = order
     .map(({ name, redirect, initialParams, listeners, options, getId }) => {
       if (!entries.length) {
-        console.warn(`[Layout children]: Too many screens defined. Route "${name}" is extraneous.`)
+        console.warn(
+          `[Layout children]: Too many screens defined. Route "${name}" is extraneous.`
+        )
         return null
       }
       const matchIndex = entries.findIndex((child) => child.route === name)
@@ -201,7 +203,10 @@ export function getQualifiedRouteComponent(value: RouteNode) {
       const out = Component(props, ref)
 
       const { children, bodyProps, head, htmlProps } = filterRootHTML(out)
-      const { children: headChildren, ...headProps } = (head?.props || {}) as Record<string, any>
+      const { children: headChildren, ...headProps } = (head?.props || {}) as Record<
+        string,
+        any
+      >
       const serverContext = useServerContext()
 
       // let finalChildren = <Suspense fallback={null}>{children}</Suspense>
@@ -232,7 +237,9 @@ export function getQualifiedRouteComponent(value: RouteNode) {
                     />
                   ))
                 : cachedInlineCSSElements
-              : serverContext?.css?.map((file) => <link key={file} rel="stylesheet" href={file} />)}
+              : serverContext?.css?.map((file) => (
+                  <link key={file} rel="stylesheet" href={file} />
+                ))}
             <ServerContextScript />
             {headChildren}
           </head>
@@ -264,7 +271,10 @@ export function getQualifiedRouteComponent(value: RouteNode) {
     // i tried a lot of things, but didn't find the root cause, but native needs suspense or
     // else it hits an error about no suspense boundary being set
 
-    if (process.env.TAMAGUI_TARGET === 'native' || process.env.ONE_SUSPEND_ROUTES === '1') {
+    if (
+      process.env.TAMAGUI_TARGET === 'native' ||
+      process.env.ONE_SUSPEND_ROUTES === '1'
+    ) {
       return <Suspense fallback={null}>{children}</Suspense>
     }
     return children
@@ -343,7 +353,10 @@ export function createGetIdForRoute(
   }
 }
 
-function routeToScreen(route: RouteNode, { options, ...props }: Partial<ScreenProps> = {}) {
+function routeToScreen(
+  route: RouteNode,
+  { options, ...props }: Partial<ScreenProps> = {}
+) {
   return (
     <Screen
       // Users can override the screen getId function.

package/src/router/useViteRoutes.tsx

@@ -129,7 +129,8 @@ export async function preloadRouteModules(href: string): Promise<void> {
       (normalizedHref !== '' && routePath === normalizedHref.split('/')[0]) // top-level match
 
     // also check dynamic route patterns like docs/[slug]
-    const isDynamicMatch = routePath.includes('[') && matchDynamicRoute(routePath, normalizedHref)
+    const isDynamicMatch =
+      routePath.includes('[') && matchDynamicRoute(routePath, normalizedHref)
 
     if ((isStaticMatch || isDynamicMatch) && typeof globbed[key] === 'function') {
       promises.push(

package/src/router/utils/getNavigateAction.ts

@@ -47,7 +47,8 @@ export function getNavigateAction(
       !childState ||
       !nextNavigationState ||
       (dynamicMatch &&
-        actionStateRoute.params?.[dynamicMatch.name] !== stateRoute.params?.[dynamicMatch.name])
+        actionStateRoute.params?.[dynamicMatch.name] !==
+          stateRoute.params?.[dynamicMatch.name])
 
     if (didActionAndCurrentStateDiverge) {
       break
@@ -71,7 +72,8 @@ export function getNavigateAction(
     payload.screen = actionStateRoute.name
     payload.params = { ...actionStateRoute.params }
 
-    actionStateRoute = actionStateRoute.state?.routes[actionStateRoute.state?.routes.length - 1]
+    actionStateRoute =
+      actionStateRoute.state?.routes[actionStateRoute.state?.routes.length - 1]
 
     payload.params ??= {}
     payload = payload.params

package/src/server/createRoutesManifest.ts

@@ -25,7 +25,10 @@ function createMockModuleWithContext(map: string[] = []) {
   return contextModule as One.RouteContext
 }
 
-export function createRoutesManifest(paths: string[], options: Options): RoutesManifest | null {
+export function createRoutesManifest(
+  paths: string[],
+  options: Options
+): RoutesManifest | null {
   const routeTree = getRoutes(createMockModuleWithContext(paths), {
     ...options,
     preserveApiRoutes: true,

package/src/server/getServerManifest.ts

@@ -85,7 +85,9 @@ export function getServerManifest(route: RouteNode): OneRouterServerManifestV1 {
   for (const [path, route] of flat) {
     if (pathToRoute[path]) {
       console.warn(`\n[one] ❌ Duplicate routes error`)
-      console.warn(`  Multiple routes at the same path! One route will always win over the other.`)
+      console.warn(
+        `  Multiple routes at the same path! One route will always win over the other.`
+      )
       console.warn(`    path: ${path}`)
       console.warn(`    first route: ${pathToRoute[path].contextKey}`)
       console.warn(`    second route: ${route.contextKey}\n`)
@@ -141,7 +143,10 @@ function getGeneratedNamedRouteRegex(
   }
 }
 
-function getRouteEntry(normalizedRoute: string, node: RouteNode): OneRouterServerManifestV1Route {
+function getRouteEntry(
+  normalizedRoute: string,
+  node: RouteNode
+): OneRouterServerManifestV1Route {
   const result = getPathMeta(normalizedRoute)
   return {
     file: node.contextKey,

package/src/server/oneServe.ts

@@ -42,9 +42,8 @@ export async function oneServe(
     lazyRoutes?: LazyRoutes
   }
 ) {
-  const { resolveAPIRoute, resolveLoaderRoute, resolvePageRoute } = await import(
-    '../createHandleRequest'
-  )
+  const { resolveAPIRoute, resolveLoaderRoute, resolvePageRoute } =
+    await import('../createHandleRequest')
   const { isResponse } = await import('../utils/isResponse')
   const { isStatusRedirect } = await import('../utils/isStatus')
 
@@ -110,7 +109,12 @@ export async function oneServe(
       const fileName = useRolldown
         ? route.page.slice(1)
         : route.page.slice(1).replace(/\[/g, '_').replace(/\]/g, '_')
-      const apiFile = join(process.cwd(), 'dist', 'api', fileName + (apiCJS ? '.cjs' : '.js'))
+      const apiFile = join(
+        process.cwd(),
+        'dist',
+        'api',
+        fileName + (apiCJS ? '.cjs' : '.js')
+      )
       return await import(apiFile)
     },
 
@@ -174,7 +178,9 @@ export async function oneServe(
           const headers = new Headers()
           headers.set('content-type', 'text/html')
 
-          const rendered = await (await getRender())({
+          const rendered = await (
+            await getRender()
+          )({
             mode: route.type,
             loaderData,
             loaderProps,
@@ -233,12 +239,17 @@ url: ${url}`)
     },
   }
 
-  function createHonoHandler(route: RouteInfoCompiled): MiddlewareHandler<BlankEnv, never, {}> {
+  function createHonoHandler(
+    route: RouteInfoCompiled
+  ): MiddlewareHandler<BlankEnv, never, {}> {
     return async (context, next) => {
       try {
         const request = context.req.raw
 
-        if (route.page.endsWith('/+not-found') || Reflect.ownKeys(route.routeKeys).length > 0) {
+        if (
+          route.page.endsWith('/+not-found') ||
+          Reflect.ownKeys(route.routeKeys).length > 0
+        ) {
           // Static assets should have the highest priority - which is the behavior of the dev server.
           // But if we handle every matching static asset here, it seems to break some of the static routes.
           // So we only handle it if there's a matching not-found or dynamic route, to prevent One from taking over the static asset.
@@ -277,7 +288,9 @@ url: ${url}`)
           switch (route.type) {
             case 'api': {
               if (debugRouter) {
-                console.info(`[one] ⚡ ${url.pathname} → matched API route: ${route.page}`)
+                console.info(
+                  `[one] ⚡ ${url.pathname} → matched API route: ${route.page}`
+                )
               }
               return resolveAPIRoute(requestHandlers, request, url, route)
             }

package/src/server/setupBuildOptions.ts

@@ -3,5 +3,6 @@ import type { One } from '../vite/types'
 export function setupBuildInfo(buildInfo: One.BuildInfo) {
   // ensure cache key matches build
   process.env.ONE_CACHE_KEY ||= buildInfo.constants.CACHE_KEY
-  process.env.ONE_DEFAULT_RENDER_MODE ||= buildInfo.oneOptions?.web?.defaultRenderMode || 'ssg'
+  process.env.ONE_DEFAULT_RENDER_MODE ||=
+    buildInfo.oneOptions?.web?.defaultRenderMode || 'ssg'
 }

package/src/server/staticHtmlFetcher.ts

@@ -1,7 +1,9 @@
 // Global function for fetching static HTML in Workers (set per-request)
 let _fetchStaticHtml: ((path: string) => Promise<string | null>) | null = null
 
-export function setFetchStaticHtml(fn: ((path: string) => Promise<string | null>) | null) {
+export function setFetchStaticHtml(
+  fn: ((path: string) => Promise<string | null>) | null
+) {
   _fetchStaticHtml = fn
 }
 

package/src/server-render.tsx

@@ -16,7 +16,10 @@ export type RenderToStringOptions = {
   deferredPreloads?: string[]
 }
 
-export const renderToString = async (app: React.ReactElement, options: RenderToStringOptions) => {
+export const renderToString = async (
+  app: React.ReactElement,
+  options: RenderToStringOptions
+) => {
   const readableStream = await ReactDOMServer.renderToReadableStream(app, {
     // Only pass critical scripts to bootstrapModules
     // These generate both modulepreload links AND async script tags

package/src/typed-routes/getTypedRoutesDeclarationFile.ts

@@ -106,7 +106,9 @@ function extractParams(routePath: string): Array<{ name: string; isCatchAll: boo
  * Generate inline params type for better intellisense
  * e.g., [{ name: "slug", isCatchAll: false }] -> "{ slug: string }"
  */
-function generateInlineParamsType(params: Array<{ name: string; isCatchAll: boolean }>): string {
+function generateInlineParamsType(
+  params: Array<{ name: string; isCatchAll: boolean }>
+): string {
   const entries = params.map((p) => {
     const type = p.isCatchAll ? 'string[]' : 'string'
     return `${p.name}: ${type}`
@@ -126,12 +128,24 @@ function walkRouteNode(
 ) {
   if (!routeNode) return
 
-  addRouteNode(routeNode, parentRoutePath, staticRoutes, dynamicRoutes, dynamicRouteContextKeys)
+  addRouteNode(
+    routeNode,
+    parentRoutePath,
+    staticRoutes,
+    dynamicRoutes,
+    dynamicRouteContextKeys
+  )
 
   parentRoutePath = `${removeSupportedExtensions(`${parentRoutePath}/${routeNode.route}`).replace(/\/?index$/, '')}` // replace /index with /
 
   for (const child of routeNode.children) {
-    walkRouteNode(child, parentRoutePath, staticRoutes, dynamicRoutes, dynamicRouteContextKeys)
+    walkRouteNode(
+      child,
+      parentRoutePath,
+      staticRoutes,
+      dynamicRoutes,
+      dynamicRouteContextKeys
+    )
   }
 }
 
@@ -183,7 +197,9 @@ const setToUnionType = <T>(set: Set<T>) => {
 }
 
 function generateCombinations(pathname) {
-  const groups = pathname.split('/').filter((part) => part.startsWith('(') && part.endsWith(')'))
+  const groups = pathname
+    .split('/')
+    .filter((part) => part.startsWith('(') && part.endsWith(')'))
   const combinations: string[] = []
 
   function generate(currentIndex, currentPath) {

package/src/typed-routes/injectRouteHelpers.ts

@@ -66,7 +66,10 @@ export async function injectRouteHelpers(
 /**
  * Adds createRoute to an existing import from 'one', or creates a new import
  */
-function addCreateRouteImport(content: string): { updatedContent: string; importAdded: boolean } {
+function addCreateRouteImport(content: string): {
+  updatedContent: string
+  importAdded: boolean
+} {
   // Check if already imports createRoute
   if (/import\s+[^'"]*createRoute[^'"]*from\s+['"]one['"]/m.test(content)) {
     return { updatedContent: content, importAdded: false }
@@ -80,7 +83,10 @@ function addCreateRouteImport(content: string): { updatedContent: string; import
     // Add createRoute to existing import
     const existingImports = match[1].trim()
     const newImports = existingImports ? `${existingImports}, createRoute` : 'createRoute'
-    const updatedContent = content.replace(oneImportRegex, `import { ${newImports} } from 'one'`)
+    const updatedContent = content.replace(
+      oneImportRegex,
+      `import { ${newImports} } from 'one'`
+    )
     return { updatedContent, importAdded: true }
   }
 
@@ -100,7 +106,10 @@ function addCreateRouteImport(content: string): { updatedContent: string; import
 /**
  * Adds RouteType to an existing type import from 'one', or creates a new import
  */
-function addRouteTypeImport(content: string): { updatedContent: string; importAdded: boolean } {
+function addRouteTypeImport(content: string): {
+  updatedContent: string
+  importAdded: boolean
+} {
   // Check if already imports RouteType
   if (/import\s+type\s+[^'"]*RouteType[^'"]*from\s+['"]one['"]/m.test(content)) {
     return { updatedContent: content, importAdded: false }

package/src/types.ts

@@ -5,11 +5,11 @@ export type PickPartial<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>
 
 export type GlobbedRouteImports = Record<string, () => Promise<unknown>>
 
-export type Endpoint = (req: Request) => Response | string | Object | null
+export type Endpoint = (req: Request) => Response | string | object | null
 
 export type RenderApp = (props: RenderAppProps) => Promise<string>
 
-export type LoaderProps<Params extends Object = Record<string, string | string[]>> = {
+export type LoaderProps<Params extends object = Record<string, string | string[]>> = {
   path: string
   search?: string
   params: Params

package/src/ui/Slot.tsx

@@ -28,7 +28,9 @@ function ShimSlotForReactNative(Component: typeof RUISlot): typeof RUISlot {
   })
 }
 
-export interface Slot<Props = ViewProps, Ref = Component<ViewProps>>
-  extends ForwardRefExoticComponent<Props & RefAttributes<Ref>> {}
+export interface Slot<
+  Props = ViewProps,
+  Ref = Component<ViewProps>,
+> extends ForwardRefExoticComponent<Props & RefAttributes<Ref>> {}
 
 export const Slot: Slot = ShimSlotForReactNative(RUISlot) as Slot

package/src/ui/TabContext.tsx

@@ -96,7 +96,9 @@ export const TabsDescriptorsContext = createContext<TabsContextValue['descriptor
 /**
  * @hidden
  */
-export const TabsNavigatorContext = createContext<TabsContextValue['navigation'] | null>(null)
+export const TabsNavigatorContext = createContext<TabsContextValue['navigation'] | null>(
+  null
+)
 /**
  * @hidden
  */