@storyshelf/core 0.1.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 (189) hide show
  1. package/README.md +127 -0
  2. package/dist/adapter/auth.d.mts +50 -0
  3. package/dist/adapter/auth.mjs +10 -0
  4. package/dist/adapter/auth.mjs.map +1 -0
  5. package/dist/adapter/capture-runner.d.mts +70 -0
  6. package/dist/adapter/capture-runner.mjs +4 -0
  7. package/dist/adapter/database.d.mts +43 -0
  8. package/dist/adapter/database.mjs +4 -0
  9. package/dist/adapter/git-host/helpers.d.mts +12 -0
  10. package/dist/adapter/git-host/helpers.mjs +29 -0
  11. package/dist/adapter/git-host/helpers.mjs.map +1 -0
  12. package/dist/adapter/git-host.d.mts +46 -0
  13. package/dist/adapter/git-host.mjs +4 -0
  14. package/dist/adapter/storage.d.mts +22 -0
  15. package/dist/adapter/storage.mjs +4 -0
  16. package/dist/adapters/capture-queue.d.mts +49 -0
  17. package/dist/adapters/metadata.d.mts +24 -0
  18. package/dist/adapters/webhook-events.mjs +39 -0
  19. package/dist/adapters/webhook-events.mjs.map +1 -0
  20. package/dist/capture/adapter.d.mts +29 -0
  21. package/dist/capture/adapter.mjs +13 -0
  22. package/dist/capture/adapter.mjs.map +1 -0
  23. package/dist/capture/orchestrator.d.mts +23 -0
  24. package/dist/capture/orchestrator.mjs +103 -0
  25. package/dist/capture/orchestrator.mjs.map +1 -0
  26. package/dist/capture/pipeline.d.mts +41 -0
  27. package/dist/capture/pipeline.mjs +119 -0
  28. package/dist/capture/pipeline.mjs.map +1 -0
  29. package/dist/capture/queue.d.mts +35 -0
  30. package/dist/capture/queue.mjs +96 -0
  31. package/dist/capture/queue.mjs.map +1 -0
  32. package/dist/capture/status-fanout.mjs +66 -0
  33. package/dist/capture/status-fanout.mjs.map +1 -0
  34. package/dist/capture/storybook.d.mts +14 -0
  35. package/dist/capture/storybook.mjs +40 -0
  36. package/dist/capture/storybook.mjs.map +1 -0
  37. package/dist/config.d.mts +68 -0
  38. package/dist/config.mjs +69 -0
  39. package/dist/config.mjs.map +1 -0
  40. package/dist/ddl.d.mts +7 -0
  41. package/dist/ddl.mjs +155 -0
  42. package/dist/ddl.mjs.map +1 -0
  43. package/dist/diff/engine.d.mts +8 -0
  44. package/dist/diff/engine.mjs +79 -0
  45. package/dist/diff/engine.mjs.map +1 -0
  46. package/dist/diff/options.d.mts +40 -0
  47. package/dist/diff/options.mjs +15 -0
  48. package/dist/diff/options.mjs.map +1 -0
  49. package/dist/index.d.mts +48 -0
  50. package/dist/index.mjs +327 -0
  51. package/dist/index.mjs.map +1 -0
  52. package/dist/logger.d.mts +39 -0
  53. package/dist/logger.mjs +35 -0
  54. package/dist/logger.mjs.map +1 -0
  55. package/dist/middleware/csrf.mjs +39 -0
  56. package/dist/middleware/csrf.mjs.map +1 -0
  57. package/dist/middleware/rate-limit.mjs +38 -0
  58. package/dist/middleware/rate-limit.mjs.map +1 -0
  59. package/dist/models/baseline.d.mts +20 -0
  60. package/dist/models/baseline.mjs +89 -0
  61. package/dist/models/baseline.mjs.map +1 -0
  62. package/dist/models/build.d.mts +35 -0
  63. package/dist/models/build.mjs +77 -0
  64. package/dist/models/build.mjs.map +1 -0
  65. package/dist/models/comment.d.mts +20 -0
  66. package/dist/models/comment.mjs +42 -0
  67. package/dist/models/comment.mjs.map +1 -0
  68. package/dist/models/label.d.mts +43 -0
  69. package/dist/models/label.mjs +107 -0
  70. package/dist/models/label.mjs.map +1 -0
  71. package/dist/models/member.d.mts +27 -0
  72. package/dist/models/member.mjs +54 -0
  73. package/dist/models/member.mjs.map +1 -0
  74. package/dist/models/project.d.mts +42 -0
  75. package/dist/models/project.mjs +78 -0
  76. package/dist/models/project.mjs.map +1 -0
  77. package/dist/models/snapshot.d.mts +46 -0
  78. package/dist/models/snapshot.mjs +75 -0
  79. package/dist/models/snapshot.mjs.map +1 -0
  80. package/dist/models/status-config.mjs +61 -0
  81. package/dist/models/status-config.mjs.map +1 -0
  82. package/dist/models/token.d.mts +33 -0
  83. package/dist/models/token.mjs +60 -0
  84. package/dist/models/token.mjs.map +1 -0
  85. package/dist/models/webhook.d.mts +37 -0
  86. package/dist/models/webhook.mjs +67 -0
  87. package/dist/models/webhook.mjs.map +1 -0
  88. package/dist/pages/build-detail.mjs +333 -0
  89. package/dist/pages/build-detail.mjs.map +1 -0
  90. package/dist/pages/build-diff.mjs +437 -0
  91. package/dist/pages/build-diff.mjs.map +1 -0
  92. package/dist/pages/compute-jobs.mjs +196 -0
  93. package/dist/pages/compute-jobs.mjs.map +1 -0
  94. package/dist/pages/login.mjs +77 -0
  95. package/dist/pages/login.mjs.map +1 -0
  96. package/dist/pages/project-builds.mjs +228 -0
  97. package/dist/pages/project-builds.mjs.map +1 -0
  98. package/dist/pages/project-create.mjs +168 -0
  99. package/dist/pages/project-create.mjs.map +1 -0
  100. package/dist/pages/project-settings.mjs +111 -0
  101. package/dist/pages/project-settings.mjs.map +1 -0
  102. package/dist/pages/projects.mjs +178 -0
  103. package/dist/pages/projects.mjs.map +1 -0
  104. package/dist/pages/root.mjs +90 -0
  105. package/dist/pages/root.mjs.map +1 -0
  106. package/dist/pages/settings-general.mjs +191 -0
  107. package/dist/pages/settings-general.mjs.map +1 -0
  108. package/dist/pages/settings-labels.mjs +149 -0
  109. package/dist/pages/settings-labels.mjs.map +1 -0
  110. package/dist/pages/settings-members.mjs +124 -0
  111. package/dist/pages/settings-members.mjs.map +1 -0
  112. package/dist/pages/settings-status.mjs +150 -0
  113. package/dist/pages/settings-status.mjs.map +1 -0
  114. package/dist/pages/settings-tokens.mjs +95 -0
  115. package/dist/pages/settings-tokens.mjs.map +1 -0
  116. package/dist/pages/settings-webhooks.mjs +149 -0
  117. package/dist/pages/settings-webhooks.mjs.map +1 -0
  118. package/dist/retention/purge.d.mts +28 -0
  119. package/dist/retention/purge.mjs +66 -0
  120. package/dist/retention/purge.mjs.map +1 -0
  121. package/dist/routers/admin.mjs +41 -0
  122. package/dist/routers/admin.mjs.map +1 -0
  123. package/dist/routers/assets.mjs +24 -0
  124. package/dist/routers/assets.mjs.map +1 -0
  125. package/dist/routers/auth.mjs +77 -0
  126. package/dist/routers/auth.mjs.map +1 -0
  127. package/dist/routers/builds.handlers.mjs +87 -0
  128. package/dist/routers/builds.handlers.mjs.map +1 -0
  129. package/dist/routers/builds.mjs +162 -0
  130. package/dist/routers/builds.mjs.map +1 -0
  131. package/dist/routers/comments.mjs +89 -0
  132. package/dist/routers/comments.mjs.map +1 -0
  133. package/dist/routers/helpers.mjs +76 -0
  134. package/dist/routers/helpers.mjs.map +1 -0
  135. package/dist/routers/htmx.mjs +18 -0
  136. package/dist/routers/htmx.mjs.map +1 -0
  137. package/dist/routers/labels.mjs +77 -0
  138. package/dist/routers/labels.mjs.map +1 -0
  139. package/dist/routers/media.mjs +54 -0
  140. package/dist/routers/media.mjs.map +1 -0
  141. package/dist/routers/members.mjs +101 -0
  142. package/dist/routers/members.mjs.map +1 -0
  143. package/dist/routers/projects.mjs +121 -0
  144. package/dist/routers/projects.mjs.map +1 -0
  145. package/dist/routers/schemas.mjs +188 -0
  146. package/dist/routers/schemas.mjs.map +1 -0
  147. package/dist/routers/settings.mjs +235 -0
  148. package/dist/routers/settings.mjs.map +1 -0
  149. package/dist/routers/snapshots.mjs +143 -0
  150. package/dist/routers/snapshots.mjs.map +1 -0
  151. package/dist/routers/status-configs.mjs +100 -0
  152. package/dist/routers/status-configs.mjs.map +1 -0
  153. package/dist/routers/tokens.mjs +80 -0
  154. package/dist/routers/tokens.mjs.map +1 -0
  155. package/dist/routers/ui.mjs +142 -0
  156. package/dist/routers/ui.mjs.map +1 -0
  157. package/dist/routers/webhooks.mjs +89 -0
  158. package/dist/routers/webhooks.mjs.map +1 -0
  159. package/dist/schema.d.mts +4372 -0
  160. package/dist/schema.mjs +158 -0
  161. package/dist/schema.mjs.map +1 -0
  162. package/dist/store.mjs +18 -0
  163. package/dist/store.mjs.map +1 -0
  164. package/dist/types.d.mts +18 -0
  165. package/dist/types.mjs +49 -0
  166. package/dist/types.mjs.map +1 -0
  167. package/dist/ui/components.mjs +127 -0
  168. package/dist/ui/components.mjs.map +1 -0
  169. package/dist/ui/document.d.mts +8 -0
  170. package/dist/ui/document.mjs +338 -0
  171. package/dist/ui/document.mjs.map +1 -0
  172. package/dist/ui/styles.mjs +173 -0
  173. package/dist/ui/styles.mjs.map +1 -0
  174. package/dist/ui/theme.mjs +42 -0
  175. package/dist/ui/theme.mjs.map +1 -0
  176. package/dist/urls.d.mts +19 -0
  177. package/dist/urls.mjs +23 -0
  178. package/dist/urls.mjs.map +1 -0
  179. package/dist/utils/encrypt.mjs +49 -0
  180. package/dist/utils/encrypt.mjs.map +1 -0
  181. package/dist/utils/hash.mjs +22 -0
  182. package/dist/utils/hash.mjs.map +1 -0
  183. package/dist/utils/paths.d.mts +11 -0
  184. package/dist/utils/paths.mjs +23 -0
  185. package/dist/utils/paths.mjs.map +1 -0
  186. package/dist/utils/ulid.d.mts +8 -0
  187. package/dist/utils/ulid.mjs +41 -0
  188. package/dist/utils/ulid.mjs.map +1 -0
  189. package/package.json +162 -0
@@ -0,0 +1,333 @@
1
+ import "node:path";
2
+ import "node:url";
3
+ import.meta.url;
4
+ import { BuildModel } from "../models/build.mjs";
5
+ import { ProjectModel } from "../models/project.mjs";
6
+ import { getStore } from "../store.mjs";
7
+ import { DocumentLayout } from "../ui/document.mjs";
8
+ import { SnapshotModel } from "../models/snapshot.mjs";
9
+ import { CommentModel } from "../models/comment.mjs";
10
+ import { Badge, statusTone } from "../ui/components.mjs";
11
+ import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
12
+ //#region src/pages/build-detail.tsx
13
+ async function renderBuildDetailPage(buildId) {
14
+ const db = getStore().db;
15
+ const build = await new BuildModel(db).get(buildId);
16
+ if (!build) return null;
17
+ const project = await new ProjectModel(db).get(build.projectId);
18
+ if (!project) return null;
19
+ const snapshots = await new SnapshotModel(db).listByBuild(build.id);
20
+ const comments = await new CommentModel(db).listByBuild(build.id);
21
+ const canReview = !getStore().authEnabled || Boolean(getStore().user);
22
+ const grouped = /* @__PURE__ */ new Map();
23
+ for (const snap of snapshots) {
24
+ const key = snap.status;
25
+ const list = grouped.get(key) ?? [];
26
+ list.push(snap);
27
+ grouped.set(key, list);
28
+ }
29
+ return /* @__PURE__ */ jsxs(DocumentLayout, {
30
+ title: `Build ${build.gitBranch}`,
31
+ nav: {
32
+ active: "builds",
33
+ projectSlug: project.slug,
34
+ projectName: project.name
35
+ },
36
+ children: [
37
+ /* @__PURE__ */ jsxs("div", {
38
+ class: "page-header",
39
+ children: [/* @__PURE__ */ jsx("nav", {
40
+ class: "breadcrumbs",
41
+ "aria-label": "Breadcrumb",
42
+ children: /* @__PURE__ */ jsxs("ol", { children: [
43
+ /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
44
+ href: "/projects",
45
+ children: "Projects"
46
+ }) }),
47
+ /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
48
+ href: `/projects/${project.slug}/builds`,
49
+ children: project.name
50
+ }) }),
51
+ /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("span", {
52
+ "aria-current": "page",
53
+ children: [
54
+ build.gitBranch,
55
+ " · ",
56
+ build.gitSha.slice(0, 7)
57
+ ]
58
+ }) })
59
+ ] })
60
+ }), /* @__PURE__ */ jsxs("div", {
61
+ class: "page-header__row",
62
+ children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("h1", {
63
+ class: "page-header__title",
64
+ children: [
65
+ build.gitBranch,
66
+ " ",
67
+ /* @__PURE__ */ jsxs("span", {
68
+ style: "color:var(--text-secondary); font-weight:400;",
69
+ children: ["· ", build.gitSha.slice(0, 7)]
70
+ }),
71
+ " ",
72
+ /* @__PURE__ */ jsx(Badge, {
73
+ tone: statusTone(build.status),
74
+ children: build.status
75
+ })
76
+ ]
77
+ }), /* @__PURE__ */ jsxs("p", {
78
+ class: "page-header__desc",
79
+ children: [
80
+ build.message ?? "No commit message",
81
+ " ",
82
+ build.authorName ? `· ${build.authorName}${build.authorEmail ? ` <${build.authorEmail}>` : ""}` : "",
83
+ " · ",
84
+ new Date(build.createdAt).toLocaleString()
85
+ ]
86
+ })] }), /* @__PURE__ */ jsxs("div", {
87
+ class: "page-header__actions",
88
+ children: [/* @__PURE__ */ jsx("a", {
89
+ class: "btn btn--primary",
90
+ href: `/projects/${project.slug}/builds/${build.id}/diff`,
91
+ children: "Review diffs"
92
+ }), /* @__PURE__ */ jsx("form", {
93
+ method: "post",
94
+ action: `/api/v1/projects/${project.slug}/builds/${build.id}/retry`,
95
+ "hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/retry`,
96
+ "hx-target": "body",
97
+ children: /* @__PURE__ */ jsx("button", {
98
+ class: "btn btn--secondary",
99
+ type: "submit",
100
+ children: "Retry capture"
101
+ })
102
+ })]
103
+ })]
104
+ })]
105
+ }),
106
+ /* @__PURE__ */ jsxs("div", {
107
+ class: "grid grid--3",
108
+ style: "margin-bottom:1rem;",
109
+ children: [
110
+ /* @__PURE__ */ jsxs("div", {
111
+ class: "card card--padded stat",
112
+ children: [/* @__PURE__ */ jsx("div", {
113
+ class: "stat__value",
114
+ children: snapshots.length
115
+ }), /* @__PURE__ */ jsx("div", {
116
+ class: "stat__label",
117
+ children: "Snapshots"
118
+ })]
119
+ }),
120
+ /* @__PURE__ */ jsxs("div", {
121
+ class: "card card--padded stat",
122
+ children: [/* @__PURE__ */ jsx("div", {
123
+ class: "stat__value",
124
+ style: "color: var(--status-new);",
125
+ children: build.changedCount
126
+ }), /* @__PURE__ */ jsx("div", {
127
+ class: "stat__label",
128
+ children: "Changed / new"
129
+ })]
130
+ }),
131
+ /* @__PURE__ */ jsxs("div", {
132
+ class: "card card--padded stat",
133
+ children: [/* @__PURE__ */ jsx("div", {
134
+ class: "stat__value",
135
+ style: "color: var(--status-approved);",
136
+ children: build.approvedCount
137
+ }), /* @__PURE__ */ jsx("div", {
138
+ class: "stat__label",
139
+ children: "Approved / unchanged"
140
+ })]
141
+ })
142
+ ]
143
+ }),
144
+ canReview && (build.status === "reviewing" || build.status === "comparing") ? /* @__PURE__ */ jsxs("div", {
145
+ class: "card card--padded",
146
+ style: "display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; margin-bottom:1rem;",
147
+ children: [
148
+ /* @__PURE__ */ jsx("span", {
149
+ class: "field__hint",
150
+ children: "Bulk actions:"
151
+ }),
152
+ /* @__PURE__ */ jsx("form", {
153
+ method: "post",
154
+ action: `/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`,
155
+ "hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`,
156
+ "hx-target": "body",
157
+ children: /* @__PURE__ */ jsx("button", {
158
+ class: "btn btn--primary",
159
+ type: "submit",
160
+ children: "Approve all"
161
+ })
162
+ }),
163
+ /* @__PURE__ */ jsx("form", {
164
+ method: "post",
165
+ action: `/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`,
166
+ "hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`,
167
+ "hx-target": "body",
168
+ children: /* @__PURE__ */ jsx("button", {
169
+ class: "btn btn--danger",
170
+ type: "submit",
171
+ children: "Reject all"
172
+ })
173
+ }),
174
+ /* @__PURE__ */ jsx("span", {
175
+ class: "field__hint",
176
+ children: "Or review individually in the diff view."
177
+ })
178
+ ]
179
+ }) : null,
180
+ snapshots.length === 0 ? /* @__PURE__ */ jsxs("div", {
181
+ class: "empty",
182
+ children: [/* @__PURE__ */ jsx("h2", {
183
+ class: "empty__title",
184
+ children: "No snapshots yet"
185
+ }), /* @__PURE__ */ jsx("p", {
186
+ class: "empty__desc",
187
+ children: "Capture is pending or failed. Try retrying capture."
188
+ })]
189
+ }) : /* @__PURE__ */ jsx("div", {
190
+ class: "snapshot-grid",
191
+ children: snapshots.map((snap) => /* @__PURE__ */ jsxs("div", {
192
+ class: "snapshot-card",
193
+ children: [/* @__PURE__ */ jsxs("div", {
194
+ class: "snapshot-card__head",
195
+ children: [/* @__PURE__ */ jsx(Badge, {
196
+ tone: statusTone(snap.status),
197
+ children: snap.status
198
+ }), /* @__PURE__ */ jsxs("span", {
199
+ class: "snapshot-card__meta",
200
+ children: [
201
+ snap.viewportName,
202
+ " · ",
203
+ snap.viewportWidth,
204
+ "×",
205
+ snap.viewportHeight
206
+ ]
207
+ })]
208
+ }), /* @__PURE__ */ jsxs("div", {
209
+ class: "snapshot-card__body",
210
+ children: [
211
+ /* @__PURE__ */ jsxs("div", {
212
+ style: "font-weight:650; font-size:.95rem; line-height:1.2;",
213
+ children: [snap.storyTitle, /* @__PURE__ */ jsxs("span", {
214
+ style: "color:var(--text-secondary); font-weight:400;",
215
+ children: [" / ", snap.storyName]
216
+ })]
217
+ }),
218
+ /* @__PURE__ */ jsxs("div", {
219
+ class: "field__hint",
220
+ style: "font-size:.8rem;",
221
+ children: [
222
+ snap.storyId,
223
+ snap.diffRatio !== null && snap.diffRatio !== void 0 ? ` · diff ${(snap.diffRatio * 100).toFixed(2)}%` : "",
224
+ snap.diffPixels === null ? "" : ` · ${snap.diffPixels} px`
225
+ ]
226
+ }),
227
+ /* @__PURE__ */ jsxs("div", {
228
+ style: "display:flex; gap:.4rem; flex-wrap:wrap; margin-top:.2rem;",
229
+ children: [/* @__PURE__ */ jsx("a", {
230
+ class: "btn btn--secondary",
231
+ href: `/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`,
232
+ children: "Review"
233
+ }), canReview && (snap.status === "new" || snap.status === "changed") ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("form", {
234
+ method: "post",
235
+ action: `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/approve`,
236
+ "hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/approve`,
237
+ "hx-target": "body",
238
+ children: /* @__PURE__ */ jsx("button", {
239
+ class: "btn btn--ghost",
240
+ type: "submit",
241
+ children: "Approve"
242
+ })
243
+ }), /* @__PURE__ */ jsx("form", {
244
+ method: "post",
245
+ action: `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/reject`,
246
+ "hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/reject`,
247
+ "hx-target": "body",
248
+ children: /* @__PURE__ */ jsx("button", {
249
+ class: "btn btn--ghost",
250
+ type: "submit",
251
+ children: "Reject"
252
+ })
253
+ })] }) : null]
254
+ })
255
+ ]
256
+ })]
257
+ }, snap.id))
258
+ }),
259
+ /* @__PURE__ */ jsxs("div", {
260
+ class: "card card--padded",
261
+ style: "margin-top:1rem;",
262
+ children: [
263
+ /* @__PURE__ */ jsx("h2", {
264
+ style: "margin:0 0 .5rem;",
265
+ children: "Comments"
266
+ }),
267
+ comments.length === 0 ? /* @__PURE__ */ jsx("p", {
268
+ class: "field__hint",
269
+ children: "No comments. Add one in the diff review page for a specific snapshot."
270
+ }) : null,
271
+ /* @__PURE__ */ jsx("div", {
272
+ style: "display:grid; gap:.6rem;",
273
+ children: comments.map((comment) => /* @__PURE__ */ jsxs("div", {
274
+ class: "comment",
275
+ children: [/* @__PURE__ */ jsxs("div", {
276
+ class: "comment__head",
277
+ children: [
278
+ /* @__PURE__ */ jsx("strong", { children: comment.userId }),
279
+ /* @__PURE__ */ jsxs("span", { children: ["· ", new Date(comment.createdAt).toLocaleString()] }),
280
+ comment.snapshotId ? /* @__PURE__ */ jsx(Badge, {
281
+ tone: "neutral",
282
+ children: snapshots.find((snapshot) => snapshot.id === comment.snapshotId)?.storyName ?? comment.snapshotId.slice(0, 6)
283
+ }) : /* @__PURE__ */ jsx(Badge, {
284
+ tone: "neutral",
285
+ children: "build"
286
+ }),
287
+ comment.resolved ? /* @__PURE__ */ jsx(Badge, {
288
+ tone: "success",
289
+ children: "resolved"
290
+ }) : null
291
+ ]
292
+ }), /* @__PURE__ */ jsx("p", {
293
+ class: "comment__body",
294
+ children: comment.body
295
+ })]
296
+ }, comment.id))
297
+ }),
298
+ /* @__PURE__ */ jsxs("form", {
299
+ method: "post",
300
+ action: `/api/v1/projects/${project.slug}/builds/${build.id}/comments`,
301
+ "hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/comments`,
302
+ "hx-target": "body",
303
+ style: "margin-top:1rem; display:grid; gap:.5rem; max-width:640px;",
304
+ children: [
305
+ /* @__PURE__ */ jsx("label", {
306
+ class: "field__label",
307
+ for: "comment-body",
308
+ children: "Add build comment"
309
+ }),
310
+ /* @__PURE__ */ jsx("textarea", {
311
+ class: "field__input field__input--textarea",
312
+ id: "comment-body",
313
+ name: "body",
314
+ rows: 3,
315
+ required: true,
316
+ placeholder: "Leave a comment on this build…"
317
+ }),
318
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("button", {
319
+ class: "btn btn--primary",
320
+ type: "submit",
321
+ children: "Comment"
322
+ }) })
323
+ ]
324
+ })
325
+ ]
326
+ })
327
+ ]
328
+ });
329
+ }
330
+ //#endregion
331
+ export { renderBuildDetailPage };
332
+
333
+ //# sourceMappingURL=build-detail.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"build-detail.mjs","names":[],"sources":["../../src/pages/build-detail.tsx"],"sourcesContent":["import { BuildModel } from \"../models/build.ts\";\nimport { CommentModel } from \"../models/comment.ts\";\nimport { ProjectModel } from \"../models/project.ts\";\nimport { SnapshotModel } from \"../models/snapshot.ts\";\nimport { getStore } from \"../store.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { Badge, statusTone } from \"../ui/components.tsx\";\n\nexport async function renderBuildDetailPage(buildId: string): Promise<RenderedContent | null> {\n const db = getStore().db;\n const build = await new BuildModel(db).get(buildId);\n if (!build) {\n return null;\n }\n const project = await new ProjectModel(db).get(build.projectId);\n if (!project) {\n return null;\n }\n const snapshots = await new SnapshotModel(db).listByBuild(build.id);\n const comments = await new CommentModel(db).listByBuild(build.id);\n const canReview = !getStore().authEnabled || Boolean(getStore().user);\n\n const grouped = new Map<string, typeof snapshots>();\n for (const snap of snapshots) {\n const key = snap.status;\n const list = grouped.get(key) ?? [];\n list.push(snap);\n grouped.set(key, list);\n }\n\n return (\n <DocumentLayout title={`Build ${build.gitBranch}`} nav={{ active: \"builds\", projectSlug: project.slug, projectName: project.name }}>\n <div class=\"page-header\">\n <nav class=\"breadcrumbs\" aria-label=\"Breadcrumb\">\n <ol>\n <li>\n <a href=\"/projects\">Projects</a>\n </li>\n <li>\n <a href={`/projects/${project.slug}/builds`}>{project.name}</a>\n </li>\n <li>\n <span aria-current=\"page\">\n {build.gitBranch} · {build.gitSha.slice(0, 7)}\n </span>\n </li>\n </ol>\n </nav>\n <div class=\"page-header__row\">\n <div>\n <h1 class=\"page-header__title\">\n {build.gitBranch} <span style=\"color:var(--text-secondary); font-weight:400;\">· {build.gitSha.slice(0, 7)}</span> <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n </h1>\n <p class=\"page-header__desc\">\n {build.message ?? \"No commit message\"} {build.authorName ? `· ${build.authorName}${build.authorEmail ? ` <${build.authorEmail}>` : \"\"}` : \"\"} · {new Date(build.createdAt).toLocaleString()}\n </p>\n </div>\n <div class=\"page-header__actions\">\n <a class=\"btn btn--primary\" href={`/projects/${project.slug}/builds/${build.id}/diff`}>\n Review diffs\n </a>\n <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/retry`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/retry`} hx-target=\"body\">\n <button class=\"btn btn--secondary\" type=\"submit\">\n Retry capture\n </button>\n </form>\n </div>\n </div>\n </div>\n\n <div class=\"grid grid--3\" style=\"margin-bottom:1rem;\">\n <div class=\"card card--padded stat\">\n <div class=\"stat__value\">{snapshots.length}</div>\n <div class=\"stat__label\">Snapshots</div>\n </div>\n <div class=\"card card--padded stat\">\n <div class=\"stat__value\" style=\"color: var(--status-new);\">\n {build.changedCount}\n </div>\n <div class=\"stat__label\">Changed / new</div>\n </div>\n <div class=\"card card--padded stat\">\n <div class=\"stat__value\" style=\"color: var(--status-approved);\">\n {build.approvedCount}\n </div>\n <div class=\"stat__label\">Approved / unchanged</div>\n </div>\n </div>\n\n {canReview && (build.status === \"reviewing\" || build.status === \"comparing\") ? (\n <div class=\"card card--padded\" style=\"display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; margin-bottom:1rem;\">\n <span class=\"field__hint\">Bulk actions:</span>\n <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`} hx-target=\"body\">\n <button class=\"btn btn--primary\" type=\"submit\">\n Approve all\n </button>\n </form>\n <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`} hx-target=\"body\">\n <button class=\"btn btn--danger\" type=\"submit\">\n Reject all\n </button>\n </form>\n <span class=\"field__hint\">Or review individually in the diff view.</span>\n </div>\n ) : null}\n\n {snapshots.length === 0 ? (\n <div class=\"empty\">\n <h2 class=\"empty__title\">No snapshots yet</h2>\n <p class=\"empty__desc\">Capture is pending or failed. Try retrying capture.</p>\n </div>\n ) : (\n <div class=\"snapshot-grid\">\n {snapshots.map(\n // eslint-disable-next-line promise-function-async -- JSX.Element includes Promise<HtmlEscapedString>\n (snap) => (\n <div key={snap.id} class=\"snapshot-card\">\n <div class=\"snapshot-card__head\">\n <Badge tone={statusTone(snap.status)}>{snap.status}</Badge>\n <span class=\"snapshot-card__meta\">\n {snap.viewportName} · {snap.viewportWidth}×{snap.viewportHeight}\n </span>\n </div>\n <div class=\"snapshot-card__body\">\n <div style=\"font-weight:650; font-size:.95rem; line-height:1.2;\">\n {snap.storyTitle}\n <span style=\"color:var(--text-secondary); font-weight:400;\"> / {snap.storyName}</span>\n </div>\n <div class=\"field__hint\" style=\"font-size:.8rem;\">\n {snap.storyId}\n {snap.diffRatio !== null && snap.diffRatio !== undefined ? ` · diff ${(snap.diffRatio * 100).toFixed(2)}%` : \"\"}\n {snap.diffPixels === null ? \"\" : ` · ${snap.diffPixels} px`}\n </div>\n <div style=\"display:flex; gap:.4rem; flex-wrap:wrap; margin-top:.2rem;\">\n <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`}>\n Review\n </a>\n {canReview && (snap.status === \"new\" || snap.status === \"changed\") ? (\n <>\n <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/approve`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/approve`} hx-target=\"body\">\n <button class=\"btn btn--ghost\" type=\"submit\">\n Approve\n </button>\n </form>\n <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/reject`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/reject`} hx-target=\"body\">\n <button class=\"btn btn--ghost\" type=\"submit\">\n Reject\n </button>\n </form>\n </>\n ) : null}\n </div>\n </div>\n </div>\n ))}\n </div>\n )}\n\n <div class=\"card card--padded\" style=\"margin-top:1rem;\">\n <h2 style=\"margin:0 0 .5rem;\">Comments</h2>\n {comments.length === 0 ? <p class=\"field__hint\">No comments. Add one in the diff review page for a specific snapshot.</p> : null}\n <div style=\"display:grid; gap:.6rem;\">\n {comments.map(\n // eslint-disable-next-line promise-function-async -- JSX.Element includes Promise<HtmlEscapedString>\n (comment) => (\n <div key={comment.id} class=\"comment\">\n <div class=\"comment__head\">\n <strong>{comment.userId}</strong>\n <span>· {new Date(comment.createdAt).toLocaleString()}</span>\n {comment.snapshotId ? <Badge tone=\"neutral\">{snapshots.find((snapshot) => snapshot.id === comment.snapshotId)?.storyName ?? comment.snapshotId.slice(0, 6)}</Badge> : <Badge tone=\"neutral\">build</Badge>}\n {comment.resolved ? <Badge tone=\"success\">resolved</Badge> : null}\n </div>\n <p class=\"comment__body\">{comment.body}</p>\n </div>\n ))}\n </div>\n\n <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/comments`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/comments`} hx-target=\"body\" style=\"margin-top:1rem; display:grid; gap:.5rem; max-width:640px;\">\n <label class=\"field__label\" for=\"comment-body\">\n Add build comment\n </label>\n <textarea class=\"field__input field__input--textarea\" id=\"comment-body\" name=\"body\" rows={3} required placeholder=\"Leave a comment on this build…\" />\n <div>\n <button class=\"btn btn--primary\" type=\"submit\">\n Comment\n </button>\n </div>\n </form>\n </div>\n </DocumentLayout>\n );\n}\n"],"mappings":"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"}