Expo Router Skill

// app.config.ts
export default {
  scheme: "myapp",
  experiments: { typedRoutes: true },
} satisfies import("expo/config").ExpoConfig;

// app/orders/[id].tsx
import { useLocalSearchParams } from "expo-router";
import { z } from "zod";
 
const paramsSchema = z.object({ id: z.string().min(1) });
 
export default function OrderDetailScreen() {
  const raw = useLocalSearchParams<{ id: string }>();
  const { id } = paramsSchema.parse(raw);
  // ...
}

// src/navigation/hrefs.ts
import type { Href } from "expo-router";
 
export const orderDetailHref = (id: string): Href => ({
  pathname: "/orders/[id]",
  params: { id },
});

// Uso
import { Link, router } from "expo-router";
import { orderDetailHref } from "@/navigation/hrefs";
 
<Link href={orderDetailHref("42")}>Pedido 42</Link>
router.push(orderDetailHref("42"));

npx expo start    # regen .expo/types/router.d.ts
npx tsc --noEmit  # captura href inválido em tempo de compilação

app/
├── _layout.tsx           # Stack ou Slot raiz
├── (tabs)/
│   ├── _layout.tsx
│   ├── index.tsx
│   └── orders/
│       ├── index.tsx
│       └── [id].tsx
└── (auth)/
    ├── _layout.tsx
    └── login.tsx

// app/_layout.tsx
import { Stack, useRouter, useSegments } from "expo-router";
import { useEffect } from "react";
import { useSession } from "@/features/auth/session";
 
export default function RootLayout() {
  const { session, isLoading } = useSession();
  const segments = useSegments();
  const router = useRouter();
 
  useEffect(() => {
    if (isLoading) return;
    const inAuth = segments[0] === "(auth)";
    if (!session && !inAuth) router.replace("/(auth)/login");
    if (session && inAuth) router.replace("/(tabs)");
  }, [session, isLoading, segments]);
 
  return <Stack screenOptions={{ headerShown: false }} />;
}

// app.config.ts
export default {
  scheme: "myapp",
  ios: { bundleIdentifier: "com.example.myapp" },
  android: { package: "com.example.myapp" },
  // Links universais opcionais:
  // ios: { associatedDomains: ["applinks:myapp.com"] },
} satisfies import("expo/config").ExpoConfig;

npx expo start
npx tsc --noEmit
 
# Teste de link profundo no simulador iOS
xcrun simctl openurl booted "myapp://orders/42"

Use o skill Expo Router. SDK 57, typedRoutes ativado.
Adicione /settings/notifications e /settings/profile sob (tabs).
Forneça construtores de href e verificação tsc. Rotas enxutas - telas vivem em src/features/settings/.

Use o skill Expo Router.
Link profundo: myapp://orders/[id] do payload de notificação { orderId }.
Mapeie para rota tipada, valide id com Zod, documente o comando de teste simctl.

Use o skill Expo Router.
Migre as chamadas router.push("/order/" + id) para o módulo Href centralizado.
Liste todos os arquivos a serem tocados e o portão tsc.

- [ ] Árvore app/ documentada
- [ ] experiments.typedRoutes: true em app.config.ts
- [ ] Construtores de href exportados de um único módulo
- [ ] Zod (ou equivalente) em parâmetros dinâmicos
- [ ] scheme / associatedDomains se links profundos forem necessários
- [ ] npx tsc --noEmit na seção de verificação
- [ ] Nenhuma lógica de negócios duplicada em arquivos de rota