@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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"build-diff-header.mjs","names":[],"sources":["../../src/pages/build-diff-header.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport type { Build } from \"../schema/build.ts\";\nimport type { Project } from \"../schema/project.ts\";\nimport type { Snapshot } from \"../schema/snapshot.ts\";\nimport { Badge, statusTone } from \"../ui/components.tsx\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\n/** Header + stats props for the diff review page. */\nexport interface DiffHeaderProps {\n project: Project;\n build: Build;\n snapshots: Snapshot[];\n pendingCount: number;\n canReview: boolean;\n}\n\ninterface ReviewActionsProps {\n project: Project;\n build: Build;\n pendingCount: number;\n}\n\n/** Approve-all / reject-all bulk review actions. */\nfunction ReviewActions(props: ReviewActionsProps): HtmlEscapedString | Promise<HtmlEscapedString> {\n const { project, build, pendingCount } = props;\n return (\n <>\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 ({pendingCount})\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 </>\n );\n}\n\ninterface DiffStatsProps {\n snapshots: Snapshot[];\n pendingCount: number;\n approvedCount: number;\n}\n\n/** Snapshot/pending/approved counters. */\nfunction DiffStats(props: DiffStatsProps): HtmlEscapedString | Promise<HtmlEscapedString> {\n const { snapshots, pendingCount, approvedCount } = props;\n return (\n <div class=\"card card--padded\" style=\"margin-bottom:1rem;\">\n <div class=\"grid grid--3\" style=\"text-align:center;\">\n <div class=\"stat\">\n <div class=\"stat__value\">{snapshots.length}</div>\n <div class=\"stat__label\">Snapshots</div>\n </div>\n <div class=\"stat\">\n <div class=\"stat__value\" style=\"color: var(--status-new);\">\n {pendingCount}\n </div>\n <div class=\"stat__label\">Needs review</div>\n </div>\n <div class=\"stat\">\n <div class=\"stat__value\" style=\"color: var(--status-approved);\">\n {approvedCount}\n </div>\n <div class=\"stat__label\">Approved</div>\n </div>\n </div>\n </div>\n );\n}\n\ninterface DiffBreadcrumbsProps {\n project: Project;\n build: Build;\n}\n\n/** Projects → project → build breadcrumb trail. */\nfunction DiffBreadcrumbs(\n props: DiffBreadcrumbsProps,\n): HtmlEscapedString | Promise<HtmlEscapedString> {\n const { project, build } = props;\n return (\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 <a href={`/projects/${project.slug}/builds/${build.id}`}>Build {build.gitBranch}</a>\n </li>\n <li>\n <span aria-current=\"page\">Review</span>\n </li>\n </ol>\n </nav>\n );\n}\n\n/** Page header with breadcrumbs, review actions, and snapshot stats. */\nexport function DiffHeader(props: DiffHeaderProps): HtmlEscapedString | Promise<HtmlEscapedString> {\n const { project, build, snapshots, pendingCount, canReview } = props;\n return (\n <>\n <div class=\"page-header\">\n <DiffBreadcrumbs project={project} build={build} />\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 </h1>\n <p class=\"page-header__desc\">\n {build.message ?? \"No message\"} {build.authorName ? `· ${build.authorName}` : \"\"} ·{\" \"}\n <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n </p>\n </div>\n <div class=\"page-header__actions\">\n <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/builds/${build.id}`}>\n Build overview\n </a>\n {canReview && pendingCount > 0 ? (\n <ReviewActions project={project} build={build} pendingCount={pendingCount} />\n ) : null}\n </div>\n </div>\n </div>\n <DiffStats\n snapshots={snapshots}\n pendingCount={pendingCount}\n approvedCount={build.approvedCount}\n />\n </>\n );\n}\n"],"mappings":"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"}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import "node:path";
|
|
2
|
-
import "node:url";
|
|
3
|
-
import.meta.url;
|
|
4
|
-
import { Badge, statusTone } from "../ui/feedback.mjs";
|
|
5
|
-
import { jsx, jsxs } from "hono/jsx/jsx-runtime";
|
|
6
|
-
//#region src/pages/build-diff-nav.tsx
|
|
7
|
-
/** Left-rail snapshot list with per-story status and diff ratios. */
|
|
8
|
-
function DiffNav(props) {
|
|
9
|
-
const { project, build, snapshots, selectedId } = props;
|
|
10
|
-
return /* @__PURE__ */ jsx("div", {
|
|
11
|
-
style: "flex: 0 0 320px; max-width: 36%; min-width: 260px;",
|
|
12
|
-
children: /* @__PURE__ */ jsxs("div", {
|
|
13
|
-
class: "card",
|
|
14
|
-
children: [/* @__PURE__ */ jsxs("div", {
|
|
15
|
-
style: "padding:.6rem .75rem; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;",
|
|
16
|
-
children: [/* @__PURE__ */ jsx("strong", { children: "Snapshots" }), /* @__PURE__ */ jsxs("span", {
|
|
17
|
-
class: "field__hint",
|
|
18
|
-
children: [snapshots.length, " total"]
|
|
19
|
-
})]
|
|
20
|
-
}), /* @__PURE__ */ jsx("div", {
|
|
21
|
-
"data-diff-nav": true,
|
|
22
|
-
"data-current": selectedId,
|
|
23
|
-
style: "max-height: 70vh; overflow:auto;",
|
|
24
|
-
children: snapshots.map((snap) => /* @__PURE__ */ jsxs("a", {
|
|
25
|
-
href: `/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`,
|
|
26
|
-
"data-snapshot-link": true,
|
|
27
|
-
"data-snapshot-id": snap.id,
|
|
28
|
-
class: `snapshot-nav ${selectedId === snap.id ? "snapshot-nav--active" : ""}`,
|
|
29
|
-
style: `display:flex; flex-direction:column; gap:.2rem; padding:.6rem .75rem; border-bottom:1px solid var(--border); text-decoration:none; color:inherit; background:${selectedId === snap.id ? "var(--surface-muted)" : "transparent"};`,
|
|
30
|
-
"hx-get": `/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`,
|
|
31
|
-
"hx-target": "body",
|
|
32
|
-
"hx-push-url": "true",
|
|
33
|
-
children: [/* @__PURE__ */ jsxs("span", {
|
|
34
|
-
style: "display:flex; gap:.4rem; align-items:center; flex-wrap:wrap;",
|
|
35
|
-
children: [/* @__PURE__ */ jsx(Badge, {
|
|
36
|
-
tone: statusTone(snap.status),
|
|
37
|
-
children: snap.status
|
|
38
|
-
}), /* @__PURE__ */ jsxs("span", {
|
|
39
|
-
style: "font-weight:600; font-size:.9rem;",
|
|
40
|
-
children: [
|
|
41
|
-
snap.storyTitle,
|
|
42
|
-
" / ",
|
|
43
|
-
snap.storyName
|
|
44
|
-
]
|
|
45
|
-
})]
|
|
46
|
-
}), /* @__PURE__ */ jsxs("span", {
|
|
47
|
-
class: "field__hint",
|
|
48
|
-
style: "font-size:.8rem;",
|
|
49
|
-
children: [
|
|
50
|
-
snap.viewportName,
|
|
51
|
-
" · ",
|
|
52
|
-
snap.viewportWidth,
|
|
53
|
-
"×",
|
|
54
|
-
snap.viewportHeight,
|
|
55
|
-
snap.diffRatio !== null && snap.diffRatio !== void 0 ? ` · ${(snap.diffRatio * 100).toFixed(2)}%` : ""
|
|
56
|
-
]
|
|
57
|
-
})]
|
|
58
|
-
}, snap.id))
|
|
59
|
-
})]
|
|
60
|
-
})
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
//#endregion
|
|
64
|
-
export { DiffNav };
|
|
65
|
-
|
|
66
|
-
//# sourceMappingURL=build-diff-nav.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"build-diff-nav.mjs","names":[],"sources":["../../src/pages/build-diff-nav.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport type { Build } from \"../schema/build.ts\";\nimport type { Project } from \"../schema/project.ts\";\nimport type { Snapshot } from \"../schema/snapshot.ts\";\nimport { Badge, statusTone } from \"../ui/components.tsx\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\n/** Snapshot navigator props for the diff review page. */\nexport interface DiffNavProps {\n project: Project;\n build: Build;\n snapshots: Snapshot[];\n selectedId?: string;\n}\n\n/** Left-rail snapshot list with per-story status and diff ratios. */\nexport function DiffNav(props: DiffNavProps): HtmlEscapedString | Promise<HtmlEscapedString> {\n const { project, build, snapshots, selectedId } = props;\n return (\n <div style=\"flex: 0 0 320px; max-width: 36%; min-width: 260px;\">\n <div class=\"card\">\n <div style=\"padding:.6rem .75rem; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;\">\n <strong>Snapshots</strong>\n <span class=\"field__hint\">{snapshots.length} total</span>\n </div>\n <div data-diff-nav data-current={selectedId} style=\"max-height: 70vh; overflow:auto;\">\n {snapshots.map((snap): HtmlEscapedString | Promise<HtmlEscapedString> => (\n <a\n key={snap.id}\n href={`/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`}\n data-snapshot-link\n data-snapshot-id={snap.id}\n class={`snapshot-nav ${selectedId === snap.id ? \"snapshot-nav--active\" : \"\"}`}\n style={`display:flex; flex-direction:column; gap:.2rem; padding:.6rem .75rem; border-bottom:1px solid var(--border); text-decoration:none; color:inherit; background:${selectedId === snap.id ? \"var(--surface-muted)\" : \"transparent\"};`}\n hx-get={`/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`}\n hx-target=\"body\"\n hx-push-url=\"true\"\n >\n <span style=\"display:flex; gap:.4rem; align-items:center; flex-wrap:wrap;\">\n <Badge tone={statusTone(snap.status)}>{snap.status}</Badge>\n <span style=\"font-weight:600; font-size:.9rem;\">\n {snap.storyTitle} / {snap.storyName}\n </span>\n </span>\n <span class=\"field__hint\" style=\"font-size:.8rem;\">\n {snap.viewportName} · {snap.viewportWidth}×{snap.viewportHeight}\n {snap.diffRatio !== null && snap.diffRatio !== undefined\n ? ` · ${(snap.diffRatio * 100).toFixed(2)}%`\n : \"\"}\n </span>\n </a>\n ))}\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,QAAQ,OAAqE;CAC3F,MAAM,EAAE,SAAS,OAAO,WAAW,eAAe;CAClD,OACE,oBAAC,OAAD;EAAK,OAAM;EACT,UAAA,qBAAC,OAAD;GAAK,OAAM;GAAX,UAAA,CACE,qBAAC,OAAD;IAAK,OAAM;IAAX,UAAA,CACE,oBAAC,UAAD,EAAA,UAAQ,YAAiB,CAAA,GACzB,qBAAC,QAAD;KAAM,OAAM;KAAZ,UAAA,CAA2B,UAAU,QAAO,QAAY;IACrD,CAAA,CAAA;GACL,CAAA,GAAA,oBAAC,OAAD;IAAK,iBAAA;IAAc,gBAAc;IAAY,OAAM;IAChD,UAAA,UAAU,KAAK,SACd,qBAAC,KAAD;KAEE,MAAM,aAAa,QAAQ,KAAK,UAAU,MAAM,GAAG,iBAAiB,KAAK;KACzE,sBAAA;KACA,oBAAkB,KAAK;KACvB,OAAO,gBAAgB,eAAe,KAAK,KAAK,yBAAyB;KACzE,OAAO,gKAAgK,eAAe,KAAK,KAAK,yBAAyB,cAAc;KACvO,UAAQ,aAAa,QAAQ,KAAK,UAAU,MAAM,GAAG,iBAAiB,KAAK;KAC3E,aAAU;KACV,eAAY;KATd,UAAA,CAWE,qBAAC,QAAD;MAAM,OAAM;MAAZ,UAAA,CACE,oBAAC,OAAD;OAAO,MAAM,WAAW,KAAK,MAAM;OAAI,UAAA,KAAK;MAAc,CAAA,GAC1D,qBAAC,QAAD;OAAM,OAAM;OAAZ,UAAA;QACG,KAAK;QAAW;QAAI,KAAK;OACtB;MACF,CAAA,CAAA;KACN,CAAA,GAAA,qBAAC,QAAD;MAAM,OAAM;MAAc,OAAM;MAAhC,UAAA;OACG,KAAK;OAAa;OAAI,KAAK;OAAc;OAAE,KAAK;OAChD,KAAK,cAAc,QAAQ,KAAK,cAAc,KAAA,IAC3C,OAAO,KAAK,YAAY,IAAA,CAAK,QAAQ,CAAC,EAAE,KACxC;MACA;KACL,CAAA,CAAA;IAtBI,GAAA,KAAK,EAsBT,CACJ;GACE,CAAA,CACF;;CACF,CAAA;AAET"}
|
|
@@ -1,197 +0,0 @@
|
|
|
1
|
-
import "node:path";
|
|
2
|
-
import "node:url";
|
|
3
|
-
import.meta.url;
|
|
4
|
-
import { Badge, statusTone } from "../ui/feedback.mjs";
|
|
5
|
-
import { jsx, jsxs } from "hono/jsx/jsx-runtime";
|
|
6
|
-
//#region src/pages/build-diff-viewer.tsx
|
|
7
|
-
function imageUrl(project, build, snapshot, kind) {
|
|
8
|
-
return `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snapshot.id}/${kind}`;
|
|
9
|
-
}
|
|
10
|
-
/** Approve/reject buttons for a reviewable snapshot. */
|
|
11
|
-
function SnapshotActions(props) {
|
|
12
|
-
const { project, build, selected } = props;
|
|
13
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
14
|
-
style: "display:flex; gap:.5rem;",
|
|
15
|
-
children: [/* @__PURE__ */ jsx("form", {
|
|
16
|
-
method: "post",
|
|
17
|
-
action: `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/approve`,
|
|
18
|
-
"hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/approve`,
|
|
19
|
-
"hx-target": "body",
|
|
20
|
-
children: /* @__PURE__ */ jsx("button", {
|
|
21
|
-
class: "btn btn--primary",
|
|
22
|
-
type: "submit",
|
|
23
|
-
accesskey: "a",
|
|
24
|
-
title: "Approve (a)",
|
|
25
|
-
children: "Approve"
|
|
26
|
-
})
|
|
27
|
-
}), /* @__PURE__ */ jsx("form", {
|
|
28
|
-
method: "post",
|
|
29
|
-
action: `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/reject`,
|
|
30
|
-
"hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/reject`,
|
|
31
|
-
"hx-target": "body",
|
|
32
|
-
children: /* @__PURE__ */ jsx("button", {
|
|
33
|
-
class: "btn btn--danger",
|
|
34
|
-
type: "submit",
|
|
35
|
-
accesskey: "r",
|
|
36
|
-
title: "Reject (r)",
|
|
37
|
-
children: "Reject"
|
|
38
|
-
})
|
|
39
|
-
})]
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
/** Baseline image pane (or a first-capture placeholder). */
|
|
43
|
-
function BaselinePane(props) {
|
|
44
|
-
const { project, build, selected, hasBaseline } = props;
|
|
45
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
46
|
-
class: "diff-pane",
|
|
47
|
-
children: [/* @__PURE__ */ jsx("div", {
|
|
48
|
-
class: "diff-pane__label",
|
|
49
|
-
children: "Baseline"
|
|
50
|
-
}), hasBaseline[selected.id] ? /* @__PURE__ */ jsx("img", {
|
|
51
|
-
class: "diff-pane__img",
|
|
52
|
-
src: imageUrl(project, build, selected, "baseline"),
|
|
53
|
-
alt: `Baseline for ${selected.storyTitle} / ${selected.storyName}`,
|
|
54
|
-
loading: "lazy"
|
|
55
|
-
}) : /* @__PURE__ */ jsxs("div", {
|
|
56
|
-
style: "aspect-ratio: 16/9; display:grid; place-items:center; background:var(--surface-muted); color:var(--text-secondary); font-size:.85rem;",
|
|
57
|
-
children: [
|
|
58
|
-
"No baseline",
|
|
59
|
-
/* @__PURE__ */ jsx("br", {}),
|
|
60
|
-
/* @__PURE__ */ jsx("span", {
|
|
61
|
-
class: "field__hint",
|
|
62
|
-
children: "first capture for this story"
|
|
63
|
-
})
|
|
64
|
-
]
|
|
65
|
-
})]
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
/** Current screenshot pane. */
|
|
69
|
-
function CurrentPane(props) {
|
|
70
|
-
const { project, build, selected } = props;
|
|
71
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
72
|
-
class: "diff-pane",
|
|
73
|
-
children: [/* @__PURE__ */ jsx("div", {
|
|
74
|
-
class: "diff-pane__label",
|
|
75
|
-
children: "Current"
|
|
76
|
-
}), /* @__PURE__ */ jsx("img", {
|
|
77
|
-
class: "diff-pane__img",
|
|
78
|
-
src: imageUrl(project, build, selected, "image"),
|
|
79
|
-
alt: `Current for ${selected.storyTitle} / ${selected.storyName}`,
|
|
80
|
-
loading: "lazy"
|
|
81
|
-
})]
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
/** Diff overlay pane (or a within-threshold note). */
|
|
85
|
-
function DiffPane(props) {
|
|
86
|
-
const { project, build, selected } = props;
|
|
87
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
88
|
-
class: "diff-pane",
|
|
89
|
-
children: [/* @__PURE__ */ jsxs("div", {
|
|
90
|
-
class: "diff-pane__label",
|
|
91
|
-
children: ["Diff ", selected.diffRatio === null ? "" : `· ${(selected.diffRatio * 100).toFixed(2)}%`]
|
|
92
|
-
}), selected.diffPath ? /* @__PURE__ */ jsx("img", {
|
|
93
|
-
class: "diff-pane__img",
|
|
94
|
-
src: imageUrl(project, build, selected, "diff"),
|
|
95
|
-
alt: `Diff for ${selected.storyTitle} / ${selected.storyName}`,
|
|
96
|
-
loading: "lazy"
|
|
97
|
-
}) : /* @__PURE__ */ jsx("div", {
|
|
98
|
-
style: "aspect-ratio: 16/9; display:grid; place-items:center; color:var(--text-secondary);",
|
|
99
|
-
children: selected.status === "unchanged" || selected.status === "approved" ? "No diff — within threshold" : "No diff yet"
|
|
100
|
-
})]
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
/** Baseline | current | diff image panes. */
|
|
104
|
-
function DiffPaneGrid(props) {
|
|
105
|
-
const { project, build, selected, hasBaseline } = props;
|
|
106
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
107
|
-
class: "diff-grid",
|
|
108
|
-
style: "margin-top:1rem;",
|
|
109
|
-
children: [
|
|
110
|
-
/* @__PURE__ */ jsx(BaselinePane, {
|
|
111
|
-
project,
|
|
112
|
-
build,
|
|
113
|
-
selected,
|
|
114
|
-
hasBaseline
|
|
115
|
-
}),
|
|
116
|
-
/* @__PURE__ */ jsx(CurrentPane, {
|
|
117
|
-
project,
|
|
118
|
-
build,
|
|
119
|
-
selected
|
|
120
|
-
}),
|
|
121
|
-
/* @__PURE__ */ jsx(DiffPane, {
|
|
122
|
-
project,
|
|
123
|
-
build,
|
|
124
|
-
selected
|
|
125
|
-
})
|
|
126
|
-
]
|
|
127
|
-
});
|
|
128
|
-
}
|
|
129
|
-
/** Baseline | current | diff panes with approve/reject actions. */
|
|
130
|
-
function DiffViewer(props) {
|
|
131
|
-
const { project, build, selected, canReview, hasBaseline } = props;
|
|
132
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
133
|
-
class: "card card--padded",
|
|
134
|
-
children: [
|
|
135
|
-
/* @__PURE__ */ jsxs("div", {
|
|
136
|
-
style: "display:flex; justify-content:space-between; gap:.5rem; align-items:center; flex-wrap:wrap;",
|
|
137
|
-
children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("h2", {
|
|
138
|
-
style: "margin:0; font-size:1.05rem;",
|
|
139
|
-
children: [
|
|
140
|
-
selected.storyTitle,
|
|
141
|
-
" — ",
|
|
142
|
-
selected.storyName
|
|
143
|
-
]
|
|
144
|
-
}), /* @__PURE__ */ jsxs("p", {
|
|
145
|
-
class: "field__hint",
|
|
146
|
-
style: "margin:.2rem 0 0;",
|
|
147
|
-
children: [
|
|
148
|
-
selected.viewportName,
|
|
149
|
-
" · ",
|
|
150
|
-
selected.viewportWidth,
|
|
151
|
-
"×",
|
|
152
|
-
selected.viewportHeight,
|
|
153
|
-
" ·",
|
|
154
|
-
" ",
|
|
155
|
-
/* @__PURE__ */ jsx(Badge, {
|
|
156
|
-
tone: statusTone(selected.status),
|
|
157
|
-
children: selected.status
|
|
158
|
-
}),
|
|
159
|
-
selected.diffPixels === null ? "" : ` · ${selected.diffPixels} px`
|
|
160
|
-
]
|
|
161
|
-
})] }), canReview && (selected.status === "new" || selected.status === "changed") ? /* @__PURE__ */ jsx(SnapshotActions, {
|
|
162
|
-
project,
|
|
163
|
-
build,
|
|
164
|
-
selected
|
|
165
|
-
}) : null]
|
|
166
|
-
}),
|
|
167
|
-
/* @__PURE__ */ jsx(DiffPaneGrid, {
|
|
168
|
-
project,
|
|
169
|
-
build,
|
|
170
|
-
selected,
|
|
171
|
-
hasBaseline
|
|
172
|
-
}),
|
|
173
|
-
/* @__PURE__ */ jsxs("p", {
|
|
174
|
-
class: "field__hint",
|
|
175
|
-
style: "margin-top:.6rem;",
|
|
176
|
-
children: [
|
|
177
|
-
"Keyboard: ",
|
|
178
|
-
/* @__PURE__ */ jsx("kbd", { children: "←" }),
|
|
179
|
-
" ",
|
|
180
|
-
/* @__PURE__ */ jsx("kbd", { children: "→" }),
|
|
181
|
-
" navigate · ",
|
|
182
|
-
/* @__PURE__ */ jsx("kbd", { children: "a" }),
|
|
183
|
-
" approve · ",
|
|
184
|
-
/* @__PURE__ */ jsx("kbd", { children: "r" }),
|
|
185
|
-
" reject ·",
|
|
186
|
-
" ",
|
|
187
|
-
/* @__PURE__ */ jsx("kbd", { children: "?" }),
|
|
188
|
-
" help"
|
|
189
|
-
]
|
|
190
|
-
})
|
|
191
|
-
]
|
|
192
|
-
});
|
|
193
|
-
}
|
|
194
|
-
//#endregion
|
|
195
|
-
export { DiffViewer };
|
|
196
|
-
|
|
197
|
-
//# sourceMappingURL=build-diff-viewer.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"build-diff-viewer.mjs","names":[],"sources":["../../src/pages/build-diff-viewer.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport type { Build } from \"../schema/build.ts\";\nimport type { Project } from \"../schema/project.ts\";\nimport type { Snapshot } from \"../schema/snapshot.ts\";\nimport { Badge, statusTone } from \"../ui/components.tsx\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\n/** Three-up viewer props for the selected snapshot. */\nexport interface DiffViewerProps {\n project: Project;\n build: Build;\n selected: Snapshot;\n canReview: boolean;\n hasBaseline: Record<string, boolean>;\n}\n\nfunction imageUrl(\n project: Project,\n build: Build,\n snapshot: Snapshot,\n kind: \"image\" | \"diff\" | \"baseline\",\n): string {\n return `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snapshot.id}/${kind}`;\n}\n\ninterface SnapshotActionsProps {\n project: Project;\n build: Build;\n selected: Snapshot;\n}\n\n/** Approve/reject buttons for a reviewable snapshot. */\nfunction SnapshotActions(\n props: SnapshotActionsProps,\n): HtmlEscapedString | Promise<HtmlEscapedString> {\n const { project, build, selected } = props;\n return (\n <div style=\"display:flex; gap:.5rem;\">\n <form\n method=\"post\"\n action={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/approve`}\n hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/approve`}\n hx-target=\"body\"\n >\n <button class=\"btn btn--primary\" type=\"submit\" accesskey=\"a\" title=\"Approve (a)\">\n Approve\n </button>\n </form>\n <form\n method=\"post\"\n action={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/reject`}\n hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/reject`}\n hx-target=\"body\"\n >\n <button class=\"btn btn--danger\" type=\"submit\" accesskey=\"r\" title=\"Reject (r)\">\n Reject\n </button>\n </form>\n </div>\n );\n}\n\ninterface DiffPaneGridProps {\n project: Project;\n build: Build;\n selected: Snapshot;\n hasBaseline: Record<string, boolean>;\n}\n\ninterface SinglePaneProps {\n project: Project;\n build: Build;\n selected: Snapshot;\n}\n\n/** Baseline image pane (or a first-capture placeholder). */\nfunction BaselinePane(props: SinglePaneProps & { hasBaseline: Record<string, boolean> }): HtmlEscapedString | Promise<HtmlEscapedString> {\n const { project, build, selected, hasBaseline } = props;\n return (\n <div class=\"diff-pane\">\n <div class=\"diff-pane__label\">Baseline</div>\n {hasBaseline[selected.id] ? (\n <img\n class=\"diff-pane__img\"\n src={imageUrl(project, build, selected, \"baseline\")}\n alt={`Baseline for ${selected.storyTitle} / ${selected.storyName}`}\n loading=\"lazy\"\n />\n ) : (\n <div style=\"aspect-ratio: 16/9; display:grid; place-items:center; background:var(--surface-muted); color:var(--text-secondary); font-size:.85rem;\">\n No baseline\n <br />\n <span class=\"field__hint\">first capture for this story</span>\n </div>\n )}\n </div>\n );\n}\n\n/** Current screenshot pane. */\nfunction CurrentPane(props: SinglePaneProps): HtmlEscapedString | Promise<HtmlEscapedString> {\n const { project, build, selected } = props;\n return (\n <div class=\"diff-pane\">\n <div class=\"diff-pane__label\">Current</div>\n <img\n class=\"diff-pane__img\"\n src={imageUrl(project, build, selected, \"image\")}\n alt={`Current for ${selected.storyTitle} / ${selected.storyName}`}\n loading=\"lazy\"\n />\n </div>\n );\n}\n\n/** Diff overlay pane (or a within-threshold note). */\nfunction DiffPane(props: SinglePaneProps): HtmlEscapedString | Promise<HtmlEscapedString> {\n const { project, build, selected } = props;\n return (\n <div class=\"diff-pane\">\n <div class=\"diff-pane__label\">\n Diff {selected.diffRatio === null ? \"\" : `· ${(selected.diffRatio * 100).toFixed(2)}%`}\n </div>\n {selected.diffPath ? (\n <img\n class=\"diff-pane__img\"\n src={imageUrl(project, build, selected, \"diff\")}\n alt={`Diff for ${selected.storyTitle} / ${selected.storyName}`}\n loading=\"lazy\"\n />\n ) : (\n <div style=\"aspect-ratio: 16/9; display:grid; place-items:center; color:var(--text-secondary);\">\n {selected.status === \"unchanged\" || selected.status === \"approved\"\n ? \"No diff — within threshold\"\n : \"No diff yet\"}\n </div>\n )}\n </div>\n );\n}\n\n/** Baseline | current | diff image panes. */\nfunction DiffPaneGrid(props: DiffPaneGridProps): HtmlEscapedString | Promise<HtmlEscapedString> {\n const { project, build, selected, hasBaseline } = props;\n return (\n <div class=\"diff-grid\" style=\"margin-top:1rem;\">\n <BaselinePane project={project} build={build} selected={selected} hasBaseline={hasBaseline} />\n <CurrentPane project={project} build={build} selected={selected} />\n <DiffPane project={project} build={build} selected={selected} />\n </div>\n );\n}\n\n/** Baseline | current | diff panes with approve/reject actions. */\nexport function DiffViewer(props: DiffViewerProps): HtmlEscapedString | Promise<HtmlEscapedString> {\n const { project, build, selected, canReview, hasBaseline } = props;\n return (\n <div class=\"card card--padded\">\n <div style=\"display:flex; justify-content:space-between; gap:.5rem; align-items:center; flex-wrap:wrap;\">\n <div>\n <h2 style=\"margin:0; font-size:1.05rem;\">\n {selected.storyTitle} — {selected.storyName}\n </h2>\n <p class=\"field__hint\" style=\"margin:.2rem 0 0;\">\n {selected.viewportName} · {selected.viewportWidth}×{selected.viewportHeight} ·{\" \"}\n <Badge tone={statusTone(selected.status)}>{selected.status}</Badge>\n {selected.diffPixels === null ? \"\" : ` · ${selected.diffPixels} px`}\n </p>\n </div>\n {canReview && (selected.status === \"new\" || selected.status === \"changed\") ? (\n <SnapshotActions project={project} build={build} selected={selected} />\n ) : null}\n </div>\n <DiffPaneGrid project={project} build={build} selected={selected} hasBaseline={hasBaseline} />\n <p class=\"field__hint\" style=\"margin-top:.6rem;\">\n Keyboard: <kbd>←</kbd> <kbd>→</kbd> navigate · <kbd>a</kbd> approve · <kbd>r</kbd> reject ·{\" \"}\n <kbd>?</kbd> help\n </p>\n </div>\n );\n}\n"],"mappings":";;;;;;AAiBA,SAAS,SACP,SACA,OACA,UACA,MACQ;CACR,OAAO,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG,aAAa,SAAS,GAAG,GAAG;AACzF;;AASA,SAAS,gBACP,OACgD;CAChD,MAAM,EAAE,SAAS,OAAO,aAAa;CACrC,OACE,qBAAC,OAAD;EAAK,OAAM;EAAX,UAAA,CACE,oBAAC,QAAD;GACE,QAAO;GACP,QAAQ,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG,aAAa,SAAS,GAAG;GACrF,WAAS,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG,aAAa,SAAS,GAAG;GACtF,aAAU;GAEV,UAAA,oBAAC,UAAD;IAAQ,OAAM;IAAmB,MAAK;IAAS,WAAU;IAAI,OAAM;IAAc,UAAA;GAEzE,CAAA;EACJ,CAAA,GACN,oBAAC,QAAD;GACE,QAAO;GACP,QAAQ,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG,aAAa,SAAS,GAAG;GACrF,WAAS,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG,aAAa,SAAS,GAAG;GACtF,aAAU;GAEV,UAAA,oBAAC,UAAD;IAAQ,OAAM;IAAkB,MAAK;IAAS,WAAU;IAAI,OAAM;IAAa,UAAA;GAEvE,CAAA;EACJ,CAAA,CACH;;AAET;;AAgBA,SAAS,aAAa,OAAmH;CACvI,MAAM,EAAE,SAAS,OAAO,UAAU,gBAAgB;CAClD,OACE,qBAAC,OAAD;EAAK,OAAM;EAAX,UAAA,CACE,oBAAC,OAAD;GAAK,OAAM;GAAmB,UAAA;EAAa,CAAA,GAC1C,YAAY,SAAS,MACpB,oBAAC,OAAD;GACE,OAAM;GACN,KAAK,SAAS,SAAS,OAAO,UAAU,UAAU;GAClD,KAAK,gBAAgB,SAAS,WAAW,KAAK,SAAS;GACvD,SAAQ;EACT,CAAA,IAED,qBAAC,OAAD;GAAK,OAAM;GAAX,UAAA;IAAmJ;IAEjJ,oBAAC,MAAD,CAAK,CAAA;IACL,oBAAC,QAAD;KAAM,OAAM;KAAc,UAAA;IAAkC,CAAA;GACzD;EAEJ,CAAA,CAAA;;AAET;;AAGA,SAAS,YAAY,OAAwE;CAC3F,MAAM,EAAE,SAAS,OAAO,aAAa;CACrC,OACE,qBAAC,OAAD;EAAK,OAAM;EAAX,UAAA,CACE,oBAAC,OAAD;GAAK,OAAM;GAAmB,UAAA;EAAY,CAAA,GAC1C,oBAAC,OAAD;GACE,OAAM;GACN,KAAK,SAAS,SAAS,OAAO,UAAU,OAAO;GAC/C,KAAK,eAAe,SAAS,WAAW,KAAK,SAAS;GACtD,SAAQ;EACT,CAAA,CACE;;AAET;;AAGA,SAAS,SAAS,OAAwE;CACxF,MAAM,EAAE,SAAS,OAAO,aAAa;CACrC,OACE,qBAAC,OAAD;EAAK,OAAM;EAAX,UAAA,CACE,qBAAC,OAAD;GAAK,OAAM;GAAX,UAAA,CAA8B,SACtB,SAAS,cAAc,OAAO,KAAK,MAAM,SAAS,YAAY,IAAA,CAAK,QAAQ,CAAC,EAAE,EACjF;EACJ,CAAA,GAAA,SAAS,WACR,oBAAC,OAAD;GACE,OAAM;GACN,KAAK,SAAS,SAAS,OAAO,UAAU,MAAM;GAC9C,KAAK,YAAY,SAAS,WAAW,KAAK,SAAS;GACnD,SAAQ;EACT,CAAA,IAED,oBAAC,OAAD;GAAK,OAAM;GACR,UAAA,SAAS,WAAW,eAAe,SAAS,WAAW,aACpD,+BACA;EACD,CAAA,CAEJ;;AAET;;AAGA,SAAS,aAAa,OAA0E;CAC9F,MAAM,EAAE,SAAS,OAAO,UAAU,gBAAgB;CAClD,OACE,qBAAC,OAAD;EAAK,OAAM;EAAY,OAAM;EAA7B,UAAA;GACE,oBAAC,cAAD;IAAuB;IAAgB;IAAiB;IAAuB;GAAc,CAAA;GAC7F,oBAAC,aAAD;IAAsB;IAAgB;IAAiB;GAAW,CAAA;GAClE,oBAAC,UAAD;IAAmB;IAAgB;IAAiB;GAAW,CAAA;EAC5D;;AAET;;AAGA,SAAgB,WAAW,OAAwE;CACjG,MAAM,EAAE,SAAS,OAAO,UAAU,WAAW,gBAAgB;CAC7D,OACE,qBAAC,OAAD;EAAK,OAAM;EAAX,UAAA;GACE,qBAAC,OAAD;IAAK,OAAM;IAAX,UAAA,CACE,qBAAC,OAAD,EAAA,UAAA,CACE,qBAAC,MAAD;KAAI,OAAM;KAAV,UAAA;MACG,SAAS;MAAW;MAAI,SAAS;KAChC;IACJ,CAAA,GAAA,qBAAC,KAAD;KAAG,OAAM;KAAc,OAAM;KAA7B,UAAA;MACG,SAAS;MAAa;MAAI,SAAS;MAAc;MAAE,SAAS;MAAe;MAAG;MAC/E,oBAAC,OAAD;OAAO,MAAM,WAAW,SAAS,MAAM;OAAI,UAAA,SAAS;MAAc,CAAA;MACjE,SAAS,eAAe,OAAO,KAAK,MAAM,SAAS,WAAW;KAC9D;IACA,CAAA,CAAA,EAAA,CAAA,GACJ,cAAc,SAAS,WAAW,SAAS,SAAS,WAAW,aAC9D,oBAAC,iBAAD;KAA0B;KAAgB;KAAiB;IAAW,CAAA,IACpE,IACD;;GACL,oBAAC,cAAD;IAAuB;IAAgB;IAAiB;IAAuB;GAAc,CAAA;GAC7F,qBAAC,KAAD;IAAG,OAAM;IAAc,OAAM;IAA7B,UAAA;KAAiD;KACrC,oBAAC,OAAD,EAAA,UAAK,IAAM,CAAA;KAAC;KAAC,oBAAC,OAAD,EAAA,UAAK,IAAM,CAAA;KAAC;KAAY,oBAAC,OAAD,EAAA,UAAK,IAAM,CAAA;KAAC;KAAW,oBAAC,OAAD,EAAA,UAAK,IAAM,CAAA;KAAC;KAAU;KAC5F,oBAAC,OAAD,EAAA,UAAK,IAAM,CAAA;KAAC;IACX;;EACA;;AAET"}
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
import "node:path";
|
|
2
|
-
import "node:url";
|
|
3
|
-
import.meta.url;
|
|
4
|
-
import { DocumentLayout } from "../ui/document.mjs";
|
|
5
|
-
import { DiffComments } from "./build-diff-comments.mjs";
|
|
6
|
-
import { DiffHeader } from "./build-diff-header.mjs";
|
|
7
|
-
import { DiffNav } from "./build-diff-nav.mjs";
|
|
8
|
-
import { DiffViewer } from "./build-diff-viewer.mjs";
|
|
9
|
-
import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
|
|
10
|
-
//#region src/pages/build-diff.tsx
|
|
11
|
-
/** Snapshot nav plus the viewer/comments column for the selected snapshot. */
|
|
12
|
-
function DiffReviewGrid(props) {
|
|
13
|
-
const { project, build, snapshots, comments, selected, canReview, hasBaseline } = props;
|
|
14
|
-
return /* @__PURE__ */ jsx("div", {
|
|
15
|
-
class: "grid",
|
|
16
|
-
style: "gap:1rem;",
|
|
17
|
-
children: /* @__PURE__ */ jsxs("div", {
|
|
18
|
-
style: "display:flex; gap:1rem; align-items:stretch;",
|
|
19
|
-
children: [/* @__PURE__ */ jsx(DiffNav, {
|
|
20
|
-
project,
|
|
21
|
-
build,
|
|
22
|
-
snapshots,
|
|
23
|
-
selectedId: selected?.id
|
|
24
|
-
}), /* @__PURE__ */ jsx("div", {
|
|
25
|
-
style: "flex:1; min-width:0; display:grid; gap:1rem;",
|
|
26
|
-
children: selected ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DiffViewer, {
|
|
27
|
-
project,
|
|
28
|
-
build,
|
|
29
|
-
selected,
|
|
30
|
-
canReview,
|
|
31
|
-
hasBaseline
|
|
32
|
-
}), /* @__PURE__ */ jsx(DiffComments, {
|
|
33
|
-
project,
|
|
34
|
-
build,
|
|
35
|
-
selectedId: selected.id,
|
|
36
|
-
comments,
|
|
37
|
-
canReview
|
|
38
|
-
})] }) : /* @__PURE__ */ jsx("div", {
|
|
39
|
-
class: "empty",
|
|
40
|
-
children: /* @__PURE__ */ jsx("p", {
|
|
41
|
-
class: "empty__desc",
|
|
42
|
-
children: "Select a snapshot to review."
|
|
43
|
-
})
|
|
44
|
-
})
|
|
45
|
-
})]
|
|
46
|
-
})
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
/** Three-up diff review page: baseline, current, and diff with keyboard review. */
|
|
50
|
-
function renderBuildDiffPage(data) {
|
|
51
|
-
const { project, build, snapshots, comments, selectedId, canReview, hasBaseline } = data;
|
|
52
|
-
const selected = snapshots.find((s) => s.id === selectedId) ?? snapshots.find((s) => s.status === "changed" || s.status === "new") ?? snapshots[0];
|
|
53
|
-
const pending = snapshots.filter((s) => s.status === "new" || s.status === "changed");
|
|
54
|
-
return /* @__PURE__ */ jsxs(DocumentLayout, {
|
|
55
|
-
title: `Review · ${build.gitBranch}`,
|
|
56
|
-
nav: {
|
|
57
|
-
active: "builds",
|
|
58
|
-
projectSlug: project.slug,
|
|
59
|
-
projectName: project.name
|
|
60
|
-
},
|
|
61
|
-
children: [/* @__PURE__ */ jsx(DiffHeader, {
|
|
62
|
-
project,
|
|
63
|
-
build,
|
|
64
|
-
snapshots,
|
|
65
|
-
pendingCount: pending.length,
|
|
66
|
-
canReview
|
|
67
|
-
}), snapshots.length === 0 ? /* @__PURE__ */ jsxs("div", {
|
|
68
|
-
class: "empty",
|
|
69
|
-
children: [/* @__PURE__ */ jsx("h2", {
|
|
70
|
-
class: "empty__title",
|
|
71
|
-
children: "No snapshots"
|
|
72
|
-
}), /* @__PURE__ */ jsx("p", {
|
|
73
|
-
class: "empty__desc",
|
|
74
|
-
children: "This build has no snapshots yet. Capture may still be running."
|
|
75
|
-
})]
|
|
76
|
-
}) : /* @__PURE__ */ jsx(DiffReviewGrid, {
|
|
77
|
-
project,
|
|
78
|
-
build,
|
|
79
|
-
snapshots,
|
|
80
|
-
comments,
|
|
81
|
-
selected,
|
|
82
|
-
canReview,
|
|
83
|
-
hasBaseline
|
|
84
|
-
})]
|
|
85
|
-
});
|
|
86
|
-
}
|
|
87
|
-
//#endregion
|
|
88
|
-
export { renderBuildDiffPage };
|
|
89
|
-
|
|
90
|
-
//# sourceMappingURL=build-diff.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"build-diff.mjs","names":[],"sources":["../../src/pages/build-diff.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 type { Snapshot } from \"../schema/snapshot.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { DiffComments } from \"./build-diff-comments.tsx\";\nimport { DiffHeader } from \"./build-diff-header.tsx\";\nimport { DiffNav } from \"./build-diff-nav.tsx\";\nimport { DiffViewer } from \"./build-diff-viewer.tsx\";\n\n/** Data required to render the three-up build diff review page. */\nexport interface BuildDiffData {\n project: Project;\n build: Build;\n snapshots: Snapshot[];\n comments: Comment[];\n selectedId?: string;\n canReview: boolean;\n hasBaseline: Record<string, boolean>;\n}\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\ninterface DiffReviewGridProps {\n project: Project;\n build: Build;\n snapshots: Snapshot[];\n comments: Comment[];\n selected?: Snapshot;\n canReview: boolean;\n hasBaseline: Record<string, boolean>;\n}\n\n/** Snapshot nav plus the viewer/comments column for the selected snapshot. */\nfunction DiffReviewGrid(\n props: DiffReviewGridProps,\n): HtmlEscapedString | Promise<HtmlEscapedString> {\n const { project, build, snapshots, comments, selected, canReview, hasBaseline } = props;\n return (\n <div class=\"grid\" style=\"gap:1rem;\">\n <div style=\"display:flex; gap:1rem; align-items:stretch;\">\n <DiffNav project={project} build={build} snapshots={snapshots} selectedId={selected?.id} />\n <div style=\"flex:1; min-width:0; display:grid; gap:1rem;\">\n {selected ? (\n <>\n <DiffViewer\n project={project}\n build={build}\n selected={selected}\n canReview={canReview}\n hasBaseline={hasBaseline}\n />\n <DiffComments\n project={project}\n build={build}\n selectedId={selected.id}\n comments={comments}\n canReview={canReview}\n />\n </>\n ) : (\n <div class=\"empty\">\n <p class=\"empty__desc\">Select a snapshot to review.</p>\n </div>\n )}\n </div>\n </div>\n </div>\n );\n}\n\n/** Three-up diff review page: baseline, current, and diff with keyboard review. */\nexport function renderBuildDiffPage(data: BuildDiffData): RenderedContent {\n const { project, build, snapshots, comments, selectedId, canReview, hasBaseline } = data;\n const selected =\n snapshots.find((s) => s.id === selectedId) ??\n snapshots.find((s) => s.status === \"changed\" || s.status === \"new\") ??\n snapshots[0];\n const pending = snapshots.filter((s) => s.status === \"new\" || s.status === \"changed\");\n\n return (\n <DocumentLayout\n title={`Review · ${build.gitBranch}`}\n nav={{ active: \"builds\", projectSlug: project.slug, projectName: project.name }}\n >\n <DiffHeader\n project={project}\n build={build}\n snapshots={snapshots}\n pendingCount={pending.length}\n canReview={canReview}\n />\n\n {snapshots.length === 0 ? (\n <div class=\"empty\">\n <h2 class=\"empty__title\">No snapshots</h2>\n <p class=\"empty__desc\">This build has no snapshots yet. Capture may still be running.</p>\n </div>\n ) : (\n <DiffReviewGrid\n project={project}\n build={build}\n snapshots={snapshots}\n comments={comments}\n selected={selected}\n canReview={canReview}\n hasBaseline={hasBaseline}\n />\n )}\n </DocumentLayout>\n );\n}\n"],"mappings":";;;;;;;;;;;AAmCA,SAAS,eACP,OACgD;CAChD,MAAM,EAAE,SAAS,OAAO,WAAW,UAAU,UAAU,WAAW,gBAAgB;CAClF,OACE,oBAAC,OAAD;EAAK,OAAM;EAAO,OAAM;EACtB,UAAA,qBAAC,OAAD;GAAK,OAAM;GAAX,UAAA,CACE,oBAAC,SAAD;IAAkB;IAAgB;IAAkB;IAAW,YAAY,UAAU;GAAK,CAAA,GAC1F,oBAAC,OAAD;IAAK,OAAM;IACR,UAAA,WACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,YAAD;KACW;KACF;KACG;KACC;KACE;IACd,CAAA,GACD,oBAAC,cAAD;KACW;KACF;KACP,YAAY,SAAS;KACX;KACC;IACZ,CAAA,CACD,EAAA,CAAA,IAEF,oBAAC,OAAD;KAAK,OAAM;KACT,UAAA,oBAAC,KAAD;MAAG,OAAM;MAAc,UAAA;KAA+B,CAAA;IACnD,CAAA;GAEJ,CAAA,CACF;;CACF,CAAA;AAET;;AAGA,SAAgB,oBAAoB,MAAsC;CACxE,MAAM,EAAE,SAAS,OAAO,WAAW,UAAU,YAAY,WAAW,gBAAgB;CACpF,MAAM,WACJ,UAAU,MAAM,MAAM,EAAE,OAAO,UAAU,KACzC,UAAU,MAAM,MAAM,EAAE,WAAW,aAAa,EAAE,WAAW,KAAK,KAClE,UAAU;CACZ,MAAM,UAAU,UAAU,QAAQ,MAAM,EAAE,WAAW,SAAS,EAAE,WAAW,SAAS;CAEpF,OACE,qBAAC,gBAAD;EACE,OAAO,YAAY,MAAM;EACzB,KAAK;GAAE,QAAQ;GAAU,aAAa,QAAQ;GAAM,aAAa,QAAQ;EAAK;EAFhF,UAAA,CAIE,oBAAC,YAAD;GACW;GACF;GACI;GACX,cAAc,QAAQ;GACX;EACZ,CAAA,GAEA,UAAU,WAAW,IACpB,qBAAC,OAAD;GAAK,OAAM;GAAX,UAAA,CACE,oBAAC,MAAD;IAAI,OAAM;IAAe,UAAA;GAAgB,CAAA,GACzC,oBAAC,KAAD;IAAG,OAAM;IAAc,UAAA;GAAiE,CAAA,CACrF;EAEL,CAAA,IAAA,oBAAC,gBAAD;GACW;GACF;GACI;GACD;GACA;GACC;GACE;EACd,CAAA,CAEW;;AAEpB"}
|
|
@@ -1,198 +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 { getStore } from "../store.mjs";
|
|
7
|
-
import { DocumentLayout } from "../ui/document.mjs";
|
|
8
|
-
import { Badge, statusTone } from "../ui/feedback.mjs";
|
|
9
|
-
import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
|
|
10
|
-
//#region src/pages/compute-jobs.tsx
|
|
11
|
-
/** Live-refreshing partial showing the currently queued and running captures. */
|
|
12
|
-
function renderActiveQueue(slug, queueView) {
|
|
13
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
14
|
-
class: "card card--padded",
|
|
15
|
-
id: "active-queue",
|
|
16
|
-
"hx-get": `/projects/${slug}/jobs?partial=queue`,
|
|
17
|
-
"hx-trigger": "every 5s",
|
|
18
|
-
"hx-swap": "outerHTML",
|
|
19
|
-
"hx-target": "#active-queue",
|
|
20
|
-
children: [/* @__PURE__ */ jsx("h2", {
|
|
21
|
-
style: "margin:0 0 .5rem;",
|
|
22
|
-
children: "Active queue"
|
|
23
|
-
}), queueView.length === 0 ? /* @__PURE__ */ jsx("p", {
|
|
24
|
-
class: "field__hint",
|
|
25
|
-
children: "No captures are currently queued or running."
|
|
26
|
-
}) : /* @__PURE__ */ jsx("div", {
|
|
27
|
-
class: "table-wrap",
|
|
28
|
-
children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
29
|
-
/* @__PURE__ */ jsx("th", { children: "Build" }),
|
|
30
|
-
/* @__PURE__ */ jsx("th", { children: "Status" }),
|
|
31
|
-
/* @__PURE__ */ jsx("th", { children: "Queued" }),
|
|
32
|
-
/* @__PURE__ */ jsx("th", { children: "Started" })
|
|
33
|
-
] }) }), /* @__PURE__ */ jsx("tbody", { children: queueView.map((job) => /* @__PURE__ */ jsxs("tr", { children: [
|
|
34
|
-
/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("a", {
|
|
35
|
-
href: `/projects/${slug}/builds/${job.buildId}`,
|
|
36
|
-
children: job.buildId.slice(0, 8)
|
|
37
|
-
}) }),
|
|
38
|
-
/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Badge, {
|
|
39
|
-
tone: statusTone(job.status),
|
|
40
|
-
children: job.status
|
|
41
|
-
}) }),
|
|
42
|
-
/* @__PURE__ */ jsx("td", {
|
|
43
|
-
class: "field__hint",
|
|
44
|
-
children: new Date(job.queuedAt).toLocaleTimeString()
|
|
45
|
-
}),
|
|
46
|
-
/* @__PURE__ */ jsx("td", {
|
|
47
|
-
class: "field__hint",
|
|
48
|
-
children: job.startedAt ? new Date(job.startedAt).toLocaleTimeString() : "—"
|
|
49
|
-
})
|
|
50
|
-
] }, job.buildId)) })] })
|
|
51
|
-
})]
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
/** Compute jobs page: live capture queue plus recent build history with retry. */
|
|
55
|
-
async function renderComputeJobsPage(slug, queueView, canRetry) {
|
|
56
|
-
const project = (await new ProjectModel(getStore().db).list()).find((item) => item.slug === slug);
|
|
57
|
-
if (!project) return null;
|
|
58
|
-
const recentBuilds = (await new BuildModel(getStore().db).list(project.id)).slice(0, 20);
|
|
59
|
-
const queueByBuild = new Map(queueView.map((job) => [job.buildId, job]));
|
|
60
|
-
return /* @__PURE__ */ jsxs(DocumentLayout, {
|
|
61
|
-
title: `${project.name} · Compute jobs`,
|
|
62
|
-
nav: {
|
|
63
|
-
active: "builds",
|
|
64
|
-
projectSlug: project.slug,
|
|
65
|
-
projectName: project.name
|
|
66
|
-
},
|
|
67
|
-
children: [
|
|
68
|
-
/* @__PURE__ */ jsxs("div", {
|
|
69
|
-
class: "page-header",
|
|
70
|
-
children: [/* @__PURE__ */ jsx("nav", {
|
|
71
|
-
class: "breadcrumbs",
|
|
72
|
-
"aria-label": "Breadcrumb",
|
|
73
|
-
children: /* @__PURE__ */ jsxs("ol", { children: [
|
|
74
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
|
|
75
|
-
href: "/projects",
|
|
76
|
-
children: "Projects"
|
|
77
|
-
}) }),
|
|
78
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
|
|
79
|
-
href: `/projects/${project.slug}/builds`,
|
|
80
|
-
children: project.name
|
|
81
|
-
}) }),
|
|
82
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("span", {
|
|
83
|
-
"aria-current": "page",
|
|
84
|
-
children: "Compute jobs"
|
|
85
|
-
}) })
|
|
86
|
-
] })
|
|
87
|
-
}), /* @__PURE__ */ jsxs("div", {
|
|
88
|
-
class: "page-header__row",
|
|
89
|
-
children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
|
|
90
|
-
class: "page-header__title",
|
|
91
|
-
children: "Compute jobs"
|
|
92
|
-
}), /* @__PURE__ */ jsx("p", {
|
|
93
|
-
class: "page-header__desc",
|
|
94
|
-
children: "Capture jobs run on this server. Queued and running jobs refresh live; recent history is below."
|
|
95
|
-
})] }), /* @__PURE__ */ jsx("div", {
|
|
96
|
-
class: "page-header__actions",
|
|
97
|
-
children: /* @__PURE__ */ jsx("a", {
|
|
98
|
-
class: "btn btn--secondary",
|
|
99
|
-
href: `/projects/${project.slug}/builds`,
|
|
100
|
-
children: "Back to builds"
|
|
101
|
-
})
|
|
102
|
-
})]
|
|
103
|
-
})]
|
|
104
|
-
}),
|
|
105
|
-
renderActiveQueue(project.slug, queueView),
|
|
106
|
-
/* @__PURE__ */ jsxs("div", {
|
|
107
|
-
class: "card card--padded",
|
|
108
|
-
children: [
|
|
109
|
-
/* @__PURE__ */ jsx("h2", {
|
|
110
|
-
style: "margin:0 0 .3rem;",
|
|
111
|
-
children: "Recent builds"
|
|
112
|
-
}),
|
|
113
|
-
/* @__PURE__ */ jsxs("p", {
|
|
114
|
-
class: "field__hint",
|
|
115
|
-
children: [
|
|
116
|
-
"Capture history for ",
|
|
117
|
-
project.name,
|
|
118
|
-
". Failed jobs can be retried."
|
|
119
|
-
]
|
|
120
|
-
}),
|
|
121
|
-
/* @__PURE__ */ jsx("div", {
|
|
122
|
-
class: "table-wrap",
|
|
123
|
-
style: "margin-top:.75rem;",
|
|
124
|
-
children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
125
|
-
/* @__PURE__ */ jsx("th", { children: "Branch" }),
|
|
126
|
-
/* @__PURE__ */ jsx("th", { children: "Status" }),
|
|
127
|
-
/* @__PURE__ */ jsx("th", { children: "Snapshots" }),
|
|
128
|
-
/* @__PURE__ */ jsx("th", { children: "Created" }),
|
|
129
|
-
/* @__PURE__ */ jsx("th", {})
|
|
130
|
-
] }) }), /* @__PURE__ */ jsx("tbody", { children: recentBuilds.map((build) => /* @__PURE__ */ jsxs("tr", { children: [
|
|
131
|
-
/* @__PURE__ */ jsxs("td", { children: [/* @__PURE__ */ jsx("div", {
|
|
132
|
-
style: "font-weight:600;",
|
|
133
|
-
children: build.gitBranch
|
|
134
|
-
}), /* @__PURE__ */ jsx("div", {
|
|
135
|
-
class: "field__hint",
|
|
136
|
-
style: "font-family: ui-monospace, monospace;",
|
|
137
|
-
children: build.gitSha.slice(0, 7)
|
|
138
|
-
})] }),
|
|
139
|
-
/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Badge, {
|
|
140
|
-
tone: statusTone(build.status),
|
|
141
|
-
children: build.status
|
|
142
|
-
}) }),
|
|
143
|
-
/* @__PURE__ */ jsxs("td", {
|
|
144
|
-
class: "field__hint",
|
|
145
|
-
children: [
|
|
146
|
-
build.snapshotCount,
|
|
147
|
-
" total · ",
|
|
148
|
-
build.changedCount,
|
|
149
|
-
" changed"
|
|
150
|
-
]
|
|
151
|
-
}),
|
|
152
|
-
/* @__PURE__ */ jsx("td", {
|
|
153
|
-
class: "field__hint",
|
|
154
|
-
children: new Date(build.createdAt).toLocaleString()
|
|
155
|
-
}),
|
|
156
|
-
/* @__PURE__ */ jsxs("td", {
|
|
157
|
-
style: "white-space:nowrap;",
|
|
158
|
-
children: [
|
|
159
|
-
/* @__PURE__ */ jsx("a", {
|
|
160
|
-
class: "btn btn--secondary",
|
|
161
|
-
href: `/projects/${project.slug}/builds/${build.id}`,
|
|
162
|
-
children: "View"
|
|
163
|
-
}),
|
|
164
|
-
canRetry && (build.status === "failed" || build.status === "pending") ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { style: "margin-left:.35rem;" }), /* @__PURE__ */ jsx("form", {
|
|
165
|
-
method: "post",
|
|
166
|
-
action: `/api/v1/projects/${project.slug}/builds/${build.id}/retry`,
|
|
167
|
-
"hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/retry`,
|
|
168
|
-
"hx-target": "body",
|
|
169
|
-
style: "display:inline;",
|
|
170
|
-
children: /* @__PURE__ */ jsx("button", {
|
|
171
|
-
class: "btn btn--ghost",
|
|
172
|
-
type: "submit",
|
|
173
|
-
children: "Retry"
|
|
174
|
-
})
|
|
175
|
-
})] }) : null,
|
|
176
|
-
queueByBuild.get(build.id)?.error ? /* @__PURE__ */ jsx("div", {
|
|
177
|
-
class: "field__hint",
|
|
178
|
-
style: "margin-top:.25rem; color: var(--status-rejected);",
|
|
179
|
-
children: queueByBuild.get(build.id)?.error
|
|
180
|
-
}) : null
|
|
181
|
-
]
|
|
182
|
-
})
|
|
183
|
-
] }, build.id)) })] })
|
|
184
|
-
}),
|
|
185
|
-
recentBuilds.length === 0 ? /* @__PURE__ */ jsx("p", {
|
|
186
|
-
class: "field__hint",
|
|
187
|
-
style: "margin-top:.5rem;",
|
|
188
|
-
children: "No builds yet."
|
|
189
|
-
}) : null
|
|
190
|
-
]
|
|
191
|
-
})
|
|
192
|
-
]
|
|
193
|
-
});
|
|
194
|
-
}
|
|
195
|
-
//#endregion
|
|
196
|
-
export { renderActiveQueue, renderComputeJobsPage };
|
|
197
|
-
|
|
198
|
-
//# sourceMappingURL=compute-jobs.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"compute-jobs.mjs","names":[],"sources":["../../src/pages/compute-jobs.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport { BuildModel } from \"../models/build.ts\";\nimport { ProjectModel } from \"../models/project.ts\";\nimport { getStore } from \"../store.ts\";\nimport { Badge, statusTone } from \"../ui/components.tsx\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\n\ninterface QueueView {\n buildId: string;\n status: string;\n queuedAt: string;\n startedAt?: string;\n finishedAt?: string;\n error?: string;\n}\n\n/** Live-refreshing partial showing the currently queued and running captures. */\nexport function renderActiveQueue(slug: string, queueView: QueueView[]): RenderedContent {\n return (\n <div\n class=\"card card--padded\"\n id=\"active-queue\"\n hx-get={`/projects/${slug}/jobs?partial=queue`}\n hx-trigger=\"every 5s\"\n hx-swap=\"outerHTML\"\n hx-target=\"#active-queue\"\n >\n <h2 style=\"margin:0 0 .5rem;\">Active queue</h2>\n {queueView.length === 0 ? (\n <p class=\"field__hint\">No captures are currently queued or running.</p>\n ) : (\n <div class=\"table-wrap\">\n <table>\n <thead>\n <tr>\n <th>Build</th>\n <th>Status</th>\n <th>Queued</th>\n <th>Started</th>\n </tr>\n </thead>\n <tbody>\n {queueView.map((job): HtmlEscapedString | Promise<HtmlEscapedString> => (\n <tr key={job.buildId}>\n <td>\n <a href={`/projects/${slug}/builds/${job.buildId}`}>\n {job.buildId.slice(0, 8)}\n </a>\n </td>\n <td>\n <Badge tone={statusTone(job.status)}>{job.status}</Badge>\n </td>\n <td class=\"field__hint\">{new Date(job.queuedAt).toLocaleTimeString()}</td>\n <td class=\"field__hint\">\n {job.startedAt ? new Date(job.startedAt).toLocaleTimeString() : \"—\"}\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n )}\n </div>\n );\n}\n\n/** Compute jobs page: live capture queue plus recent build history with retry. */\nexport async function renderComputeJobsPage(\n slug: string,\n queueView: QueueView[],\n canRetry: boolean,\n): Promise<RenderedContent | null> {\n const projects = await new ProjectModel(getStore().db).list();\n const project = projects.find((item) => item.slug === slug);\n if (!project) {\n return null;\n }\n const builds = await new BuildModel(getStore().db).list(project.id);\n const recentBuilds = builds.slice(0, 20);\n const queueByBuild = new Map(queueView.map((job) => [job.buildId, job]));\n\n return (\n <DocumentLayout\n title={`${project.name} · Compute jobs`}\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\">Compute jobs</span>\n </li>\n </ol>\n </nav>\n <div class=\"page-header__row\">\n <div>\n <h1 class=\"page-header__title\">Compute jobs</h1>\n <p class=\"page-header__desc\">\n Capture jobs run on this server. Queued and running jobs refresh live; recent history\n is below.\n </p>\n </div>\n <div class=\"page-header__actions\">\n <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/builds`}>\n Back to builds\n </a>\n </div>\n </div>\n </div>\n\n {renderActiveQueue(project.slug, queueView)}\n\n <div class=\"card card--padded\">\n <h2 style=\"margin:0 0 .3rem;\">Recent builds</h2>\n <p class=\"field__hint\">Capture history for {project.name}. Failed jobs can be retried.</p>\n <div class=\"table-wrap\" style=\"margin-top:.75rem;\">\n <table>\n <thead>\n <tr>\n <th>Branch</th>\n <th>Status</th>\n <th>Snapshots</th>\n <th>Created</th>\n <th></th>\n </tr>\n </thead>\n <tbody>\n {recentBuilds.map((build): HtmlEscapedString | Promise<HtmlEscapedString> => (\n <tr key={build.id}>\n <td>\n <div style=\"font-weight:600;\">{build.gitBranch}</div>\n <div class=\"field__hint\" style=\"font-family: ui-monospace, monospace;\">\n {build.gitSha.slice(0, 7)}\n </div>\n </td>\n <td>\n <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n </td>\n <td class=\"field__hint\">\n {build.snapshotCount} total · {build.changedCount} changed\n </td>\n <td class=\"field__hint\">{new Date(build.createdAt).toLocaleString()}</td>\n <td style=\"white-space:nowrap;\">\n <a\n class=\"btn btn--secondary\"\n href={`/projects/${project.slug}/builds/${build.id}`}\n >\n View\n </a>\n {canRetry && (build.status === \"failed\" || build.status === \"pending\") ? (\n <>\n <span style=\"margin-left:.35rem;\" />\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 style=\"display:inline;\"\n >\n <button class=\"btn btn--ghost\" type=\"submit\">\n Retry\n </button>\n </form>\n </>\n ) : null}\n {queueByBuild.get(build.id)?.error ? (\n <div\n class=\"field__hint\"\n style=\"margin-top:.25rem; color: var(--status-rejected);\"\n >\n {queueByBuild.get(build.id)?.error}\n </div>\n ) : null}\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n {recentBuilds.length === 0 ? (\n <p class=\"field__hint\" style=\"margin-top:.5rem;\">\n No builds yet.\n </p>\n ) : null}\n </div>\n </DocumentLayout>\n );\n}\n"],"mappings":"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"}
|