Engagement Bar — fixtures

1import type {
2  EngagementAction,
3  EngagementDelta,
4  EngagementLikeUser,
5  Subscribe,
6} from "./types";
7 
8const noop = () => {};
9 
10// Demo data uses UNCONTROLLED mode (no explicit `liked` / `bookmarked` fields)
11// so clicks visibly flip via the bar's internal mirror. Passing `liked: false`
12// would put the action in CONTROLLED mode (action.liked !== undefined), which
13// means the host owns the value — clicks dispatch nothing visible because the
14// noop callback doesn't update a host-side state. Pre-existing demos passed
15// these explicit-false fields, which silently disabled interactivity. v0.3.0
16// fix: drop them; let the internal mirror drive.
17export const DUMMY_POST_ENGAGEMENT: EngagementAction[] = [
18  { kind: "like", count: 142, onToggle: noop },
19  { kind: "comment", count: 23, onClick: noop },
20  { kind: "share", count: 8, onClick: noop },
21  { kind: "bookmark", onToggle: noop },
22];
23 
24export const DUMMY_NEWS_CARD_ENGAGEMENT: EngagementAction[] = [
25  { kind: "like", count: 56, onToggle: noop },
26  { kind: "share", onClick: noop },
27  { kind: "bookmark", onToggle: noop },
28];
29 
30export const DUMMY_VIDEO_ENGAGEMENT_STACKED: EngagementAction[] = [
31  { kind: "like", count: 1234, onToggle: noop },
32  { kind: "comment", count: 87, onClick: noop },
33  { kind: "share", count: 12, onClick: noop },
34  { kind: "view-count", count: 12_345 },
35];
36 
37export const DUMMY_LIKE_USERS: EngagementLikeUser[] = [
38  {
39    id: "u1",
40    name: "Ada Lovelace",
41    username: "ada",
42    avatar: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=80",
43  },
44  {
45    id: "u2",
46    name: "Grace Hopper",
47    username: "grace",
48    avatar: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=80",
49  },
50  {
51    id: "u3",
52    name: "Linus Torvalds",
53    username: "linus",
54    avatar: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=80",
55  },
56  {
57    id: "u4",
58    name: "Margaret Hamilton",
59    username: "maggie",
60    avatar: "https://images.unsplash.com/photo-1531123897727-8f129e1688ce?w=80",
61  },
62  {
63    id: "u5",
64    name: "Alan Turing",
65    username: "alan",
66    avatar: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=80",
67  },
68];
69 
70/**
71 * Sandbox-only fake subscription. Fires a synthetic like-changed delta every 4s
72 * for the realtime demo. Real consumers wire their own subscribe over websocket / SSE.
73 */
74export function createDummySubscribe(initialCount = 142): Subscribe<EngagementDelta> {
75  return (handler) => {
76    let current = initialCount;
77// … truncated