@storyshelf/core 0.3.2 → 0.5.3
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/README.md +38 -31
- package/dist/adapter/capture-queue.d.mts +29 -1
- package/dist/adapter/capture-runner.d.mts +18 -2
- package/dist/adapter/capture-runner.mjs +12 -1
- package/dist/adapter/capture-runner.mjs.map +1 -0
- package/dist/adapter/database.d.mts +67 -17
- package/dist/adapter/database.mjs +22 -55
- package/dist/adapter/database.mjs.map +1 -1
- package/dist/adapter/email-sender.d.mts +27 -0
- package/dist/adapter/email-sender.mjs +4 -0
- package/dist/adapter/metadata.d.mts +21 -15
- package/dist/adapter/notifier.d.mts +7 -0
- package/dist/adapter/notifier.mjs +6 -0
- package/dist/adapter/setup.d.mts +61 -0
- package/dist/adapter/setup.mjs +29 -0
- package/dist/adapter/setup.mjs.map +1 -0
- package/dist/adapter/webhook-events.d.mts +29 -0
- package/dist/adapter/webhook-events.mjs +83 -0
- package/dist/adapter/webhook-events.mjs.map +1 -0
- package/dist/adapters/notifier/events.d.mts +26 -0
- package/dist/adapters/notifier/events.mjs +66 -0
- package/dist/adapters/notifier/events.mjs.map +1 -0
- package/dist/adapters/notifier/format.d.mts +14 -0
- package/dist/adapters/notifier/format.mjs +96 -0
- package/dist/adapters/notifier/format.mjs.map +1 -0
- package/dist/adapters/notifier/provider.d.mts +32 -0
- package/dist/adapters/notifier/types.d.mts +56 -0
- package/dist/adapters/setup-runner.d.mts +23 -0
- package/dist/adapters/setup-runner.mjs +149 -0
- package/dist/adapters/setup-runner.mjs.map +1 -0
- package/dist/adapters/validate.d.mts +30 -0
- package/dist/adapters/validate.mjs +313 -0
- package/dist/adapters/validate.mjs.map +1 -0
- package/dist/auth.d.mts +94 -0
- package/dist/auth.mjs +4 -0
- package/dist/brand-packs.d.mts +16 -0
- package/dist/brand-packs.mjs +130 -0
- package/dist/brand-packs.mjs.map +1 -0
- package/dist/capture/adapter.d.mts +51 -1
- package/dist/capture/adapter.mjs.map +1 -1
- package/dist/capture/affected.d.mts +16 -0
- package/dist/capture/affected.mjs +64 -0
- package/dist/capture/affected.mjs.map +1 -0
- package/dist/capture/diff-record.mjs +30 -0
- package/dist/capture/diff-record.mjs.map +1 -0
- package/dist/capture/dispatch.d.mts +36 -0
- package/dist/capture/dispatch.mjs +88 -31
- package/dist/capture/dispatch.mjs.map +1 -1
- package/dist/capture/guards.mjs +31 -0
- package/dist/capture/guards.mjs.map +1 -0
- package/dist/capture/orchestrator.d.mts +41 -6
- package/dist/capture/orchestrator.mjs +151 -28
- package/dist/capture/orchestrator.mjs.map +1 -1
- package/dist/capture/pipeline.d.mts +30 -16
- package/dist/capture/pipeline.mjs +143 -39
- package/dist/capture/pipeline.mjs.map +1 -1
- package/dist/capture/recovery.d.mts +21 -0
- package/dist/capture/recovery.mjs +83 -0
- package/dist/capture/recovery.mjs.map +1 -0
- package/dist/capture/rediff.d.mts +35 -0
- package/dist/capture/rediff.mjs +77 -0
- package/dist/capture/rediff.mjs.map +1 -0
- package/dist/capture/sizing.d.mts +58 -0
- package/dist/capture/sizing.mjs +119 -0
- package/dist/capture/sizing.mjs.map +1 -0
- package/dist/capture/skip-checks.mjs +3 -3
- package/dist/capture/skip-checks.mjs.map +1 -1
- package/dist/capture/statics.d.mts +38 -0
- package/dist/capture/statics.mjs +38 -4
- package/dist/capture/statics.mjs.map +1 -1
- package/dist/capture/status-fanout.mjs +7 -2
- package/dist/capture/status-fanout.mjs.map +1 -1
- package/dist/capture/storybook.d.mts +31 -2
- package/dist/capture/storybook.mjs +77 -2
- package/dist/capture/storybook.mjs.map +1 -1
- package/dist/capture.d.mts +10 -4
- package/dist/capture.mjs +7 -2
- package/dist/config.d.mts +121 -4
- package/dist/config.mjs +55 -8
- package/dist/config.mjs.map +1 -1
- package/dist/index.d.mts +5 -56
- package/dist/index.mjs +4 -284
- package/dist/logger.d.mts +26 -17
- package/dist/logger.mjs +10 -5
- package/dist/logger.mjs.map +1 -1
- package/dist/models/baseline-status.d.mts +29 -0
- package/dist/models/baseline-status.mjs +26 -0
- package/dist/models/baseline-status.mjs.map +1 -0
- package/dist/models/baseline.d.mts +33 -0
- package/dist/models/baseline.mjs +35 -13
- package/dist/models/baseline.mjs.map +1 -1
- package/dist/models/build.d.mts +87 -0
- package/dist/models/build.mjs +83 -35
- package/dist/models/build.mjs.map +1 -1
- package/dist/models/capture-attempt.d.mts +40 -0
- package/dist/models/capture-attempt.mjs +85 -0
- package/dist/models/capture-attempt.mjs.map +1 -0
- package/dist/models/capture-log.d.mts +21 -0
- package/dist/models/capture-log.mjs +44 -0
- package/dist/models/capture-log.mjs.map +1 -0
- package/dist/models/comment.d.mts +29 -0
- package/dist/models/comment.mjs +11 -8
- package/dist/models/comment.mjs.map +1 -1
- package/dist/models/content-ref.d.mts +21 -0
- package/dist/models/content-ref.mjs +49 -0
- package/dist/models/content-ref.mjs.map +1 -0
- package/dist/models/credentials.d.mts +36 -0
- package/dist/models/credentials.mjs +103 -0
- package/dist/models/credentials.mjs.map +1 -0
- package/dist/models/label.d.mts +58 -0
- package/dist/models/label.mjs +32 -27
- package/dist/models/label.mjs.map +1 -1
- package/dist/models/member.d.mts +34 -0
- package/dist/models/member.mjs +20 -11
- package/dist/models/member.mjs.map +1 -1
- package/dist/models/notification-channel.d.mts +52 -0
- package/dist/models/notification-channel.mjs +93 -0
- package/dist/models/notification-channel.mjs.map +1 -0
- package/dist/models/notification-subscription.d.mts +44 -0
- package/dist/models/notification-subscription.mjs +89 -0
- package/dist/models/notification-subscription.mjs.map +1 -0
- package/dist/models/project-group-mapping.d.mts +30 -0
- package/dist/models/project-group-mapping.mjs +46 -0
- package/dist/models/project-group-mapping.mjs.map +1 -0
- package/dist/models/project.d.mts +54 -0
- package/dist/models/project.mjs +15 -11
- package/dist/models/project.mjs.map +1 -1
- package/dist/models/snapshot.d.mts +58 -0
- package/dist/models/snapshot.mjs +13 -7
- package/dist/models/snapshot.mjs.map +1 -1
- package/dist/models/status-config.d.mts +38 -0
- package/dist/models/status-config.mjs +12 -11
- package/dist/models/status-config.mjs.map +1 -1
- package/dist/models/token.d.mts +44 -0
- package/dist/models/token.mjs +18 -15
- package/dist/models/token.mjs.map +1 -1
- package/dist/models/user.d.mts +42 -0
- package/dist/models/user.mjs +65 -0
- package/dist/models/user.mjs.map +1 -0
- package/dist/models/webhook.d.mts +50 -0
- package/dist/models/webhook.mjs +12 -10
- package/dist/models/webhook.mjs.map +1 -1
- package/dist/models.d.mts +22 -0
- package/dist/models.mjs +23 -0
- package/dist/paths.mjs +29 -0
- package/dist/paths.mjs.map +1 -1
- package/dist/retention.d.mts +45 -0
- package/dist/retention.mjs +145 -0
- package/dist/retention.mjs.map +1 -0
- package/dist/schema/baseline.d.mts +1 -0
- package/dist/schema/build.d.mts +8 -0
- package/dist/schema/capture-attempt.d.mts +38 -0
- package/dist/schema/comment.d.mts +1 -1
- package/dist/schema/content-ref.d.mts +13 -0
- package/dist/schema/member.d.mts +2 -0
- package/dist/schema/notification.d.mts +35 -0
- package/dist/schema/project-group-mapping.d.mts +15 -0
- package/dist/schema/project.d.mts +4 -0
- package/dist/schema/snapshot.d.mts +7 -0
- package/dist/schema/token.d.mts +2 -0
- package/dist/schema/user.d.mts +11 -1
- package/dist/schema.d.mts +9 -46
- package/dist/schema.mjs +1 -55
- package/dist/test-helpers/create-project.d.mts +15 -0
- package/dist/test-helpers/create-project.mjs +28 -0
- package/dist/test-helpers/create-project.mjs.map +1 -0
- package/dist/test-helpers/database-contract.d.mts +13 -0
- package/dist/test-helpers/database-contract.mjs +58 -0
- package/dist/test-helpers/database-contract.mjs.map +1 -0
- package/dist/test-helpers/fake-adapters.d.mts +14 -0
- package/dist/test-helpers/fake-adapters.mjs +20 -0
- package/dist/test-helpers/fake-adapters.mjs.map +1 -0
- package/dist/test-helpers/fake-database.d.mts +11 -0
- package/dist/test-helpers/fake-database.mjs +104 -0
- package/dist/test-helpers/fake-database.mjs.map +1 -0
- package/dist/test-helpers/fake-storage.d.mts +14 -0
- package/dist/test-helpers/fake-storage.mjs +49 -0
- package/dist/test-helpers/fake-storage.mjs.map +1 -0
- package/dist/test-helpers/fake-tables.mjs +276 -0
- package/dist/test-helpers/fake-tables.mjs.map +1 -0
- package/dist/test-helpers/git-contract.d.mts +11 -0
- package/dist/test-helpers/git-contract.mjs +34 -0
- package/dist/test-helpers/git-contract.mjs.map +1 -0
- package/dist/test-helpers/notifier-contract.d.mts +11 -0
- package/dist/test-helpers/notifier-contract.mjs +34 -0
- package/dist/test-helpers/notifier-contract.mjs.map +1 -0
- package/dist/test-helpers/queue-contract.d.mts +11 -0
- package/dist/test-helpers/queue-contract.mjs +64 -0
- package/dist/test-helpers/queue-contract.mjs.map +1 -0
- package/dist/test-helpers/runner-contract.d.mts +11 -0
- package/dist/test-helpers/runner-contract.mjs +32 -0
- package/dist/test-helpers/runner-contract.mjs.map +1 -0
- package/dist/test-helpers/sql-chunks.mjs +138 -0
- package/dist/test-helpers/sql-chunks.mjs.map +1 -0
- package/dist/test-helpers/storage-contract.d.mts +11 -0
- package/dist/test-helpers/storage-contract.mjs +87 -0
- package/dist/test-helpers/storage-contract.mjs.map +1 -0
- package/dist/test-helpers.d.mts +13 -0
- package/dist/test-helpers.mjs +14 -0
- package/dist/tracing.mjs +63 -0
- package/dist/tracing.mjs.map +1 -0
- package/dist/types.d.mts +38 -5
- package/dist/types.mjs +18 -5
- package/dist/types.mjs.map +1 -1
- package/dist/urls.d.mts +12 -1
- package/dist/urls.mjs +22 -3
- package/dist/urls.mjs.map +1 -1
- package/dist/utils/encrypt.d.mts +48 -0
- package/dist/utils/encrypt.mjs +67 -13
- package/dist/utils/encrypt.mjs.map +1 -1
- package/dist/utils/hash.d.mts +17 -0
- package/dist/utils/hash.mjs +8 -2
- package/dist/utils/hash.mjs.map +1 -1
- package/dist/utils/http.d.mts +58 -0
- package/dist/utils/http.mjs +147 -0
- package/dist/utils/http.mjs.map +1 -0
- package/dist/utils/mime.d.mts +9 -0
- package/dist/utils/mime.mjs +33 -0
- package/dist/utils/mime.mjs.map +1 -0
- package/dist/utils/path-security.d.mts +12 -0
- package/dist/utils/path-security.mjs +24 -0
- package/dist/utils/path-security.mjs.map +1 -0
- package/dist/utils/redact.d.mts +17 -0
- package/dist/utils/redact.mjs +42 -0
- package/dist/utils/redact.mjs.map +1 -0
- package/dist/utils/timing.d.mts +19 -0
- package/dist/utils/timing.mjs +46 -0
- package/dist/utils/timing.mjs.map +1 -0
- package/dist/utils/ulid.d.mts +10 -0
- package/dist/utils/ulid.mjs +8 -8
- package/dist/utils/ulid.mjs.map +1 -1
- package/dist/utils.d.mts +12 -0
- package/dist/utils.mjs +13 -0
- package/package.json +69 -28
- package/dist/adapter/auth.d.mts +0 -50
- package/dist/adapter/auth.mjs +0 -10
- package/dist/adapter/auth.mjs.map +0 -1
- package/dist/adapter/init.d.mts +0 -58
- package/dist/adapter/init.mjs +0 -93
- package/dist/adapter/init.mjs.map +0 -1
- package/dist/adapters/webhook-events.mjs +0 -55
- package/dist/adapters/webhook-events.mjs.map +0 -1
- package/dist/ddl.d.mts +0 -8
- package/dist/ddl.mjs +0 -158
- package/dist/ddl.mjs.map +0 -1
- package/dist/index.mjs.map +0 -1
- package/dist/middleware/auth-gate.mjs +0 -36
- package/dist/middleware/auth-gate.mjs.map +0 -1
- package/dist/middleware/csrf.mjs +0 -40
- package/dist/middleware/csrf.mjs.map +0 -1
- package/dist/middleware/rate-limit.mjs +0 -39
- package/dist/middleware/rate-limit.mjs.map +0 -1
- package/dist/middleware/request-log.mjs +0 -28
- package/dist/middleware/request-log.mjs.map +0 -1
- package/dist/middleware/store-scope.mjs +0 -29
- package/dist/middleware/store-scope.mjs.map +0 -1
- package/dist/pages/build-detail.mjs +0 -339
- package/dist/pages/build-detail.mjs.map +0 -1
- package/dist/pages/build-diff-comments.mjs +0 -113
- package/dist/pages/build-diff-comments.mjs.map +0 -1
- package/dist/pages/build-diff-header.mjs +0 -163
- package/dist/pages/build-diff-header.mjs.map +0 -1
- package/dist/pages/build-diff-nav.mjs +0 -66
- package/dist/pages/build-diff-nav.mjs.map +0 -1
- package/dist/pages/build-diff-viewer.mjs +0 -197
- package/dist/pages/build-diff-viewer.mjs.map +0 -1
- package/dist/pages/build-diff.mjs +0 -90
- package/dist/pages/build-diff.mjs.map +0 -1
- package/dist/pages/compute-jobs.mjs +0 -198
- package/dist/pages/compute-jobs.mjs.map +0 -1
- package/dist/pages/label-detail.mjs +0 -228
- package/dist/pages/label-detail.mjs.map +0 -1
- package/dist/pages/login.mjs +0 -78
- package/dist/pages/login.mjs.map +0 -1
- package/dist/pages/project-builds.mjs +0 -231
- package/dist/pages/project-builds.mjs.map +0 -1
- package/dist/pages/project-create.mjs +0 -169
- package/dist/pages/project-create.mjs.map +0 -1
- package/dist/pages/project-settings.mjs +0 -102
- package/dist/pages/project-settings.mjs.map +0 -1
- package/dist/pages/projects.mjs +0 -184
- package/dist/pages/projects.mjs.map +0 -1
- package/dist/pages/root.mjs +0 -94
- package/dist/pages/root.mjs.map +0 -1
- package/dist/pages/settings-general.mjs +0 -192
- package/dist/pages/settings-general.mjs.map +0 -1
- package/dist/pages/settings-labels.mjs +0 -150
- package/dist/pages/settings-labels.mjs.map +0 -1
- package/dist/pages/settings-members.mjs +0 -125
- package/dist/pages/settings-members.mjs.map +0 -1
- package/dist/pages/settings-status.mjs +0 -152
- package/dist/pages/settings-status.mjs.map +0 -1
- package/dist/pages/settings-tests.mjs +0 -149
- package/dist/pages/settings-tests.mjs.map +0 -1
- package/dist/pages/settings-tokens.mjs +0 -96
- package/dist/pages/settings-tokens.mjs.map +0 -1
- package/dist/pages/settings-webhooks.mjs +0 -150
- package/dist/pages/settings-webhooks.mjs.map +0 -1
- package/dist/pages/storybook.mjs +0 -96
- package/dist/pages/storybook.mjs.map +0 -1
- package/dist/retention/purge.mjs +0 -70
- package/dist/retention/purge.mjs.map +0 -1
- package/dist/routers/admin.mjs +0 -42
- package/dist/routers/admin.mjs.map +0 -1
- package/dist/routers/assets.mjs +0 -25
- package/dist/routers/assets.mjs.map +0 -1
- package/dist/routers/auth.mjs +0 -78
- package/dist/routers/auth.mjs.map +0 -1
- package/dist/routers/builds.handlers.mjs +0 -184
- package/dist/routers/builds.handlers.mjs.map +0 -1
- package/dist/routers/builds.mjs +0 -185
- package/dist/routers/builds.mjs.map +0 -1
- package/dist/routers/comments.mjs +0 -90
- package/dist/routers/comments.mjs.map +0 -1
- package/dist/routers/health.mjs +0 -137
- package/dist/routers/health.mjs.map +0 -1
- package/dist/routers/helpers.mjs +0 -82
- package/dist/routers/helpers.mjs.map +0 -1
- package/dist/routers/htmx.mjs +0 -20
- package/dist/routers/htmx.mjs.map +0 -1
- package/dist/routers/labels.mjs +0 -110
- package/dist/routers/labels.mjs.map +0 -1
- package/dist/routers/media.mjs +0 -55
- package/dist/routers/media.mjs.map +0 -1
- package/dist/routers/members.mjs +0 -102
- package/dist/routers/members.mjs.map +0 -1
- package/dist/routers/projects.mjs +0 -122
- package/dist/routers/projects.mjs.map +0 -1
- package/dist/routers/schemas.mjs +0 -224
- package/dist/routers/schemas.mjs.map +0 -1
- package/dist/routers/settings-general.mjs +0 -95
- package/dist/routers/settings-general.mjs.map +0 -1
- package/dist/routers/settings-labels.mjs +0 -49
- package/dist/routers/settings-labels.mjs.map +0 -1
- package/dist/routers/settings-members.mjs +0 -30
- package/dist/routers/settings-members.mjs.map +0 -1
- package/dist/routers/settings-status.mjs +0 -73
- package/dist/routers/settings-status.mjs.map +0 -1
- package/dist/routers/settings-tokens.mjs +0 -40
- package/dist/routers/settings-tokens.mjs.map +0 -1
- package/dist/routers/settings-webhooks.mjs +0 -63
- package/dist/routers/settings-webhooks.mjs.map +0 -1
- package/dist/routers/settings.handlers.mjs +0 -93
- package/dist/routers/settings.handlers.mjs.map +0 -1
- package/dist/routers/settings.mjs +0 -23
- package/dist/routers/settings.mjs.map +0 -1
- package/dist/routers/snapshots.mjs +0 -144
- package/dist/routers/snapshots.mjs.map +0 -1
- package/dist/routers/status-configs.mjs +0 -101
- package/dist/routers/status-configs.mjs.map +0 -1
- package/dist/routers/storybook.mjs +0 -120
- package/dist/routers/storybook.mjs.map +0 -1
- package/dist/routers/tokens.mjs +0 -81
- package/dist/routers/tokens.mjs.map +0 -1
- package/dist/routers/ui.mjs +0 -165
- package/dist/routers/ui.mjs.map +0 -1
- package/dist/routers/webhooks.mjs +0 -90
- package/dist/routers/webhooks.mjs.map +0 -1
- package/dist/schema/baseline.mjs +0 -22
- package/dist/schema/baseline.mjs.map +0 -1
- package/dist/schema/build.mjs +0 -29
- package/dist/schema/build.mjs.map +0 -1
- package/dist/schema/comment.mjs +0 -26
- package/dist/schema/comment.mjs.map +0 -1
- package/dist/schema/label.mjs +0 -30
- package/dist/schema/label.mjs.map +0 -1
- package/dist/schema/member.mjs +0 -19
- package/dist/schema/member.mjs.map +0 -1
- package/dist/schema/project.mjs +0 -25
- package/dist/schema/project.mjs.map +0 -1
- package/dist/schema/snapshot.mjs +0 -34
- package/dist/schema/snapshot.mjs.map +0 -1
- package/dist/schema/status-config.mjs +0 -20
- package/dist/schema/status-config.mjs.map +0 -1
- package/dist/schema/token.mjs +0 -19
- package/dist/schema/token.mjs.map +0 -1
- package/dist/schema/user.mjs +0 -19
- package/dist/schema/user.mjs.map +0 -1
- package/dist/schema/webhook.mjs +0 -20
- package/dist/schema/webhook.mjs.map +0 -1
- package/dist/schema.mjs.map +0 -1
- package/dist/store.mjs +0 -20
- package/dist/store.mjs.map +0 -1
- package/dist/ui/document.mjs +0 -348
- package/dist/ui/document.mjs.map +0 -1
- package/dist/ui/feedback.mjs +0 -24
- package/dist/ui/feedback.mjs.map +0 -1
- package/dist/ui/forms.mjs +0 -117
- package/dist/ui/forms.mjs.map +0 -1
- package/dist/ui/styles.mjs +0 -174
- package/dist/ui/styles.mjs.map +0 -1
- package/dist/ui/theme.mjs +0 -44
- package/dist/ui/theme.mjs.map +0 -1
|
@@ -1,339 +0,0 @@
|
|
|
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 { SnapshotModel } from "../models/snapshot.mjs";
|
|
7
|
-
import { getStore } from "../store.mjs";
|
|
8
|
-
import { DocumentLayout } from "../ui/document.mjs";
|
|
9
|
-
import { CommentModel } from "../models/comment.mjs";
|
|
10
|
-
import { Badge, statusTone } from "../ui/feedback.mjs";
|
|
11
|
-
import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
|
|
12
|
-
//#region src/pages/build-detail.tsx
|
|
13
|
-
/** Build overview page: snapshot grid, bulk actions, and build comments. */
|
|
14
|
-
async function renderBuildDetailPage(buildId) {
|
|
15
|
-
const { db } = getStore();
|
|
16
|
-
const build = await new BuildModel(db).get(buildId);
|
|
17
|
-
if (!build) return null;
|
|
18
|
-
const project = await new ProjectModel(db).get(build.projectId);
|
|
19
|
-
if (!project) return null;
|
|
20
|
-
const snapshots = await new SnapshotModel(db).listByBuild(build.id);
|
|
21
|
-
const comments = await new CommentModel(db).listByBuild(build.id);
|
|
22
|
-
const canReview = !getStore().authEnabled || Boolean(getStore().user);
|
|
23
|
-
const grouped = /* @__PURE__ */ new Map();
|
|
24
|
-
for (const snap of snapshots) {
|
|
25
|
-
const key = snap.status;
|
|
26
|
-
const list = grouped.get(key) ?? [];
|
|
27
|
-
list.push(snap);
|
|
28
|
-
grouped.set(key, list);
|
|
29
|
-
}
|
|
30
|
-
return /* @__PURE__ */ jsxs(DocumentLayout, {
|
|
31
|
-
title: `Build ${build.gitBranch}`,
|
|
32
|
-
nav: {
|
|
33
|
-
active: "builds",
|
|
34
|
-
projectSlug: project.slug,
|
|
35
|
-
projectName: project.name
|
|
36
|
-
},
|
|
37
|
-
children: [
|
|
38
|
-
/* @__PURE__ */ jsxs("div", {
|
|
39
|
-
class: "page-header",
|
|
40
|
-
children: [/* @__PURE__ */ jsx("nav", {
|
|
41
|
-
class: "breadcrumbs",
|
|
42
|
-
"aria-label": "Breadcrumb",
|
|
43
|
-
children: /* @__PURE__ */ jsxs("ol", { children: [
|
|
44
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
|
|
45
|
-
href: "/projects",
|
|
46
|
-
children: "Projects"
|
|
47
|
-
}) }),
|
|
48
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
|
|
49
|
-
href: `/projects/${project.slug}/builds`,
|
|
50
|
-
children: project.name
|
|
51
|
-
}) }),
|
|
52
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("span", {
|
|
53
|
-
"aria-current": "page",
|
|
54
|
-
children: [
|
|
55
|
-
build.gitBranch,
|
|
56
|
-
" · ",
|
|
57
|
-
build.gitSha.slice(0, 7)
|
|
58
|
-
]
|
|
59
|
-
}) })
|
|
60
|
-
] })
|
|
61
|
-
}), /* @__PURE__ */ jsxs("div", {
|
|
62
|
-
class: "page-header__row",
|
|
63
|
-
children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("h1", {
|
|
64
|
-
class: "page-header__title",
|
|
65
|
-
children: [
|
|
66
|
-
build.gitBranch,
|
|
67
|
-
" ",
|
|
68
|
-
/* @__PURE__ */ jsxs("span", {
|
|
69
|
-
style: "color:var(--text-secondary); font-weight:400;",
|
|
70
|
-
children: ["· ", build.gitSha.slice(0, 7)]
|
|
71
|
-
}),
|
|
72
|
-
" ",
|
|
73
|
-
/* @__PURE__ */ jsx(Badge, {
|
|
74
|
-
tone: statusTone(build.status),
|
|
75
|
-
children: build.status
|
|
76
|
-
})
|
|
77
|
-
]
|
|
78
|
-
}), /* @__PURE__ */ jsxs("p", {
|
|
79
|
-
class: "page-header__desc",
|
|
80
|
-
children: [
|
|
81
|
-
build.message ?? "No commit message",
|
|
82
|
-
" ",
|
|
83
|
-
build.authorName ? `· ${build.authorName}${build.authorEmail ? ` <${build.authorEmail}>` : ""}` : "",
|
|
84
|
-
" ",
|
|
85
|
-
"· ",
|
|
86
|
-
new Date(build.createdAt).toLocaleString()
|
|
87
|
-
]
|
|
88
|
-
})] }), /* @__PURE__ */ jsxs("div", {
|
|
89
|
-
class: "page-header__actions",
|
|
90
|
-
children: [/* @__PURE__ */ jsx("a", {
|
|
91
|
-
class: "btn btn--primary",
|
|
92
|
-
href: `/projects/${project.slug}/builds/${build.id}/diff`,
|
|
93
|
-
children: "Review diffs"
|
|
94
|
-
}), /* @__PURE__ */ jsx("form", {
|
|
95
|
-
method: "post",
|
|
96
|
-
action: `/api/v1/projects/${project.slug}/builds/${build.id}/retry`,
|
|
97
|
-
"hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/retry`,
|
|
98
|
-
"hx-target": "body",
|
|
99
|
-
children: /* @__PURE__ */ jsx("button", {
|
|
100
|
-
class: "btn btn--secondary",
|
|
101
|
-
type: "submit",
|
|
102
|
-
children: "Retry capture"
|
|
103
|
-
})
|
|
104
|
-
})]
|
|
105
|
-
})]
|
|
106
|
-
})]
|
|
107
|
-
}),
|
|
108
|
-
/* @__PURE__ */ jsxs("div", {
|
|
109
|
-
class: "grid grid--3",
|
|
110
|
-
style: "margin-bottom:1rem;",
|
|
111
|
-
children: [
|
|
112
|
-
/* @__PURE__ */ jsxs("div", {
|
|
113
|
-
class: "card card--padded stat",
|
|
114
|
-
children: [/* @__PURE__ */ jsx("div", {
|
|
115
|
-
class: "stat__value",
|
|
116
|
-
children: snapshots.length
|
|
117
|
-
}), /* @__PURE__ */ jsx("div", {
|
|
118
|
-
class: "stat__label",
|
|
119
|
-
children: "Snapshots"
|
|
120
|
-
})]
|
|
121
|
-
}),
|
|
122
|
-
/* @__PURE__ */ jsxs("div", {
|
|
123
|
-
class: "card card--padded stat",
|
|
124
|
-
children: [/* @__PURE__ */ jsx("div", {
|
|
125
|
-
class: "stat__value",
|
|
126
|
-
style: "color: var(--status-new);",
|
|
127
|
-
children: build.changedCount
|
|
128
|
-
}), /* @__PURE__ */ jsx("div", {
|
|
129
|
-
class: "stat__label",
|
|
130
|
-
children: "Changed / new"
|
|
131
|
-
})]
|
|
132
|
-
}),
|
|
133
|
-
/* @__PURE__ */ jsxs("div", {
|
|
134
|
-
class: "card card--padded stat",
|
|
135
|
-
children: [/* @__PURE__ */ jsx("div", {
|
|
136
|
-
class: "stat__value",
|
|
137
|
-
style: "color: var(--status-approved);",
|
|
138
|
-
children: build.approvedCount
|
|
139
|
-
}), /* @__PURE__ */ jsx("div", {
|
|
140
|
-
class: "stat__label",
|
|
141
|
-
children: "Approved / unchanged"
|
|
142
|
-
})]
|
|
143
|
-
})
|
|
144
|
-
]
|
|
145
|
-
}),
|
|
146
|
-
canReview && (build.status === "reviewing" || build.status === "comparing") ? /* @__PURE__ */ jsxs("div", {
|
|
147
|
-
class: "card card--padded",
|
|
148
|
-
style: "display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; margin-bottom:1rem;",
|
|
149
|
-
children: [
|
|
150
|
-
/* @__PURE__ */ jsx("span", {
|
|
151
|
-
class: "field__hint",
|
|
152
|
-
children: "Bulk actions:"
|
|
153
|
-
}),
|
|
154
|
-
/* @__PURE__ */ jsx("form", {
|
|
155
|
-
method: "post",
|
|
156
|
-
action: `/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`,
|
|
157
|
-
"hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`,
|
|
158
|
-
"hx-target": "body",
|
|
159
|
-
children: /* @__PURE__ */ jsx("button", {
|
|
160
|
-
class: "btn btn--primary",
|
|
161
|
-
type: "submit",
|
|
162
|
-
children: "Approve all"
|
|
163
|
-
})
|
|
164
|
-
}),
|
|
165
|
-
/* @__PURE__ */ jsx("form", {
|
|
166
|
-
method: "post",
|
|
167
|
-
action: `/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`,
|
|
168
|
-
"hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`,
|
|
169
|
-
"hx-target": "body",
|
|
170
|
-
children: /* @__PURE__ */ jsx("button", {
|
|
171
|
-
class: "btn btn--danger",
|
|
172
|
-
type: "submit",
|
|
173
|
-
children: "Reject all"
|
|
174
|
-
})
|
|
175
|
-
}),
|
|
176
|
-
/* @__PURE__ */ jsx("span", {
|
|
177
|
-
class: "field__hint",
|
|
178
|
-
children: "Or review individually in the diff view."
|
|
179
|
-
})
|
|
180
|
-
]
|
|
181
|
-
}) : null,
|
|
182
|
-
snapshots.length === 0 ? /* @__PURE__ */ jsxs("div", {
|
|
183
|
-
class: "empty",
|
|
184
|
-
children: [/* @__PURE__ */ jsx("h2", {
|
|
185
|
-
class: "empty__title",
|
|
186
|
-
children: "No snapshots yet"
|
|
187
|
-
}), /* @__PURE__ */ jsx("p", {
|
|
188
|
-
class: "empty__desc",
|
|
189
|
-
children: "Capture is pending or failed. Try retrying capture."
|
|
190
|
-
})]
|
|
191
|
-
}) : /* @__PURE__ */ jsx("div", {
|
|
192
|
-
class: "snapshot-grid",
|
|
193
|
-
children: snapshots.map((snap) => /* @__PURE__ */ jsxs("div", {
|
|
194
|
-
class: "snapshot-card",
|
|
195
|
-
children: [/* @__PURE__ */ jsxs("div", {
|
|
196
|
-
class: "snapshot-card__head",
|
|
197
|
-
children: [/* @__PURE__ */ jsx(Badge, {
|
|
198
|
-
tone: statusTone(snap.status),
|
|
199
|
-
children: snap.status
|
|
200
|
-
}), /* @__PURE__ */ jsxs("span", {
|
|
201
|
-
class: "snapshot-card__meta",
|
|
202
|
-
children: [
|
|
203
|
-
snap.viewportName,
|
|
204
|
-
" · ",
|
|
205
|
-
snap.viewportWidth,
|
|
206
|
-
"×",
|
|
207
|
-
snap.viewportHeight
|
|
208
|
-
]
|
|
209
|
-
})]
|
|
210
|
-
}), /* @__PURE__ */ jsxs("div", {
|
|
211
|
-
class: "snapshot-card__body",
|
|
212
|
-
children: [
|
|
213
|
-
/* @__PURE__ */ jsxs("div", {
|
|
214
|
-
style: "font-weight:650; font-size:.95rem; line-height:1.2;",
|
|
215
|
-
children: [snap.storyTitle, /* @__PURE__ */ jsxs("span", {
|
|
216
|
-
style: "color:var(--text-secondary); font-weight:400;",
|
|
217
|
-
children: [
|
|
218
|
-
" ",
|
|
219
|
-
"/ ",
|
|
220
|
-
snap.storyName
|
|
221
|
-
]
|
|
222
|
-
})]
|
|
223
|
-
}),
|
|
224
|
-
/* @__PURE__ */ jsxs("div", {
|
|
225
|
-
class: "field__hint",
|
|
226
|
-
style: "font-size:.8rem;",
|
|
227
|
-
children: [
|
|
228
|
-
snap.storyId,
|
|
229
|
-
snap.diffRatio !== null && snap.diffRatio !== void 0 ? ` · diff ${(snap.diffRatio * 100).toFixed(2)}%` : "",
|
|
230
|
-
snap.diffPixels === null ? "" : ` · ${snap.diffPixels} px`
|
|
231
|
-
]
|
|
232
|
-
}),
|
|
233
|
-
/* @__PURE__ */ jsxs("div", {
|
|
234
|
-
style: "display:flex; gap:.4rem; flex-wrap:wrap; margin-top:.2rem;",
|
|
235
|
-
children: [/* @__PURE__ */ jsx("a", {
|
|
236
|
-
class: "btn btn--secondary",
|
|
237
|
-
href: `/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`,
|
|
238
|
-
children: "Review"
|
|
239
|
-
}), canReview && (snap.status === "new" || snap.status === "changed") ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("form", {
|
|
240
|
-
method: "post",
|
|
241
|
-
action: `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/approve`,
|
|
242
|
-
"hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/approve`,
|
|
243
|
-
"hx-target": "body",
|
|
244
|
-
children: /* @__PURE__ */ jsx("button", {
|
|
245
|
-
class: "btn btn--ghost",
|
|
246
|
-
type: "submit",
|
|
247
|
-
children: "Approve"
|
|
248
|
-
})
|
|
249
|
-
}), /* @__PURE__ */ jsx("form", {
|
|
250
|
-
method: "post",
|
|
251
|
-
action: `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/reject`,
|
|
252
|
-
"hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/reject`,
|
|
253
|
-
"hx-target": "body",
|
|
254
|
-
children: /* @__PURE__ */ jsx("button", {
|
|
255
|
-
class: "btn btn--ghost",
|
|
256
|
-
type: "submit",
|
|
257
|
-
children: "Reject"
|
|
258
|
-
})
|
|
259
|
-
})] }) : null]
|
|
260
|
-
})
|
|
261
|
-
]
|
|
262
|
-
})]
|
|
263
|
-
}, snap.id))
|
|
264
|
-
}),
|
|
265
|
-
/* @__PURE__ */ jsxs("div", {
|
|
266
|
-
class: "card card--padded",
|
|
267
|
-
style: "margin-top:1rem;",
|
|
268
|
-
children: [
|
|
269
|
-
/* @__PURE__ */ jsx("h2", {
|
|
270
|
-
style: "margin:0 0 .5rem;",
|
|
271
|
-
children: "Comments"
|
|
272
|
-
}),
|
|
273
|
-
comments.length === 0 ? /* @__PURE__ */ jsx("p", {
|
|
274
|
-
class: "field__hint",
|
|
275
|
-
children: "No comments. Add one in the diff review page for a specific snapshot."
|
|
276
|
-
}) : null,
|
|
277
|
-
/* @__PURE__ */ jsx("div", {
|
|
278
|
-
style: "display:grid; gap:.6rem;",
|
|
279
|
-
children: comments.map((comment) => /* @__PURE__ */ jsxs("div", {
|
|
280
|
-
class: "comment",
|
|
281
|
-
children: [/* @__PURE__ */ jsxs("div", {
|
|
282
|
-
class: "comment__head",
|
|
283
|
-
children: [
|
|
284
|
-
/* @__PURE__ */ jsx("strong", { children: comment.userId }),
|
|
285
|
-
/* @__PURE__ */ jsxs("span", { children: ["· ", new Date(comment.createdAt).toLocaleString()] }),
|
|
286
|
-
comment.snapshotId ? /* @__PURE__ */ jsx(Badge, {
|
|
287
|
-
tone: "neutral",
|
|
288
|
-
children: snapshots.find((snapshot) => snapshot.id === comment.snapshotId)?.storyName ?? comment.snapshotId.slice(0, 6)
|
|
289
|
-
}) : /* @__PURE__ */ jsx(Badge, {
|
|
290
|
-
tone: "neutral",
|
|
291
|
-
children: "build"
|
|
292
|
-
}),
|
|
293
|
-
comment.resolved ? /* @__PURE__ */ jsx(Badge, {
|
|
294
|
-
tone: "success",
|
|
295
|
-
children: "resolved"
|
|
296
|
-
}) : null
|
|
297
|
-
]
|
|
298
|
-
}), /* @__PURE__ */ jsx("p", {
|
|
299
|
-
class: "comment__body",
|
|
300
|
-
children: comment.body
|
|
301
|
-
})]
|
|
302
|
-
}, comment.id))
|
|
303
|
-
}),
|
|
304
|
-
/* @__PURE__ */ jsxs("form", {
|
|
305
|
-
method: "post",
|
|
306
|
-
action: `/api/v1/projects/${project.slug}/builds/${build.id}/comments`,
|
|
307
|
-
"hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/comments`,
|
|
308
|
-
"hx-target": "body",
|
|
309
|
-
style: "margin-top:1rem; display:grid; gap:.5rem; max-width:640px;",
|
|
310
|
-
children: [
|
|
311
|
-
/* @__PURE__ */ jsx("label", {
|
|
312
|
-
class: "field__label",
|
|
313
|
-
for: "comment-body",
|
|
314
|
-
children: "Add build comment"
|
|
315
|
-
}),
|
|
316
|
-
/* @__PURE__ */ jsx("textarea", {
|
|
317
|
-
class: "field__input field__input--textarea",
|
|
318
|
-
id: "comment-body",
|
|
319
|
-
name: "body",
|
|
320
|
-
rows: 3,
|
|
321
|
-
required: true,
|
|
322
|
-
placeholder: "Leave a comment on this build…"
|
|
323
|
-
}),
|
|
324
|
-
/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("button", {
|
|
325
|
-
class: "btn btn--primary",
|
|
326
|
-
type: "submit",
|
|
327
|
-
children: "Comment"
|
|
328
|
-
}) })
|
|
329
|
-
]
|
|
330
|
-
})
|
|
331
|
-
]
|
|
332
|
-
})
|
|
333
|
-
]
|
|
334
|
-
});
|
|
335
|
-
}
|
|
336
|
-
//#endregion
|
|
337
|
-
export { renderBuildDetailPage };
|
|
338
|
-
|
|
339
|
-
//# sourceMappingURL=build-detail.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"build-detail.mjs","names":[],"sources":["../../src/pages/build-detail.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport { 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 { Badge, statusTone } from \"../ui/components.tsx\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\n\n/** Build overview page: snapshot grid, bulk actions, and build comments. */\nexport async function renderBuildDetailPage(buildId: string): Promise<RenderedContent | null> {\n const { db } = getStore();\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\n title={`Build ${build.gitBranch}`}\n nav={{ active: \"builds\", projectSlug: project.slug, projectName: project.name }}\n >\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}{\" \"}\n <span style=\"color:var(--text-secondary); font-weight:400;\">\n · {build.gitSha.slice(0, 7)}\n </span>{\" \"}\n <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n </h1>\n <p class=\"page-header__desc\">\n {build.message ?? \"No commit message\"}{\" \"}\n {build.authorName\n ? `· ${build.authorName}${build.authorEmail ? ` <${build.authorEmail}>` : \"\"}`\n : \"\"}{\" \"}\n · {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\n method=\"post\"\n action={`/api/v1/projects/${project.slug}/builds/${build.id}/retry`}\n hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/retry`}\n hx-target=\"body\"\n >\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\n class=\"card card--padded\"\n style=\"display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; margin-bottom:1rem;\"\n >\n <span class=\"field__hint\">Bulk actions:</span>\n <form\n method=\"post\"\n action={`/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`}\n hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`}\n hx-target=\"body\"\n >\n <button class=\"btn btn--primary\" type=\"submit\">\n Approve all\n </button>\n </form>\n <form\n method=\"post\"\n action={`/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`}\n hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`}\n hx-target=\"body\"\n >\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((snap): HtmlEscapedString | Promise<HtmlEscapedString> => (\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;\">\n {\" \"}\n / {snap.storyName}\n </span>\n </div>\n <div class=\"field__hint\" style=\"font-size:.8rem;\">\n {snap.storyId}\n {snap.diffRatio !== null && snap.diffRatio !== undefined\n ? ` · diff ${(snap.diffRatio * 100).toFixed(2)}%`\n : \"\"}\n {snap.diffPixels === null ? \"\" : ` · ${snap.diffPixels} px`}\n </div>\n <div style=\"display:flex; gap:.4rem; flex-wrap:wrap; margin-top:.2rem;\">\n <a\n class=\"btn btn--secondary\"\n href={`/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`}\n >\n Review\n </a>\n {canReview && (snap.status === \"new\" || snap.status === \"changed\") ? (\n <>\n <form\n method=\"post\"\n action={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/approve`}\n hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/approve`}\n hx-target=\"body\"\n >\n <button class=\"btn btn--ghost\" type=\"submit\">\n Approve\n </button>\n </form>\n <form\n method=\"post\"\n action={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/reject`}\n hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/reject`}\n hx-target=\"body\"\n >\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 ? (\n <p class=\"field__hint\">\n No comments. Add one in the diff review page for a specific snapshot.\n </p>\n ) : null}\n <div style=\"display:grid; gap:.6rem;\">\n {comments.map((comment): HtmlEscapedString | Promise<HtmlEscapedString> => (\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 ? (\n <Badge tone=\"neutral\">\n {snapshots.find((snapshot) => snapshot.id === comment.snapshotId)?.storyName ??\n comment.snapshotId.slice(0, 6)}\n </Badge>\n ) : (\n <Badge tone=\"neutral\">build</Badge>\n )}\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\n method=\"post\"\n action={`/api/v1/projects/${project.slug}/builds/${build.id}/comments`}\n hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/comments`}\n hx-target=\"body\"\n style=\"margin-top:1rem; display:grid; gap:.5rem; max-width:640px;\"\n >\n <label class=\"field__label\" for=\"comment-body\">\n Add build comment\n </label>\n <textarea\n class=\"field__input field__input--textarea\"\n id=\"comment-body\"\n name=\"body\"\n rows={3}\n required\n placeholder=\"Leave a comment on this build…\"\n />\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":";;;;;;;;;;;;;AAUA,eAAsB,sBAAsB,SAAkD;CAC5F,MAAM,EAAE,OAAO,SAAS;CACxB,MAAM,QAAQ,MAAM,IAAI,WAAW,EAAE,CAAC,CAAC,IAAI,OAAO;CAClD,IAAI,CAAC,OACH,OAAO;CAET,MAAM,UAAU,MAAM,IAAI,aAAa,EAAE,CAAC,CAAC,IAAI,MAAM,SAAS;CAC9D,IAAI,CAAC,SACH,OAAO;CAET,MAAM,YAAY,MAAM,IAAI,cAAc,EAAE,CAAC,CAAC,YAAY,MAAM,EAAE;CAClE,MAAM,WAAW,MAAM,IAAI,aAAa,EAAE,CAAC,CAAC,YAAY,MAAM,EAAE;CAChE,MAAM,YAAY,CAAC,SAAS,CAAC,CAAC,eAAe,QAAQ,SAAS,CAAC,CAAC,IAAI;CAEpE,MAAM,0BAAU,IAAI,IAA8B;CAClD,KAAK,MAAM,QAAQ,WAAW;EAC5B,MAAM,MAAM,KAAK;EACjB,MAAM,OAAO,QAAQ,IAAI,GAAG,KAAK,CAAC;EAClC,KAAK,KAAK,IAAI;EACd,QAAQ,IAAI,KAAK,IAAI;CACvB;CAEA,OACE,qBAAC,gBAAD;EACE,OAAO,SAAS,MAAM;EACtB,KAAK;GAAE,QAAQ;GAAU,aAAa,QAAQ;GAAM,aAAa,QAAQ;EAAK;EAFhF,UAAA;GAIE,qBAAC,OAAD;IAAK,OAAM;IAAX,UAAA,CACE,oBAAC,OAAD;KAAK,OAAM;KAAc,cAAW;KAClC,UAAA,qBAAC,MAAD,EAAA,UAAA;MACE,oBAAC,MAAD,EAAA,UACE,oBAAC,KAAD;OAAG,MAAK;OAAY,UAAA;MAAW,CAAA,EAC7B,CAAA;MACJ,oBAAC,MAAD,EAAA,UACE,oBAAC,KAAD;OAAG,MAAM,aAAa,QAAQ,KAAK;OAAW,UAAA,QAAQ;MAAQ,CAAA,EAC5D,CAAA;MACJ,oBAAC,MAAD,EAAA,UACE,qBAAC,QAAD;OAAM,gBAAa;OAAnB,UAAA;QACG,MAAM;QAAU;QAAI,MAAM,OAAO,MAAM,GAAG,CAAC;OACxC;MACJ,CAAA,EAAA,CAAA;KACF,EAAA,CAAA;IACD,CAAA,GACL,qBAAC,OAAD;KAAK,OAAM;KAAX,UAAA,CACE,qBAAC,OAAD,EAAA,UAAA,CACE,qBAAC,MAAD;MAAI,OAAM;MAAV,UAAA;OACG,MAAM;OAAW;OAClB,qBAAC,QAAD;QAAM,OAAM;QAAZ,UAAA,CAA4D,MACvD,MAAM,OAAO,MAAM,GAAG,CAAC,CACtB;;OAAE;OACR,oBAAC,OAAD;QAAO,MAAM,WAAW,MAAM,MAAM;QAAI,UAAA,MAAM;OAAc,CAAA;MAC1D;KACJ,CAAA,GAAA,qBAAC,KAAD;MAAG,OAAM;MAAT,UAAA;OACG,MAAM,WAAW;OAAqB;OACtC,MAAM,aACH,KAAK,MAAM,aAAa,MAAM,cAAc,KAAK,MAAM,YAAY,KAAK,OACxE;OAAI;OAAI;OACT,IAAI,KAAK,MAAM,SAAS,CAAC,CAAC,eAAe;MAC3C;KACA,CAAA,CAAA,EAAA,CAAA,GACL,qBAAC,OAAD;MAAK,OAAM;MAAX,UAAA,CACE,oBAAC,KAAD;OAAG,OAAM;OAAmB,MAAM,aAAa,QAAQ,KAAK,UAAU,MAAM,GAAG;OAAQ,UAAA;MAEpF,CAAA,GACH,oBAAC,QAAD;OACE,QAAO;OACP,QAAQ,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG;OAC5D,WAAS,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG;OAC7D,aAAU;OAEV,UAAA,oBAAC,UAAD;QAAQ,OAAM;QAAqB,MAAK;QAAS,UAAA;OAEzC,CAAA;MACJ,CAAA,CACH;KACF,CAAA,CAAA;IACF,CAAA,CAAA;;GAEL,qBAAC,OAAD;IAAK,OAAM;IAAe,OAAM;IAAhC,UAAA;KACE,qBAAC,OAAD;MAAK,OAAM;MAAX,UAAA,CACE,oBAAC,OAAD;OAAK,OAAM;OAAe,UAAA,UAAU;MAAY,CAAA,GAChD,oBAAC,OAAD;OAAK,OAAM;OAAc,UAAA;MAAc,CAAA,CACpC;;KACL,qBAAC,OAAD;MAAK,OAAM;MAAX,UAAA,CACE,oBAAC,OAAD;OAAK,OAAM;OAAc,OAAM;OAC5B,UAAA,MAAM;MACJ,CAAA,GACL,oBAAC,OAAD;OAAK,OAAM;OAAc,UAAA;MAAkB,CAAA,CACxC;;KACL,qBAAC,OAAD;MAAK,OAAM;MAAX,UAAA,CACE,oBAAC,OAAD;OAAK,OAAM;OAAc,OAAM;OAC5B,UAAA,MAAM;MACJ,CAAA,GACL,oBAAC,OAAD;OAAK,OAAM;OAAc,UAAA;MAAyB,CAAA,CAC/C;;IACF;;GAEJ,cAAc,MAAM,WAAW,eAAe,MAAM,WAAW,eAC9D,qBAAC,OAAD;IACE,OAAM;IACN,OAAM;IAFR,UAAA;KAIE,oBAAC,QAAD;MAAM,OAAM;MAAc,UAAA;KAAmB,CAAA;KAC7C,oBAAC,QAAD;MACE,QAAO;MACP,QAAQ,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG;MAC5D,WAAS,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG;MAC7D,aAAU;MAEV,UAAA,oBAAC,UAAD;OAAQ,OAAM;OAAmB,MAAK;OAAS,UAAA;MAEvC,CAAA;KACJ,CAAA;KACN,oBAAC,QAAD;MACE,QAAO;MACP,QAAQ,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG;MAC5D,WAAS,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG;MAC7D,aAAU;MAEV,UAAA,oBAAC,UAAD;OAAQ,OAAM;OAAkB,MAAK;OAAS,UAAA;MAEtC,CAAA;KACJ,CAAA;KACN,oBAAC,QAAD;MAAM,OAAM;MAAc,UAAA;KAA8C,CAAA;IACrE;GACH,CAAA,IAAA;GAEH,UAAU,WAAW,IACpB,qBAAC,OAAD;IAAK,OAAM;IAAX,UAAA,CACE,oBAAC,MAAD;KAAI,OAAM;KAAe,UAAA;IAAoB,CAAA,GAC7C,oBAAC,KAAD;KAAG,OAAM;KAAc,UAAA;IAAsD,CAAA,CAC1E;GAEL,CAAA,IAAA,oBAAC,OAAD;IAAK,OAAM;IACR,UAAA,UAAU,KAAK,SACd,qBAAC,OAAD;KAAmB,OAAM;KAAzB,UAAA,CACE,qBAAC,OAAD;MAAK,OAAM;MAAX,UAAA,CACE,oBAAC,OAAD;OAAO,MAAM,WAAW,KAAK,MAAM;OAAI,UAAA,KAAK;MAAc,CAAA,GAC1D,qBAAC,QAAD;OAAM,OAAM;OAAZ,UAAA;QACG,KAAK;QAAa;QAAI,KAAK;QAAc;QAAE,KAAK;OAC7C;MACH,CAAA,CAAA;KACL,CAAA,GAAA,qBAAC,OAAD;MAAK,OAAM;MAAX,UAAA;OACE,qBAAC,OAAD;QAAK,OAAM;QAAX,UAAA,CACG,KAAK,YACN,qBAAC,QAAD;SAAM,OAAM;SAAZ,UAAA;UACG;UAAI;UACF,KAAK;SACJ;QACH,CAAA,CAAA;;OACL,qBAAC,OAAD;QAAK,OAAM;QAAc,OAAM;QAA/B,UAAA;SACG,KAAK;SACL,KAAK,cAAc,QAAQ,KAAK,cAAc,KAAA,IAC3C,YAAY,KAAK,YAAY,IAAA,CAAK,QAAQ,CAAC,EAAE,KAC7C;SACH,KAAK,eAAe,OAAO,KAAK,MAAM,KAAK,WAAW;QACpD;;OACL,qBAAC,OAAD;QAAK,OAAM;QAAX,UAAA,CACE,oBAAC,KAAD;SACE,OAAM;SACN,MAAM,aAAa,QAAQ,KAAK,UAAU,MAAM,GAAG,iBAAiB,KAAK;SAC1E,UAAA;QAEE,CAAA,GACF,cAAc,KAAK,WAAW,SAAS,KAAK,WAAW,aACtD,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;SACE,QAAO;SACP,QAAQ,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG,aAAa,KAAK,GAAG;SACjF,WAAS,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG,aAAa,KAAK,GAAG;SAClF,aAAU;SAEV,UAAA,oBAAC,UAAD;UAAQ,OAAM;UAAiB,MAAK;UAAS,UAAA;SAErC,CAAA;QACJ,CAAA,GACN,oBAAC,QAAD;SACE,QAAO;SACP,QAAQ,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG,aAAa,KAAK,GAAG;SACjF,WAAS,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG,aAAa,KAAK,GAAG;SAClF,aAAU;SAEV,UAAA,oBAAC,UAAD;UAAQ,OAAM;UAAiB,MAAK;UAAS,UAAA;SAErC,CAAA;QACJ,CAAA,CACN,EAAA,CAAA,IACA,IACD;;MACF;KACF,CAAA,CAAA;IAvDK,GAAA,KAAK,EAuDV,CACN;GACE,CAAA;GAGP,qBAAC,OAAD;IAAK,OAAM;IAAoB,OAAM;IAArC,UAAA;KACE,oBAAC,MAAD;MAAI,OAAM;MAAoB,UAAA;KAAY,CAAA;KACzC,SAAS,WAAW,IACnB,oBAAC,KAAD;MAAG,OAAM;MAAc,UAAA;KAEpB,CAAA,IACD;KACJ,oBAAC,OAAD;MAAK,OAAM;MACR,UAAA,SAAS,KAAK,YACb,qBAAC,OAAD;OAAsB,OAAM;OAA5B,UAAA,CACE,qBAAC,OAAD;QAAK,OAAM;QAAX,UAAA;SACE,oBAAC,UAAD,EAAA,UAAS,QAAQ,OAAe,CAAA;SAChC,qBAAC,QAAD,EAAA,UAAA,CAAM,MAAG,IAAI,KAAK,QAAQ,SAAS,CAAC,CAAC,eAAe,CAAQ,EAAA,CAAA;SAC3D,QAAQ,aACP,oBAAC,OAAD;UAAO,MAAK;UACT,UAAA,UAAU,MAAM,aAAa,SAAS,OAAO,QAAQ,UAAU,CAAC,EAAE,aACjE,QAAQ,WAAW,MAAM,GAAG,CAAC;SAC1B,CAAA,IAEP,oBAAC,OAAD;UAAO,MAAK;UAAU,UAAA;SAAY,CAAA;SAEnC,QAAQ,WAAW,oBAAC,OAAD;UAAO,MAAK;UAAU,UAAA;SAAe,CAAA,IAAI;QAC1D;OACL,CAAA,GAAA,oBAAC,KAAD;QAAG,OAAM;QAAiB,UAAA,QAAQ;OAAQ,CAAA,CACvC;MAfK,GAAA,QAAQ,EAeb,CACN;KACE,CAAA;KAEL,qBAAC,QAAD;MACE,QAAO;MACP,QAAQ,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG;MAC5D,WAAS,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG;MAC7D,aAAU;MACV,OAAM;MALR,UAAA;OAOE,oBAAC,SAAD;QAAO,OAAM;QAAe,KAAI;QAAe,UAAA;OAExC,CAAA;OACP,oBAAC,YAAD;QACE,OAAM;QACN,IAAG;QACH,MAAK;QACL,MAAM;QACN,UAAA;QACA,aAAY;OACb,CAAA;OACD,oBAAC,OAAD,EAAA,UACE,oBAAC,UAAD;QAAQ,OAAM;QAAmB,MAAK;QAAS,UAAA;OAEvC,CAAA,EACL,CAAA;MACD;;IACH;;EACS;;AAEpB"}
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
import "node:path";
|
|
2
|
-
import "node:url";
|
|
3
|
-
import.meta.url;
|
|
4
|
-
import { Badge } from "../ui/feedback.mjs";
|
|
5
|
-
import { jsx, jsxs } from "hono/jsx/jsx-runtime";
|
|
6
|
-
//#region src/pages/build-diff-comments.tsx
|
|
7
|
-
/** One comment with an optional resolve action. */
|
|
8
|
-
function CommentCard(props) {
|
|
9
|
-
const { project, build, comment, canReview } = props;
|
|
10
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
11
|
-
class: "comment",
|
|
12
|
-
children: [
|
|
13
|
-
/* @__PURE__ */ jsxs("div", {
|
|
14
|
-
class: "comment__head",
|
|
15
|
-
children: [
|
|
16
|
-
/* @__PURE__ */ jsx("strong", { children: comment.userId }),
|
|
17
|
-
/* @__PURE__ */ jsxs("span", { children: ["· ", new Date(comment.createdAt).toLocaleString()] }),
|
|
18
|
-
comment.resolved ? /* @__PURE__ */ jsx(Badge, {
|
|
19
|
-
tone: "success",
|
|
20
|
-
children: "resolved"
|
|
21
|
-
}) : null
|
|
22
|
-
]
|
|
23
|
-
}),
|
|
24
|
-
/* @__PURE__ */ jsx("p", {
|
|
25
|
-
class: "comment__body",
|
|
26
|
-
children: comment.body
|
|
27
|
-
}),
|
|
28
|
-
!comment.resolved && canReview ? /* @__PURE__ */ jsx("form", {
|
|
29
|
-
method: "post",
|
|
30
|
-
action: `/api/v1/projects/${project.slug}/builds/${build.id}/comments/${comment.id}/resolve`,
|
|
31
|
-
"hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/comments/${comment.id}/resolve`,
|
|
32
|
-
"hx-target": "body",
|
|
33
|
-
style: "margin-top:.5rem;",
|
|
34
|
-
children: /* @__PURE__ */ jsx("button", {
|
|
35
|
-
class: "btn btn--ghost",
|
|
36
|
-
type: "submit",
|
|
37
|
-
children: "Mark resolved"
|
|
38
|
-
})
|
|
39
|
-
}) : null
|
|
40
|
-
]
|
|
41
|
-
}, comment.id);
|
|
42
|
-
}
|
|
43
|
-
/** Reply form scoped to the selected snapshot. */
|
|
44
|
-
function CommentForm(props) {
|
|
45
|
-
const { project, build, selectedId } = props;
|
|
46
|
-
return /* @__PURE__ */ jsxs("form", {
|
|
47
|
-
method: "post",
|
|
48
|
-
action: `/api/v1/projects/${project.slug}/builds/${build.id}/comments`,
|
|
49
|
-
"hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/comments`,
|
|
50
|
-
"hx-target": "body",
|
|
51
|
-
style: "margin-top:1rem; display:grid; gap:.5rem;",
|
|
52
|
-
children: [
|
|
53
|
-
/* @__PURE__ */ jsx("input", {
|
|
54
|
-
type: "hidden",
|
|
55
|
-
name: "snapshotId",
|
|
56
|
-
value: selectedId
|
|
57
|
-
}),
|
|
58
|
-
/* @__PURE__ */ jsx("label", {
|
|
59
|
-
class: "field__label",
|
|
60
|
-
for: "comment-body",
|
|
61
|
-
children: "Add comment"
|
|
62
|
-
}),
|
|
63
|
-
/* @__PURE__ */ jsx("textarea", {
|
|
64
|
-
class: "field__input field__input--textarea",
|
|
65
|
-
id: "comment-body",
|
|
66
|
-
name: "body",
|
|
67
|
-
rows: 3,
|
|
68
|
-
required: true,
|
|
69
|
-
placeholder: "Leave feedback on this snapshot…"
|
|
70
|
-
}),
|
|
71
|
-
/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("button", {
|
|
72
|
-
class: "btn btn--primary",
|
|
73
|
-
type: "submit",
|
|
74
|
-
children: "Comment"
|
|
75
|
-
}) })
|
|
76
|
-
]
|
|
77
|
-
});
|
|
78
|
-
}
|
|
79
|
-
/** Threaded comments for the selected snapshot plus the reply form. */
|
|
80
|
-
function DiffComments(props) {
|
|
81
|
-
const { project, build, selectedId, comments, canReview } = props;
|
|
82
|
-
const visible = comments.filter((c) => !c.snapshotId || c.snapshotId === selectedId);
|
|
83
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
84
|
-
class: "card card--padded",
|
|
85
|
-
children: [
|
|
86
|
-
/* @__PURE__ */ jsx("h3", {
|
|
87
|
-
style: "margin:0 0 .5rem;",
|
|
88
|
-
children: "Comments"
|
|
89
|
-
}),
|
|
90
|
-
/* @__PURE__ */ jsxs("div", {
|
|
91
|
-
style: "display:grid; gap:.75rem;",
|
|
92
|
-
children: [visible.map((comment) => /* @__PURE__ */ jsx(CommentCard, {
|
|
93
|
-
project,
|
|
94
|
-
build,
|
|
95
|
-
comment,
|
|
96
|
-
canReview
|
|
97
|
-
}, comment.id)), visible.length === 0 ? /* @__PURE__ */ jsx("p", {
|
|
98
|
-
class: "field__hint",
|
|
99
|
-
children: "No comments on this snapshot."
|
|
100
|
-
}) : null]
|
|
101
|
-
}),
|
|
102
|
-
/* @__PURE__ */ jsx(CommentForm, {
|
|
103
|
-
project,
|
|
104
|
-
build,
|
|
105
|
-
selectedId
|
|
106
|
-
})
|
|
107
|
-
]
|
|
108
|
-
});
|
|
109
|
-
}
|
|
110
|
-
//#endregion
|
|
111
|
-
export { DiffComments };
|
|
112
|
-
|
|
113
|
-
//# sourceMappingURL=build-diff-comments.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"build-diff-comments.mjs","names":[],"sources":["../../src/pages/build-diff-comments.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport type { Build } from \"../schema/build.ts\";\nimport type { Comment } from \"../schema/comment.ts\";\nimport type { Project } from \"../schema/project.ts\";\nimport { Badge } from \"../ui/components.tsx\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\n/** Snapshot comment thread props. */\nexport interface DiffCommentsProps {\n project: Project;\n build: Build;\n selectedId: string;\n comments: Comment[];\n canReview: boolean;\n}\n\ninterface CommentCardProps {\n project: Project;\n build: Build;\n comment: Comment;\n canReview: boolean;\n}\n\n/** One comment with an optional resolve action. */\nfunction CommentCard(props: CommentCardProps): HtmlEscapedString | Promise<HtmlEscapedString> {\n const { project, build, comment, canReview } = props;\n return (\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.resolved ? <Badge tone=\"success\">resolved</Badge> : null}\n </div>\n <p class=\"comment__body\">{comment.body}</p>\n {!comment.resolved && canReview ? (\n <form\n method=\"post\"\n action={`/api/v1/projects/${project.slug}/builds/${build.id}/comments/${comment.id}/resolve`}\n hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/comments/${comment.id}/resolve`}\n hx-target=\"body\"\n style=\"margin-top:.5rem;\"\n >\n <button class=\"btn btn--ghost\" type=\"submit\">\n Mark resolved\n </button>\n </form>\n ) : null}\n </div>\n );\n}\n\ninterface CommentFormProps {\n project: Project;\n build: Build;\n selectedId: string;\n}\n\n/** Reply form scoped to the selected snapshot. */\nfunction CommentForm(props: CommentFormProps): HtmlEscapedString | Promise<HtmlEscapedString> {\n const { project, build, selectedId } = props;\n return (\n <form\n method=\"post\"\n action={`/api/v1/projects/${project.slug}/builds/${build.id}/comments`}\n hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/comments`}\n hx-target=\"body\"\n style=\"margin-top:1rem; display:grid; gap:.5rem;\"\n >\n <input type=\"hidden\" name=\"snapshotId\" value={selectedId} />\n <label class=\"field__label\" for=\"comment-body\">\n Add comment\n </label>\n <textarea\n class=\"field__input field__input--textarea\"\n id=\"comment-body\"\n name=\"body\"\n rows={3}\n required\n placeholder=\"Leave feedback on this snapshot…\"\n />\n <div>\n <button class=\"btn btn--primary\" type=\"submit\">\n Comment\n </button>\n </div>\n </form>\n );\n}\n\n/** Threaded comments for the selected snapshot plus the reply form. */\nexport function DiffComments(\n props: DiffCommentsProps,\n): HtmlEscapedString | Promise<HtmlEscapedString> {\n const { project, build, selectedId, comments, canReview } = props;\n const visible = comments.filter((c) => !c.snapshotId || c.snapshotId === selectedId);\n return (\n <div class=\"card card--padded\">\n <h3 style=\"margin:0 0 .5rem;\">Comments</h3>\n <div style=\"display:grid; gap:.75rem;\">\n {visible.map((comment): HtmlEscapedString | Promise<HtmlEscapedString> => (\n <CommentCard\n key={comment.id}\n project={project}\n build={build}\n comment={comment}\n canReview={canReview}\n />\n ))}\n {visible.length === 0 ? <p class=\"field__hint\">No comments on this snapshot.</p> : null}\n </div>\n\n <CommentForm project={project} build={build} selectedId={selectedId} />\n </div>\n );\n}\n"],"mappings":";;;;;;;AAyBA,SAAS,YAAY,OAAyE;CAC5F,MAAM,EAAE,SAAS,OAAO,SAAS,cAAc;CAC/C,OACE,qBAAC,OAAD;EAAsB,OAAM;EAA5B,UAAA;GACE,qBAAC,OAAD;IAAK,OAAM;IAAX,UAAA;KACE,oBAAC,UAAD,EAAA,UAAS,QAAQ,OAAe,CAAA;KAChC,qBAAC,QAAD,EAAA,UAAA,CAAM,MAAG,IAAI,KAAK,QAAQ,SAAS,CAAC,CAAC,eAAe,CAAQ,EAAA,CAAA;KAC3D,QAAQ,WAAW,oBAAC,OAAD;MAAO,MAAK;MAAU,UAAA;KAAe,CAAA,IAAI;IAC1D;;GACL,oBAAC,KAAD;IAAG,OAAM;IAAiB,UAAA,QAAQ;GAAQ,CAAA;GACzC,CAAC,QAAQ,YAAY,YACpB,oBAAC,QAAD;IACE,QAAO;IACP,QAAQ,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG,YAAY,QAAQ,GAAG;IACnF,WAAS,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG,YAAY,QAAQ,GAAG;IACpF,aAAU;IACV,OAAM;IAEN,UAAA,oBAAC,UAAD;KAAQ,OAAM;KAAiB,MAAK;KAAS,UAAA;IAErC,CAAA;GACJ,CAAA,IACJ;EACD;CApBK,GAAA,QAAQ,EAoBb;AAET;;AASA,SAAS,YAAY,OAAyE;CAC5F,MAAM,EAAE,SAAS,OAAO,eAAe;CACvC,OACE,qBAAC,QAAD;EACE,QAAO;EACP,QAAQ,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG;EAC5D,WAAS,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG;EAC7D,aAAU;EACV,OAAM;EALR,UAAA;GAOE,oBAAC,SAAD;IAAO,MAAK;IAAS,MAAK;IAAa,OAAO;GAAa,CAAA;GAC3D,oBAAC,SAAD;IAAO,OAAM;IAAe,KAAI;IAAe,UAAA;GAExC,CAAA;GACP,oBAAC,YAAD;IACE,OAAM;IACN,IAAG;IACH,MAAK;IACL,MAAM;IACN,UAAA;IACA,aAAY;GACb,CAAA;GACD,oBAAC,OAAD,EAAA,UACE,oBAAC,UAAD;IAAQ,OAAM;IAAmB,MAAK;IAAS,UAAA;GAEvC,CAAA,EACL,CAAA;EACD;;AAEV;;AAGA,SAAgB,aACd,OACgD;CAChD,MAAM,EAAE,SAAS,OAAO,YAAY,UAAU,cAAc;CAC5D,MAAM,UAAU,SAAS,QAAQ,MAAM,CAAC,EAAE,cAAc,EAAE,eAAe,UAAU;CACnF,OACE,qBAAC,OAAD;EAAK,OAAM;EAAX,UAAA;GACE,oBAAC,MAAD;IAAI,OAAM;IAAoB,UAAA;GAAY,CAAA;GAC1C,qBAAC,OAAD;IAAK,OAAM;IAAX,UAAA,CACG,QAAQ,KAAK,YACZ,oBAAC,aAAD;KAEW;KACF;KACE;KACE;IACZ,GALM,QAAQ,EAKd,CACF,GACA,QAAQ,WAAW,IAAI,oBAAC,KAAD;KAAG,OAAM;KAAc,UAAA;IAAgC,CAAA,IAAI,IAChF;;GAEL,oBAAC,aAAD;IAAsB;IAAgB;IAAmB;GAAa,CAAA;EACnE;;AAET"}
|
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
import "node:path";
|
|
2
|
-
import "node:url";
|
|
3
|
-
import.meta.url;
|
|
4
|
-
import { Badge, statusTone } from "../ui/feedback.mjs";
|
|
5
|
-
import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
|
|
6
|
-
//#region src/pages/build-diff-header.tsx
|
|
7
|
-
/** Approve-all / reject-all bulk review actions. */
|
|
8
|
-
function ReviewActions(props) {
|
|
9
|
-
const { project, build, pendingCount } = props;
|
|
10
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("form", {
|
|
11
|
-
method: "post",
|
|
12
|
-
action: `/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`,
|
|
13
|
-
"hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`,
|
|
14
|
-
"hx-target": "body",
|
|
15
|
-
children: /* @__PURE__ */ jsxs("button", {
|
|
16
|
-
class: "btn btn--primary",
|
|
17
|
-
type: "submit",
|
|
18
|
-
children: [
|
|
19
|
-
"Approve all (",
|
|
20
|
-
pendingCount,
|
|
21
|
-
")"
|
|
22
|
-
]
|
|
23
|
-
})
|
|
24
|
-
}), /* @__PURE__ */ jsx("form", {
|
|
25
|
-
method: "post",
|
|
26
|
-
action: `/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`,
|
|
27
|
-
"hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`,
|
|
28
|
-
"hx-target": "body",
|
|
29
|
-
children: /* @__PURE__ */ jsx("button", {
|
|
30
|
-
class: "btn btn--danger",
|
|
31
|
-
type: "submit",
|
|
32
|
-
children: "Reject all"
|
|
33
|
-
})
|
|
34
|
-
})] });
|
|
35
|
-
}
|
|
36
|
-
/** Snapshot/pending/approved counters. */
|
|
37
|
-
function DiffStats(props) {
|
|
38
|
-
const { snapshots, pendingCount, approvedCount } = props;
|
|
39
|
-
return /* @__PURE__ */ jsx("div", {
|
|
40
|
-
class: "card card--padded",
|
|
41
|
-
style: "margin-bottom:1rem;",
|
|
42
|
-
children: /* @__PURE__ */ jsxs("div", {
|
|
43
|
-
class: "grid grid--3",
|
|
44
|
-
style: "text-align:center;",
|
|
45
|
-
children: [
|
|
46
|
-
/* @__PURE__ */ jsxs("div", {
|
|
47
|
-
class: "stat",
|
|
48
|
-
children: [/* @__PURE__ */ jsx("div", {
|
|
49
|
-
class: "stat__value",
|
|
50
|
-
children: snapshots.length
|
|
51
|
-
}), /* @__PURE__ */ jsx("div", {
|
|
52
|
-
class: "stat__label",
|
|
53
|
-
children: "Snapshots"
|
|
54
|
-
})]
|
|
55
|
-
}),
|
|
56
|
-
/* @__PURE__ */ jsxs("div", {
|
|
57
|
-
class: "stat",
|
|
58
|
-
children: [/* @__PURE__ */ jsx("div", {
|
|
59
|
-
class: "stat__value",
|
|
60
|
-
style: "color: var(--status-new);",
|
|
61
|
-
children: pendingCount
|
|
62
|
-
}), /* @__PURE__ */ jsx("div", {
|
|
63
|
-
class: "stat__label",
|
|
64
|
-
children: "Needs review"
|
|
65
|
-
})]
|
|
66
|
-
}),
|
|
67
|
-
/* @__PURE__ */ jsxs("div", {
|
|
68
|
-
class: "stat",
|
|
69
|
-
children: [/* @__PURE__ */ jsx("div", {
|
|
70
|
-
class: "stat__value",
|
|
71
|
-
style: "color: var(--status-approved);",
|
|
72
|
-
children: approvedCount
|
|
73
|
-
}), /* @__PURE__ */ jsx("div", {
|
|
74
|
-
class: "stat__label",
|
|
75
|
-
children: "Approved"
|
|
76
|
-
})]
|
|
77
|
-
})
|
|
78
|
-
]
|
|
79
|
-
})
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
/** Projects → project → build breadcrumb trail. */
|
|
83
|
-
function DiffBreadcrumbs(props) {
|
|
84
|
-
const { project, build } = props;
|
|
85
|
-
return /* @__PURE__ */ jsx("nav", {
|
|
86
|
-
class: "breadcrumbs",
|
|
87
|
-
"aria-label": "Breadcrumb",
|
|
88
|
-
children: /* @__PURE__ */ jsxs("ol", { children: [
|
|
89
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
|
|
90
|
-
href: "/projects",
|
|
91
|
-
children: "Projects"
|
|
92
|
-
}) }),
|
|
93
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
|
|
94
|
-
href: `/projects/${project.slug}/builds`,
|
|
95
|
-
children: project.name
|
|
96
|
-
}) }),
|
|
97
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("a", {
|
|
98
|
-
href: `/projects/${project.slug}/builds/${build.id}`,
|
|
99
|
-
children: ["Build ", build.gitBranch]
|
|
100
|
-
}) }),
|
|
101
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("span", {
|
|
102
|
-
"aria-current": "page",
|
|
103
|
-
children: "Review"
|
|
104
|
-
}) })
|
|
105
|
-
] })
|
|
106
|
-
});
|
|
107
|
-
}
|
|
108
|
-
/** Page header with breadcrumbs, review actions, and snapshot stats. */
|
|
109
|
-
function DiffHeader(props) {
|
|
110
|
-
const { project, build, snapshots, pendingCount, canReview } = props;
|
|
111
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
|
|
112
|
-
class: "page-header",
|
|
113
|
-
children: [/* @__PURE__ */ jsx(DiffBreadcrumbs, {
|
|
114
|
-
project,
|
|
115
|
-
build
|
|
116
|
-
}), /* @__PURE__ */ jsxs("div", {
|
|
117
|
-
class: "page-header__row",
|
|
118
|
-
children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("h1", {
|
|
119
|
-
class: "page-header__title",
|
|
120
|
-
children: [
|
|
121
|
-
build.gitBranch,
|
|
122
|
-
" ",
|
|
123
|
-
/* @__PURE__ */ jsxs("span", {
|
|
124
|
-
style: "color:var(--text-secondary); font-weight:400;",
|
|
125
|
-
children: ["· ", build.gitSha.slice(0, 7)]
|
|
126
|
-
})
|
|
127
|
-
]
|
|
128
|
-
}), /* @__PURE__ */ jsxs("p", {
|
|
129
|
-
class: "page-header__desc",
|
|
130
|
-
children: [
|
|
131
|
-
build.message ?? "No message",
|
|
132
|
-
" ",
|
|
133
|
-
build.authorName ? `· ${build.authorName}` : "",
|
|
134
|
-
" ·",
|
|
135
|
-
" ",
|
|
136
|
-
/* @__PURE__ */ jsx(Badge, {
|
|
137
|
-
tone: statusTone(build.status),
|
|
138
|
-
children: build.status
|
|
139
|
-
})
|
|
140
|
-
]
|
|
141
|
-
})] }), /* @__PURE__ */ jsxs("div", {
|
|
142
|
-
class: "page-header__actions",
|
|
143
|
-
children: [/* @__PURE__ */ jsx("a", {
|
|
144
|
-
class: "btn btn--secondary",
|
|
145
|
-
href: `/projects/${project.slug}/builds/${build.id}`,
|
|
146
|
-
children: "Build overview"
|
|
147
|
-
}), canReview && pendingCount > 0 ? /* @__PURE__ */ jsx(ReviewActions, {
|
|
148
|
-
project,
|
|
149
|
-
build,
|
|
150
|
-
pendingCount
|
|
151
|
-
}) : null]
|
|
152
|
-
})]
|
|
153
|
-
})]
|
|
154
|
-
}), /* @__PURE__ */ jsx(DiffStats, {
|
|
155
|
-
snapshots,
|
|
156
|
-
pendingCount,
|
|
157
|
-
approvedCount: build.approvedCount
|
|
158
|
-
})] });
|
|
159
|
-
}
|
|
160
|
-
//#endregion
|
|
161
|
-
export { DiffHeader };
|
|
162
|
-
|
|
163
|
-
//# sourceMappingURL=build-diff-header.mjs.map
|