Pedro Gomes
b7e3208eb2
Passo 12 completo. Build limpo, AC server-side totalmente verificado. O que foi implementado: lib/queue/ — camada de persistência offline: db.ts — Dexie 4 com tabelas pending e deadLetters broadcast.ts — BroadcastChannel helper (mai-call-sync) para comunicar entre tabs sync.ts — loop de sync com retry/backoff: signPhotoUpload → PUT MinIO → create; 409 = sucesso; 4xx = dead-letter; erros de rede = paragem + retry na próxima volta SyncProvider — React Context que: Arranca sync ao reconectar (online event + visibilitychange) Polling de 10s como fallback Regista Background Sync API quando disponível Expõe pendingCount / deadLetterCount via useSyncState() Formulário (/maintenance/new) — refatorado: ao submeter, escreve em IndexedDB e navega imediatamente para /sent sem esperar pelo servidor. O SyncProvider processa a fila em background. Feedback visual: SyncChip na home: "Tudo sincronizado" / "N pedidos por enviar" / erro dead-letter /maintenance/sent: mostra "Em fila" (Clock) ou "Enviado" (CheckCircle2) reactivamente via BroadcastChannel Workbox (@ducanh2912/next-pwa) — app shell precaching ativo, para que o app carregue mesmo sem rede depois da primeira visita.
35 lines
885 B
TypeScript
35 lines
885 B
TypeScript
import type { Metadata, Viewport } from 'next';
|
|
import { Providers } from './providers';
|
|
import { SyncProvider } from './sync-provider';
|
|
import './globals.css';
|
|
|
|
export const metadata: Metadata = {
|
|
title: 'FieldOps — Operator',
|
|
description: 'Industrial operator console.',
|
|
manifest: '/manifest.webmanifest',
|
|
applicationName: 'FieldOps Operator',
|
|
appleWebApp: {
|
|
capable: true,
|
|
title: 'FieldOps Operator',
|
|
statusBarStyle: 'default',
|
|
},
|
|
};
|
|
|
|
export const viewport: Viewport = {
|
|
themeColor: '#0f172a',
|
|
width: 'device-width',
|
|
initialScale: 1,
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="en">
|
|
<body className="min-h-screen bg-background font-sans antialiased">
|
|
<Providers>
|
|
<SyncProvider>{children}</SyncProvider>
|
|
</Providers>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|