birdclaw 0.5.0 → 0.6.0

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.
Files changed (105) hide show
  1. package/CHANGELOG.md +63 -0
  2. package/README.md +55 -5
  3. package/bin/birdclaw.mjs +50 -11
  4. package/package.json +9 -7
  5. package/public/birdclaw-mark.png +0 -0
  6. package/scripts/browser-perf.mjs +400 -0
  7. package/scripts/build-docs-site.mjs +940 -0
  8. package/scripts/docs-site-assets.mjs +311 -0
  9. package/scripts/run-vitest.mjs +21 -0
  10. package/scripts/sanitize-node-options.mjs +23 -0
  11. package/scripts/start-test-server.mjs +42 -0
  12. package/src/cli.ts +422 -14
  13. package/src/components/AccountSwitcher.tsx +186 -0
  14. package/src/components/AppNav.tsx +29 -9
  15. package/src/components/AvatarChip.tsx +9 -3
  16. package/src/components/BrandMark.tsx +67 -0
  17. package/src/components/ConversationThread.tsx +11 -10
  18. package/src/components/DmWorkspace.tsx +39 -14
  19. package/src/components/FeedState.tsx +147 -0
  20. package/src/components/InboxCard.tsx +14 -2
  21. package/src/components/LinkPreviewCard.tsx +40 -18
  22. package/src/components/MarkdownViewer.tsx +452 -0
  23. package/src/components/SavedTimelineView.tsx +64 -56
  24. package/src/components/SyncNowButton.tsx +137 -0
  25. package/src/components/ThemeSlider.tsx +49 -93
  26. package/src/components/TimelineCard.tsx +364 -136
  27. package/src/components/TimelineRouteFrame.tsx +170 -0
  28. package/src/components/TweetMediaGrid.tsx +170 -24
  29. package/src/components/TweetRichText.tsx +28 -13
  30. package/src/components/account-selection.ts +64 -0
  31. package/src/components/useTimelineRouteData.ts +153 -0
  32. package/src/lib/account-sync-job.ts +654 -0
  33. package/src/lib/actions-transport.ts +216 -146
  34. package/src/lib/api-client.ts +304 -0
  35. package/src/lib/archive-finder.ts +72 -53
  36. package/src/lib/archive-import.ts +1377 -1298
  37. package/src/lib/authored-live.ts +261 -204
  38. package/src/lib/avatar-cache.ts +159 -44
  39. package/src/lib/backup.ts +1532 -951
  40. package/src/lib/bird-actions.ts +139 -57
  41. package/src/lib/bird-command.ts +101 -28
  42. package/src/lib/bird.ts +549 -194
  43. package/src/lib/blocklist.ts +40 -23
  44. package/src/lib/blocks-write.ts +129 -80
  45. package/src/lib/blocks.ts +165 -97
  46. package/src/lib/bookmark-sync-job.ts +250 -160
  47. package/src/lib/conversation-surface.ts +205 -0
  48. package/src/lib/db.ts +35 -3
  49. package/src/lib/dms-live.ts +720 -66
  50. package/src/lib/effect-runtime.ts +45 -0
  51. package/src/lib/follow-graph.ts +224 -180
  52. package/src/lib/http-effect.ts +222 -0
  53. package/src/lib/inbox.ts +74 -43
  54. package/src/lib/link-index.ts +88 -76
  55. package/src/lib/link-insights.ts +24 -0
  56. package/src/lib/link-preview-metadata.ts +472 -52
  57. package/src/lib/media-fetch.ts +286 -213
  58. package/src/lib/mention-threads-live.ts +352 -288
  59. package/src/lib/mentions-live.ts +390 -342
  60. package/src/lib/moderation-target.ts +102 -65
  61. package/src/lib/moderation-write.ts +77 -18
  62. package/src/lib/mutes-write.ts +129 -80
  63. package/src/lib/mutes.ts +8 -1
  64. package/src/lib/openai.ts +84 -53
  65. package/src/lib/period-digest.ts +953 -0
  66. package/src/lib/profile-affiliation-hydration.ts +93 -54
  67. package/src/lib/profile-hydration.ts +124 -72
  68. package/src/lib/profile-replies.ts +60 -43
  69. package/src/lib/profile-resolver.ts +402 -294
  70. package/src/lib/queries.ts +1024 -189
  71. package/src/lib/research.ts +165 -120
  72. package/src/lib/sqlite.ts +1 -0
  73. package/src/lib/timeline-collections-live.ts +204 -167
  74. package/src/lib/timeline-live.ts +60 -39
  75. package/src/lib/tweet-lookup.ts +30 -19
  76. package/src/lib/types.ts +38 -1
  77. package/src/lib/ui.ts +41 -10
  78. package/src/lib/url-expansion.ts +226 -55
  79. package/src/lib/url-safety.ts +220 -0
  80. package/src/lib/web-sync.ts +511 -0
  81. package/src/lib/whois.ts +166 -147
  82. package/src/lib/x-web.ts +102 -71
  83. package/src/lib/xurl.ts +681 -411
  84. package/src/routeTree.gen.ts +63 -0
  85. package/src/routes/__root.tsx +25 -5
  86. package/src/routes/api/action.tsx +127 -78
  87. package/src/routes/api/avatar.tsx +39 -30
  88. package/src/routes/api/blocks.tsx +26 -23
  89. package/src/routes/api/conversation.tsx +25 -14
  90. package/src/routes/api/inbox.tsx +27 -21
  91. package/src/routes/api/link-insights.tsx +31 -25
  92. package/src/routes/api/link-preview.tsx +25 -21
  93. package/src/routes/api/period-digest.tsx +123 -0
  94. package/src/routes/api/profile-hydrate.tsx +31 -28
  95. package/src/routes/api/query.tsx +79 -55
  96. package/src/routes/api/status.tsx +18 -10
  97. package/src/routes/api/sync.tsx +105 -0
  98. package/src/routes/dms.tsx +195 -55
  99. package/src/routes/inbox.tsx +32 -19
  100. package/src/routes/index.tsx +21 -127
  101. package/src/routes/links.tsx +50 -5
  102. package/src/routes/mentions.tsx +21 -127
  103. package/src/routes/today.tsx +441 -0
  104. package/src/styles.css +74 -11
  105. package/vite.config.ts +8 -0
@@ -3,12 +3,17 @@ import fs from "node:fs/promises";
3
3
  import os from "node:os";
4
4
  import path from "node:path";
5
5
  import { promisify } from "node:util";
6
+ import { Effect } from "effect";
6
7
  import type { Database } from "./sqlite";
7
- import { maybeAutoSyncBackup, type BackupAutoUpdateResult } from "./backup";
8
+ import {
9
+ maybeAutoSyncBackupEffect,
10
+ type BackupAutoUpdateResult,
11
+ } from "./backup";
8
12
  import { ensureBirdclawDirs, getBirdclawPaths } from "./config";
9
13
  import { getNativeDb } from "./db";
14
+ import { runEffectPromise, tryPromise } from "./effect-runtime";
10
15
  import {
11
- syncTimelineCollection,
16
+ syncTimelineCollectionEffect,
12
17
  type TimelineCollectionMode,
13
18
  } from "./timeline-collections-live";
14
19
 
@@ -124,53 +129,98 @@ function countBookmarks(db: Database) {
124
129
  return row.count;
125
130
  }
126
131
 
127
- async function appendAuditEntry(
132
+ function toError(error: unknown) {
133
+ return error instanceof Error ? error : new Error(String(error));
134
+ }
135
+
136
+ function trySync<T>(try_: () => T) {
137
+ return Effect.try({
138
+ try: try_,
139
+ catch: toError,
140
+ });
141
+ }
142
+
143
+ function appendAuditEntryEffect(
128
144
  logPath: string,
129
145
  entry: BookmarkSyncAuditEntry,
130
146
  ) {
131
- await fs.mkdir(path.dirname(logPath), { recursive: true });
132
- await fs.appendFile(logPath, `${JSON.stringify(entry)}\n`, "utf8");
147
+ return Effect.gen(function* () {
148
+ yield* tryPromise(() =>
149
+ fs.mkdir(path.dirname(logPath), { recursive: true }),
150
+ );
151
+ yield* tryPromise(() =>
152
+ fs.appendFile(logPath, `${JSON.stringify(entry)}\n`, "utf8"),
153
+ );
154
+ });
133
155
  }
134
156
 
135
157
  function messageFromError(error: unknown) {
136
158
  return error instanceof Error ? error.message : String(error);
137
159
  }
138
160
 
139
- async function acquireLock(lockPath: string) {
140
- await fs.mkdir(path.dirname(lockPath), { recursive: true });
141
- try {
142
- const handle = await fs.open(lockPath, "wx");
143
- await handle.writeFile(
144
- `${JSON.stringify({
145
- pid: process.pid,
146
- host: os.hostname(),
147
- startedAt: new Date().toISOString(),
148
- })}\n`,
149
- "utf8",
161
+ function isFileExistsError(error: unknown) {
162
+ return (
163
+ typeof error === "object" &&
164
+ error !== null &&
165
+ "code" in error &&
166
+ error.code === "EEXIST"
167
+ );
168
+ }
169
+
170
+ function acquireLockEffect(
171
+ lockPath: string,
172
+ ): Effect.Effect<(() => Effect.Effect<void, never>) | undefined, unknown> {
173
+ return Effect.gen(function* () {
174
+ yield* tryPromise(() =>
175
+ fs.mkdir(path.dirname(lockPath), { recursive: true }),
150
176
  );
151
- await handle.close();
152
- return async () => {
153
- await fs.rm(lockPath, { force: true });
154
- };
155
- } catch (error) {
156
- if (
157
- typeof error === "object" &&
158
- error !== null &&
159
- "code" in error &&
160
- error.code === "EEXIST"
161
- ) {
162
- const stats = await fs.stat(lockPath).catch(() => undefined);
177
+ const handleResult = yield* tryPromise(() => fs.open(lockPath, "wx")).pipe(
178
+ Effect.map((handle) => ({ handle, ok: true as const })),
179
+ Effect.catchAll((error) => {
180
+ if (isFileExistsError(error)) {
181
+ return Effect.succeed({ error, ok: false as const });
182
+ }
183
+ return Effect.fail(error);
184
+ }),
185
+ );
186
+
187
+ if (!handleResult.ok) {
188
+ const stats = yield* tryPromise(() => fs.stat(lockPath)).pipe(
189
+ Effect.catchAll(() => Effect.succeed(undefined)),
190
+ );
163
191
  if (stats && Date.now() - stats.mtimeMs > DEFAULT_LOCK_STALE_MS) {
164
- await fs.rm(lockPath, { force: true });
165
- return acquireLock(lockPath);
192
+ yield* tryPromise(() => fs.rm(lockPath, { force: true }));
193
+ return yield* acquireLockEffect(lockPath);
166
194
  }
167
195
  return undefined;
168
196
  }
169
- throw error;
170
- }
197
+
198
+ const { handle } = handleResult;
199
+ yield* tryPromise(() =>
200
+ handle.writeFile(
201
+ `${JSON.stringify({
202
+ pid: process.pid,
203
+ host: os.hostname(),
204
+ startedAt: new Date().toISOString(),
205
+ })}\n`,
206
+ "utf8",
207
+ ),
208
+ ).pipe(
209
+ Effect.ensuring(
210
+ tryPromise(() => handle.close()).pipe(
211
+ Effect.catchAll(() => Effect.void),
212
+ ),
213
+ ),
214
+ );
215
+ return () =>
216
+ tryPromise(() => fs.rm(lockPath, { force: true })).pipe(
217
+ Effect.asVoid,
218
+ Effect.catchAll(() => Effect.void),
219
+ );
220
+ });
171
221
  }
172
222
 
173
- export async function runBookmarkSyncJob({
223
+ export function runBookmarkSyncJobEffect({
174
224
  account,
175
225
  mode = "auto",
176
226
  limit = DEFAULT_BOOKMARK_SYNC_LIMIT,
@@ -181,107 +231,127 @@ export async function runBookmarkSyncJob({
181
231
  logPath,
182
232
  lockPath,
183
233
  db,
184
- }: BookmarkSyncJobOptions = {}): Promise<BookmarkSyncAuditEntry> {
185
- ensureBirdclawDirs();
186
- const database = db ?? getNativeDb({ seedDemoData: false });
187
- const resolvedLogPath = resolvePath(
188
- logPath ?? getDefaultBookmarkSyncAuditLogPath(),
189
- );
190
- const resolvedLockPath = resolvePath(
191
- lockPath ?? getDefaultBookmarkSyncLockPath(),
192
- );
193
- const effectiveAll = all ?? maxPages !== undefined;
194
- const started = Date.now();
195
- const startedAt = new Date(started).toISOString();
196
- const before = { bookmarks: countBookmarks(database) };
197
- const options = {
198
- ...(account ? { account } : {}),
199
- mode,
200
- limit,
201
- all: effectiveAll,
202
- ...(maxPages === undefined ? {} : { maxPages }),
203
- refresh,
204
- ...(cacheTtlMs === undefined ? {} : { cacheTtlMs }),
205
- };
206
-
207
- const releaseLock = await acquireLock(resolvedLockPath);
208
- if (!releaseLock) {
209
- const finished = Date.now();
210
- const entry: BookmarkSyncAuditEntry = {
211
- job: "bookmarks-sync",
212
- ok: true,
213
- startedAt,
214
- finishedAt: new Date(finished).toISOString(),
215
- durationMs: finished - started,
216
- host: os.hostname(),
217
- pid: process.pid,
218
- options,
219
- before,
220
- after: before,
221
- added: 0,
222
- skipped: "already-running",
223
- };
224
- await appendAuditEntry(resolvedLogPath, entry);
225
- return entry;
226
- }
227
-
228
- try {
229
- const sync = await syncTimelineCollection({
230
- kind: "bookmarks",
231
- account,
234
+ }: BookmarkSyncJobOptions = {}): Effect.Effect<
235
+ BookmarkSyncAuditEntry,
236
+ unknown
237
+ > {
238
+ return Effect.gen(function* () {
239
+ yield* trySync(() => ensureBirdclawDirs());
240
+ const database =
241
+ db ?? (yield* trySync(() => getNativeDb({ seedDemoData: false })));
242
+ const resolvedLogPath = yield* trySync(() =>
243
+ resolvePath(logPath ?? getDefaultBookmarkSyncAuditLogPath()),
244
+ );
245
+ const resolvedLockPath = yield* trySync(() =>
246
+ resolvePath(lockPath ?? getDefaultBookmarkSyncLockPath()),
247
+ );
248
+ const effectiveAll = all ?? maxPages !== undefined;
249
+ const started = Date.now();
250
+ const startedAt = new Date(started).toISOString();
251
+ const before = yield* trySync(() => ({
252
+ bookmarks: countBookmarks(database),
253
+ }));
254
+ const options = {
255
+ ...(account ? { account } : {}),
232
256
  mode,
233
257
  limit,
234
258
  all: effectiveAll,
235
- maxPages,
259
+ ...(maxPages === undefined ? {} : { maxPages }),
236
260
  refresh,
237
- cacheTtlMs,
238
- });
239
- const backup = await maybeAutoSyncBackup(database);
240
- const finished = Date.now();
241
- const after = { bookmarks: countBookmarks(database) };
242
- const entry: BookmarkSyncAuditEntry = {
243
- job: "bookmarks-sync",
244
- ok: true,
245
- startedAt,
246
- finishedAt: new Date(finished).toISOString(),
247
- durationMs: finished - started,
248
- host: os.hostname(),
249
- pid: process.pid,
250
- options,
251
- before,
252
- after,
253
- added: Math.max(0, after.bookmarks - before.bookmarks),
254
- sync: {
255
- source: sync.source,
256
- count: sync.count,
257
- accountId: sync.accountId,
258
- },
259
- backup,
261
+ ...(cacheTtlMs === undefined ? {} : { cacheTtlMs }),
260
262
  };
261
- await appendAuditEntry(resolvedLogPath, entry);
262
- return entry;
263
- } catch (error) {
264
- const finished = Date.now();
265
- const after = { bookmarks: countBookmarks(database) };
266
- const entry: BookmarkSyncAuditEntry = {
267
- job: "bookmarks-sync",
268
- ok: false,
269
- startedAt,
270
- finishedAt: new Date(finished).toISOString(),
271
- durationMs: finished - started,
272
- host: os.hostname(),
273
- pid: process.pid,
274
- options,
275
- before,
276
- after,
277
- added: Math.max(0, after.bookmarks - before.bookmarks),
278
- error: messageFromError(error),
279
- };
280
- await appendAuditEntry(resolvedLogPath, entry);
281
- return entry;
282
- } finally {
283
- await releaseLock();
284
- }
263
+
264
+ const releaseLock = yield* acquireLockEffect(resolvedLockPath);
265
+ if (!releaseLock) {
266
+ const finished = Date.now();
267
+ const entry: BookmarkSyncAuditEntry = {
268
+ job: "bookmarks-sync",
269
+ ok: true,
270
+ startedAt,
271
+ finishedAt: new Date(finished).toISOString(),
272
+ durationMs: finished - started,
273
+ host: os.hostname(),
274
+ pid: process.pid,
275
+ options,
276
+ before,
277
+ after: before,
278
+ added: 0,
279
+ skipped: "already-running",
280
+ };
281
+ yield* appendAuditEntryEffect(resolvedLogPath, entry);
282
+ return entry;
283
+ }
284
+
285
+ return yield* Effect.gen(function* () {
286
+ const result = yield* Effect.gen(function* () {
287
+ const sync = yield* syncTimelineCollectionEffect({
288
+ kind: "bookmarks",
289
+ account,
290
+ mode,
291
+ limit,
292
+ all: effectiveAll,
293
+ maxPages,
294
+ refresh,
295
+ cacheTtlMs,
296
+ });
297
+ const backup = yield* maybeAutoSyncBackupEffect(database);
298
+ const finished = Date.now();
299
+ const after = yield* trySync(() => ({
300
+ bookmarks: countBookmarks(database),
301
+ }));
302
+ return {
303
+ job: "bookmarks-sync",
304
+ ok: true,
305
+ startedAt,
306
+ finishedAt: new Date(finished).toISOString(),
307
+ durationMs: finished - started,
308
+ host: os.hostname(),
309
+ pid: process.pid,
310
+ options,
311
+ before,
312
+ after,
313
+ added: Math.max(0, after.bookmarks - before.bookmarks),
314
+ sync: {
315
+ source: sync.source,
316
+ count: sync.count,
317
+ accountId: sync.accountId,
318
+ },
319
+ backup,
320
+ } satisfies BookmarkSyncAuditEntry;
321
+ }).pipe(
322
+ Effect.catchAll((error) =>
323
+ Effect.gen(function* () {
324
+ const finished = Date.now();
325
+ const after = yield* trySync(() => ({
326
+ bookmarks: countBookmarks(database),
327
+ }));
328
+ return {
329
+ job: "bookmarks-sync",
330
+ ok: false,
331
+ startedAt,
332
+ finishedAt: new Date(finished).toISOString(),
333
+ durationMs: finished - started,
334
+ host: os.hostname(),
335
+ pid: process.pid,
336
+ options,
337
+ before,
338
+ after,
339
+ added: Math.max(0, after.bookmarks - before.bookmarks),
340
+ error: messageFromError(error),
341
+ } satisfies BookmarkSyncAuditEntry;
342
+ }),
343
+ ),
344
+ );
345
+ yield* appendAuditEntryEffect(resolvedLogPath, result);
346
+ return result;
347
+ }).pipe(Effect.ensuring(releaseLock()));
348
+ });
349
+ }
350
+
351
+ export function runBookmarkSyncJob(
352
+ options: BookmarkSyncJobOptions = {},
353
+ ): Promise<BookmarkSyncAuditEntry> {
354
+ return runEffectPromise(runBookmarkSyncJobEffect(options));
285
355
  }
286
356
 
287
357
  function xmlEscape(value: string) {
@@ -409,38 +479,58 @@ export function buildBookmarkSyncLaunchAgentPlist(
409
479
  };
410
480
  }
411
481
 
412
- export async function installBookmarkSyncLaunchAgent(
482
+ export function installBookmarkSyncLaunchAgentEffect(
413
483
  options: BookmarkSyncLaunchAgentOptions = {},
414
- ): Promise<BookmarkSyncLaunchAgentInstallResult> {
415
- ensureBirdclawDirs();
416
- const agent = buildBookmarkSyncLaunchAgentPlist(options);
417
- const launchAgentsDir = resolvePath(
418
- options.launchAgentsDir ?? "~/Library/LaunchAgents",
419
- );
420
- const plistPath = path.join(launchAgentsDir, `${agent.label}.plist`);
421
- await fs.mkdir(launchAgentsDir, { recursive: true });
422
- await fs.mkdir(path.dirname(agent.logPath), { recursive: true });
423
- await fs.mkdir(path.dirname(agent.stdoutPath), { recursive: true });
424
- await fs.mkdir(path.dirname(agent.stderrPath), { recursive: true });
425
- await fs.writeFile(plistPath, agent.plist, "utf8");
484
+ ): Effect.Effect<BookmarkSyncLaunchAgentInstallResult, unknown> {
485
+ return Effect.gen(function* () {
486
+ yield* trySync(() => ensureBirdclawDirs());
487
+ const agent = yield* trySync(() =>
488
+ buildBookmarkSyncLaunchAgentPlist(options),
489
+ );
490
+ const launchAgentsDir = yield* trySync(() =>
491
+ resolvePath(options.launchAgentsDir ?? "~/Library/LaunchAgents"),
492
+ );
493
+ const plistPath = path.join(launchAgentsDir, `${agent.label}.plist`);
494
+ yield* tryPromise(() => fs.mkdir(launchAgentsDir, { recursive: true }));
495
+ yield* tryPromise(() =>
496
+ fs.mkdir(path.dirname(agent.logPath), { recursive: true }),
497
+ );
498
+ yield* tryPromise(() =>
499
+ fs.mkdir(path.dirname(agent.stdoutPath), { recursive: true }),
500
+ );
501
+ yield* tryPromise(() =>
502
+ fs.mkdir(path.dirname(agent.stderrPath), { recursive: true }),
503
+ );
504
+ yield* tryPromise(() => fs.writeFile(plistPath, agent.plist, "utf8"));
426
505
 
427
- let loaded = false;
428
- if (options.load !== false) {
429
- await execFileAsync("launchctl", ["unload", plistPath]).catch(() => {});
430
- await execFileAsync("launchctl", ["load", "-w", plistPath]);
431
- loaded = true;
432
- }
506
+ let loaded = false;
507
+ if (options.load !== false) {
508
+ yield* tryPromise(() =>
509
+ execFileAsync("launchctl", ["unload", plistPath]),
510
+ ).pipe(Effect.catchAll(() => Effect.void));
511
+ yield* tryPromise(() =>
512
+ execFileAsync("launchctl", ["load", "-w", plistPath]),
513
+ );
514
+ loaded = true;
515
+ }
433
516
 
434
- return {
435
- ok: true,
436
- label: agent.label,
437
- plistPath,
438
- loaded,
439
- programArguments: agent.programArguments,
440
- logPath: agent.logPath,
441
- stdoutPath: agent.stdoutPath,
442
- stderrPath: agent.stderrPath,
443
- intervalSeconds: agent.intervalSeconds,
444
- ...(agent.envFile ? { envFile: agent.envFile } : {}),
445
- };
517
+ return {
518
+ ok: true,
519
+ label: agent.label,
520
+ plistPath,
521
+ loaded,
522
+ programArguments: agent.programArguments,
523
+ logPath: agent.logPath,
524
+ stdoutPath: agent.stdoutPath,
525
+ stderrPath: agent.stderrPath,
526
+ intervalSeconds: agent.intervalSeconds,
527
+ ...(agent.envFile ? { envFile: agent.envFile } : {}),
528
+ };
529
+ });
530
+ }
531
+
532
+ export function installBookmarkSyncLaunchAgent(
533
+ options: BookmarkSyncLaunchAgentOptions = {},
534
+ ): Promise<BookmarkSyncLaunchAgentInstallResult> {
535
+ return runEffectPromise(installBookmarkSyncLaunchAgentEffect(options));
446
536
  }
@@ -0,0 +1,205 @@
1
+ import { useCallback, useEffect, useSyncExternalStore } from "react";
2
+ import type { ReactNode } from "react";
3
+ import { Effect } from "effect";
4
+ import type { EmbeddedTweet } from "#/lib/types";
5
+ import { runEffectPromise } from "./effect-runtime";
6
+
7
+ type ConversationStatus = "idle" | "loading" | "ready" | "error";
8
+
9
+ interface ConversationRecord {
10
+ error: string | null;
11
+ items: EmbeddedTweet[];
12
+ status: ConversationStatus;
13
+ }
14
+
15
+ interface ConversationSurfaceSnapshot {
16
+ expandedTweetId: string | null;
17
+ records: ReadonlyMap<string, ConversationRecord>;
18
+ }
19
+
20
+ type Listener = () => void;
21
+
22
+ const emptyRecord: ConversationRecord = {
23
+ error: null,
24
+ items: [],
25
+ status: "idle",
26
+ };
27
+
28
+ let snapshot: ConversationSurfaceSnapshot = {
29
+ expandedTweetId: null,
30
+ records: new Map(),
31
+ };
32
+ const listeners = new Set<Listener>();
33
+ const inFlight = new Set<string>();
34
+ let activeScopes = 0;
35
+ let generation = 0;
36
+
37
+ function emit() {
38
+ for (const listener of listeners) {
39
+ listener();
40
+ }
41
+ }
42
+
43
+ function setSnapshot(next: ConversationSurfaceSnapshot) {
44
+ snapshot = next;
45
+ emit();
46
+ }
47
+
48
+ function updateRecord(tweetId: string, record: ConversationRecord) {
49
+ const records = new Map(snapshot.records);
50
+ records.set(tweetId, record);
51
+ setSnapshot({ ...snapshot, records });
52
+ }
53
+
54
+ function subscribe(listener: Listener) {
55
+ listeners.add(listener);
56
+ return () => {
57
+ listeners.delete(listener);
58
+ };
59
+ }
60
+
61
+ function getSnapshot() {
62
+ return snapshot;
63
+ }
64
+
65
+ function fetchConversationItemsEffect(tweetId: string) {
66
+ return Effect.gen(function* () {
67
+ const response = yield* Effect.tryPromise({
68
+ try: () =>
69
+ fetch(`/api/conversation?tweetId=${encodeURIComponent(tweetId)}`),
70
+ catch: (error) => error,
71
+ });
72
+ const data = (yield* Effect.tryPromise({
73
+ try: () => response.json(),
74
+ catch: (error) => error,
75
+ })) as {
76
+ error?: string;
77
+ items?: EmbeddedTweet[];
78
+ ok?: boolean;
79
+ };
80
+ if (!response.ok || data.ok === false) {
81
+ return yield* Effect.fail(
82
+ new Error(data.error ?? "Conversation unavailable"),
83
+ );
84
+ }
85
+ return (data.items ?? []).filter(Boolean);
86
+ });
87
+ }
88
+
89
+ export function loadConversationEffect(
90
+ surfaceId: string,
91
+ tweetId = surfaceId,
92
+ ): Effect.Effect<void, never> {
93
+ return Effect.gen(function* () {
94
+ const current = snapshot.records.get(surfaceId);
95
+ if (current?.status === "ready" || inFlight.has(surfaceId)) {
96
+ return;
97
+ }
98
+
99
+ const loadGeneration = generation;
100
+ inFlight.add(surfaceId);
101
+ yield* Effect.gen(function* () {
102
+ updateRecord(surfaceId, {
103
+ error: null,
104
+ items: current?.items ?? [],
105
+ status: "loading",
106
+ });
107
+
108
+ const result = yield* fetchConversationItemsEffect(tweetId).pipe(
109
+ Effect.match({
110
+ onFailure: (error) => ({ error, ok: false as const }),
111
+ onSuccess: (items) => ({ items, ok: true as const }),
112
+ }),
113
+ );
114
+
115
+ if (loadGeneration !== generation) {
116
+ return;
117
+ }
118
+ if (result.ok) {
119
+ updateRecord(surfaceId, {
120
+ error: null,
121
+ items: result.items,
122
+ status: "ready",
123
+ });
124
+ } else {
125
+ updateRecord(surfaceId, {
126
+ error:
127
+ result.error instanceof Error
128
+ ? result.error.message
129
+ : "Conversation unavailable",
130
+ items: [],
131
+ status: "error",
132
+ });
133
+ }
134
+ }).pipe(Effect.ensuring(Effect.sync(() => inFlight.delete(surfaceId))));
135
+ });
136
+ }
137
+
138
+ function loadConversation(surfaceId: string, tweetId = surfaceId) {
139
+ return runEffectPromise(loadConversationEffect(surfaceId, tweetId));
140
+ }
141
+
142
+ export function retainConversationSurfaceScope() {
143
+ activeScopes += 1;
144
+ return () => {
145
+ activeScopes = Math.max(0, activeScopes - 1);
146
+ if (activeScopes === 0) {
147
+ resetConversationSurface();
148
+ }
149
+ };
150
+ }
151
+
152
+ export function resetConversationSurface() {
153
+ generation += 1;
154
+ inFlight.clear();
155
+ setSnapshot({
156
+ expandedTweetId: null,
157
+ records: new Map(),
158
+ });
159
+ }
160
+
161
+ export function ConversationSurfaceScope({
162
+ children,
163
+ }: {
164
+ children: ReactNode;
165
+ }) {
166
+ useEffect(() => retainConversationSurfaceScope(), []);
167
+ return children;
168
+ }
169
+
170
+ export function useConversationSurface(surfaceId: string, tweetId = surfaceId) {
171
+ const currentSnapshot = useSyncExternalStore(
172
+ subscribe,
173
+ getSnapshot,
174
+ getSnapshot,
175
+ );
176
+ const record = currentSnapshot.records.get(surfaceId) ?? emptyRecord;
177
+ const isOpen = currentSnapshot.expandedTweetId === surfaceId;
178
+
179
+ const toggle = useCallback(() => {
180
+ const nextExpanded =
181
+ snapshot.expandedTweetId === surfaceId ? null : surfaceId;
182
+ setSnapshot({ ...snapshot, expandedTweetId: nextExpanded });
183
+ if (nextExpanded) {
184
+ void loadConversation(surfaceId, tweetId);
185
+ }
186
+ }, [surfaceId, tweetId]);
187
+
188
+ const prefetch = useCallback(() => {
189
+ const current = snapshot.records.get(surfaceId);
190
+ if (current?.status === "ready" || current?.status === "loading") {
191
+ return;
192
+ }
193
+ void loadConversation(surfaceId, tweetId);
194
+ }, [surfaceId, tweetId]);
195
+
196
+ return {
197
+ error: record.error,
198
+ isOpen,
199
+ items: record.items,
200
+ loading: record.status === "loading",
201
+ prefetch,
202
+ status: record.status,
203
+ toggle,
204
+ };
205
+ }