slices.network
Highly ambitious ATProtocol AppView service and sdks
update slice view to include database stats, udpate slice card to show stats
chadtmiller.com
+135
-49
+7
-1
frontend/src/client.ts
+7
-1
frontend/src/client.ts
···
1
1
// Generated TypeScript client for AT Protocol records
2
-
// Generated at: 2025-09-15 21:45:37 UTC
2
+
// Generated at: 2025-09-16 01:17:57 UTC
3
3
// Lexicons: 9
4
4
5
5
/**
···
295
295
createdAt: string;
296
296
/** Recent activity sparkline data points for the last 24 hours */
297
297
sparkline?: NetworkSlicesSliceDefs["SparklinePoint"][];
298
+
/** Total number of indexed records in this slice */
299
+
indexedRecordCount?: number;
300
+
/** Total number of unique indexed actors in this slice */
301
+
indexedActorCount?: number;
302
+
/** Number of collections with indexed records */
303
+
indexedCollectionCount?: number;
298
304
}
299
305
300
306
export interface NetworkSlicesSliceDefsSparklinePoint {
+1
-10
frontend/src/features/slices/overview/handlers.tsx
+1
-10
frontend/src/features/slices/overview/handlers.tsx
···
2
2
import { withAuth } from "../../../routes/middleware.ts";
3
3
import { renderHTML } from "../../../utils/render.tsx";
4
4
import { SliceOverview } from "./templates/SliceOverview.tsx";
5
-
import {
6
-
getSliceStats,
7
-
withSliceAccess,
8
-
} from "../../../routes/slice-middleware.ts";
5
+
import { withSliceAccess } from "../../../routes/slice-middleware.ts";
9
6
import { extractSliceParams } from "../../../utils/slice-params.ts";
10
7
11
8
async function handleSliceOverview(
···
30
27
return new Response("Slice not found", { status: 404 });
31
28
}
32
29
33
-
const stats = await getSliceStats(context.sliceContext!.sliceUri);
34
-
35
30
return renderHTML(
36
31
<SliceOverview
37
32
slice={context.sliceContext!.slice!}
38
33
sliceId={sliceParams.sliceId}
39
-
totalRecords={stats.totalRecords}
40
-
totalActors={stats.totalActors}
41
-
totalLexicons={stats.totalLexicons}
42
-
collections={stats.collections}
43
34
currentTab="overview"
44
35
currentUser={authContext.currentUser}
45
36
hasSliceAccess={context.sliceContext?.hasAccess}
+4
-9
frontend/src/features/slices/overview/templates/SliceOverview.tsx
+4
-9
frontend/src/features/slices/overview/templates/SliceOverview.tsx
···
13
13
interface SliceOverviewProps {
14
14
slice: NetworkSlicesSliceDefsSliceView;
15
15
sliceId: string;
16
-
totalRecords?: number;
17
-
totalActors?: number;
18
-
totalLexicons?: number;
19
16
collections?: Collection[];
20
17
currentTab?: string;
21
18
currentUser?: AuthenticatedUser;
···
25
22
export function SliceOverview({
26
23
slice,
27
24
sliceId,
28
-
totalRecords = 0,
29
-
totalActors = 0,
30
25
collections = [],
31
26
currentTab = "overview",
32
27
currentUser,
···
63
58
</div>
64
59
</div>
65
60
66
-
{totalRecords > 0 && (
61
+
{(slice.indexedRecordCount ?? 0) > 0 && (
67
62
<div className="bg-sky-50 border border-sky-200 p-6 mb-8">
68
63
<h2 className="text-xl font-semibold text-zinc-900 mb-2">
69
64
📊 Database Status
70
65
</h2>
71
66
<div className="grid grid-cols-1 md:grid-cols-3 gap-4 text-zinc-700">
72
67
<div>
73
-
<span className="text-2xl font-bold">{totalRecords}</span>
68
+
<span className="text-2xl font-bold">{slice.indexedRecordCount ?? 0}</span>
74
69
<p className="text-sm">Records</p>
75
70
</div>
76
71
<div>
77
-
<span className="text-2xl font-bold">{collections.length}</span>
72
+
<span className="text-2xl font-bold">{slice.indexedCollectionCount ?? 0}</span>
78
73
<p className="text-sm">Collections</p>
79
74
</div>
80
75
<div>
81
-
<span className="text-2xl font-bold">{totalActors}</span>
76
+
<span className="text-2xl font-bold">{slice.indexedActorCount ?? 0}</span>
82
77
<p className="text-sm">Actors</p>
83
78
</div>
84
79
</div>
+66
-14
frontend/src/lib/api.ts
+66
-14
frontend/src/lib/api.ts
···
5
5
NetworkSlicesSlice,
6
6
NetworkSlicesSliceDefsSliceView,
7
7
NetworkSlicesSliceDefsSparklinePoint,
8
+
SliceStatsOutput,
8
9
} from "../client.ts";
9
10
import { recordBlobToCdnUrl, RecordResponse } from "@slices/client";
10
11
···
28
29
return {};
29
30
}
30
31
32
+
async function fetchStatsForSlice(
33
+
client: AtProtoClient,
34
+
sliceUri: string
35
+
): Promise<SliceStatsOutput | null> {
36
+
try {
37
+
const statsResponse = await client.network.slices.slice.stats({
38
+
slice: sliceUri,
39
+
});
40
+
if (statsResponse.success) {
41
+
return statsResponse;
42
+
}
43
+
} catch (error) {
44
+
console.warn("Failed to fetch stats for slice:", sliceUri, error);
45
+
}
46
+
return null;
47
+
}
48
+
49
+
async function fetchStatsForSlices(
50
+
client: AtProtoClient,
51
+
sliceUris: string[]
52
+
): Promise<Record<string, SliceStatsOutput | null>> {
53
+
const statsMap: Record<string, SliceStatsOutput | null> = {};
54
+
55
+
// Fetch stats for each slice individually (no batch stats endpoint yet)
56
+
await Promise.all(
57
+
sliceUris.map(async (uri) => {
58
+
statsMap[uri] = await fetchStatsForSlice(client, uri);
59
+
})
60
+
);
61
+
62
+
return statsMap;
63
+
}
64
+
31
65
export async function getSlice(
32
66
client: AtProtoClient,
33
67
uri: string
···
42
76
const sparklinesMap = await fetchSparklinesForSlices(client, [uri]);
43
77
const sparklineData = sparklinesMap[uri];
44
78
45
-
return sliceToView(sliceRecord, creatorProfile, sparklineData);
79
+
const stats = await fetchStatsForSlice(client, uri);
80
+
81
+
return sliceToView(sliceRecord, creatorProfile, sparklineData, stats);
46
82
} catch (error) {
47
83
console.error("Failed to get slice:", error);
48
84
return null;
···
81
117
export function sliceToView(
82
118
sliceRecord: RecordResponse<NetworkSlicesSlice>,
83
119
creator: NetworkSlicesActorDefsProfileViewBasic,
84
-
sparkline?: NetworkSlicesSliceDefsSparklinePoint[]
120
+
sparkline?: NetworkSlicesSliceDefsSparklinePoint[],
121
+
stats?: SliceStatsOutput | null
85
122
): NetworkSlicesSliceDefsSliceView {
86
123
return {
87
124
uri: sliceRecord.uri,
···
91
128
creator,
92
129
createdAt: sliceRecord.value.createdAt,
93
130
sparkline,
131
+
indexedRecordCount: stats?.totalRecords || 0,
132
+
indexedActorCount: stats?.totalActors || 0,
133
+
indexedCollectionCount: stats?.collectionStats.length || 0,
94
134
};
95
135
}
96
136
···
121
161
sortBy: [{ field: "createdAt", direction: "desc" }],
122
162
});
123
163
124
-
// Collect slice URIs for batch sparkline fetch
164
+
// Collect slice URIs for batch sparkline and stats fetch
125
165
const sliceUris = slicesResponse.records.map((record) => record.uri);
126
166
127
-
// Fetch sparklines for all slices at once
128
-
const sparklinesMap = await fetchSparklinesForSlices(client, sliceUris);
167
+
// Fetch sparklines and stats for all slices at once
168
+
const [sparklinesMap, statsMap] = await Promise.all([
169
+
fetchSparklinesForSlices(client, sliceUris),
170
+
fetchStatsForSlices(client, sliceUris),
171
+
]);
129
172
130
173
const sliceViews: NetworkSlicesSliceDefsSliceView[] = [];
131
174
for (const sliceRecord of slicesResponse.records) {
132
175
const creator = await getSliceActor(client, sliceRecord.did);
133
176
if (creator) {
134
177
const sparklineData = sparklinesMap[sliceRecord.uri];
135
-
sliceViews.push(sliceToView(sliceRecord, creator, sparklineData));
178
+
const statsData = statsMap[sliceRecord.uri];
179
+
sliceViews.push(sliceToView(sliceRecord, creator, sparklineData, statsData));
136
180
}
137
181
}
138
182
···
156
200
limit,
157
201
});
158
202
159
-
// Collect slice URIs for batch sparkline fetch
203
+
// Collect slice URIs for batch sparkline and stats fetch
160
204
const sliceUris = slicesResponse.records.map((record) => record.uri);
161
205
162
-
// Fetch sparklines for all slices at once
163
-
const sparklinesMap = await fetchSparklinesForSlices(client, sliceUris);
206
+
// Fetch sparklines and stats for all slices at once
207
+
const [sparklinesMap, statsMap] = await Promise.all([
208
+
fetchSparklinesForSlices(client, sliceUris),
209
+
fetchStatsForSlices(client, sliceUris),
210
+
]);
164
211
165
212
const sliceViews: NetworkSlicesSliceDefsSliceView[] = [];
166
213
for (const sliceRecord of slicesResponse.records) {
167
214
const creator = await getSliceActor(client, sliceRecord.did);
168
215
if (creator) {
169
216
const sparklineData = sparklinesMap[sliceRecord.uri];
170
-
sliceViews.push(sliceToView(sliceRecord, creator, sparklineData));
217
+
const statsData = statsMap[sliceRecord.uri];
218
+
sliceViews.push(sliceToView(sliceRecord, creator, sparklineData, statsData));
171
219
}
172
220
}
173
221
···
188
236
sortBy: [{ field: "createdAt", direction: "desc" }],
189
237
});
190
238
191
-
// Collect slice URIs for batch sparkline fetch
239
+
// Collect slice URIs for batch sparkline and stats fetch
192
240
const sliceUris = slicesResponse.records.map((record) => record.uri);
193
241
194
-
// Fetch sparklines for all slices at once
195
-
const sparklinesMap = await fetchSparklinesForSlices(client, sliceUris);
242
+
// Fetch sparklines and stats for all slices at once
243
+
const [sparklinesMap, statsMap] = await Promise.all([
244
+
fetchSparklinesForSlices(client, sliceUris),
245
+
fetchStatsForSlices(client, sliceUris),
246
+
]);
196
247
197
248
const sliceViews: NetworkSlicesSliceDefsSliceView[] = [];
198
249
for (const sliceRecord of slicesResponse.records) {
199
250
const creator = await getSliceActor(client, sliceRecord.did);
200
251
if (creator) {
201
252
const sparklineData = sparklinesMap[sliceRecord.uri];
202
-
sliceViews.push(sliceToView(sliceRecord, creator, sparklineData));
253
+
const statsData = statsMap[sliceRecord.uri];
254
+
sliceViews.push(sliceToView(sliceRecord, creator, sparklineData, statsData));
203
255
}
204
256
}
205
257
+12
lexicons/network/slices/slice/defs.json
+12
lexicons/network/slices/slice/defs.json
···
38
38
"ref": "#sparklinePoint"
39
39
},
40
40
"description": "Recent activity sparkline data points for the last 24 hours"
41
+
},
42
+
"indexedRecordCount": {
43
+
"type": "integer",
44
+
"description": "Total number of indexed records in this slice"
45
+
},
46
+
"indexedActorCount": {
47
+
"type": "integer",
48
+
"description": "Total number of unique indexed actors in this slice"
49
+
},
50
+
"indexedCollectionCount": {
51
+
"type": "integer",
52
+
"description": "Number of collections with indexed records"
41
53
}
42
54
}
43
55
},