@flowselections/google-maps-api-installatie-techniek 1.0.4 → 1.1.1

package/README.md

@@ -0,0 +1,33 @@
+# Kaarten-module (`maps_installatie`)
+
+Deze module verwerkt `maps_request_queue`:
+- adressen omzetten naar coördinaten (geocoding);
+- reistijden ophalen en opslaan in `maps_addresses` en `maps_travel_times`.
+
+## Starten van de verwerking
+
+- `POST /api/public/maps-cron`: andere modules roepen dit aan via `MAPS_CRON_URL`. Het endpoint gebruikt een lease.
+- De knop "Wachtrij nu verwerken" op de beheerpagina.
+
+## Instellingen (`maps_settings`)
+
+| Kolom | Standaard | Betekenis |
+|---|---|---|
+| `daily_call_limit` | 2000 | Maximum aantal externe aanroepen |
+| `cache_ttl_days` | 30 | Hoe lang reistijden geldig blijven |
+| `claim_via_rpc_enabled` | false | Items atomair claimen (`SKIP LOCKED`), zodat elk item één keer wordt verwerkt |
+| `per_call_limit_enabled` | false | Daglimiet per aanroep controleren en ophogen in `maps_call_counter` |
+| `max_attempts_enabled` / `max_attempts` | false / 3 | Maximum aantal pogingen uit de instellingen; uit = vast 3 |
+| `stop_bij_sleutelfout_enabled` | false | Batch stoppen bij een ongeldige sleutel of een tokenfout van Central |
+| `timezone` | Europe/Amsterdam | Daggrens van de dagteller |
+
+Met alle schakelaars uit werkt de verwerking exact zoals in versie 1.0.x.
+
+## Omgevingswaarden
+
+- `SUPABASE_URL` en `SERVICE_ROLE_KEY`
+- `CENTRAL_AUTH_URL` en `CENTRAL_AUTH_SECRET`: de Google-sleutel komt via Central.
+
+## Tests
+
+`npm test`. De tests gebruiken mocks en doen geen echte Google- of database-aanroepen.

package/dist-lib/components/MapsBeheerPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapsBeheerPage.d.ts","sourceRoot":"","sources":["../../src/components/MapsBeheerPage.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,cAAc,gCAgN7B"}
+{"version":3,"file":"MapsBeheerPage.d.ts","sourceRoot":"","sources":["../../src/components/MapsBeheerPage.tsx"],"names":[],"mappings":"AA0CA,wBAAgB,cAAc,gCA8Q7B"}

package/dist-lib/components/MapsBeheerPage.js

@@ -4,9 +4,10 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Label, Switch, Tabs, TabsContent, TabsList, TabsTrigger, toast, } from "@flowselections/core";
 import { MapPin, RefreshCw, Trash2, Timer } from "lucide-react";
-import { clearMapsCache, getMapsOverview, getMapsStatus, processMapsQueue, purgeExpiredTravelTimes, updateMapsSettings, } from "../lib/maps.functions";
+import { clearMapsCache, getMapsOverview, getMapsStatus, processMapsQueue, purgeExpiredTravelTimes, updateMapsSettings, } from "../lib/maps.functions.js";
 import { MapsStatusPanel } from "./maps/MapsStatusPanel";
 import { MapsDiagnosticsPanel } from "./maps/MapsDiagnosticsPanel";
+import { MapsErrorsPanel } from "./maps/MapsErrorsPanel";
 function Stat({ label, value }) {
     return (_jsxs("div", { className: "rounded-lg border border-border bg-card p-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: label }), _jsx("p", { className: "mt-1 text-2xl font-semibold text-foreground", children: value })] }));
 }
@@ -30,14 +31,27 @@ export function MapsBeheerPage() {
     const [limit, setLimit] = useState("");
     const [fallback, setFallback] = useState(null);
     const [provider, setProvider] = useState(null);
+    const [toggles, setToggles] = useState({});
+    const [maxAttempts, setMaxAttempts] = useState("");
+    const [timezone, setTimezone] = useState("");
     const settings = data?.settings ?? null;
     const ttlValue = ttl !== "" ? ttl : String(settings?.cacheTtlDays ?? 30);
     const limitValue = limit !== "" ? limit : String(settings?.dailyCallLimit ?? 2000);
     const fallbackValue = fallback ?? settings?.allowEstimateFallback ?? true;
     const providerValue = provider ?? settings?.provider ?? "free";
+    const toggle = (key) => toggles[key] ?? settings?.[key] ?? false;
+    const maxAttemptsValue = maxAttempts !== "" ? maxAttempts : String(settings?.maxAttempts ?? 3);
+    const timezoneValue = timezone !== "" ? timezone : settings?.timezone ?? "Europe/Amsterdam";
+    const TOGGLES = [
+        ["claimViaRpcEnabled", "Wachtrij-items veilig claimen (elk item precies één keer)"],
+        ["perCallLimitEnabled", "Daglimiet per aanroep controleren"],
+        ["maxAttemptsEnabled", "Maximum aantal pogingen uit instellingen gebruiken"],
+        ["stopBijSleutelfoutEnabled", "Batch stoppen bij ongeldige sleutel of tokenfout"],
+    ];
     const invalidate = () => {
         queryClient.invalidateQueries({ queryKey: ["maps-overview"] });
         queryClient.invalidateQueries({ queryKey: ["maps-status"] });
+        queryClient.invalidateQueries({ queryKey: ["maps-errors"] });
     };
     const mutation = useMutation({
         mutationFn: async (action) => {
@@ -53,16 +67,27 @@ export function MapsBeheerPage() {
                     dailyCallLimit: Number(limitValue),
                     allowEstimateFallback: fallbackValue,
                     provider: providerValue,
+                    claimViaRpcEnabled: toggle("claimViaRpcEnabled"),
+                    perCallLimitEnabled: toggle("perCallLimitEnabled"),
+                    maxAttemptsEnabled: toggle("maxAttemptsEnabled"),
+                    stopBijSleutelfoutEnabled: toggle("stopBijSleutelfoutEnabled"),
+                    maxAttempts: Number(maxAttemptsValue),
+                    timezone: timezoneValue,
+                    expectedUpdatedAt: settings?.updatedAt ?? null,
                 },
             });
         },
         onSuccess: () => {
             toast.success("Actie uitgevoerd");
+            setToggles({});
+            setMaxAttempts("");
+            setTimezone("");
             invalidate();
         },
         onError: (error) => {
+            console.error("[maps] actie mislukt", error);
             toast.error(error instanceof Error ? error.message : "Er ging iets mis");
         },
     });
-    return (_jsx("main", { className: "flex-1 p-6", children: _jsxs(Tabs, { defaultValue: "status", className: "w-full", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "status", children: "Status & diagnose" }), _jsx(TabsTrigger, { value: "beheer", children: "Beheer" })] }), _jsxs(TabsContent, { value: "status", className: "space-y-4", children: [_jsx(MapsStatusPanel, { status: status ?? null }), _jsx(MapsDiagnosticsPanel, {})] }), _jsxs(TabsContent, { value: "beheer", className: "space-y-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MapPin, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Google-koppeling" })] }), data ? (_jsx(Badge, { variant: data.connected ? "default" : "destructive", children: data.connected ? "Verbonden" : "Niet beschikbaar" })) : null] }), _jsx(CardDescription, { children: "Route- en adresgegevens worden opgehaald via de centrale auth-module." })] }), _jsxs(CardContent, { className: "space-y-2 text-sm text-muted-foreground", children: [isLoading ? _jsx("p", { children: "Laden..." }) : null, data && !data.connected ? _jsx("p", { children: data.connectionReason }) : null, settings?.lastSuccessAt ? (_jsxs("p", { children: ["Laatste geslaagde aanroep: ", new Date(settings.lastSuccessAt).toLocaleString("nl-NL")] })) : null, settings?.lastError ? (_jsxs("p", { className: "text-destructive", children: ["Laatste fout: ", settings.lastError] })) : null] })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [_jsx(Stat, { label: "Aanroepen vandaag", value: data?.elementsToday ?? 0 }), _jsx(Stat, { label: "Aanroepen deze maand", value: data?.elementsMonth ?? 0 }), data?.estimatedCostMonth != null ? (_jsx(Stat, { label: "Geschatte kosten (USD)", value: data.estimatedCostMonth })) : null, _jsx(Stat, { label: "Mislukte aanroepen", value: data?.errorsMonth ?? 0 }), _jsx(Stat, { label: "Terugvallen deze maand", value: data?.fallbacksMonth ?? 0 }), _jsx(Stat, { label: "Adressen in cache", value: data?.addressCount ?? 0 }), _jsx(Stat, { label: "Reistijden in cache", value: data?.travelTimeCount ?? 0 }), _jsx(Stat, { label: "Verlopen reistijden", value: data?.expiredCount ?? 0 }), _jsx(Stat, { label: "Wachtrij (open / mislukt)", value: `${data?.queuePending ?? 0} / ${data?.queueFailed ?? 0}` })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Instellingen" }), _jsx(CardDescription, { children: "Aanbieder, houdbaarheid, daglimiet en terugval op schatting." })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "ttl", children: "Houdbaarheid cache (dagen)" }), _jsx(Input, { id: "ttl", type: "number", min: 1, value: ttlValue, onChange: (event) => setTtl(event.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "limit", children: "Daglimiet (elementen)" }), _jsx(Input, { id: "limit", type: "number", min: 0, value: limitValue, onChange: (event) => setLimit(event.target.value) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "provider", children: "Aanbieder" }), _jsxs("select", { id: "provider", className: "h-10 w-full rounded-md border border-input bg-background px-3 text-sm sm:w-64", value: providerValue, onChange: (event) => setProvider(event.target.value === "google" ? "google" : "free"), children: [_jsx("option", { value: "free", children: "Gratis (geen kosten)" }), _jsx("option", { value: "google", children: "Google (met billing)" })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Kostenschatting wordt alleen getoond bij Google." })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Switch, { id: "fallback", checked: fallbackValue, onCheckedChange: (checked) => setFallback(checked) }), _jsx(Label, { htmlFor: "fallback", children: "Terugvallen op postcodeschatting toestaan" })] }), _jsx(Button, { onClick: () => mutation.mutate("save"), disabled: mutation.isPending, children: "Instellingen opslaan" })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Acties" }), _jsx(CardDescription, { children: "Onderhoud van de wachtrij en de cache." })] }), _jsxs(CardContent, { className: "flex flex-wrap gap-3", children: [_jsxs(Button, { onClick: () => mutation.mutate("queue"), disabled: mutation.isPending, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Wachtrij nu verwerken"] }), _jsxs(Button, { variant: "outline", onClick: () => mutation.mutate("purge"), disabled: mutation.isPending, children: [_jsx(Timer, { className: "mr-2 h-4 w-4" }), " Verlopen rijen opruimen"] }), _jsxs(Button, { variant: "destructive", onClick: () => mutation.mutate("clear"), disabled: mutation.isPending, children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), " Cache legen"] })] })] })] })] }) }));
+    return (_jsx("main", { className: "flex-1 p-6", children: _jsxs(Tabs, { defaultValue: "status", className: "w-full", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "status", children: "Status & diagnose" }), _jsx(TabsTrigger, { value: "beheer", children: "Beheer" })] }), _jsxs(TabsContent, { value: "status", className: "space-y-4", children: [_jsx(MapsStatusPanel, { status: status ?? null }), _jsx(MapsDiagnosticsPanel, {})] }), _jsxs(TabsContent, { value: "beheer", className: "space-y-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MapPin, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Google-koppeling" })] }), data ? (_jsx(Badge, { variant: data.connected ? "default" : "destructive", children: data.connected ? "Verbonden" : "Niet beschikbaar" })) : null] }), _jsx(CardDescription, { children: "Route- en adresgegevens worden opgehaald via de centrale auth-module." })] }), _jsxs(CardContent, { className: "space-y-2 text-sm text-muted-foreground", children: [isLoading ? _jsx("p", { children: "Laden..." }) : null, data && !data.connected ? _jsx("p", { children: data.connectionReason }) : null, settings?.lastSuccessAt ? (_jsxs("p", { children: ["Laatste geslaagde aanroep: ", new Date(settings.lastSuccessAt).toLocaleString("nl-NL")] })) : null, settings?.lastError ? (_jsxs("p", { className: "text-destructive", children: ["Laatste fout: ", settings.lastError] })) : null] })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [_jsx(Stat, { label: "Aanroepen vandaag", value: data?.elementsToday ?? 0 }), _jsx(Stat, { label: "Aanroepen deze maand", value: data?.elementsMonth ?? 0 }), data?.estimatedCostMonth != null ? (_jsx(Stat, { label: "Geschatte kosten (USD)", value: data.estimatedCostMonth })) : null, _jsx(Stat, { label: "Mislukte aanroepen", value: data?.errorsMonth ?? 0 }), _jsx(Stat, { label: "Terugvallen deze maand", value: data?.fallbacksMonth ?? 0 }), _jsx(Stat, { label: "Adressen in cache", value: data?.addressCount ?? 0 }), _jsx(Stat, { label: "Reistijden in cache", value: data?.travelTimeCount ?? 0 }), _jsx(Stat, { label: "Verlopen reistijden", value: data?.expiredCount ?? 0 }), _jsx(Stat, { label: "Wachtrij (open / mislukt)", value: `${data?.queuePending ?? 0} / ${data?.queueFailed ?? 0}` })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Instellingen" }), _jsx(CardDescription, { children: "Aanbieder, houdbaarheid, daglimiet en terugval op schatting." })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "ttl", children: "Houdbaarheid cache (dagen)" }), _jsx(Input, { id: "ttl", type: "number", min: 1, value: ttlValue, onChange: (event) => setTtl(event.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "limit", children: "Daglimiet (elementen)" }), _jsx(Input, { id: "limit", type: "number", min: 0, value: limitValue, onChange: (event) => setLimit(event.target.value) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "provider", children: "Aanbieder" }), _jsxs("select", { id: "provider", className: "h-10 w-full rounded-md border border-input bg-background px-3 text-sm sm:w-64", value: providerValue, onChange: (event) => setProvider(event.target.value === "google" ? "google" : "free"), children: [_jsx("option", { value: "free", children: "Gratis (geen kosten)" }), _jsx("option", { value: "google", children: "Google (met billing)" })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Kostenschatting wordt alleen getoond bij Google." })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Switch, { id: "fallback", checked: fallbackValue, onCheckedChange: (checked) => setFallback(checked) }), _jsx(Label, { htmlFor: "fallback", children: "Terugvallen op postcodeschatting toestaan" })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "max-attempts", children: "Maximum aantal pogingen" }), _jsx(Input, { id: "max-attempts", type: "number", min: 1, value: maxAttemptsValue, onChange: (event) => setMaxAttempts(event.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "timezone", children: "Tijdzone daglimiet" }), _jsx(Input, { id: "timezone", value: timezoneValue, onChange: (event) => setTimezone(event.target.value) })] })] }), _jsxs("div", { className: "space-y-3", children: [TOGGLES.map(([key, label]) => (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Switch, { id: key, checked: toggle(key), onCheckedChange: (checked) => setToggles((prev) => ({ ...prev, [key]: checked })) }), _jsx(Label, { htmlFor: key, children: label })] }, key))), _jsx("p", { className: "text-xs text-muted-foreground", children: "Alle schakelaars staan standaard uit; dan werkt de verwerking zoals voorheen." })] }), _jsx(Button, { onClick: () => mutation.mutate("save"), disabled: mutation.isPending, children: "Instellingen opslaan" })] })] }), _jsx(MapsErrorsPanel, {}), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Acties" }), _jsx(CardDescription, { children: "Onderhoud van de wachtrij en de cache." })] }), _jsxs(CardContent, { className: "flex flex-wrap gap-3", children: [_jsxs(Button, { onClick: () => mutation.mutate("queue"), disabled: mutation.isPending, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Wachtrij nu verwerken"] }), _jsxs(Button, { variant: "outline", onClick: () => mutation.mutate("purge"), disabled: mutation.isPending, children: [_jsx(Timer, { className: "mr-2 h-4 w-4" }), " Verlopen rijen opruimen"] }), _jsxs(Button, { variant: "destructive", onClick: () => mutation.mutate("clear"), disabled: mutation.isPending, children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), " Cache legen"] })] })] })] })] }) }));
 }

package/dist-lib/components/maps/MapsDiagnosticsPanel.js

@@ -5,7 +5,7 @@ import { useState } from "react";
 import { useServerFn } from "@tanstack/react-start";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@flowselections/core";
 import { AlertTriangle, CheckCircle2, ClipboardCopy, Loader2, XCircle, } from "lucide-react";
-import { getMapsDiagnostics } from "../../lib/maps.functions";
+import { getMapsDiagnostics } from "../../lib/maps.functions.js";
 function formatDateTime(value) {
     const parsed = Date.parse(value);
     if (Number.isNaN(parsed))

package/dist-lib/components/maps/MapsErrorsPanel.d.ts

@@ -0,0 +1,2 @@
+export declare function MapsErrorsPanel(): import("react").JSX.Element;
+//# sourceMappingURL=MapsErrorsPanel.d.ts.map

package/dist-lib/components/maps/MapsErrorsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapsErrorsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/maps/MapsErrorsPanel.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,eAAe,gCA6C9B"}

package/dist-lib/components/maps/MapsErrorsPanel.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle } from "@flowselections/core";
+import { getMapsErrors } from "../../lib/maps.functions";
+const KIND_LABEL = {
+    quota: "Quota / limiet",
+    invalid_key: "Ongeldige sleutel",
+    not_found: "Adres niet gevonden",
+    token: "Token Central",
+    other: "Overig",
+};
+const PAGE_SIZE = 10;
+export function MapsErrorsPanel() {
+    const fetchErrors = useServerFn(getMapsErrors);
+    const [page, setPage] = useState(0);
+    const { data, isFetching, error } = useQuery({
+        queryKey: ["maps-errors", page],
+        queryFn: () => fetchErrors({ data: { page, pageSize: PAGE_SIZE } }),
+    });
+    const items = Array.isArray(data?.items) ? data.items : [];
+    const total = data?.total ?? 0;
+    const lastPage = Math.max(0, Math.ceil(total / PAGE_SIZE) - 1);
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Recente fouten" }), _jsxs(CardDescription, { children: ["Fouten van Google en Central, met tijdstip. Totaal: ", total] })] }), _jsxs(CardContent, { className: "space-y-3 text-sm", children: [error ? (_jsx("p", { className: "text-destructive", children: error instanceof Error ? error.message : "Fouten laden mislukt" })) : null, items.length === 0 && !isFetching ? _jsx("p", { className: "text-muted-foreground", children: "Geen fouten." }) : null, _jsx("ul", { className: "divide-y divide-border", children: items.map((item) => (_jsxs("li", { className: "flex flex-col gap-1 py-2 sm:flex-row sm:items-start sm:gap-3", children: [_jsx("span", { className: "w-40 shrink-0 text-muted-foreground", children: new Date(item.at).toLocaleString("nl-NL") }), _jsx(Badge, { variant: "outline", className: "w-fit", children: KIND_LABEL[item.kind] ?? item.kind }), _jsx("span", { className: "break-all text-foreground", children: item.message })] }, item.id))) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", disabled: page === 0 || isFetching, onClick: () => setPage((p) => p - 1), children: "Vorige" }), _jsxs("span", { className: "text-muted-foreground", children: ["Pagina ", page + 1, " van ", lastPage + 1] }), _jsx(Button, { variant: "outline", size: "sm", disabled: page >= lastPage || isFetching, onClick: () => setPage((p) => p + 1), children: "Volgende" })] })] })] }));
+}

package/dist-lib/components/maps/MapsStatusPanel.d.ts

@@ -1,4 +1,4 @@
-import type { MapsConnectionStatus } from "../../lib/central-auth.server";
+import type { MapsConnectionStatus } from "../../lib/central-auth.server.js";
 export declare function MapsStatusPanel({ status, }: {
     status: MapsConnectionStatus | null;
 }): import("react").JSX.Element;

package/dist-lib/components/maps/MapsStatusPanel.js

@@ -6,7 +6,7 @@ import { useServerFn } from "@tanstack/react-start";
 import { useQuery } from "@tanstack/react-query";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, toast, } from "@flowselections/core";
 import { AlertTriangle, CheckCircle2, RefreshCw, ShieldCheck, XCircle, } from "lucide-react";
-import { getMapsOverview, testMapsConnection } from "../../lib/maps.functions";
+import { getMapsOverview, testMapsConnection } from "../../lib/maps.functions.js";
 function formatDateTime(value) {
     if (!value)
         return "onbekend";

package/dist-lib/components/settings/MapsSettingsCard.js

@@ -4,7 +4,7 @@ import { useServerFn } from "@tanstack/react-start";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@flowselections/core";
 import { Link } from "@tanstack/react-router";
 import { MapPin } from "lucide-react";
-import { getMapsOverview } from "../../lib/maps.functions";
+import { getMapsOverview } from "../../lib/maps.functions.js";
 export function MapsSettingsCard() {
     const fetchOverview = useServerFn(getMapsOverview);
     const { data } = useQuery({

package/dist-lib/integrations/supabase/client.js

@@ -19,7 +19,7 @@ function createSupabaseClient() {
 }
 let _supabase;
 // Import the supabase client like this:
-// import { supabase } from "../../integrations/supabase/client";
+// import { supabase } from "./client.js";
 export const supabase = new Proxy({}, {
     get(_, prop, receiver) {
         if (!_supabase)

package/dist-lib/integrations/supabase/client.server.js

@@ -20,7 +20,7 @@ function createSupabaseAdminClient() {
 let _supabaseAdmin;
 // Server-side Supabase client with service role - bypasses RLS
 // SECURITY: Only use this for trusted server-side operations, never expose to client code
-// Import like: import { supabaseAdmin } from "../../integrations/supabase/client.server";
+// Import like: import { supabaseAdmin } from "./client.server.js";
 export const supabaseAdmin = new Proxy({}, {
     get(_, prop, receiver) {
         if (!_supabaseAdmin)

package/dist-lib/integrations/supabase/previewAuthStorage.d.ts

@@ -1,6 +1,12 @@
-export declare function brokeredPreviewStorage(): Storage | {
-    getItem: (key: string) => Promise<string | null>;
-    setItem: (key: string, value: string) => Promise<void>;
-    removeItem: (key: string) => Promise<undefined>;
-} | undefined;
+/** Storage accepted by Supabase's `auth.storage` option; `localStorage` and the editor broker both satisfy it. */
+export interface PreviewAuthStorage {
+    getItem: (key: string) => string | null | Promise<string | null>;
+    setItem: (key: string, value: string) => void | Promise<void>;
+    removeItem: (key: string) => void | Promise<void>;
+}
+/**
+ * On a Lovable preview surface, broker the auth session to the editor over
+ * postMessage so the project's preview surfaces share one login; else localStorage.
+ */
+export declare function brokeredPreviewStorage(): PreviewAuthStorage | undefined;
 //# sourceMappingURL=previewAuthStorage.d.ts.map

package/dist-lib/integrations/supabase/previewAuthStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"previewAuthStorage.d.ts","sourceRoot":"","sources":["../../../src/integrations/supabase/previewAuthStorage.ts"],"names":[],"mappings":"AAIA,wBAAgB,sBAAsB;mBA2Db,MAAM;mBAeZ,MAAM,SAAS,MAAM;sBASlB,MAAM;cAK3B"}
+{"version":3,"file":"previewAuthStorage.d.ts","sourceRoot":"","sources":["../../../src/integrations/supabase/previewAuthStorage.ts"],"names":[],"mappings":"AAEA,kHAAkH;AAClH,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACjE,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACnD;AA6BD;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,kBAAkB,GAAG,SAAS,CAsGvE"}

package/dist-lib/integrations/supabase/previewAuthStorage.js

@@ -1,6 +1,21 @@
 // This file is automatically generated. Do not edit it directly.
-// On a Lovable preview surface, broker the auth session to the editor over
-// postMessage so the project's preview surfaces share one login; else localStorage.
+const RESULT = 'lovable-preview-auth:result';
+function readBrokerReply(data, requestId) {
+    if (typeof data !== 'object' || data === null)
+        return null;
+    if (!('type' in data) || data.type !== RESULT)
+        return null;
+    if (!('requestId' in data) || data.requestId !== requestId)
+        return null;
+    return {
+        ok: 'ok' in data && Boolean(data.ok),
+        value: 'value' in data && typeof data.value === 'string' ? data.value : null,
+    };
+}
+/**
+ * On a Lovable preview surface, broker the auth session to the editor over
+ * postMessage so the project's preview surfaces share one login; else localStorage.
+ */
 export function brokeredPreviewStorage() {
     if (typeof window === 'undefined')
         return undefined;
@@ -11,10 +26,13 @@ export function brokeredPreviewStorage() {
     // preview--<name> host can't smuggle another project's id.
     const UUID = '[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}';
     const projectId = onPreviewZone
-        ? (host.match(new RegExp('^(?:id-preview(?:-[a-z0-9]+)?|project)--(' + UUID + ')(?:-dev)?(?=\\.|$)', 'i'))?.[1]
-            ?? host.match(new RegExp('^(' + UUID + ')(?=[.-])', 'i'))?.[1])
+        ? (new RegExp('^(?:id-preview(?:-[a-z0-9]+)?|project)--(' + UUID + ')(?:-dev)?(?=\\.|$)', 'i').exec(host)?.[1]
+            ?? new RegExp('^(' + UUID + ')(?=[.-])', 'i').exec(host)?.[1])
         : undefined;
-    const framed = window.parent && window.parent !== window;
+    // lib.dom types window.parent and location.ancestorOrigins as always set, but a
+    // detached frame has no parent and not every browser implements ancestorOrigins.
+    const parentWindow = window.parent;
+    const framed = parentWindow !== null && parentWindow !== window;
     if (!projectId || !framed)
         return localStorage;
     // Post only to the real editor ancestor, validated as a Lovable origin, so the
@@ -23,59 +41,75 @@ export function brokeredPreviewStorage() {
     const EDITOR = dev
         ? /^https:\/\/([a-z0-9-]+\.)*(lovable\.dev|gptengineer\.app)$|^http:\/\/localhost:3000$/
         : /^https:\/\/([a-z0-9-]+\.)*(lovable\.dev|gptengineer\.app)$/;
-    const ancestor = (location.ancestorOrigins && location.ancestorOrigins[0]) || (document.referrer ? new URL(document.referrer).origin : '');
+    const ancestorOrigins = location.ancestorOrigins;
+    const ancestor = ancestorOrigins?.[0] ?? (document.referrer ? new URL(document.referrer).origin : '');
     const editorOrigins = ancestor && EDITOR.test(ancestor)
         ? [ancestor]
         : (dev ? ['https://lovable.dev', 'http://localhost:3000'] : ['https://lovable.dev']);
-    const RESULT = 'lovable-preview-auth:result';
     const TIMEOUT = 2000;
     const newId = () => Math.random().toString(36).slice(2) + Date.now().toString(36);
     const request = (type, key, value) => new Promise((resolve) => {
         const requestId = newId();
         let done = false;
-        let timer;
-        const finish = (r) => {
+        const finish = (reply) => {
             if (done)
                 return;
             done = true;
             clearTimeout(timer);
             window.removeEventListener('message', onMessage);
-            resolve(r);
+            resolve(reply);
         };
         const onMessage = (e) => {
-            if (editorOrigins.indexOf(e.origin) < 0)
+            if (!editorOrigins.includes(e.origin))
                 return;
-            const d = e.data;
-            if (d && d.type === RESULT && d.requestId === requestId)
-                finish(d);
+            const reply = readBrokerReply(e.data, requestId);
+            if (reply)
+                finish(reply);
         };
         window.addEventListener('message', onMessage);
+        const timer = setTimeout(() => { finish(null); }, TIMEOUT);
         const msg = { type, requestId, projectId, key };
         if (value !== undefined)
-            msg['value'] = value;
+            msg.value = value;
         // targetOrigin per trusted editor origin, so a session token never reaches an arbitrary embedder.
         for (const origin of editorOrigins)
             window.parent.postMessage(msg, origin);
-        timer = setTimeout(() => finish(null), TIMEOUT);
     });
     // The editor may not be listening yet at the first getItem, so retry once.
     let firstGet = true;
     const RETRY_DELAY = 250;
+    // Blocked third-party storage throws here; seeding must not break broker reads.
+    const readLocal = (key) => { try {
+        return localStorage.getItem(key);
+    }
+    catch {
+        return undefined;
+    } };
     return {
         getItem: async (key) => {
-            let res = await request('lovable-preview-auth:get', key);
+            // Sent with GET and REMOVE so an editor that never cached this session can check or revoke it.
+            const local = readLocal(key);
+            let res = await request('lovable-preview-auth:get', key, local ?? undefined);
             if (!res && firstGet) {
-                await new Promise((r) => setTimeout(r, RETRY_DELAY));
-                res = await request('lovable-preview-auth:get', key);
+                await new Promise((resolve) => setTimeout(resolve, RETRY_DELAY));
+                res = await request('lovable-preview-auth:get', key, local ?? undefined);
             }
             firstGet = false;
             // '' is the logout tombstone: clear the local copy too so it can't resurrect if
-            // the broker later goes silent. A null reply means never-synced -> keep local.
-            if (res && res.ok && typeof res.value === 'string') {
+            // the broker later goes silent. A null value means never-synced -> keep local.
+            if (res?.ok && res.value !== null) {
                 if (res.value === '') {
-                    localStorage.removeItem(key);
+                    if (local !== undefined && readLocal(key) === local)
+                        localStorage.removeItem(key);
                     return null;
                 }
+                // Seed this origin so a new tab, whose editor holds no session, stays signed in.
+                if (local === null && readLocal(key) === null) {
+                    try {
+                        localStorage.setItem(key, res.value);
+                    }
+                    catch { /* storage full: still return the editor's session */ }
+                }
                 return res.value;
             }
             return localStorage.getItem(key);
@@ -83,7 +117,7 @@ export function brokeredPreviewStorage() {
         setItem: (key, value) => {
             localStorage.setItem(key, value);
             return request('lovable-preview-auth:set', key, value).then((res) => {
-                if (res && res.ok && typeof res.value === 'string' && localStorage.getItem(key) === value) {
+                if (res?.ok && res.value !== null && localStorage.getItem(key) === value) {
                     if (res.value === '')
                         localStorage.removeItem(key);
                     else
@@ -92,8 +126,9 @@ export function brokeredPreviewStorage() {
             });
         },
         removeItem: (key) => {
+            const local = readLocal(key);
             localStorage.removeItem(key);
-            return request('lovable-preview-auth:remove', key).then(() => undefined);
+            return request('lovable-preview-auth:remove', key, local ?? undefined).then(() => { });
         },
     };
 }