// lib/restaurant-context.ts
// Patrón: siempre filtrar por restaurantId de la sesión
const session = await getServerSession(authOptions)
const { restaurantId } = session.user
const orders = await prisma.order.findMany({
  where: { restaurantId },  // ← multi-tenant filter
  orderBy: { createdAt: "desc" }
})

restaurant-menu-saas/
├── app/
│   ├── [domain]/          # Menú público del restaurante
│   │   ├── page.tsx       # Menú por slug
│   │   └── pedido/        # Formulario de pedido
│   ├── dashboard/         # Panel admin (protegido)
│   │   ├── menu/          # Gestión de menú
│   │   ├── pedidos/       # Gestión de pedidos
│   │   ├── domiciliarios/ # Gestión de repartidores
│   │   ├── analytics/     # Métricas y reportes
│   │   ├── cupones/       # Cupones de descuento
│   │   ├── resenas/       # Reseñas de clientes
│   │   ├── templates/     # Selección de template
│   │   ├── qr/            # Generador de QR
│   │   └── configuracion/ # Config del restaurante
│   ├── admin/             # Super Admin panel
│   ├── api/               # API Routes (REST)
│   │   ├── auth/          # NextAuth handler
│   │   ├── orders/        # CRUD pedidos
│   │   ├── restaurants/   # CRUD restaurantes
│   │   ├── delivery/      # Domiciliarios
│   │   ├── chat/          # Mensajes chat
│   │   ├── coupons/       # Cupones
│   │   ├── reviews/       # Reseñas
│   │   ├── push/          # Web Push
│   │   └── sse/           # Server-Sent Events
│   ├── delivery/          # App repartidor
│   ├── login/             # Autenticación
│   ├── docs/              # Esta página
│   └── deploy/            # Guía de despliegue
├── components/            # Componentes reutilizables
├── hooks/                 # Custom hooks
├── lib/                   # Utilidades y config
├── prisma/                # Schema y seeds
└── public/               # Archivos estáticos

// app/[domain]/page.tsx
export default async function PublicMenuPage({
  params,
}: {
  params: { domain: string }
}) {
  const restaurant = await prisma.restaurant.findUnique({
    where: { slug: params.domain },
    include: { categories: true, products: true }
  })
  if (!restaurant) return notFound()
  return <MenuClient restaurant={restaurant} />
}

Restaurant (1) ──┬── (*) User
                 ├── (*) Category ── (*) Product
                 ├── (*) Order ──── (*) ChatMessage
                 │          └─── (1?) DeliveryPerson
                 ├── (*) DeliveryPerson
                 ├── (*) Coupon
                 ├── (*) Review
                 ├── (1?) RestaurantConfig
                 ├── (1?) Subscription
                 └── (1?) OrderCounter

// lib/auth.ts — callbacks
callbacks: {
  async jwt({ token, user }) {
    if (user) {
      token.id = user.id
      token.role = user.role
      token.restaurantId = user.restaurantId
    }
    return token
  },
  async session({ session, token }) {
    session.user.id = token.id
    session.user.role = token.role
    session.user.restaurantId = token.restaurantId
    return session
  }
}

// app/api/sse/route.ts — Servidor
export async function GET(req: Request) {
  const encoder = new TextEncoder()
  const stream = new ReadableStream({
    start(controller) {
      // Registrar cliente en el store
      const id = sseStore.addClient(restaurantId, controller)
      req.signal.addEventListener("abort", () => {
        sseStore.removeClient(restaurantId, id)
      })
    }
  })
  return new Response(stream, {
    headers: {
      "Content-Type": "text/event-stream",
      "Cache-Control": "no-cache",
      "Connection": "keep-alive",
    }
  })
}
// lib/sse-store.ts — Emitir evento
sseStore.emit(restaurantId, {
  type: "NEW_ORDER",
  payload: order
})

// hooks/useSSE.ts — Cliente
export function useSSE(restaurantId: string) {
  useEffect(() => {
    const es = new EventSource(`/api/sse?restaurantId=${restaurantId}`)
    es.onmessage = (e) => {
      const { type, payload } = JSON.parse(e.data)
      if (type === "NEW_ORDER") {
        addOrder(payload)       // Zustand store
        playSound()             // Sonido de alerta
        showToast(payload)      // Toast notification
      }
    }
    return () => es.close()
  }, [restaurantId])
}

// hooks/useTemplate.ts
export function useTemplate(template: string) {
  return TEMPLATES[template] ?? TEMPLATES.default
}
// lib/templates.ts
export const TEMPLATES = {
  default: { primaryColor: "#06C167", fontFamily: "sans-serif" },
  burger:  { primaryColor: "#F59E0B", fontFamily: "serif" },
  pizza:   { primaryColor: "#EF4444", fontFamily: "sans-serif" },
  sushi:   { primaryColor: "#1F2937", fontFamily: "mono" },
}

// hooks/usePushNotifications.ts
const { subscribe, isSubscribed } = usePushNotifications()
// Suscribir al usuario
await subscribe()  // Llama a /api/push/subscribe
// Al crear un pedido, el servidor emite:
// lib/webpush.ts
await sendPushNotification(restaurantId, {
  title: "🛎️ Nuevo pedido #1042",
  body: "Juan García · $45.000 · DELIVERY"
})