@syncular/console 0.0.0 → 0.0.3-23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.d.ts +14 -0
- package/dist/App.d.ts.map +1 -0
- package/dist/App.js +33 -0
- package/dist/App.js.map +1 -0
- package/dist/browser-main.d.ts +2 -0
- package/dist/browser-main.d.ts.map +1 -0
- package/dist/browser-main.js +9 -0
- package/dist/browser-main.js.map +1 -0
- package/dist/hooks/ConnectionContext.d.ts +30 -0
- package/dist/hooks/ConnectionContext.d.ts.map +1 -0
- package/dist/hooks/ConnectionContext.js +127 -0
- package/dist/hooks/ConnectionContext.js.map +1 -0
- package/dist/hooks/index.d.ts +10 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +10 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/useConsoleApi.d.ts +152 -0
- package/dist/hooks/useConsoleApi.d.ts.map +1 -0
- package/dist/hooks/useConsoleApi.js +623 -0
- package/dist/hooks/useConsoleApi.js.map +1 -0
- package/dist/hooks/useInstanceContext.d.ts +9 -0
- package/dist/hooks/useInstanceContext.d.ts.map +1 -0
- package/dist/hooks/useInstanceContext.js +14 -0
- package/dist/hooks/useInstanceContext.js.map +1 -0
- package/dist/hooks/useLiveEvents.d.ts +33 -0
- package/dist/hooks/useLiveEvents.d.ts.map +1 -0
- package/dist/hooks/useLiveEvents.js +199 -0
- package/dist/hooks/useLiveEvents.js.map +1 -0
- package/dist/hooks/useLocalStorage.d.ts +2 -0
- package/dist/hooks/useLocalStorage.d.ts.map +1 -0
- package/dist/hooks/useLocalStorage.js +36 -0
- package/dist/hooks/useLocalStorage.js.map +1 -0
- package/dist/hooks/usePartitionContext.d.ts +9 -0
- package/dist/hooks/usePartitionContext.d.ts.map +1 -0
- package/dist/hooks/usePartitionContext.js +14 -0
- package/dist/hooks/usePartitionContext.js.map +1 -0
- package/dist/hooks/usePreferences.d.ts +35 -0
- package/dist/hooks/usePreferences.d.ts.map +1 -0
- package/dist/hooks/usePreferences.js +48 -0
- package/dist/hooks/usePreferences.js.map +1 -0
- package/dist/hooks/useRequestEvents.d.ts +7 -0
- package/dist/hooks/useRequestEvents.d.ts.map +1 -0
- package/dist/hooks/useRequestEvents.js +33 -0
- package/dist/hooks/useRequestEvents.js.map +1 -0
- package/dist/hooks/useTimeRange.d.ts +18 -0
- package/dist/hooks/useTimeRange.d.ts.map +1 -0
- package/dist/hooks/useTimeRange.js +18 -0
- package/dist/hooks/useTimeRange.js.map +1 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +10 -0
- package/dist/index.js.map +1 -0
- package/dist/layout.d.ts +6 -0
- package/dist/layout.d.ts.map +1 -0
- package/dist/layout.js +85 -0
- package/dist/layout.js.map +1 -0
- package/dist/lib/api.d.ts +11 -0
- package/dist/lib/api.d.ts.map +1 -0
- package/dist/lib/api.js +20 -0
- package/dist/lib/api.js.map +1 -0
- package/dist/lib/topology.d.ts +8 -0
- package/dist/lib/topology.d.ts.map +1 -0
- package/dist/lib/topology.js +76 -0
- package/dist/lib/topology.js.map +1 -0
- package/dist/lib/types.d.ts +194 -0
- package/dist/lib/types.d.ts.map +1 -0
- package/dist/lib/types.js +5 -0
- package/dist/lib/types.js.map +1 -0
- package/dist/mount.d.ts +10 -0
- package/dist/mount.d.ts.map +1 -0
- package/dist/mount.js +25 -0
- package/dist/mount.js.map +1 -0
- package/dist/pages/Command.d.ts +2 -0
- package/dist/pages/Command.d.ts.map +1 -0
- package/dist/pages/Command.js +215 -0
- package/dist/pages/Command.js.map +1 -0
- package/dist/pages/Config.d.ts +2 -0
- package/dist/pages/Config.d.ts.map +1 -0
- package/dist/pages/Config.js +504 -0
- package/dist/pages/Config.js.map +1 -0
- package/dist/pages/Fleet.d.ts +2 -0
- package/dist/pages/Fleet.d.ts.map +1 -0
- package/dist/pages/Fleet.js +126 -0
- package/dist/pages/Fleet.js.map +1 -0
- package/dist/pages/Ops.d.ts +2 -0
- package/dist/pages/Ops.d.ts.map +1 -0
- package/dist/pages/Ops.js +294 -0
- package/dist/pages/Ops.js.map +1 -0
- package/dist/pages/Stream.d.ts +6 -0
- package/dist/pages/Stream.d.ts.map +1 -0
- package/dist/pages/Stream.js +403 -0
- package/dist/pages/Stream.js.map +1 -0
- package/dist/pages/index.d.ts +6 -0
- package/dist/pages/index.d.ts.map +1 -0
- package/dist/pages/index.js +6 -0
- package/dist/pages/index.js.map +1 -0
- package/dist/routeTree.d.ts +2 -0
- package/dist/routeTree.d.ts.map +1 -0
- package/dist/routeTree.js +18 -0
- package/dist/routeTree.js.map +1 -0
- package/dist/routes/__root.d.ts +2 -0
- package/dist/routes/__root.d.ts.map +1 -0
- package/dist/routes/__root.js +6 -0
- package/dist/routes/__root.js.map +1 -0
- package/dist/routes/config.d.ts +2 -0
- package/dist/routes/config.d.ts.map +1 -0
- package/dist/routes/config.js +9 -0
- package/dist/routes/config.js.map +1 -0
- package/dist/routes/fleet.d.ts +2 -0
- package/dist/routes/fleet.d.ts.map +1 -0
- package/dist/routes/fleet.js +9 -0
- package/dist/routes/fleet.js.map +1 -0
- package/dist/routes/index.d.ts +2 -0
- package/dist/routes/index.d.ts.map +1 -0
- package/dist/routes/index.js +9 -0
- package/dist/routes/index.js.map +1 -0
- package/dist/routes/investigate-commit.d.ts +2 -0
- package/dist/routes/investigate-commit.d.ts.map +1 -0
- package/dist/routes/investigate-commit.js +14 -0
- package/dist/routes/investigate-commit.js.map +1 -0
- package/dist/routes/investigate-event.d.ts +2 -0
- package/dist/routes/investigate-event.d.ts.map +1 -0
- package/dist/routes/investigate-event.js +14 -0
- package/dist/routes/investigate-event.js.map +1 -0
- package/dist/routes/ops.d.ts +2 -0
- package/dist/routes/ops.d.ts.map +1 -0
- package/dist/routes/ops.js +9 -0
- package/dist/routes/ops.js.map +1 -0
- package/dist/routes/stream.d.ts +2 -0
- package/dist/routes/stream.d.ts.map +1 -0
- package/dist/routes/stream.js +9 -0
- package/dist/routes/stream.js.map +1 -0
- package/dist/runtime-config.d.ts +12 -0
- package/dist/runtime-config.d.ts.map +1 -0
- package/dist/runtime-config.js +35 -0
- package/dist/runtime-config.js.map +1 -0
- package/dist/sentry.d.ts +11 -0
- package/dist/sentry.d.ts.map +1 -0
- package/dist/sentry.js +60 -0
- package/dist/sentry.js.map +1 -0
- package/package.json +27 -7
- package/src/App.tsx +46 -25
- package/src/browser-main.tsx +10 -0
- package/src/index.ts +1 -0
- package/src/mount.tsx +6 -3
- package/src/runtime-config.ts +50 -0
- package/web-dist/apple-touch-icon.png +0 -0
- package/web-dist/chunk-7ayekhzx.css +1 -0
- package/web-dist/chunk-xrafhx03.js +90 -0
- package/web-dist/favicon-96x96.png +0 -0
- package/web-dist/favicon.ico +0 -0
- package/web-dist/favicon.svg +3 -0
- package/web-dist/index.html +19 -0
- package/web-dist/site.webmanifest +21 -0
- package/web-dist/web-app-manifest-192x192.png +0 -0
- package/web-dist/web-app-manifest-512x512.png +0 -0
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, EmptyState, FleetCard, Pagination, PanelShell, Spinner, SyncHorizon, } from '@syncular/ui';
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
|
+
import { useClients, useEvictClientMutation, usePartitionContext, usePreferences, useStats, } from '../hooks/index.js';
|
|
5
|
+
function inferClientType(clientId) {
|
|
6
|
+
const lower = clientId.toLowerCase();
|
|
7
|
+
if (lower.includes('mobile') ||
|
|
8
|
+
lower.includes('ios') ||
|
|
9
|
+
lower.includes('android'))
|
|
10
|
+
return 'mobile';
|
|
11
|
+
if (lower.includes('tablet'))
|
|
12
|
+
return 'tablet';
|
|
13
|
+
if (lower.includes('desktop') || lower.includes('laptop'))
|
|
14
|
+
return 'desktop';
|
|
15
|
+
if (lower.includes('edge'))
|
|
16
|
+
return 'edge';
|
|
17
|
+
if (lower.includes('iot'))
|
|
18
|
+
return 'iot';
|
|
19
|
+
return 'desktop';
|
|
20
|
+
}
|
|
21
|
+
function inferDialect(clientId) {
|
|
22
|
+
const lower = clientId.toLowerCase();
|
|
23
|
+
if (lower.includes('pglite'))
|
|
24
|
+
return 'PGlite';
|
|
25
|
+
if (lower.includes('wa-sqlite') || lower.includes('sqlite'))
|
|
26
|
+
return 'SQLite';
|
|
27
|
+
if (lower.includes('postgres') || lower.includes('pg'))
|
|
28
|
+
return 'PostgreSQL';
|
|
29
|
+
return 'unknown';
|
|
30
|
+
}
|
|
31
|
+
function formatTime(isoString, timeFormat) {
|
|
32
|
+
if (timeFormat === 'absolute') {
|
|
33
|
+
return new Date(isoString).toLocaleString();
|
|
34
|
+
}
|
|
35
|
+
try {
|
|
36
|
+
const date = new Date(isoString);
|
|
37
|
+
const now = new Date();
|
|
38
|
+
const diffMs = now.getTime() - date.getTime();
|
|
39
|
+
const diffSecs = Math.floor(diffMs / 1000);
|
|
40
|
+
const diffMins = Math.floor(diffSecs / 60);
|
|
41
|
+
const diffHours = Math.floor(diffMins / 60);
|
|
42
|
+
const diffDays = Math.floor(diffHours / 24);
|
|
43
|
+
if (diffSecs < 60)
|
|
44
|
+
return 'just now';
|
|
45
|
+
if (diffMins < 60)
|
|
46
|
+
return `${diffMins}m ago`;
|
|
47
|
+
if (diffHours < 24)
|
|
48
|
+
return `${diffHours}h ago`;
|
|
49
|
+
return `${diffDays}d ago`;
|
|
50
|
+
}
|
|
51
|
+
catch {
|
|
52
|
+
return isoString;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
function mapToSyncNode(client, _headSeq, timeFormat) {
|
|
56
|
+
return {
|
|
57
|
+
id: client.clientId,
|
|
58
|
+
type: inferClientType(client.clientId),
|
|
59
|
+
status: client.activityState === 'stale'
|
|
60
|
+
? 'offline'
|
|
61
|
+
: client.activityState === 'idle'
|
|
62
|
+
? 'syncing'
|
|
63
|
+
: 'online',
|
|
64
|
+
cursor: client.cursor,
|
|
65
|
+
actor: client.actorId,
|
|
66
|
+
mode: client.connectionMode === 'realtime' ? 'realtime' : 'polling',
|
|
67
|
+
dialect: inferDialect(client.clientId),
|
|
68
|
+
scopes: Object.keys(client.effectiveScopes ?? {}),
|
|
69
|
+
lastSeen: formatTime(client.updatedAt, timeFormat),
|
|
70
|
+
};
|
|
71
|
+
}
|
|
72
|
+
export function Fleet() {
|
|
73
|
+
const [page, setPage] = useState(1);
|
|
74
|
+
const [evictingClientId, setEvictingClientId] = useState(null);
|
|
75
|
+
const { preferences } = usePreferences();
|
|
76
|
+
const { partitionId } = usePartitionContext();
|
|
77
|
+
const pageSize = preferences.pageSize;
|
|
78
|
+
const refreshIntervalMs = preferences.refreshInterval * 1000;
|
|
79
|
+
const { data: stats, isLoading: statsLoading } = useStats({
|
|
80
|
+
refetchIntervalMs: refreshIntervalMs,
|
|
81
|
+
partitionId,
|
|
82
|
+
});
|
|
83
|
+
const { data, isLoading, error } = useClients({
|
|
84
|
+
limit: pageSize,
|
|
85
|
+
offset: (page - 1) * pageSize,
|
|
86
|
+
partitionId,
|
|
87
|
+
}, { refetchIntervalMs: refreshIntervalMs });
|
|
88
|
+
const evictMutation = useEvictClientMutation();
|
|
89
|
+
const totalPages = Math.ceil((data?.total ?? 0) / pageSize);
|
|
90
|
+
const headSeq = stats?.maxCommitSeq ?? 0;
|
|
91
|
+
useEffect(() => {
|
|
92
|
+
setPage(1);
|
|
93
|
+
}, []);
|
|
94
|
+
const handleEvict = async () => {
|
|
95
|
+
if (!evictingClientId)
|
|
96
|
+
return;
|
|
97
|
+
try {
|
|
98
|
+
await evictMutation.mutateAsync({
|
|
99
|
+
clientId: evictingClientId,
|
|
100
|
+
partitionId,
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
finally {
|
|
104
|
+
setEvictingClientId(null);
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
if (isLoading || statsLoading) {
|
|
108
|
+
return (_jsx("div", { className: "flex items-center justify-center h-[200px]", children: _jsx(Spinner, { size: "lg" }) }));
|
|
109
|
+
}
|
|
110
|
+
if (error) {
|
|
111
|
+
return (_jsx("div", { className: "flex items-center justify-center h-[200px]", children: _jsxs("p", { className: "text-danger", children: ["Failed to load clients: ", error.message] }) }));
|
|
112
|
+
}
|
|
113
|
+
const syncNodes = (data?.items ?? []).map((c) => mapToSyncNode(c, headSeq, preferences.timeFormat));
|
|
114
|
+
return (_jsxs("div", { className: "flex flex-col gap-5 px-5 py-5", children: [syncNodes.length > 0 && (_jsx(SyncHorizon, { clients: syncNodes, headSeq: headSeq })), syncNodes.length === 0 ? (_jsx(PanelShell, { children: _jsx(EmptyState, { message: "No clients yet" }) })) : (_jsx("div", { className: "grid grid-cols-3 gap-3", children: syncNodes.map((node, i) => (_jsx(FleetCard, { client: node, headSeq: headSeq, onEvict: () => setEvictingClientId(data?.items[i]?.clientId ?? node.id) }, node.id))) })), totalPages > 1 && (_jsx(Pagination, { page: page, totalPages: totalPages, totalItems: data?.total ?? 0, onPageChange: setPage })), _jsx(Dialog, { open: evictingClientId !== null, onOpenChange: () => setEvictingClientId(null), children: _jsxs(DialogContent, { children: [
|
|
115
|
+
_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Evict Client" }) }), _jsxs("div", { className: "px-5 py-4 flex flex-col gap-4", children: [
|
|
116
|
+
_jsxs("p", { className: "font-mono text-[11px] text-neutral-300", children: ["Are you sure you want to evict client", ' ', _jsxs("span", { className: "font-mono text-white", children: [evictingClientId?.slice(0, 12), "..."] }),
|
|
117
|
+
"?"] }), _jsx("p", { className: "font-mono text-[10px] text-neutral-500", children: "This will force the client to re-bootstrap on their next sync." })
|
|
118
|
+
] }), _jsxs(DialogFooter, { children: [
|
|
119
|
+
_jsx(Button, { variant: "default", onClick: () => setEvictingClientId(null), children: "Cancel" }), _jsx(Button, { variant: "destructive", onClick: handleEvict, disabled: evictMutation.isPending, children: evictMutation.isPending ? (_jsxs(_Fragment, { children: [
|
|
120
|
+
_jsx(Spinner, { size: "sm" }),
|
|
121
|
+
"Evicting..."] })) : ('Evict') })
|
|
122
|
+
] })
|
|
123
|
+
] }) })
|
|
124
|
+
] }));
|
|
125
|
+
}
|
|
126
|
+
//# sourceMappingURL=Fleet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Fleet.js","sourceRoot":"","sources":["../../src/pages/Fleet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Ops.d.ts","sourceRoot":"","sources":["../../src/pages/Ops.tsx"],"names":[],"mappings":"AA4IA,wBAAgB,GAAG,4CAiBlB"}
|
|
@@ -0,0 +1,294 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Alert, AlertDescription, AlertsConfig, AlertTitle, Badge, Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Field, FieldDescription, FieldLabel, HandlersTable, Input, MaintenanceCard, SectionCard, Spinner, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@syncular/ui';
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { useCompactMutation, useHandlers, useLocalStorage, useNotifyDataChangeMutation, useOperationEvents, usePartitionContext, usePruneMutation, usePrunePreview, useStats, } from '../hooks/index.js';
|
|
5
|
+
const DEFAULT_ALERT_CONFIG = {
|
|
6
|
+
latencyThresholdMs: 1000,
|
|
7
|
+
errorRateThreshold: 5,
|
|
8
|
+
clientLagThreshold: 50,
|
|
9
|
+
enabled: false,
|
|
10
|
+
};
|
|
11
|
+
function formatDuration(ms) {
|
|
12
|
+
if (ms < 1000)
|
|
13
|
+
return `${ms}ms`;
|
|
14
|
+
if (ms < 60000)
|
|
15
|
+
return `${Math.round(ms / 1000)}s`;
|
|
16
|
+
if (ms < 3600000)
|
|
17
|
+
return `${Math.round(ms / 60000)}m`;
|
|
18
|
+
return `${Math.round(ms / 3600000)}h`;
|
|
19
|
+
}
|
|
20
|
+
function parseTableList(value) {
|
|
21
|
+
const parts = value
|
|
22
|
+
.split(',')
|
|
23
|
+
.map((entry) => entry.trim())
|
|
24
|
+
.filter((entry) => entry.length > 0);
|
|
25
|
+
return Array.from(new Set(parts));
|
|
26
|
+
}
|
|
27
|
+
function formatOperationTypeLabel(type) {
|
|
28
|
+
switch (type) {
|
|
29
|
+
case 'notify_data_change':
|
|
30
|
+
return 'Notify';
|
|
31
|
+
case 'evict_client':
|
|
32
|
+
return 'Evict';
|
|
33
|
+
case 'compact':
|
|
34
|
+
return 'Compact';
|
|
35
|
+
default:
|
|
36
|
+
return 'Prune';
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
function asObject(value) {
|
|
40
|
+
if (!value || typeof value !== 'object' || Array.isArray(value)) {
|
|
41
|
+
return null;
|
|
42
|
+
}
|
|
43
|
+
return value;
|
|
44
|
+
}
|
|
45
|
+
function asStringArray(value) {
|
|
46
|
+
if (!Array.isArray(value))
|
|
47
|
+
return [];
|
|
48
|
+
return value.filter((entry) => typeof entry === 'string');
|
|
49
|
+
}
|
|
50
|
+
function summarizeOperation(event) {
|
|
51
|
+
const request = asObject(event.requestPayload);
|
|
52
|
+
const result = asObject(event.resultPayload);
|
|
53
|
+
if (event.operationType === 'notify_data_change') {
|
|
54
|
+
const tables = asStringArray(request?.tables);
|
|
55
|
+
const commitSeq = result?.commitSeq;
|
|
56
|
+
return `${tables.length} table${tables.length === 1 ? '' : 's'} -> commit #${typeof commitSeq === 'number' ? commitSeq : '?'}`;
|
|
57
|
+
}
|
|
58
|
+
if (event.operationType === 'evict_client') {
|
|
59
|
+
const evicted = result?.evicted === true ? 'evicted' : 'not found';
|
|
60
|
+
return `client ${event.targetClientId ?? '?'} ${evicted}`;
|
|
61
|
+
}
|
|
62
|
+
if (event.operationType === 'compact') {
|
|
63
|
+
const deletedChanges = typeof result?.deletedChanges === 'number' ? result.deletedChanges : 0;
|
|
64
|
+
return `${deletedChanges} changes removed`;
|
|
65
|
+
}
|
|
66
|
+
const deletedCommits = typeof result?.deletedCommits === 'number' ? result.deletedCommits : 0;
|
|
67
|
+
const watermark = typeof request?.watermarkCommitSeq === 'number'
|
|
68
|
+
? ` at #${request.watermarkCommitSeq}`
|
|
69
|
+
: '';
|
|
70
|
+
return `${deletedCommits} commits removed${watermark}`;
|
|
71
|
+
}
|
|
72
|
+
function formatDateTime(iso) {
|
|
73
|
+
const parsed = Date.parse(iso);
|
|
74
|
+
if (!Number.isFinite(parsed))
|
|
75
|
+
return iso;
|
|
76
|
+
return new Date(parsed).toLocaleString();
|
|
77
|
+
}
|
|
78
|
+
export function Ops() {
|
|
79
|
+
const { partitionId } = usePartitionContext();
|
|
80
|
+
return (_jsxs("div", { className: "flex flex-col gap-4 px-5 py-5", children: [
|
|
81
|
+
_jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [
|
|
82
|
+
_jsx(HandlersView, {}), _jsx(AlertsView, {})
|
|
83
|
+
] }), _jsxs("div", { className: "grid gap-4 xl:grid-cols-3", children: [
|
|
84
|
+
_jsx(PruneView, { partitionId: partitionId }), _jsx(CompactView, { partitionId: partitionId }), _jsx(NotifyDataChangeView, { partitionId: partitionId })
|
|
85
|
+
] }), _jsx(OperationsAuditView, { partitionId: partitionId })
|
|
86
|
+
] }));
|
|
87
|
+
}
|
|
88
|
+
function HandlersView() {
|
|
89
|
+
const { data, isLoading, error } = useHandlers();
|
|
90
|
+
if (isLoading) {
|
|
91
|
+
return (_jsx("div", { className: "flex items-center justify-center h-[200px]", children: _jsx(Spinner, { size: "lg" }) }));
|
|
92
|
+
}
|
|
93
|
+
if (error) {
|
|
94
|
+
return (_jsx("div", { className: "flex items-center justify-center h-[200px]", children: _jsxs("p", { className: "text-danger", children: ["Failed to load handlers: ", error.message] }) }));
|
|
95
|
+
}
|
|
96
|
+
const mapped = (data?.items ?? []).map((h) => ({
|
|
97
|
+
table: h.table,
|
|
98
|
+
dependsOn: h.dependsOn?.join(', ') ?? null,
|
|
99
|
+
chunkTtl: h.snapshotChunkTtlMs
|
|
100
|
+
? formatDuration(h.snapshotChunkTtlMs)
|
|
101
|
+
: 'default',
|
|
102
|
+
}));
|
|
103
|
+
return (_jsx(HandlersTable, { handlers: mapped, tableCount: data?.items.length ?? 0 }));
|
|
104
|
+
}
|
|
105
|
+
function PruneView({ partitionId }) {
|
|
106
|
+
const [modalOpen, setModalOpen] = useState(false);
|
|
107
|
+
const [lastResult, setLastResult] = useState(null);
|
|
108
|
+
const { data: stats, isLoading: statsLoading } = useStats({ partitionId });
|
|
109
|
+
const { data: prunePreview, isLoading: previewLoading, refetch: refetchPreview, } = usePrunePreview({ enabled: false });
|
|
110
|
+
const pruneMutation = usePruneMutation();
|
|
111
|
+
const handleOpenModal = async () => {
|
|
112
|
+
setModalOpen(true);
|
|
113
|
+
setLastResult(null);
|
|
114
|
+
await refetchPreview();
|
|
115
|
+
};
|
|
116
|
+
const handlePrune = async () => {
|
|
117
|
+
const result = await pruneMutation.mutateAsync();
|
|
118
|
+
setLastResult(result.deletedCommits);
|
|
119
|
+
};
|
|
120
|
+
if (statsLoading) {
|
|
121
|
+
return (_jsx("div", { className: "flex items-center justify-center h-[200px]", children: _jsx(Spinner, { size: "lg" }) }));
|
|
122
|
+
}
|
|
123
|
+
const pruneStats = [
|
|
124
|
+
{ label: 'Total commits', value: stats?.commitCount ?? 0 },
|
|
125
|
+
{
|
|
126
|
+
label: 'Commit range',
|
|
127
|
+
value: `${stats?.minCommitSeq ?? 0} - ${stats?.maxCommitSeq ?? 0}`,
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
label: 'Min active cursor',
|
|
131
|
+
value: stats?.minActiveClientCursor ?? 'N/A',
|
|
132
|
+
tone: 'syncing',
|
|
133
|
+
},
|
|
134
|
+
];
|
|
135
|
+
return (_jsxs(_Fragment, { children: [
|
|
136
|
+
_jsx(MaintenanceCard, { title: "Prune", description: "Delete commits that all clients have already synced. Pruning removes commits older than the oldest active client cursor.", dotColor: "syncing", stats: pruneStats, actionLabel: "Preview Prune", actionVariant: "destructive", onAction: handleOpenModal }), _jsx(Dialog, { open: modalOpen, onOpenChange: setModalOpen, children: _jsxs(DialogContent, { children: [
|
|
137
|
+
_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Prune Old Commits" }) }), _jsx("div", { className: "px-5 py-4 flex flex-col gap-4", children: lastResult !== null ? (_jsxs(Alert, { variant: "default", children: [
|
|
138
|
+
_jsx(AlertTitle, { children: "Pruning Complete" }), _jsxs(AlertDescription, { children: ["Successfully deleted ",
|
|
139
|
+
_jsx("strong", { children: lastResult }),
|
|
140
|
+
" commits."] })
|
|
141
|
+
] })) : previewLoading ? (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx(Spinner, { size: "sm" }) })) : prunePreview ? (_jsxs(_Fragment, { children: [
|
|
142
|
+
_jsx(Alert, { variant: prunePreview.commitsToDelete > 0 ? 'destructive' : 'default', children: _jsx(AlertDescription, { children: prunePreview.commitsToDelete > 0 ? (_jsxs(_Fragment, { children: ["This will delete", ' ', _jsx("strong", { children: prunePreview.commitsToDelete }),
|
|
143
|
+
" commits up to sequence", ' ', _jsxs("code", { className: "font-mono", children: ["#", prunePreview.watermarkCommitSeq] }),
|
|
144
|
+
"."] })) : ('No commits are eligible for pruning.') }) }), _jsxs("div", { className: "flex flex-col gap-2", children: [
|
|
145
|
+
_jsxs("div", { className: "flex justify-between font-mono text-[11px]", children: [
|
|
146
|
+
_jsx("span", { className: "text-neutral-500", children: "Watermark commit seq:" }), _jsxs("span", { className: "text-white", children: ["#", prunePreview.watermarkCommitSeq] })
|
|
147
|
+
] }), _jsxs("div", { className: "flex justify-between font-mono text-[11px] items-center", children: [
|
|
148
|
+
_jsx("span", { className: "text-neutral-500", children: "Commits to delete:" }), _jsx(Badge, { variant: prunePreview.commitsToDelete > 0 ? 'offline' : 'ghost', children: prunePreview.commitsToDelete })
|
|
149
|
+
] })
|
|
150
|
+
] })
|
|
151
|
+
] })) : null }), _jsxs(DialogFooter, { children: [
|
|
152
|
+
_jsx(Button, { variant: "default", onClick: () => setModalOpen(false), children: lastResult !== null ? 'Close' : 'Cancel' }), lastResult === null && (_jsx(Button, { variant: "destructive", onClick: handlePrune, disabled: pruneMutation.isPending ||
|
|
153
|
+
previewLoading ||
|
|
154
|
+
(prunePreview?.commitsToDelete ?? 0) === 0, children: pruneMutation.isPending ? (_jsxs(_Fragment, { children: [
|
|
155
|
+
_jsx(Spinner, { size: "sm" }),
|
|
156
|
+
"Pruning..."] })) : ('Prune Now') }))] })
|
|
157
|
+
] }) })
|
|
158
|
+
] }));
|
|
159
|
+
}
|
|
160
|
+
function CompactView({ partitionId }) {
|
|
161
|
+
const [modalOpen, setModalOpen] = useState(false);
|
|
162
|
+
const [lastResult, setLastResult] = useState(null);
|
|
163
|
+
const { data: stats, isLoading: statsLoading } = useStats({ partitionId });
|
|
164
|
+
const compactMutation = useCompactMutation();
|
|
165
|
+
const handleOpenModal = () => {
|
|
166
|
+
setModalOpen(true);
|
|
167
|
+
setLastResult(null);
|
|
168
|
+
};
|
|
169
|
+
const handleCompact = async () => {
|
|
170
|
+
const result = await compactMutation.mutateAsync();
|
|
171
|
+
setLastResult(result.deletedChanges);
|
|
172
|
+
};
|
|
173
|
+
if (statsLoading) {
|
|
174
|
+
return (_jsx("div", { className: "flex items-center justify-center h-[200px]", children: _jsx(Spinner, { size: "lg" }) }));
|
|
175
|
+
}
|
|
176
|
+
const compactStats = [
|
|
177
|
+
{ label: 'Total changes', value: stats?.changeCount ?? 0 },
|
|
178
|
+
{ label: 'Total commits', value: stats?.commitCount ?? 0 },
|
|
179
|
+
];
|
|
180
|
+
return (_jsxs(_Fragment, { children: [
|
|
181
|
+
_jsx(MaintenanceCard, { title: "Compact", description: "Merge old changes to reduce storage space. Compaction merges multiple changes to the same row into a single change.", dotColor: "flow", stats: compactStats, actionLabel: "Run Compaction", actionVariant: "primary", onAction: handleOpenModal }), _jsx(Dialog, { open: modalOpen, onOpenChange: setModalOpen, children: _jsxs(DialogContent, { children: [
|
|
182
|
+
_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Compact Changes" }) }), _jsx("div", { className: "px-5 py-4 flex flex-col gap-4", children: lastResult !== null ? (_jsxs(Alert, { variant: "default", children: [
|
|
183
|
+
_jsx(AlertTitle, { children: "Compaction Complete" }), _jsxs(AlertDescription, { children: ["Successfully removed ",
|
|
184
|
+
_jsx("strong", { children: lastResult }),
|
|
185
|
+
" redundant changes."] })
|
|
186
|
+
] })) : (_jsx(Alert, { variant: "default", children: _jsx(AlertDescription, { children: "Compaction will merge multiple changes to the same row, keeping only the most recent version. This is safe and can be run at any time." }) })) }), _jsxs(DialogFooter, { children: [
|
|
187
|
+
_jsx(Button, { variant: "default", onClick: () => setModalOpen(false), children: lastResult !== null ? 'Close' : 'Cancel' }), lastResult === null && (_jsx(Button, { variant: "primary", onClick: handleCompact, disabled: compactMutation.isPending, children: compactMutation.isPending ? (_jsxs(_Fragment, { children: [
|
|
188
|
+
_jsx(Spinner, { size: "sm" }),
|
|
189
|
+
"Compacting..."] })) : ('Compact Now') }))] })
|
|
190
|
+
] }) })
|
|
191
|
+
] }));
|
|
192
|
+
}
|
|
193
|
+
function NotifyDataChangeView({ partitionId }) {
|
|
194
|
+
const [modalOpen, setModalOpen] = useState(false);
|
|
195
|
+
const [tablesInput, setTablesInput] = useState('tasks');
|
|
196
|
+
const [partitionIdInput, setPartitionIdInput] = useState(partitionId ?? '');
|
|
197
|
+
const [lastResult, setLastResult] = useState(null);
|
|
198
|
+
const [validationMessage, setValidationMessage] = useState(null);
|
|
199
|
+
const notifyMutation = useNotifyDataChangeMutation();
|
|
200
|
+
const tables = parseTableList(tablesInput);
|
|
201
|
+
const notifyStats = [
|
|
202
|
+
{
|
|
203
|
+
label: 'Next tables',
|
|
204
|
+
value: tables.length,
|
|
205
|
+
tone: 'syncing',
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
label: 'Last commit seq',
|
|
209
|
+
value: lastResult ? `#${lastResult.commitSeq}` : '—',
|
|
210
|
+
tone: 'syncing',
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
label: 'Last chunks cleared',
|
|
214
|
+
value: lastResult?.deletedChunks ?? '—',
|
|
215
|
+
},
|
|
216
|
+
];
|
|
217
|
+
const handleOpenModal = () => {
|
|
218
|
+
setModalOpen(true);
|
|
219
|
+
setValidationMessage(null);
|
|
220
|
+
};
|
|
221
|
+
const handleNotify = async () => {
|
|
222
|
+
if (tables.length === 0) {
|
|
223
|
+
setValidationMessage('Provide at least one table name.');
|
|
224
|
+
return;
|
|
225
|
+
}
|
|
226
|
+
setValidationMessage(null);
|
|
227
|
+
const result = await notifyMutation.mutateAsync({
|
|
228
|
+
tables,
|
|
229
|
+
partitionId: partitionIdInput.trim() || undefined,
|
|
230
|
+
});
|
|
231
|
+
setLastResult(result);
|
|
232
|
+
};
|
|
233
|
+
return (_jsxs(_Fragment, { children: [
|
|
234
|
+
_jsx(MaintenanceCard, { title: "Notify Data Change", description: "Create a synthetic commit after external imports or direct DB writes so clients re-bootstrap for affected tables.", dotColor: "healthy", stats: notifyStats, actionLabel: "Notify Clients", actionVariant: "primary", onAction: handleOpenModal }), _jsx(Dialog, { open: modalOpen, onOpenChange: setModalOpen, children: _jsxs(DialogContent, { children: [
|
|
235
|
+
_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Notify External Data Change" }) }), _jsxs("div", { className: "flex flex-col gap-4 px-5 py-4", children: [lastResult ? (_jsxs(Alert, { variant: "default", children: [
|
|
236
|
+
_jsx(AlertTitle, { children: "Notification Sent" }), _jsxs(AlertDescription, { children: ["Created synthetic commit", ' ', _jsxs("strong", { children: ["#", lastResult.commitSeq] }),
|
|
237
|
+
" for", ' ', _jsx("strong", { children: lastResult.tables.length }),
|
|
238
|
+
" table", lastResult.tables.length === 1 ? '' : 's', " and cleared", ' ', _jsx("strong", { children: lastResult.deletedChunks }),
|
|
239
|
+
" cached chunk", lastResult.deletedChunks === 1 ? '' : 's', "."] })
|
|
240
|
+
] })) : (_jsx(Alert, { variant: "default", children: _jsx(AlertDescription, { children: "Use this when data changed outside Syncular push flow. It invalidates cached snapshot chunks and forces clients to pull fresh data." }) })), validationMessage ? (_jsx(Alert, { variant: "destructive", children: _jsx(AlertDescription, { children: validationMessage }) })) : null, _jsxs(Field, { children: [
|
|
241
|
+
_jsx(FieldLabel, { children: "Tables (comma-separated)" }), _jsx(Input, { value: tablesInput, onChange: (event) => setTablesInput(event.target.value), placeholder: "tasks, notes", disabled: notifyMutation.isPending }), _jsx(FieldDescription, { children: "Enter one or more table names affected by the external change." })
|
|
242
|
+
] }), _jsxs(Field, { children: [
|
|
243
|
+
_jsx(FieldLabel, { children: "Partition ID (optional)" }), _jsx(Input, { value: partitionIdInput, onChange: (event) => setPartitionIdInput(event.target.value), placeholder: "default", disabled: notifyMutation.isPending })
|
|
244
|
+
] })
|
|
245
|
+
] }), _jsxs(DialogFooter, { children: [
|
|
246
|
+
_jsx(Button, { variant: "default", onClick: () => setModalOpen(false), children: lastResult ? 'Close' : 'Cancel' }), !lastResult ? (_jsx(Button, { variant: "primary", onClick: handleNotify, disabled: notifyMutation.isPending, children: notifyMutation.isPending ? (_jsxs(_Fragment, { children: [
|
|
247
|
+
_jsx(Spinner, { size: "sm" }),
|
|
248
|
+
"Notifying..."] })) : ('Notify Data Change') })) : null] })
|
|
249
|
+
] }) })
|
|
250
|
+
] }));
|
|
251
|
+
}
|
|
252
|
+
function OperationsAuditView({ partitionId }) {
|
|
253
|
+
const [operationTypeFilter, setOperationTypeFilter] = useState('all');
|
|
254
|
+
const { data, isLoading, error } = useOperationEvents({
|
|
255
|
+
limit: 20,
|
|
256
|
+
offset: 0,
|
|
257
|
+
operationType: operationTypeFilter === 'all' ? undefined : operationTypeFilter,
|
|
258
|
+
partitionId,
|
|
259
|
+
}, { refetchIntervalMs: 5000 });
|
|
260
|
+
return (_jsx(SectionCard, { title: "Operation Audit", description: "Recent prune/compact/notify/evict actions with actor and result context.", actions: _jsxs("div", { className: "flex items-center gap-2", children: [
|
|
261
|
+
_jsx(Button, { variant: operationTypeFilter === 'all' ? 'default' : 'ghost', size: "sm", onClick: () => setOperationTypeFilter('all'), children: "All" }), _jsx(Button, { variant: operationTypeFilter === 'prune' ? 'default' : 'ghost', size: "sm", onClick: () => setOperationTypeFilter('prune'), children: "Prune" }), _jsx(Button, { variant: operationTypeFilter === 'compact' ? 'default' : 'ghost', size: "sm", onClick: () => setOperationTypeFilter('compact'), children: "Compact" }), _jsx(Button, { variant: operationTypeFilter === 'notify_data_change' ? 'default' : 'ghost', size: "sm", onClick: () => setOperationTypeFilter('notify_data_change'), children: "Notify" }), _jsx(Button, { variant: operationTypeFilter === 'evict_client' ? 'default' : 'ghost', size: "sm", onClick: () => setOperationTypeFilter('evict_client'), children: "Evict" })
|
|
262
|
+
] }), contentClassName: "pt-2", children: isLoading ? (_jsx("div", { className: "flex items-center justify-center py-10", children: _jsx(Spinner, { size: "lg" }) })) : error ? (_jsx(Alert, { variant: "destructive", children: _jsxs(AlertDescription, { children: ["Failed to load operation audit events: ", error.message] }) })) : (data?.items.length ?? 0) === 0 ? (_jsx("div", { className: "px-2 py-8 text-sm text-neutral-500", children: "No operation events found for this filter." })) : (_jsx("div", { className: "overflow-x-auto", children: _jsxs(Table, { children: [
|
|
263
|
+
_jsx(TableHeader, { children: _jsxs(TableRow, { children: [
|
|
264
|
+
_jsx(TableHead, { children: "Time" }), _jsx(TableHead, { children: "Type" }), _jsx(TableHead, { children: "User" }), _jsx(TableHead, { children: "Target" }), _jsx(TableHead, { children: "Result" })
|
|
265
|
+
] }) }), _jsx(TableBody, { children: (data?.items ?? []).map((event) => (_jsxs(TableRow, { children: [
|
|
266
|
+
_jsx(TableCell, { className: "whitespace-nowrap text-xs text-neutral-400", children: formatDateTime(event.createdAt) }), _jsx(TableCell, { children: _jsx(Badge, { variant: "ghost", children: formatOperationTypeLabel(event.operationType) }) }), _jsx(TableCell, { className: "font-mono text-xs", children: event.consoleUserId ?? 'system' }), _jsx(TableCell, { className: "font-mono text-xs", children: event.targetClientId ??
|
|
267
|
+
event.partitionId ??
|
|
268
|
+
(event.operationType === 'notify_data_change'
|
|
269
|
+
? 'partition default'
|
|
270
|
+
: 'global') }), _jsx(TableCell, { className: "font-mono text-xs text-neutral-300", children: summarizeOperation(event) })
|
|
271
|
+
] }, event.operationId))) })
|
|
272
|
+
] }) })) }));
|
|
273
|
+
}
|
|
274
|
+
function AlertsView() {
|
|
275
|
+
const [config, setConfig] = useLocalStorage('console:alert-config', DEFAULT_ALERT_CONFIG);
|
|
276
|
+
const thresholds = {
|
|
277
|
+
p90Latency: config.latencyThresholdMs,
|
|
278
|
+
errorRate: config.errorRateThreshold,
|
|
279
|
+
clientLag: config.clientLagThreshold,
|
|
280
|
+
};
|
|
281
|
+
const handleThresholdsChange = (next) => {
|
|
282
|
+
setConfig((prev) => ({
|
|
283
|
+
...prev,
|
|
284
|
+
latencyThresholdMs: next.p90Latency,
|
|
285
|
+
errorRateThreshold: next.errorRate,
|
|
286
|
+
clientLagThreshold: next.clientLag,
|
|
287
|
+
}));
|
|
288
|
+
};
|
|
289
|
+
const handleEnabledChange = (enabled) => {
|
|
290
|
+
setConfig((prev) => ({ ...prev, enabled }));
|
|
291
|
+
};
|
|
292
|
+
return (_jsx(AlertsConfig, { enabled: config.enabled, onEnabledChange: handleEnabledChange, thresholds: thresholds, onThresholdsChange: handleThresholdsChange }));
|
|
293
|
+
}
|
|
294
|
+
//# sourceMappingURL=Ops.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Ops.js","sourceRoot":"","sources":["../../src/pages/Ops.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stream.d.ts","sourceRoot":"","sources":["../../src/pages/Stream.tsx"],"names":[],"mappings":"AA4JA,UAAU,WAAW;IACnB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,MAAM,CAAC,EAAE,sBAAsB,EAAE,GAAE,WAAgB,2CAqrBlE"}
|