@storyshelf/core 0.3.2 → 0.5.3

package/dist/pages/settings-status.mjs

@@ -1,152 +0,0 @@
-import "node:path";
-import "node:url";
-import.meta.url;
-import { Badge } from "../ui/feedback.mjs";
-import { Field, SelectField, TextareaField } from "../ui/forms.mjs";
-import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/settings-status.tsx
-function providerOptions(providers) {
-	return providers.map((provider) => ({
-		value: provider.metadata.kind,
-		label: provider.metadata.name
-	}));
-}
-const StatusConfigRow = ({ config, provider, project, isAdmin }) => {
-	const rendered = JSON.stringify(config.config);
-	return /* @__PURE__ */ jsxs("tr", { children: [
-		/* @__PURE__ */ jsx("td", { children: provider?.metadata.name ?? config.provider }),
-		/* @__PURE__ */ jsx("td", {
-			style: "max-width:32ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;",
-			title: rendered,
-			children: /* @__PURE__ */ jsx("code", { children: rendered })
-		}),
-		/* @__PURE__ */ jsx("td", { children: config.hasToken ? /* @__PURE__ */ jsx(Badge, {
-			tone: "success",
-			children: "configured"
-		}) : /* @__PURE__ */ jsx(Badge, {
-			tone: "danger",
-			children: "missing"
-		}) }),
-		/* @__PURE__ */ jsx("td", { children: new Date(config.createdAt).toLocaleDateString() }),
-		/* @__PURE__ */ jsx("td", { children: isAdmin ? /* @__PURE__ */ jsx("form", {
-			method: "post",
-			action: `/projects/${project.slug}/settings/status/${config.id}/delete`,
-			"hx-post": `/projects/${project.slug}/settings/status/${config.id}/delete`,
-			"hx-target": "body",
-			children: /* @__PURE__ */ jsx("button", {
-				class: "btn btn--ghost",
-				type: "submit",
-				children: "Delete"
-			})
-		}) : null })
-	] }, config.id);
-};
-const StatusCreateCard = ({ project, providers, formState }) => {
-	return /* @__PURE__ */ jsxs("div", {
-		class: "card card--padded",
-		children: [/* @__PURE__ */ jsx("h3", {
-			style: "margin:0 0 .5rem;",
-			children: "Add git provider"
-		}), /* @__PURE__ */ jsxs("form", {
-			method: "post",
-			action: `/projects/${project.slug}/settings/status`,
-			"hx-post": `/projects/${project.slug}/settings/status`,
-			"hx-target": "body",
-			children: [
-				/* @__PURE__ */ jsx(SelectField, {
-					label: "Provider",
-					name: "provider",
-					options: providerOptions(providers),
-					hint: "Integration that posts commit statuses for this project."
-				}),
-				/* @__PURE__ */ jsx(Field, {
-					label: "Token",
-					name: "token",
-					type: "password",
-					required: true,
-					placeholder: "ghp_…",
-					error: formState?.errors?.["token"],
-					hint: "Scoped token for the provider (e.g. a GitHub PAT with repo:status)."
-				}),
-				/* @__PURE__ */ jsx(TextareaField, {
-					label: "Config",
-					name: "config",
-					rows: 6,
-					placeholder: "{\"owner\":\"my-org\",\"repo\":\"my-repo\"}",
-					error: formState?.errors?.["config"],
-					hint: "JSON configuration for the provider. See the provider documentation for its fields."
-				}),
-				/* @__PURE__ */ jsx("button", {
-					class: "btn btn--primary",
-					type: "submit",
-					children: "Add git provider"
-				})
-			]
-		})]
-	});
-};
-function renderCreateSection(project, providers, formState) {
-	if (providers.length === 0) return /* @__PURE__ */ jsx("p", {
-		class: "field__hint",
-		children: "No git providers registered on this server."
-	});
-	return /* @__PURE__ */ jsx(StatusCreateCard, {
-		project,
-		providers,
-		formState
-	});
-}
-/** Git status settings tab: configured providers plus the add-provider form. */
-function renderSettingsStatus(project, statusConfigs, providers, isAdmin, formState) {
-	const byProvider = new Map(providers.map((provider) => [provider.metadata.kind, provider]));
-	return /* @__PURE__ */ jsxs("div", {
-		class: "grid",
-		style: "max-width: 880px;",
-		children: [
-			formState?.globalError ? /* @__PURE__ */ jsx("div", {
-				class: "alert alert--danger",
-				role: "alert",
-				children: formState.globalError
-			}) : null,
-			/* @__PURE__ */ jsxs("div", {
-				class: "card card--padded",
-				children: [
-					/* @__PURE__ */ jsx("h2", {
-						style: "margin:0 0 .3rem;",
-						children: "Git status"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						class: "field__hint",
-						children: "Post commit statuses to a git provider so visual tests show up in your PR checks. Status is reported for each configured provider: pending while capturing, success on approval, failure on rejection or capture errors."
-					}),
-					/* @__PURE__ */ jsx("div", {
-						class: "table-wrap",
-						style: "margin-top:.75rem;",
-						children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-							/* @__PURE__ */ jsx("th", { children: "Provider" }),
-							/* @__PURE__ */ jsx("th", { children: "Config" }),
-							/* @__PURE__ */ jsx("th", { children: "Token" }),
-							/* @__PURE__ */ jsx("th", { children: "Created" }),
-							/* @__PURE__ */ jsx("th", {})
-						] }) }), /* @__PURE__ */ jsx("tbody", { children: statusConfigs.map((config) => /* @__PURE__ */ jsx(StatusConfigRow, {
-							config,
-							provider: byProvider.get(config.provider),
-							project,
-							isAdmin
-						}, config.id)) })] })
-					}),
-					statusConfigs.length === 0 ? /* @__PURE__ */ jsx("p", {
-						class: "field__hint",
-						style: "margin-top:.5rem;",
-						children: "No git providers configured for this project."
-					}) : null
-				]
-			}),
-			isAdmin ? renderCreateSection(project, providers, formState) : null
-		]
-	});
-}
-//#endregion
-export { renderSettingsStatus };
-
-//# sourceMappingURL=settings-status.mjs.map

package/dist/pages/settings-status.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-status.mjs","names":[],"sources":["../../src/pages/settings-status.tsx"],"sourcesContent":["import type { FC } from \"hono/jsx\";\nimport type { GitHostProvider } from \"../adapters/git-host/index.ts\";\nimport type { Project } from \"../schema/project.ts\";\nimport { Badge, Field, SelectField, TextareaField } from \"../ui/components.tsx\";\n\n/** Git status configuration row as rendered in the status settings tab. */\nexport interface SettingsStatusConfig {\n  id: string;\n  provider: string;\n  config: Record<string, unknown>;\n  hasToken: boolean;\n  createdAt: string;\n  updatedAt: string;\n}\n\n/** Form state for the git status settings tab. */\nexport interface StatusFormState {\n  errors?: Record<string, string>;\n  globalError?: string;\n}\n\n/* eslint-disable promise-function-async -- JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\nfunction providerOptions(providers: GitHostProvider[]): { value: string; label: string }[] {\n  return providers.map((provider) => ({\n    value: provider.metadata.kind,\n    label: provider.metadata.name,\n  }));\n}\n\nconst StatusConfigRow: FC<{\n  config: SettingsStatusConfig;\n  provider: GitHostProvider | undefined;\n  project: Project;\n  isAdmin: boolean;\n}> = ({ config, provider, project, isAdmin }) => {\n  const rendered = JSON.stringify(config.config);\n  return (\n    <tr key={config.id}>\n      <td>{provider?.metadata.name ?? config.provider}</td>\n      <td\n        style=\"max-width:32ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;\"\n        title={rendered}\n      >\n        <code>{rendered}</code>\n      </td>\n      <td>\n        {config.hasToken ? (\n          <Badge tone=\"success\">configured</Badge>\n        ) : (\n          <Badge tone=\"danger\">missing</Badge>\n        )}\n      </td>\n      <td>{new Date(config.createdAt).toLocaleDateString()}</td>\n      <td>\n        {isAdmin ? (\n          <form\n            method=\"post\"\n            action={`/projects/${project.slug}/settings/status/${config.id}/delete`}\n            hx-post={`/projects/${project.slug}/settings/status/${config.id}/delete`}\n            hx-target=\"body\"\n          >\n            <button class=\"btn btn--ghost\" type=\"submit\">\n              Delete\n            </button>\n          </form>\n        ) : null}\n      </td>\n    </tr>\n  );\n};\n\nconst StatusCreateCard: FC<{\n  project: Project;\n  providers: GitHostProvider[];\n  formState?: StatusFormState;\n}> = ({ project, providers, formState }) => {\n  return (\n    <div class=\"card card--padded\">\n      <h3 style=\"margin:0 0 .5rem;\">Add git provider</h3>\n      <form\n        method=\"post\"\n        action={`/projects/${project.slug}/settings/status`}\n        hx-post={`/projects/${project.slug}/settings/status`}\n        hx-target=\"body\"\n      >\n        <SelectField\n          label=\"Provider\"\n          name=\"provider\"\n          options={providerOptions(providers)}\n          hint=\"Integration that posts commit statuses for this project.\"\n        />\n        <Field\n          label=\"Token\"\n          name=\"token\"\n          type=\"password\"\n          required\n          placeholder=\"ghp_…\"\n          error={formState?.errors?.[\"token\"]}\n          hint=\"Scoped token for the provider (e.g. a GitHub PAT with repo:status).\"\n        />\n        <TextareaField\n          label=\"Config\"\n          name=\"config\"\n          rows={6}\n          placeholder='{\"owner\":\"my-org\",\"repo\":\"my-repo\"}'\n          error={formState?.errors?.[\"config\"]}\n          hint=\"JSON configuration for the provider. See the provider documentation for its fields.\"\n        />\n        <button class=\"btn btn--primary\" type=\"submit\">\n          Add git provider\n        </button>\n      </form>\n    </div>\n  );\n};\n\nfunction renderCreateSection(\n  project: Project,\n  providers: GitHostProvider[],\n  formState?: StatusFormState,\n): unknown {\n  if (providers.length === 0) {\n    return <p class=\"field__hint\">No git providers registered on this server.</p>;\n  }\n  return <StatusCreateCard project={project} providers={providers} formState={formState} />;\n}\n\n/** Git status settings tab: configured providers plus the add-provider form. */\n// eslint-disable-next-line max-params -- matches sibling settings render functions\nexport function renderSettingsStatus(\n  project: Project,\n  statusConfigs: SettingsStatusConfig[],\n  providers: GitHostProvider[],\n  isAdmin: boolean,\n  formState?: StatusFormState,\n): unknown {\n  const byProvider = new Map(providers.map((provider) => [provider.metadata.kind, provider]));\n  return (\n    <div class=\"grid\" style=\"max-width: 880px;\">\n      {formState?.globalError ? (\n        <div class=\"alert alert--danger\" role=\"alert\">\n          {formState.globalError}\n        </div>\n      ) : null}\n\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .3rem;\">Git status</h2>\n        <p class=\"field__hint\">\n          Post commit statuses to a git provider so visual tests show up in your PR checks. Status\n          is reported for each configured provider: pending while capturing, success on approval,\n          failure on rejection or capture errors.\n        </p>\n        <div class=\"table-wrap\" style=\"margin-top:.75rem;\">\n          <table>\n            <thead>\n              <tr>\n                <th>Provider</th>\n                <th>Config</th>\n                <th>Token</th>\n                <th>Created</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {statusConfigs.map((config) => (\n                <StatusConfigRow\n                  key={config.id}\n                  config={config}\n                  provider={byProvider.get(config.provider)}\n                  project={project}\n                  isAdmin={isAdmin}\n                />\n              ))}\n            </tbody>\n          </table>\n        </div>\n        {statusConfigs.length === 0 ? (\n          <p class=\"field__hint\" style=\"margin-top:.5rem;\">\n            No git providers configured for this project.\n          </p>\n        ) : null}\n      </div>\n\n      {isAdmin ? renderCreateSection(project, providers, formState) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/settings-tests.mjs

@@ -1,149 +0,0 @@
-import "node:path";
-import "node:url";
-import.meta.url;
-import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/settings-tests.tsx
-/** Interaction-tests settings tab: play execution toggle and timeout. */
-function renderSettingsTests(project, isAdmin, formState) {
-	return /* @__PURE__ */ jsxs("div", {
-		class: "grid",
-		style: "max-width: 720px;",
-		children: [
-			formState?.globalError ? /* @__PURE__ */ jsx("div", {
-				class: "alert alert--danger",
-				role: "alert",
-				children: formState.globalError
-			}) : null,
-			/* @__PURE__ */ jsxs("div", {
-				class: "card card--padded",
-				children: [
-					/* @__PURE__ */ jsx("h2", {
-						style: "margin:0 0 .5rem;",
-						children: "Interaction tests"
-					}),
-					/* @__PURE__ */ jsxs("p", {
-						class: "field__hint",
-						style: "margin-bottom:1rem;",
-						children: [
-							"When enabled, Storybook ",
-							/* @__PURE__ */ jsx("code", { children: "play" }),
-							" functions run before each screenshot. Failures block the build unless the story is marked",
-							/* @__PURE__ */ jsx("code", { children: "flaky-test" }),
-							" via ",
-							/* @__PURE__ */ jsx("code", { children: "tags: ['flaky-test']" }),
-							" or",
-							/* @__PURE__ */ jsx("code", { children: "parameters: { flakyTest: true }" }),
-							" (supports both",
-							" ",
-							/* @__PURE__ */ jsx("code", { children: "chromatic" }),
-							" and ",
-							/* @__PURE__ */ jsx("code", { children: "storyshelf" }),
-							" keys, story-level, case-insensitive). Use ",
-							/* @__PURE__ */ jsx("code", { children: "disableSnapshot" }),
-							" to skip a story entirely."
-						]
-					}),
-					/* @__PURE__ */ jsxs("form", {
-						method: "post",
-						action: `/projects/${project.slug}/settings/tests`,
-						"hx-post": `/projects/${project.slug}/settings/tests`,
-						"hx-target": "body",
-						"hx-swap": "outerHTML",
-						children: [
-							/* @__PURE__ */ jsxs("div", {
-								class: "field",
-								children: [/* @__PURE__ */ jsxs("label", {
-									class: "field__label",
-									style: "display:flex; gap:.5rem; align-items:center;",
-									children: [/* @__PURE__ */ jsx("input", {
-										type: "checkbox",
-										name: "executePlay",
-										value: "true",
-										checked: project.executePlay ? true : void 0,
-										disabled: !isAdmin
-									}), "Enable interaction tests (play)"]
-								}), /* @__PURE__ */ jsx("p", {
-									class: "field__hint",
-									children: "When enabled, failing play blocks the build (failed). Flaky stories show warnings but status stays successful."
-								})]
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								class: "field",
-								children: [
-									/* @__PURE__ */ jsx("label", {
-										class: "field__label",
-										for: "playTimeoutMs",
-										children: "Play timeout (ms)"
-									}),
-									/* @__PURE__ */ jsx("input", {
-										class: "field__input",
-										id: "playTimeoutMs",
-										name: "playTimeoutMs",
-										type: "number",
-										min: "1000",
-										max: "30000",
-										step: "1000",
-										value: String(project.playTimeoutMs),
-										disabled: !isAdmin
-									}),
-									/* @__PURE__ */ jsx("p", {
-										class: "field__hint",
-										children: "Timeout for each play function (1000–30000 ms, default 10000)."
-									})
-								]
-							}),
-							isAdmin ? /* @__PURE__ */ jsx("button", {
-								class: "btn btn--primary",
-								type: "submit",
-								children: "Save changes"
-							}) : /* @__PURE__ */ jsx("p", {
-								class: "field__hint",
-								children: "You need admin access to edit settings."
-							})
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				class: "card card--padded",
-				children: [
-					/* @__PURE__ */ jsx("h3", {
-						style: "margin:0 0 .4rem;",
-						children: "How to mark stories"
-					}),
-					/* @__PURE__ */ jsx("pre", {
-						class: "field__hint",
-						style: "white-space:pre-wrap; background: var(--surface); padding:.75rem; border-radius:.5rem;",
-						children: `// Disable snapshot entirely (skip capture + play)
-export const Hidden: Story = {
-  parameters: { storyshelf: { disableSnapshot: true } }
-};
-// Mark as flaky (non-blocking, shows warning)
-export const Flaky: Story = {
-  tags: ['flaky-test'],
-  play: async ({canvasElement}) => { /* ... */ }
-};
-// or via parameters (both keys work, storyshelf wins)
-export const Flaky2: Story = {
-  parameters: { chromatic: { flakyTest: true } }
-};`
-					}),
-					/* @__PURE__ */ jsxs("p", {
-						class: "field__hint",
-						children: [
-							"Tags are story-level and case-insensitive (",
-							/* @__PURE__ */ jsx("code", { children: "flaky-test" }),
-							"). Whole story is non-blocking when flaky. GitHub status stays",
-							/* @__PURE__ */ jsx("code", { children: "success" }),
-							" with a warning comment."
-						]
-					})
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { renderSettingsTests };
-
-//# sourceMappingURL=settings-tests.mjs.map

package/dist/pages/settings-tests.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-tests.mjs","names":[],"sources":["../../src/pages/settings-tests.tsx"],"sourcesContent":["import type { Project } from \"../schema/project.ts\";\n\n/** Interaction-tests settings tab: play execution toggle and timeout. */\nexport function renderSettingsTests(\n  project: Project,\n  isAdmin: boolean,\n  formState?: { globalError?: string },\n): unknown {\n  return (\n    <div class=\"grid\" style=\"max-width: 720px;\">\n      {formState?.globalError ? (\n        <div class=\"alert alert--danger\" role=\"alert\">\n          {formState.globalError}\n        </div>\n      ) : null}\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .5rem;\">Interaction tests</h2>\n        <p class=\"field__hint\" style=\"margin-bottom:1rem;\">\n          When enabled, Storybook <code>play</code> functions run before each screenshot. Failures\n          block the build unless the story is marked\n          <code>flaky-test</code> via <code>tags: ['flaky-test']</code> or\n          <code>parameters: &#123; flakyTest: true &#125;</code> (supports both{\" \"}\n          <code>chromatic</code> and <code>storyshelf</code> keys, story-level, case-insensitive).\n          Use <code>disableSnapshot</code> to skip a story entirely.\n        </p>\n        <form\n          method=\"post\"\n          action={`/projects/${project.slug}/settings/tests`}\n          hx-post={`/projects/${project.slug}/settings/tests`}\n          hx-target=\"body\"\n          hx-swap=\"outerHTML\"\n        >\n          <div class=\"field\">\n            <label class=\"field__label\" style=\"display:flex; gap:.5rem; align-items:center;\">\n              <input\n                type=\"checkbox\"\n                name=\"executePlay\"\n                value=\"true\"\n                checked={project.executePlay ? true : undefined}\n                disabled={!isAdmin}\n              />\n              Enable interaction tests (play)\n            </label>\n            <p class=\"field__hint\">\n              When enabled, failing play blocks the build (failed). Flaky stories show warnings but\n              status stays successful.\n            </p>\n          </div>\n          <div class=\"field\">\n            <label class=\"field__label\" for=\"playTimeoutMs\">\n              Play timeout (ms)\n            </label>\n            <input\n              class=\"field__input\"\n              id=\"playTimeoutMs\"\n              name=\"playTimeoutMs\"\n              type=\"number\"\n              min=\"1000\"\n              max=\"30000\"\n              step=\"1000\"\n              value={String(project.playTimeoutMs)}\n              disabled={!isAdmin}\n            />\n            <p class=\"field__hint\">\n              Timeout for each play function (1000–30000 ms, default 10000).\n            </p>\n          </div>\n          {isAdmin ? (\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Save changes\n            </button>\n          ) : (\n            <p class=\"field__hint\">You need admin access to edit settings.</p>\n          )}\n        </form>\n      </div>\n      <div class=\"card card--padded\">\n        <h3 style=\"margin:0 0 .4rem;\">How to mark stories</h3>\n        <pre\n          class=\"field__hint\"\n          style=\"white-space:pre-wrap; background: var(--surface); padding:.75rem; border-radius:.5rem;\"\n        >\n          {`// Disable snapshot entirely (skip capture + play)\nexport const Hidden: Story = {\n  parameters: { storyshelf: { disableSnapshot: true } }\n};\n// Mark as flaky (non-blocking, shows warning)\nexport const Flaky: Story = {\n  tags: ['flaky-test'],\n  play: async ({canvasElement}) => { /* ... */ }\n};\n// or via parameters (both keys work, storyshelf wins)\nexport const Flaky2: Story = {\n  parameters: { chromatic: { flakyTest: true } }\n};`}\n        </pre>\n        <p class=\"field__hint\">\n          Tags are story-level and case-insensitive (<code>flaky-test</code>). Whole story is\n          non-blocking when flaky. GitHub status stays\n          <code>success</code> with a warning comment.\n        </p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAGA,SAAgB,oBACd,SACA,SACA,WACS;CACT,OACE,qBAAC,OAAD;EAAK,OAAM;EAAO,OAAM;EAAxB,UAAA;GACG,WAAW,cACV,oBAAC,OAAD;IAAK,OAAM;IAAsB,MAAK;IACnC,UAAA,UAAU;GACR,CAAA,IACH;GACJ,qBAAC,OAAD;IAAK,OAAM;IAAX,UAAA;KACE,oBAAC,MAAD;MAAI,OAAM;MAAoB,UAAA;KAAqB,CAAA;KACnD,qBAAC,KAAD;MAAG,OAAM;MAAc,OAAM;MAA7B,UAAA;OAAmD;OACzB,oBAAC,QAAD,EAAA,UAAM,OAAU,CAAA;OAAC;OAEzC,oBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA;OAAC;OAAK,oBAAC,QAAD,EAAA,UAAM,uBAA0B,CAAA;OAAC;OAC7D,oBAAC,QAAD,EAAA,UAAM,kCAA+C,CAAA;OAAC;OAAgB;OACtE,oBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;OAAC;OAAK,oBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA;OAAC;OAC9C,oBAAC,QAAD,EAAA,UAAM,kBAAqB,CAAA;OAAC;MAC/B;;KACH,qBAAC,QAAD;MACE,QAAO;MACP,QAAQ,aAAa,QAAQ,KAAK;MAClC,WAAS,aAAa,QAAQ,KAAK;MACnC,aAAU;MACV,WAAQ;MALV,UAAA;OAOE,qBAAC,OAAD;QAAK,OAAM;QAAX,UAAA,CACE,qBAAC,SAAD;SAAO,OAAM;SAAe,OAAM;SAAlC,UAAA,CACE,oBAAC,SAAD;UACE,MAAK;UACL,MAAK;UACL,OAAM;UACN,SAAS,QAAQ,cAAc,OAAO,KAAA;UACtC,UAAU,CAAC;SACZ,CAAA,GAAC,iCAEG;QACP,CAAA,GAAA,oBAAC,KAAD;SAAG,OAAM;SAAc,UAAA;QAGpB,CAAA,CACA;;OACL,qBAAC,OAAD;QAAK,OAAM;QAAX,UAAA;SACE,oBAAC,SAAD;UAAO,OAAM;UAAe,KAAI;UAAgB,UAAA;SAEzC,CAAA;SACP,oBAAC,SAAD;UACE,OAAM;UACN,IAAG;UACH,MAAK;UACL,MAAK;UACL,KAAI;UACJ,KAAI;UACJ,MAAK;UACL,OAAO,OAAO,QAAQ,aAAa;UACnC,UAAU,CAAC;SACZ,CAAA;SACD,oBAAC,KAAD;UAAG,OAAM;UAAc,UAAA;SAEpB,CAAA;QACA;;OACJ,UACC,oBAAC,UAAD;QAAQ,OAAM;QAAmB,MAAK;QAAS,UAAA;OAEvC,CAAA,IAER,oBAAC,KAAD;QAAG,OAAM;QAAc,UAAA;OAA0C,CAAA;MAE/D;;IACH;;GACL,qBAAC,OAAD;IAAK,OAAM;IAAX,UAAA;KACE,oBAAC,MAAD;MAAI,OAAM;MAAoB,UAAA;KAAuB,CAAA;KACrD,oBAAC,OAAD;MACE,OAAM;MACN,OAAM;MAEL,UAAA;;;;;;;;;;;;;KAaE,CAAA;KACL,qBAAC,KAAD;MAAG,OAAM;MAAT,UAAA;OAAuB;OACsB,oBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA;OAAC;OAElE,oBAAC,QAAD,EAAA,UAAM,UAAa,CAAA;OAAC;MACnB;;IACA;;EACF;;AAET"}

package/dist/pages/settings-tokens.mjs

@@ -1,96 +0,0 @@
-import "node:path";
-import "node:url";
-import.meta.url;
-import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/settings-tokens.tsx
-/** Tokens settings tab: project CLI tokens plus the create-token form. */
-function renderSettingsTokens(project, tokens, isAdmin) {
-	return /* @__PURE__ */ jsxs("div", {
-		class: "grid",
-		style: "max-width: 880px;",
-		children: [/* @__PURE__ */ jsxs("div", {
-			class: "card card--padded",
-			children: [
-				/* @__PURE__ */ jsx("h2", {
-					style: "margin:0 0 .3rem;",
-					children: "API tokens"
-				}),
-				/* @__PURE__ */ jsx("p", {
-					class: "field__hint",
-					children: "Tokens are used by the CLI to upload builds. They are scoped to this project."
-				}),
-				/* @__PURE__ */ jsx("div", {
-					class: "table-wrap",
-					style: "margin-top:.75rem;",
-					children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-						/* @__PURE__ */ jsx("th", { children: "Name" }),
-						/* @__PURE__ */ jsx("th", { children: "Created" }),
-						/* @__PURE__ */ jsx("th", { children: "Last used" }),
-						/* @__PURE__ */ jsx("th", {})
-					] }) }), /* @__PURE__ */ jsx("tbody", { children: tokens.map((token) => /* @__PURE__ */ jsxs("tr", { children: [
-						/* @__PURE__ */ jsx("td", { children: token.name }),
-						/* @__PURE__ */ jsx("td", { children: new Date(token.createdAt).toLocaleDateString() }),
-						/* @__PURE__ */ jsx("td", { children: token.lastUsedAt ? new Date(token.lastUsedAt).toLocaleDateString() : "—" }),
-						/* @__PURE__ */ jsx("td", { children: isAdmin ? /* @__PURE__ */ jsx("form", {
-							method: "post",
-							action: `/projects/${project.slug}/settings/tokens/${token.id}/delete`,
-							"hx-post": `/projects/${project.slug}/settings/tokens/${token.id}/delete`,
-							"hx-target": "body",
-							children: /* @__PURE__ */ jsx("button", {
-								class: "btn btn--ghost",
-								type: "submit",
-								children: "Revoke"
-							})
-						}) : null })
-					] }, token.id)) })] })
-				}),
-				tokens.length === 0 ? /* @__PURE__ */ jsx("p", {
-					class: "field__hint",
-					style: "margin-top:.5rem;",
-					children: "No tokens yet. Create one for CI."
-				}) : null
-			]
-		}), isAdmin ? /* @__PURE__ */ jsxs("div", {
-			class: "card card--padded",
-			children: [
-				/* @__PURE__ */ jsx("h3", {
-					style: "margin:0 0 .5rem;",
-					children: "Create token"
-				}),
-				/* @__PURE__ */ jsxs("form", {
-					method: "post",
-					action: `/projects/${project.slug}/settings/tokens`,
-					"hx-post": `/projects/${project.slug}/settings/tokens`,
-					"hx-target": "body",
-					children: [/* @__PURE__ */ jsxs("div", {
-						class: "field",
-						children: [/* @__PURE__ */ jsx("label", {
-							class: "field__label",
-							for: "tokenName",
-							children: "Name"
-						}), /* @__PURE__ */ jsx("input", {
-							class: "field__input",
-							id: "tokenName",
-							name: "tokenName",
-							required: true,
-							placeholder: "ci"
-						})]
-					}), /* @__PURE__ */ jsx("button", {
-						class: "btn btn--primary",
-						type: "submit",
-						children: "Create token"
-					})]
-				}),
-				/* @__PURE__ */ jsx("p", {
-					class: "field__hint",
-					style: "margin-top:.5rem;",
-					children: "Token value is shown once after creation. Store it securely."
-				})
-			]
-		}) : null]
-	});
-}
-//#endregion
-export { renderSettingsTokens };
-
-//# sourceMappingURL=settings-tokens.mjs.map

package/dist/pages/settings-tokens.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-tokens.mjs","names":[],"sources":["../../src/pages/settings-tokens.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport type { Project } from \"../schema/project.ts\";\nimport type { Token } from \"../schema/token.ts\";\n\n/** Tokens settings tab: project CLI tokens plus the create-token form. */\nexport function renderSettingsTokens(\n  project: Project,\n  tokens: Omit<Token, \"hash\">[],\n  isAdmin: boolean,\n): unknown {\n  return (\n    <div class=\"grid\" style=\"max-width: 880px;\">\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .3rem;\">API tokens</h2>\n        <p class=\"field__hint\">\n          Tokens are used by the CLI to upload builds. They are scoped to this project.\n        </p>\n        <div class=\"table-wrap\" style=\"margin-top:.75rem;\">\n          <table>\n            <thead>\n              <tr>\n                <th>Name</th>\n                <th>Created</th>\n                <th>Last used</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {tokens.map((token): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                <tr key={token.id}>\n                  <td>{token.name}</td>\n                  <td>{new Date(token.createdAt).toLocaleDateString()}</td>\n                  <td>\n                    {token.lastUsedAt ? new Date(token.lastUsedAt).toLocaleDateString() : \"—\"}\n                  </td>\n                  <td>\n                    {isAdmin ? (\n                      <form\n                        method=\"post\"\n                        action={`/projects/${project.slug}/settings/tokens/${token.id}/delete`}\n                        hx-post={`/projects/${project.slug}/settings/tokens/${token.id}/delete`}\n                        hx-target=\"body\"\n                      >\n                        <button class=\"btn btn--ghost\" type=\"submit\">\n                          Revoke\n                        </button>\n                      </form>\n                    ) : null}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n        {tokens.length === 0 ? (\n          <p class=\"field__hint\" style=\"margin-top:.5rem;\">\n            No tokens yet. Create one for CI.\n          </p>\n        ) : null}\n      </div>\n\n      {isAdmin ? (\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .5rem;\">Create token</h3>\n          <form\n            method=\"post\"\n            action={`/projects/${project.slug}/settings/tokens`}\n            hx-post={`/projects/${project.slug}/settings/tokens`}\n            hx-target=\"body\"\n          >\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"tokenName\">\n                Name\n              </label>\n              <input\n                class=\"field__input\"\n                id=\"tokenName\"\n                name=\"tokenName\"\n                required\n                placeholder=\"ci\"\n              />\n            </div>\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Create token\n            </button>\n          </form>\n          <p class=\"field__hint\" style=\"margin-top:.5rem;\">\n            Token value is shown once after creation. Store it securely.\n          </p>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgB,qBACd,SACA,QACA,SACS;CACT,OACE,qBAAC,OAAD;EAAK,OAAM;EAAO,OAAM;EAAxB,UAAA,CACE,qBAAC,OAAD;GAAK,OAAM;GAAX,UAAA;IACE,oBAAC,MAAD;KAAI,OAAM;KAAoB,UAAA;IAAc,CAAA;IAC5C,oBAAC,KAAD;KAAG,OAAM;KAAc,UAAA;IAEpB,CAAA;IACH,oBAAC,OAAD;KAAK,OAAM;KAAa,OAAM;KAC5B,UAAA,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,SAAD,EAAA,UACE,qBAAC,MAAD,EAAA,UAAA;MACE,oBAAC,MAAD,EAAA,UAAI,OAAQ,CAAA;MACZ,oBAAC,MAAD,EAAA,UAAI,UAAW,CAAA;MACf,oBAAC,MAAD,EAAA,UAAI,YAAa,CAAA;MACjB,oBAAC,MAAD,CAAQ,CAAA;KACN,EAAA,CAAA,EACC,CAAA,GACP,oBAAC,SAAD,EAAA,UACG,OAAO,KAAK,UACX,qBAAC,MAAD,EAAA,UAAA;MACE,oBAAC,MAAD,EAAA,UAAK,MAAM,KAAS,CAAA;MACpB,oBAAC,MAAD,EAAA,UAAK,IAAI,KAAK,MAAM,SAAS,CAAC,CAAC,mBAAmB,EAAM,CAAA;MACxD,oBAAC,MAAD,EAAA,UACG,MAAM,aAAa,IAAI,KAAK,MAAM,UAAU,CAAC,CAAC,mBAAmB,IAAI,IACpE,CAAA;MACJ,oBAAC,MAAD,EAAA,UACG,UACC,oBAAC,QAAD;OACE,QAAO;OACP,QAAQ,aAAa,QAAQ,KAAK,mBAAmB,MAAM,GAAG;OAC9D,WAAS,aAAa,QAAQ,KAAK,mBAAmB,MAAM,GAAG;OAC/D,aAAU;OAEV,UAAA,oBAAC,UAAD;QAAQ,OAAM;QAAiB,MAAK;QAAS,UAAA;OAErC,CAAA;MACJ,CAAA,IACJ,KACF,CAAA;KACF,EAAA,GApBK,MAAM,EAoBX,CACL,EACI,CAAA,CACF,EAAA,CAAA;IACJ,CAAA;IACJ,OAAO,WAAW,IACjB,oBAAC,KAAD;KAAG,OAAM;KAAc,OAAM;KAAoB,UAAA;IAE9C,CAAA,IACD;GACD;EAEJ,CAAA,GAAA,UACC,qBAAC,OAAD;GAAK,OAAM;GAAX,UAAA;IACE,oBAAC,MAAD;KAAI,OAAM;KAAoB,UAAA;IAAgB,CAAA;IAC9C,qBAAC,QAAD;KACE,QAAO;KACP,QAAQ,aAAa,QAAQ,KAAK;KAClC,WAAS,aAAa,QAAQ,KAAK;KACnC,aAAU;KAJZ,UAAA,CAME,qBAAC,OAAD;MAAK,OAAM;MAAX,UAAA,CACE,oBAAC,SAAD;OAAO,OAAM;OAAe,KAAI;OAAY,UAAA;MAErC,CAAA,GACP,oBAAC,SAAD;OACE,OAAM;OACN,IAAG;OACH,MAAK;OACL,UAAA;OACA,aAAY;MACb,CAAA,CACE;KACL,CAAA,GAAA,oBAAC,UAAD;MAAQ,OAAM;MAAmB,MAAK;MAAS,UAAA;KAEvC,CAAA,CACJ;;IACN,oBAAC,KAAD;KAAG,OAAM;KAAc,OAAM;KAAoB,UAAA;IAE9C,CAAA;GACA;EACH,CAAA,IAAA,IACD;;AAET"}

package/dist/pages/settings-webhooks.mjs

@@ -1,150 +0,0 @@
-import "node:path";
-import "node:url";
-import.meta.url;
-import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/settings-webhooks.tsx
-/** Webhooks settings tab: webhook list plus the create-webhook form. */
-function renderSettingsWebhooks(project, webhooks, isAdmin, formState) {
-	return /* @__PURE__ */ jsxs("div", {
-		class: "grid",
-		style: "max-width: 880px;",
-		children: [
-			formState?.secret ? /* @__PURE__ */ jsxs("div", {
-				class: "alert alert--success",
-				role: "alert",
-				children: [/* @__PURE__ */ jsx("strong", {
-					class: "alert__title",
-					children: "Webhook created"
-				}), /* @__PURE__ */ jsxs("div", {
-					class: "alert__body",
-					children: ["Copy the signing secret now — shown once: ", /* @__PURE__ */ jsx("code", { children: formState.secret })]
-				})]
-			}) : null,
-			formState?.globalError ? /* @__PURE__ */ jsx("div", {
-				class: "alert alert--danger",
-				role: "alert",
-				children: formState.globalError
-			}) : null,
-			/* @__PURE__ */ jsxs("div", {
-				class: "card card--padded",
-				children: [
-					/* @__PURE__ */ jsx("h2", {
-						style: "margin:0 0 .3rem;",
-						children: "Webhooks"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						class: "field__hint",
-						children: "Notify external services when builds are created, updated, approved or rejected. Payloads are POSTed as JSON and signed with the webhook secret."
-					}),
-					/* @__PURE__ */ jsx("div", {
-						class: "table-wrap",
-						style: "margin-top:.75rem;",
-						children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-							/* @__PURE__ */ jsx("th", { children: "URL" }),
-							/* @__PURE__ */ jsx("th", { children: "Events" }),
-							/* @__PURE__ */ jsx("th", {})
-						] }) }), /* @__PURE__ */ jsx("tbody", { children: webhooks.map((webhook) => /* @__PURE__ */ jsxs("tr", { children: [
-							/* @__PURE__ */ jsx("td", {
-								style: "max-width:36ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;",
-								title: webhook.url,
-								children: webhook.url
-							}),
-							/* @__PURE__ */ jsx("td", { children: webhook.events.length === 0 ? /* @__PURE__ */ jsx("span", {
-								class: "field__hint",
-								children: "all events"
-							}) : /* @__PURE__ */ jsx("div", {
-								style: "display:flex; gap:.25rem; flex-wrap:wrap;",
-								children: webhook.events.map((event) => /* @__PURE__ */ jsx("span", {
-									class: "badge badge--neutral",
-									children: event
-								}, event))
-							}) }),
-							/* @__PURE__ */ jsx("td", { children: isAdmin ? /* @__PURE__ */ jsx("form", {
-								method: "post",
-								action: `/projects/${project.slug}/settings/webhooks/${webhook.id}/delete`,
-								"hx-post": `/projects/${project.slug}/settings/webhooks/${webhook.id}/delete`,
-								"hx-target": "body",
-								children: /* @__PURE__ */ jsx("button", {
-									class: "btn btn--ghost",
-									type: "submit",
-									children: "Delete"
-								})
-							}) : null })
-						] }, webhook.id)) })] })
-					}),
-					webhooks.length === 0 ? /* @__PURE__ */ jsx("p", {
-						class: "field__hint",
-						style: "margin-top:.5rem;",
-						children: "No webhooks configured."
-					}) : null
-				]
-			}),
-			isAdmin ? /* @__PURE__ */ jsxs("div", {
-				class: "card card--padded",
-				children: [/* @__PURE__ */ jsx("h3", {
-					style: "margin:0 0 .5rem;",
-					children: "Create webhook"
-				}), /* @__PURE__ */ jsxs("form", {
-					method: "post",
-					action: `/projects/${project.slug}/settings/webhooks`,
-					"hx-post": `/projects/${project.slug}/settings/webhooks`,
-					"hx-target": "body",
-					children: [
-						/* @__PURE__ */ jsxs("div", {
-							class: "field",
-							children: [
-								/* @__PURE__ */ jsx("label", {
-									class: "field__label",
-									for: "url",
-									children: "URL"
-								}),
-								/* @__PURE__ */ jsx("input", {
-									class: `field__input ${formState?.errors?.["url"] ? "field__input--error" : ""}`,
-									id: "url",
-									name: "url",
-									type: "url",
-									required: true,
-									placeholder: "https://example.com/hooks/storyshelf"
-								}),
-								formState?.errors?.["url"] ? /* @__PURE__ */ jsx("p", {
-									class: "field__error",
-									role: "alert",
-									children: formState.errors["url"]
-								}) : null
-							]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							class: "field",
-							children: [
-								/* @__PURE__ */ jsx("label", {
-									class: "field__label",
-									for: "events",
-									children: "Events"
-								}),
-								/* @__PURE__ */ jsx("input", {
-									class: "field__input",
-									id: "events",
-									name: "events",
-									placeholder: "build.created, build.approved, snapshot.reviewed"
-								}),
-								/* @__PURE__ */ jsx("p", {
-									class: "field__hint",
-									children: "Comma-separated. Leave blank to receive all events."
-								})
-							]
-						}),
-						/* @__PURE__ */ jsx("button", {
-							class: "btn btn--primary",
-							type: "submit",
-							children: "Add webhook"
-						})
-					]
-				})]
-			}) : null
-		]
-	});
-}
-//#endregion
-export { renderSettingsWebhooks };
-
-//# sourceMappingURL=settings-webhooks.mjs.map

package/dist/pages/settings-webhooks.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-webhooks.mjs","names":[],"sources":["../../src/pages/settings-webhooks.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport type { Project } from \"../schema/project.ts\";\n\n/** Webhook row as rendered in the webhooks settings tab. */\nexport interface SettingsWebhook {\n  id: string;\n  url: string;\n  events: string[];\n}\n\n/** Webhooks settings tab: webhook list plus the create-webhook form. */\nexport function renderSettingsWebhooks(\n  project: Project,\n  webhooks: SettingsWebhook[],\n  isAdmin: boolean,\n  formState?: { errors?: Record<string, string>; globalError?: string; secret?: string },\n): unknown {\n  return (\n    <div class=\"grid\" style=\"max-width: 880px;\">\n      {formState?.secret ? (\n        <div class=\"alert alert--success\" role=\"alert\">\n          <strong class=\"alert__title\">Webhook created</strong>\n          <div class=\"alert__body\">\n            Copy the signing secret now — shown once: <code>{formState.secret}</code>\n          </div>\n        </div>\n      ) : null}\n      {formState?.globalError ? (\n        <div class=\"alert alert--danger\" role=\"alert\">\n          {formState.globalError}\n        </div>\n      ) : null}\n\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .3rem;\">Webhooks</h2>\n        <p class=\"field__hint\">\n          Notify external services when builds are created, updated, approved or rejected. Payloads\n          are POSTed as JSON and signed with the webhook secret.\n        </p>\n        <div class=\"table-wrap\" style=\"margin-top:.75rem;\">\n          <table>\n            <thead>\n              <tr>\n                <th>URL</th>\n                <th>Events</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {webhooks.map((webhook): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                <tr key={webhook.id}>\n                  <td\n                    style=\"max-width:36ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;\"\n                    title={webhook.url}\n                  >\n                    {webhook.url}\n                  </td>\n                  <td>\n                    {webhook.events.length === 0 ? (\n                      <span class=\"field__hint\">all events</span>\n                    ) : (\n                      <div style=\"display:flex; gap:.25rem; flex-wrap:wrap;\">\n                        {webhook.events.map(\n                          (event): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                            <span key={event} class=\"badge badge--neutral\">\n                              {event}\n                            </span>\n                          ),\n                        )}\n                      </div>\n                    )}\n                  </td>\n                  <td>\n                    {isAdmin ? (\n                      <form\n                        method=\"post\"\n                        action={`/projects/${project.slug}/settings/webhooks/${webhook.id}/delete`}\n                        hx-post={`/projects/${project.slug}/settings/webhooks/${webhook.id}/delete`}\n                        hx-target=\"body\"\n                      >\n                        <button class=\"btn btn--ghost\" type=\"submit\">\n                          Delete\n                        </button>\n                      </form>\n                    ) : null}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n        {webhooks.length === 0 ? (\n          <p class=\"field__hint\" style=\"margin-top:.5rem;\">\n            No webhooks configured.\n          </p>\n        ) : null}\n      </div>\n\n      {isAdmin ? (\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .5rem;\">Create webhook</h3>\n          <form\n            method=\"post\"\n            action={`/projects/${project.slug}/settings/webhooks`}\n            hx-post={`/projects/${project.slug}/settings/webhooks`}\n            hx-target=\"body\"\n          >\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"url\">\n                URL\n              </label>\n              <input\n                class={`field__input ${formState?.errors?.[\"url\"] ? \"field__input--error\" : \"\"}`}\n                id=\"url\"\n                name=\"url\"\n                type=\"url\"\n                required\n                placeholder=\"https://example.com/hooks/storyshelf\"\n              />\n              {formState?.errors?.[\"url\"] ? (\n                <p class=\"field__error\" role=\"alert\">\n                  {formState.errors[\"url\"]}\n                </p>\n              ) : null}\n            </div>\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"events\">\n                Events\n              </label>\n              <input\n                class=\"field__input\"\n                id=\"events\"\n                name=\"events\"\n                placeholder=\"build.created, build.approved, snapshot.reviewed\"\n              />\n              <p class=\"field__hint\">Comma-separated. Leave blank to receive all events.</p>\n            </div>\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Add webhook\n            </button>\n          </form>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}