@storyshelf/core 0.1.0

package/dist/pages/project-create.mjs

@@ -0,0 +1,168 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { DocumentLayout } from "../ui/document.mjs";
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+//#region src/pages/project-create.tsx
+function renderProjectCreatePage(state = {}) {
+	const values = state.values ?? {};
+	const errors = state.errors ?? {};
+	return /* @__PURE__ */ jsxs(DocumentLayout, {
+		title: "New project",
+		nav: { active: "projects" },
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				class: "page-header",
+				children: [/* @__PURE__ */ jsx("nav", {
+					class: "breadcrumbs",
+					"aria-label": "Breadcrumb",
+					children: /* @__PURE__ */ jsxs("ol", { children: [/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
+						href: "/projects",
+						children: "Projects"
+					}) }), /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("span", {
+						"aria-current": "page",
+						children: "New project"
+					}) })] })
+				}), /* @__PURE__ */ jsx("div", {
+					class: "page-header__row",
+					children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+						class: "page-header__title",
+						children: "Create project"
+					}), /* @__PURE__ */ jsx("p", {
+						class: "page-header__desc",
+						children: "A project corresponds to one Storybook. You can have multiple projects per repository."
+					})] })
+				})]
+			}),
+			state.globalError ? /* @__PURE__ */ jsxs("div", {
+				class: "alert alert--danger",
+				role: "alert",
+				children: [/* @__PURE__ */ jsx("strong", {
+					class: "alert__title",
+					children: "Could not create project"
+				}), /* @__PURE__ */ jsx("div", {
+					class: "alert__body",
+					children: state.globalError
+				})]
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				class: "card card--padded",
+				style: "max-width: 640px;",
+				children: /* @__PURE__ */ jsxs("form", {
+					method: "post",
+					action: "/projects/new",
+					"hx-post": "/projects/new",
+					"hx-target": "body",
+					"hx-swap": "outerHTML",
+					novalidate: true,
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							class: "field",
+							children: [
+								/* @__PURE__ */ jsxs("label", {
+									class: "field__label",
+									for: "name",
+									children: ["Name ", /* @__PURE__ */ jsx("span", {
+										"aria-hidden": "true",
+										children: "*"
+									})]
+								}),
+								/* @__PURE__ */ jsx("input", {
+									class: `field__input ${errors["name"] ? "field__input--error" : ""}`,
+									id: "name",
+									name: "name",
+									type: "text",
+									required: true,
+									autofocus: true,
+									value: values.name ?? "",
+									placeholder: "Design System",
+									"aria-invalid": errors["name"] ? "true" : void 0,
+									"aria-describedby": errors["name"] ? "name-error" : "name-hint",
+									autocomplete: "off"
+								}),
+								errors["name"] ? /* @__PURE__ */ jsx("p", {
+									class: "field__error",
+									id: "name-error",
+									role: "alert",
+									children: errors["name"]
+								}) : /* @__PURE__ */ jsx("p", {
+									class: "field__hint",
+									id: "name-hint",
+									children: "Human readable name. A URL-friendly slug is generated automatically."
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							class: "field",
+							children: [
+								/* @__PURE__ */ jsx("label", {
+									class: "field__label",
+									for: "gitRepository",
+									children: "Git repository"
+								}),
+								/* @__PURE__ */ jsx("input", {
+									class: `field__input ${errors["gitRepository"] ? "field__input--error" : ""}`,
+									id: "gitRepository",
+									name: "gitRepository",
+									type: "text",
+									value: values.gitRepository ?? "",
+									placeholder: "acme/design-system",
+									"aria-invalid": errors["gitRepository"] ? "true" : void 0,
+									"aria-describedby": errors["gitRepository"] ? "gitRepository-error" : "gitRepository-hint"
+								}),
+								errors["gitRepository"] ? /* @__PURE__ */ jsx("p", {
+									class: "field__error",
+									id: "gitRepository-error",
+									role: "alert",
+									children: errors["gitRepository"]
+								}) : /* @__PURE__ */ jsx("p", {
+									class: "field__hint",
+									id: "gitRepository-hint",
+									children: "Optional owner/repo for status checks and links."
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							class: "field",
+							children: [
+								/* @__PURE__ */ jsx("label", {
+									class: "field__label",
+									for: "gitDefaultBranch",
+									children: "Default branch"
+								}),
+								/* @__PURE__ */ jsx("input", {
+									class: "field__input",
+									id: "gitDefaultBranch",
+									name: "gitDefaultBranch",
+									type: "text",
+									value: values.gitDefaultBranch ?? "main",
+									placeholder: "main"
+								}),
+								/* @__PURE__ */ jsx("p", {
+									class: "field__hint",
+									children: "Baselines fall back to this branch when no branch-specific baseline exists."
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							style: "display:flex; gap:.5rem; margin-top:1rem;",
+							children: [/* @__PURE__ */ jsx("button", {
+								class: "btn btn--primary",
+								type: "submit",
+								children: "Create project"
+							}), /* @__PURE__ */ jsx("a", {
+								class: "btn btn--secondary",
+								href: "/projects",
+								children: "Cancel"
+							})]
+						})
+					]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { renderProjectCreatePage };
+
+//# sourceMappingURL=project-create.mjs.map

package/dist/pages/project-create.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-create.mjs","names":[],"sources":["../../src/pages/project-create.tsx"],"sourcesContent":["import { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\n\nexport interface ProjectCreateFormState {\n  values?: { name?: string; gitRepository?: string; gitDefaultBranch?: string };\n  errors?: Record<string, string>;\n  globalError?: string;\n}\n\nexport function renderProjectCreatePage(state: ProjectCreateFormState = {}): RenderedContent {\n  const values = state.values ?? {};\n  const errors = state.errors ?? {};\n  return (\n    <DocumentLayout title=\"New project\" nav={{ active: \"projects\" }}>\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              <span aria-current=\"page\">New project</span>\n            </li>\n          </ol>\n        </nav>\n        <div class=\"page-header__row\">\n          <div>\n            <h1 class=\"page-header__title\">Create project</h1>\n            <p class=\"page-header__desc\">A project corresponds to one Storybook. You can have multiple projects per repository.</p>\n          </div>\n        </div>\n      </div>\n\n      {state.globalError ? (\n        <div class=\"alert alert--danger\" role=\"alert\">\n          <strong class=\"alert__title\">Could not create project</strong>\n          <div class=\"alert__body\">{state.globalError}</div>\n        </div>\n      ) : null}\n\n      <div class=\"card card--padded\" style=\"max-width: 640px;\">\n        <form\n          method=\"post\"\n          action=\"/projects/new\"\n          hx-post=\"/projects/new\"\n          hx-target=\"body\"\n          hx-swap=\"outerHTML\"\n          novalidate\n        >\n          <div class=\"field\">\n            <label class=\"field__label\" for=\"name\">\n              Name <span aria-hidden=\"true\">*</span>\n            </label>\n            <input\n              class={`field__input ${errors[\"name\"] ? \"field__input--error\" : \"\"}`}\n              id=\"name\"\n              name=\"name\"\n              type=\"text\"\n              required\n              autofocus\n              value={values.name ?? \"\"}\n              placeholder=\"Design System\"\n              aria-invalid={errors[\"name\"] ? \"true\" : undefined}\n              aria-describedby={errors[\"name\"] ? \"name-error\" : \"name-hint\"}\n              autocomplete=\"off\"\n            />\n            {errors[\"name\"] ? (\n              <p class=\"field__error\" id=\"name-error\" role=\"alert\">\n                {errors[\"name\"]}\n              </p>\n            ) : (\n              <p class=\"field__hint\" id=\"name-hint\">\n                Human readable name. A URL-friendly slug is generated automatically.\n              </p>\n            )}\n          </div>\n\n          <div class=\"field\">\n            <label class=\"field__label\" for=\"gitRepository\">\n              Git repository\n            </label>\n            <input\n              class={`field__input ${errors[\"gitRepository\"] ? \"field__input--error\" : \"\"}`}\n              id=\"gitRepository\"\n              name=\"gitRepository\"\n              type=\"text\"\n              value={values.gitRepository ?? \"\"}\n              placeholder=\"acme/design-system\"\n              aria-invalid={errors[\"gitRepository\"] ? \"true\" : undefined}\n              aria-describedby={errors[\"gitRepository\"] ? \"gitRepository-error\" : \"gitRepository-hint\"}\n            />\n            {errors[\"gitRepository\"] ? (\n              <p class=\"field__error\" id=\"gitRepository-error\" role=\"alert\">\n                {errors[\"gitRepository\"]}\n              </p>\n            ) : (\n              <p class=\"field__hint\" id=\"gitRepository-hint\">\n                Optional owner/repo for status checks and links.\n              </p>\n            )}\n          </div>\n\n          <div class=\"field\">\n            <label class=\"field__label\" for=\"gitDefaultBranch\">\n              Default branch\n            </label>\n            <input\n              class=\"field__input\"\n              id=\"gitDefaultBranch\"\n              name=\"gitDefaultBranch\"\n              type=\"text\"\n              value={values.gitDefaultBranch ?? \"main\"}\n              placeholder=\"main\"\n            />\n            <p class=\"field__hint\">Baselines fall back to this branch when no branch-specific baseline exists.</p>\n          </div>\n\n          <div style=\"display:flex; gap:.5rem; margin-top:1rem;\">\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Create project\n            </button>\n            <a class=\"btn btn--secondary\" href=\"/projects\">\n              Cancel\n            </a>\n          </div>\n        </form>\n      </div>\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/project-settings.mjs

@@ -0,0 +1,111 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { DocumentLayout } from "../ui/document.mjs";
+import { renderSettingsGeneral } from "./settings-general.mjs";
+import { renderSettingsLabels } from "./settings-labels.mjs";
+import { renderSettingsMembers } from "./settings-members.mjs";
+import { renderSettingsStatus } from "./settings-status.mjs";
+import { renderSettingsTokens } from "./settings-tokens.mjs";
+import { renderSettingsWebhooks } from "./settings-webhooks.mjs";
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+//#region src/pages/project-settings.tsx
+function renderProjectSettingsPage(data, formState) {
+	const { project, activeTab } = data;
+	return /* @__PURE__ */ jsxs(DocumentLayout, {
+		title: `${project.name} · Settings`,
+		nav: {
+			active: "settings",
+			projectSlug: project.slug,
+			projectName: project.name
+		},
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				class: "page-header",
+				children: [/* @__PURE__ */ jsx("nav", {
+					class: "breadcrumbs",
+					"aria-label": "Breadcrumb",
+					children: /* @__PURE__ */ jsxs("ol", { children: [
+						/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
+							href: "/projects",
+							children: "Projects"
+						}) }),
+						/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
+							href: `/projects/${project.slug}/builds`,
+							children: project.name
+						}) }),
+						/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("span", {
+							"aria-current": "page",
+							children: "Settings"
+						}) })
+					] })
+				}), /* @__PURE__ */ jsx("div", {
+					class: "page-header__row",
+					children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+						class: "page-header__title",
+						children: "Project settings"
+					}), /* @__PURE__ */ jsxs("p", {
+						class: "page-header__desc",
+						children: [
+							"Manage general settings, labels, tokens, webhooks and members for ",
+							project.name,
+							"."
+						]
+					})] })
+				})]
+			}),
+			/* @__PURE__ */ jsxs("nav", {
+				class: "tabs",
+				"aria-label": "Settings sections",
+				children: [
+					/* @__PURE__ */ jsx("a", {
+						class: `tabs__link ${activeTab === "general" ? "tabs__link--active" : ""}`,
+						href: `/projects/${project.slug}/settings`,
+						"aria-current": activeTab === "general" ? "page" : void 0,
+						children: "General"
+					}),
+					/* @__PURE__ */ jsx("a", {
+						class: `tabs__link ${activeTab === "labels" ? "tabs__link--active" : ""}`,
+						href: `/projects/${project.slug}/settings/labels`,
+						"aria-current": activeTab === "labels" ? "page" : void 0,
+						children: "Labels"
+					}),
+					/* @__PURE__ */ jsx("a", {
+						class: `tabs__link ${activeTab === "tokens" ? "tabs__link--active" : ""}`,
+						href: `/projects/${project.slug}/settings/tokens`,
+						"aria-current": activeTab === "tokens" ? "page" : void 0,
+						children: "Tokens"
+					}),
+					/* @__PURE__ */ jsx("a", {
+						class: `tabs__link ${activeTab === "webhooks" ? "tabs__link--active" : ""}`,
+						href: `/projects/${project.slug}/settings/webhooks`,
+						"aria-current": activeTab === "webhooks" ? "page" : void 0,
+						children: "Webhooks"
+					}),
+					/* @__PURE__ */ jsx("a", {
+						class: `tabs__link ${activeTab === "members" ? "tabs__link--active" : ""}`,
+						href: `/projects/${project.slug}/settings/members`,
+						"aria-current": activeTab === "members" ? "page" : void 0,
+						children: "Members"
+					}),
+					/* @__PURE__ */ jsx("a", {
+						class: `tabs__link ${activeTab === "status" ? "tabs__link--active" : ""}`,
+						href: `/projects/${project.slug}/settings/status`,
+						"aria-current": activeTab === "status" ? "page" : void 0,
+						children: "Git status"
+					})
+				]
+			}),
+			activeTab === "general" ? renderSettingsGeneral(project, formState, data.isAdmin) : null,
+			activeTab === "labels" ? renderSettingsLabels(project, data.labelTypes, data.isAdmin) : null,
+			activeTab === "tokens" ? renderSettingsTokens(project, data.tokens, data.isAdmin) : null,
+			activeTab === "webhooks" ? renderSettingsWebhooks(project, data.webhooks, data.isAdmin, formState) : null,
+			activeTab === "members" ? renderSettingsMembers(project, data.members, data.isAdmin) : null,
+			activeTab === "status" ? renderSettingsStatus(project, data.statusConfigs, data.gitHosts, data.isAdmin) : null
+		]
+	});
+}
+//#endregion
+export { renderProjectSettingsPage };
+
+//# sourceMappingURL=project-settings.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"project-settings.mjs","names":[],"sources":["../../src/pages/project-settings.tsx"],"sourcesContent":["import type { GitHostProvider } from \"../adapters/git-host/index.ts\";\nimport type { LabelType, Project, Token } from \"../schema.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { renderSettingsGeneral } from \"./settings-general.tsx\";\nimport { renderSettingsLabels } from \"./settings-labels.tsx\";\nimport { renderSettingsMembers, type SettingsMember } from \"./settings-members.tsx\";\nimport { renderSettingsStatus, type SettingsStatusConfig } from \"./settings-status.tsx\";\nimport { renderSettingsTokens } from \"./settings-tokens.tsx\";\nimport { renderSettingsWebhooks, type SettingsWebhook } from \"./settings-webhooks.tsx\";\n\nexport type SettingsTab = \"general\" | \"labels\" | \"tokens\" | \"webhooks\" | \"members\" | \"status\";\n\nexport interface ProjectSettingsData {\n  project: Project;\n  activeTab: SettingsTab;\n  labelTypes: LabelType[];\n  tokens: Array<Omit<Token, \"hash\">>;\n  members: SettingsMember[];\n  webhooks: SettingsWebhook[];\n  statusConfigs: SettingsStatusConfig[];\n  gitHosts: GitHostProvider[];\n  isAdmin: boolean;\n}\n\nexport interface SettingsFormState {\n  errors?: Record<string, string>;\n  globalError?: string;\n  secret?: string;\n}\n\nexport function renderProjectSettingsPage(data: ProjectSettingsData, formState?: SettingsFormState): RenderedContent {\n  const { project, activeTab } = data;\n  return (\n    <DocumentLayout title={`${project.name} · Settings`} nav={{ active: \"settings\", projectSlug: project.slug, projectName: project.name }}>\n      <div class=\"page-header\">\n        <nav class=\"breadcrumbs\" aria-label=\"Breadcrumb\">\n          <ol>\n            <li>\n              <a href=\"/projects\">Projects</a>\n            </li>\n            <li>\n              <a href={`/projects/${project.slug}/builds`}>{project.name}</a>\n            </li>\n            <li>\n              <span aria-current=\"page\">Settings</span>\n            </li>\n          </ol>\n        </nav>\n        <div class=\"page-header__row\">\n          <div>\n            <h1 class=\"page-header__title\">Project settings</h1>\n            <p class=\"page-header__desc\">Manage general settings, labels, tokens, webhooks and members for {project.name}.</p>\n          </div>\n        </div>\n      </div>\n\n      <nav class=\"tabs\" aria-label=\"Settings sections\">\n        <a class={`tabs__link ${activeTab === \"general\" ? \"tabs__link--active\" : \"\"}`} href={`/projects/${project.slug}/settings`} aria-current={activeTab === \"general\" ? \"page\" : undefined}>\n          General\n        </a>\n        <a class={`tabs__link ${activeTab === \"labels\" ? \"tabs__link--active\" : \"\"}`} href={`/projects/${project.slug}/settings/labels`} aria-current={activeTab === \"labels\" ? \"page\" : undefined}>\n          Labels\n        </a>\n        <a class={`tabs__link ${activeTab === \"tokens\" ? \"tabs__link--active\" : \"\"}`} href={`/projects/${project.slug}/settings/tokens`} aria-current={activeTab === \"tokens\" ? \"page\" : undefined}>\n          Tokens\n        </a>\n        <a class={`tabs__link ${activeTab === \"webhooks\" ? \"tabs__link--active\" : \"\"}`} href={`/projects/${project.slug}/settings/webhooks`} aria-current={activeTab === \"webhooks\" ? \"page\" : undefined}>\n          Webhooks\n        </a>\n        <a class={`tabs__link ${activeTab === \"members\" ? \"tabs__link--active\" : \"\"}`} href={`/projects/${project.slug}/settings/members`} aria-current={activeTab === \"members\" ? \"page\" : undefined}>\n          Members\n        </a>\n        <a class={`tabs__link ${activeTab === \"status\" ? \"tabs__link--active\" : \"\"}`} href={`/projects/${project.slug}/settings/status`} aria-current={activeTab === \"status\" ? \"page\" : undefined}>\n          Git status\n        </a>\n      </nav>\n\n      {activeTab === \"general\" ? renderSettingsGeneral(project, formState, data.isAdmin) : null}\n      {activeTab === \"labels\" ? renderSettingsLabels(project, data.labelTypes, data.isAdmin) : null}\n      {activeTab === \"tokens\" ? renderSettingsTokens(project, data.tokens, data.isAdmin) : null}\n      {activeTab === \"webhooks\" ? renderSettingsWebhooks(project, data.webhooks, data.isAdmin, formState) : null}\n      {activeTab === \"members\" ? renderSettingsMembers(project, data.members, data.isAdmin) : null}\n      {activeTab === \"status\" ? renderSettingsStatus(project, data.statusConfigs, data.gitHosts, data.isAdmin) : null}\n    </DocumentLayout>\n  );\n}"],"mappings":";;;;;;;;;;;;AA8BA,SAAgB,0BAA0B,MAA2B,WAAgD;CACnH,MAAM,EAAE,SAAS,cAAc;CAC/B,OACE,qBAAC,gBAAD;EAAgB,OAAO,GAAG,QAAQ,KAAK;EAAc,KAAK;GAAE,QAAQ;GAAY,aAAa,QAAQ;GAAM,aAAa,QAAQ;EAAK;EAArI,UAAA;GACE,qBAAC,OAAD;IAAK,OAAM;IAAX,UAAA,CACE,oBAAC,OAAD;KAAK,OAAM;KAAc,cAAW;KAClC,UAAA,qBAAC,MAAD,EAAA,UAAA;MACE,oBAAC,MAAD,EAAA,UACE,oBAAC,KAAD;OAAG,MAAK;OAAY,UAAA;MAAW,CAAA,EAC7B,CAAA;MACJ,oBAAC,MAAD,EAAA,UACE,oBAAC,KAAD;OAAG,MAAM,aAAa,QAAQ,KAAK;OAAW,UAAA,QAAQ;MAAQ,CAAA,EAC5D,CAAA;MACJ,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD;OAAM,gBAAa;OAAO,UAAA;MAAc,CAAA,EACtC,CAAA;KACF,EAAA,CAAA;IACD,CAAA,GACL,oBAAC,OAAD;KAAK,OAAM;KACT,UAAA,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,MAAD;MAAI,OAAM;MAAqB,UAAA;KAAoB,CAAA,GACnD,qBAAC,KAAD;MAAG,OAAM;MAAT,UAAA;OAA6B;OAAmE,QAAQ;OAAK;MAAI;KAC9G,CAAA,CAAA,EAAA,CAAA;IACF,CAAA,CACF;;GAEL,qBAAC,OAAD;IAAK,OAAM;IAAO,cAAW;IAA7B,UAAA;KACE,oBAAC,KAAD;MAAG,OAAO,cAAc,cAAc,YAAY,uBAAuB;MAAM,MAAM,aAAa,QAAQ,KAAK;MAAY,gBAAc,cAAc,YAAY,SAAS,KAAA;MAAW,UAAA;KAEpL,CAAA;KACH,oBAAC,KAAD;MAAG,OAAO,cAAc,cAAc,WAAW,uBAAuB;MAAM,MAAM,aAAa,QAAQ,KAAK;MAAmB,gBAAc,cAAc,WAAW,SAAS,KAAA;MAAW,UAAA;KAEzL,CAAA;KACH,oBAAC,KAAD;MAAG,OAAO,cAAc,cAAc,WAAW,uBAAuB;MAAM,MAAM,aAAa,QAAQ,KAAK;MAAmB,gBAAc,cAAc,WAAW,SAAS,KAAA;MAAW,UAAA;KAEzL,CAAA;KACH,oBAAC,KAAD;MAAG,OAAO,cAAc,cAAc,aAAa,uBAAuB;MAAM,MAAM,aAAa,QAAQ,KAAK;MAAqB,gBAAc,cAAc,aAAa,SAAS,KAAA;MAAW,UAAA;KAE/L,CAAA;KACH,oBAAC,KAAD;MAAG,OAAO,cAAc,cAAc,YAAY,uBAAuB;MAAM,MAAM,aAAa,QAAQ,KAAK;MAAoB,gBAAc,cAAc,YAAY,SAAS,KAAA;MAAW,UAAA;KAE5L,CAAA;KACH,oBAAC,KAAD;MAAG,OAAO,cAAc,cAAc,WAAW,uBAAuB;MAAM,MAAM,aAAa,QAAQ,KAAK;MAAmB,gBAAc,cAAc,WAAW,SAAS,KAAA;MAAW,UAAA;KAEzL,CAAA;IACA;;GAEJ,cAAc,YAAY,sBAAsB,SAAS,WAAW,KAAK,OAAO,IAAI;GACpF,cAAc,WAAW,qBAAqB,SAAS,KAAK,YAAY,KAAK,OAAO,IAAI;GACxF,cAAc,WAAW,qBAAqB,SAAS,KAAK,QAAQ,KAAK,OAAO,IAAI;GACpF,cAAc,aAAa,uBAAuB,SAAS,KAAK,UAAU,KAAK,SAAS,SAAS,IAAI;GACrG,cAAc,YAAY,sBAAsB,SAAS,KAAK,SAAS,KAAK,OAAO,IAAI;GACvF,cAAc,WAAW,qBAAqB,SAAS,KAAK,eAAe,KAAK,UAAU,KAAK,OAAO,IAAI;EAC7F;;AAEpB"}

package/dist/pages/projects.mjs

@@ -0,0 +1,178 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { BuildModel } from "../models/build.mjs";
+import { ProjectModel } from "../models/project.mjs";
+import { getStore } from "../store.mjs";
+import { DocumentLayout } from "../ui/document.mjs";
+import { Badge } from "../ui/components.mjs";
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+//#region src/pages/projects.tsx
+async function renderProjectsPage() {
+	const { db, user } = getStore();
+	const projects = await new ProjectModel(db).list();
+	const canCreate = !user || user.role === "admin" || user.role === "member";
+	const recentCounts = await Promise.all(projects.map(async (project) => {
+		const builds = await new BuildModel(db).list(project.id);
+		return {
+			slug: project.slug,
+			count: builds.length,
+			latest: builds[0] ?? null
+		};
+	}));
+	const countsBySlug = new Map(recentCounts.map((entry) => [entry.slug, entry]));
+	return /* @__PURE__ */ jsxs(DocumentLayout, {
+		title: "Projects",
+		nav: { active: "projects" },
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				class: "page-header",
+				children: /* @__PURE__ */ jsxs("div", {
+					class: "page-header__row",
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+						class: "page-header__title",
+						children: "Projects"
+					}), /* @__PURE__ */ jsx("p", {
+						class: "page-header__desc",
+						children: "Each project is one Storybook. Create a project, then upload builds from CI."
+					})] }), /* @__PURE__ */ jsx("div", {
+						class: "page-header__actions",
+						children: canCreate ? /* @__PURE__ */ jsx("a", {
+							class: "btn btn--primary",
+							href: "/projects/new",
+							children: "New project"
+						}) : null
+					})]
+				})
+			}),
+			projects.length === 0 ? /* @__PURE__ */ jsxs("div", {
+				class: "empty",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						class: "empty__title",
+						children: "No projects yet"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						class: "empty__desc",
+						children: "Create your first project to start visual testing. Projects are free and unlimited."
+					}),
+					canCreate ? /* @__PURE__ */ jsx("div", {
+						class: "empty__action",
+						children: /* @__PURE__ */ jsx("a", {
+							class: "btn btn--primary",
+							href: "/projects/new",
+							children: "Create project"
+						})
+					}) : null
+				]
+			}) : /* @__PURE__ */ jsx("div", {
+				class: "grid",
+				style: "gap:.75rem;",
+				children: projects.map((project) => {
+					const info = countsBySlug.get(project.slug);
+					return /* @__PURE__ */ jsx("div", {
+						class: "card card--padded",
+						children: /* @__PURE__ */ jsxs("div", {
+							style: "display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; align-items:flex-start;",
+							children: [/* @__PURE__ */ jsxs("div", {
+								style: "min-width:0;",
+								children: [
+									/* @__PURE__ */ jsx("h2", {
+										style: "margin:0; font-size:1.15rem;",
+										children: /* @__PURE__ */ jsx("a", {
+											href: `/projects/${project.slug}/builds`,
+											children: project.name
+										})
+									}),
+									/* @__PURE__ */ jsxs("p", {
+										class: "field__hint",
+										style: "margin:.2rem 0 0;",
+										children: [
+											/* @__PURE__ */ jsx("code", { children: project.slug }),
+											" ",
+											project.gitRepository ? `· ${project.gitRepository}` : "",
+											" · default ",
+											/* @__PURE__ */ jsx(Badge, {
+												tone: "neutral",
+												children: project.gitDefaultBranch
+											})
+										]
+									}),
+									info?.latest ? /* @__PURE__ */ jsxs("p", {
+										class: "field__hint",
+										style: "margin:.3rem 0 0;",
+										children: [
+											"Latest: ",
+											info.latest.gitBranch,
+											" · ",
+											info.latest.gitSha.slice(0, 7),
+											" · ",
+											/* @__PURE__ */ jsx(Badge, {
+												tone: info.latest.status === "approved" ? "success" : info.latest.status === "reviewing" ? "warning" : "neutral",
+												children: info.latest.status
+											})
+										]
+									}) : /* @__PURE__ */ jsx("p", {
+										class: "field__hint",
+										style: "margin:.3rem 0 0;",
+										children: "No builds yet."
+									})
+								]
+							}), /* @__PURE__ */ jsxs("div", {
+								style: "display:flex; gap:.5rem; flex-wrap:wrap;",
+								children: [/* @__PURE__ */ jsxs("a", {
+									class: "btn btn--secondary",
+									href: `/projects/${project.slug}/builds`,
+									children: ["Builds ", info?.count ? `(${info.count})` : ""]
+								}), /* @__PURE__ */ jsx("a", {
+									class: "btn btn--ghost",
+									href: `/projects/${project.slug}/settings`,
+									children: "Settings"
+								})]
+							})]
+						})
+					}, project.id);
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				class: "card card--padded",
+				style: "margin-top:1rem;",
+				children: [/* @__PURE__ */ jsx("h3", {
+					style: "margin:0 0 .4rem;",
+					children: "Next steps"
+				}), /* @__PURE__ */ jsxs("ol", {
+					style: "margin:.4rem 0 0; padding-left:1.2rem; color:var(--text-secondary);",
+					children: [
+						/* @__PURE__ */ jsxs("li", { children: [
+							"Create a project (or run ",
+							/* @__PURE__ */ jsx("code", { children: "npx @storyshelf/cli create --url http://localhost:3000 --name \"My Storybook\" --token $STORYSHELF_ADMIN_TOKEN" }),
+							", or ",
+							/* @__PURE__ */ jsx("code", { children: "init --url --slug" }),
+							" to write ",
+							/* @__PURE__ */ jsx("code", { children: ".storybook/storyshelf.json" }),
+							")"
+						] }),
+						/* @__PURE__ */ jsxs("li", { children: [
+							"Generate a token in ",
+							/* @__PURE__ */ jsx("strong", { children: "Settings → Tokens" }),
+							" and set ",
+							/* @__PURE__ */ jsx("code", { children: "STORYSHELF_TOKEN" }),
+							" in CI."
+						] }),
+						/* @__PURE__ */ jsxs("li", { children: [
+							"Upload: ",
+							/* @__PURE__ */ jsx("code", { children: "npx @storyshelf/cli upload" }),
+							" (or ",
+							/* @__PURE__ */ jsx("code", { children: "npx @storyshelf/cli" }),
+							" defaults to upload when config exists)"
+						] })
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { renderProjectsPage };
+
+//# sourceMappingURL=projects.mjs.map

package/dist/pages/projects.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"projects.mjs","names":[],"sources":["../../src/pages/projects.tsx"],"sourcesContent":["import { ProjectModel } from \"../models/project.ts\";\nimport { BuildModel } from \"../models/build.ts\";\nimport { getStore } from \"../store.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { Badge } from \"../ui/components.tsx\";\n\nexport async function renderProjectsPage(): Promise<RenderedContent> {\n  const { db, user } = getStore();\n  const projects = await new ProjectModel(db).list();\n  const canCreate = !user || user.role === \"admin\" || user.role === \"member\";\n\n  const recentCounts = await Promise.all(\n    projects.map(async (project) => {\n      const builds = await new BuildModel(db).list(project.id);\n      return { slug: project.slug, count: builds.length, latest: builds[0] ?? null };\n    }),\n  );\n  const countsBySlug = new Map(recentCounts.map((entry) => [entry.slug, entry]));\n\n  return (\n    <DocumentLayout title=\"Projects\" nav={{ active: \"projects\" }}>\n      <div class=\"page-header\">\n        <div class=\"page-header__row\">\n          <div>\n            <h1 class=\"page-header__title\">Projects</h1>\n            <p class=\"page-header__desc\">Each project is one Storybook. Create a project, then upload builds from CI.</p>\n          </div>\n          <div class=\"page-header__actions\">\n            {canCreate ? (\n              <a class=\"btn btn--primary\" href=\"/projects/new\">\n                New project\n              </a>\n            ) : null}\n          </div>\n        </div>\n      </div>\n\n      {projects.length === 0 ? (\n        <div class=\"empty\">\n          <h2 class=\"empty__title\">No projects yet</h2>\n          <p class=\"empty__desc\">Create your first project to start visual testing. Projects are free and unlimited.</p>\n          {canCreate ? (\n            <div class=\"empty__action\">\n              <a class=\"btn btn--primary\" href=\"/projects/new\">\n                Create project\n              </a>\n            </div>\n          ) : null}\n        </div>\n      ) : (\n        <div class=\"grid\" style=\"gap:.75rem;\">\n          {projects.map(\n            // eslint-disable-next-line promise-function-async -- JSX.Element includes Promise<HtmlEscapedString>\n            (project) => {\n            const info = countsBySlug.get(project.slug);\n            return (\n              <div key={project.id} class=\"card card--padded\">\n                <div style=\"display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; align-items:flex-start;\">\n                  <div style=\"min-width:0;\">\n                    <h2 style=\"margin:0; font-size:1.15rem;\">\n                      <a href={`/projects/${project.slug}/builds`}>{project.name}</a>\n                    </h2>\n                    <p class=\"field__hint\" style=\"margin:.2rem 0 0;\">\n                      <code>{project.slug}</code> {project.gitRepository ? `· ${project.gitRepository}` : \"\"} · default <Badge tone=\"neutral\">{project.gitDefaultBranch}</Badge>\n                    </p>\n                    {info?.latest ? (\n                      <p class=\"field__hint\" style=\"margin:.3rem 0 0;\">\n                        Latest: {info.latest.gitBranch} · {info.latest.gitSha.slice(0, 7)} · <Badge tone={info.latest.status === \"approved\" ? \"success\" : info.latest.status === \"reviewing\" ? \"warning\" : \"neutral\"}>{info.latest.status}</Badge>\n                      </p>\n                    ) : (\n                      <p class=\"field__hint\" style=\"margin:.3rem 0 0;\">\n                        No builds yet.\n                      </p>\n                    )}\n                  </div>\n                  <div style=\"display:flex; gap:.5rem; flex-wrap:wrap;\">\n                    <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/builds`}>\n                      Builds {info?.count ? `(${info.count})` : \"\"}\n                    </a>\n                    <a class=\"btn btn--ghost\" href={`/projects/${project.slug}/settings`}>\n                      Settings\n                    </a>\n                  </div>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n\n      <div class=\"card card--padded\" style=\"margin-top:1rem;\">\n        <h3 style=\"margin:0 0 .4rem;\">Next steps</h3>\n        <ol style=\"margin:.4rem 0 0; padding-left:1.2rem; color:var(--text-secondary);\">\n          <li>\n            Create a project (or run <code>npx @storyshelf/cli create --url http://localhost:3000 --name \"My Storybook\" --token $STORYSHELF_ADMIN_TOKEN</code>, or <code>init --url --slug</code> to write <code>.storybook/storyshelf.json</code>)\n          </li>\n          <li>\n            Generate a token in <strong>Settings → Tokens</strong> and set <code>STORYSHELF_TOKEN</code> in CI.\n          </li>\n          <li>\n            Upload: <code>npx @storyshelf/cli upload</code> (or <code>npx @storyshelf/cli</code> defaults to upload when config exists)\n          </li>\n        </ol>\n      </div>\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/root.mjs

@@ -0,0 +1,90 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { DocumentLayout } from "../ui/document.mjs";
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+//#region src/pages/root.tsx
+function renderRootPage() {
+	return /* @__PURE__ */ jsxs(DocumentLayout, {
+		title: "Welcome",
+		nav: { active: "projects" },
+		children: [/* @__PURE__ */ jsxs("div", {
+			class: "card card--padded",
+			style: "text-align:center; padding:2rem 1.5rem;",
+			children: [
+				/* @__PURE__ */ jsx("h1", {
+					style: "margin:0 0 .4rem; font-size:1.9rem; letter-spacing:-0.02em;",
+					children: "Welcome to StoryShelf"
+				}),
+				/* @__PURE__ */ jsx("p", {
+					style: "color:var(--text-secondary); max-width:60ch; margin:0 auto 1rem;",
+					children: "Self-hosted visual testing for Storybook. Capture every story, diff against baselines, and review changes before they ship."
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					style: "display:flex; gap:.5rem; justify-content:center; flex-wrap:wrap;",
+					children: [/* @__PURE__ */ jsx("a", {
+						class: "btn btn--primary",
+						href: "/projects",
+						children: "View projects"
+					}), /* @__PURE__ */ jsx("a", {
+						class: "btn btn--secondary",
+						href: "/projects/new",
+						children: "Create project"
+					})]
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					class: "field__hint",
+					style: "margin-top:1rem;",
+					children: [
+						"Tip: use ",
+						/* @__PURE__ */ jsx("code", { children: "npx @storyshelf/cli create --url <url> --name <name> --token $STORYSHELF_ADMIN_TOKEN" }),
+						" to create a project and token for CI, or ",
+						/* @__PURE__ */ jsx("code", { children: "npx @storyshelf/cli init" }),
+						" to write ",
+						/* @__PURE__ */ jsx("code", { children: ".storybook/storyshelf.json" }),
+						"."
+					]
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			class: "grid grid--3",
+			style: "margin-top:1rem;",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					class: "card card--padded",
+					children: [/* @__PURE__ */ jsx("h3", {
+						style: "margin:0 0 .3rem;",
+						children: "Capture"
+					}), /* @__PURE__ */ jsx("p", {
+						class: "field__hint",
+						children: "Upload your Storybook build. Server renders stories with Playwright — deterministic, no repo cloning."
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					class: "card card--padded",
+					children: [/* @__PURE__ */ jsx("h3", {
+						style: "margin:0 0 .3rem;",
+						children: "Diff"
+					}), /* @__PURE__ */ jsx("p", {
+						class: "field__hint",
+						children: "Pixel-perfect diff with pixelmatch. Configurable thresholds, overlay images stored on disk."
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					class: "card card--padded",
+					children: [/* @__PURE__ */ jsx("h3", {
+						style: "margin:0 0 .3rem;",
+						children: "Review"
+					}), /* @__PURE__ */ jsx("p", {
+						class: "field__hint",
+						children: "Per-branch baselines with fallback to default. Approve changes per-story or bulk."
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { renderRootPage };
+
+//# sourceMappingURL=root.mjs.map

package/dist/pages/root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.mjs","names":[],"sources":["../../src/pages/root.tsx"],"sourcesContent":["import { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\n\nexport function renderRootPage(): RenderedContent {\n  return (\n    <DocumentLayout title=\"Welcome\" nav={{ active: \"projects\" }}>\n      <div class=\"card card--padded\" style=\"text-align:center; padding:2rem 1.5rem;\">\n        <h1 style=\"margin:0 0 .4rem; font-size:1.9rem; letter-spacing:-0.02em;\">Welcome to StoryShelf</h1>\n        <p style=\"color:var(--text-secondary); max-width:60ch; margin:0 auto 1rem;\">\n          Self-hosted visual testing for Storybook. Capture every story, diff against baselines, and review changes before they ship.\n        </p>\n        <div style=\"display:flex; gap:.5rem; justify-content:center; flex-wrap:wrap;\">\n          <a class=\"btn btn--primary\" href=\"/projects\">\n            View projects\n          </a>\n          <a class=\"btn btn--secondary\" href=\"/projects/new\">\n            Create project\n          </a>\n        </div>\n        <p class=\"field__hint\" style=\"margin-top:1rem;\">\n          Tip: use <code>npx @storyshelf/cli create --url &lt;url&gt; --name &lt;name&gt; --token $STORYSHELF_ADMIN_TOKEN</code> to create a project and token for CI, or <code>npx @storyshelf/cli init</code> to write <code>.storybook/storyshelf.json</code>.\n        </p>\n      </div>\n\n      <div class=\"grid grid--3\" style=\"margin-top:1rem;\">\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .3rem;\">Capture</h3>\n          <p class=\"field__hint\">Upload your Storybook build. Server renders stories with Playwright — deterministic, no repo cloning.</p>\n        </div>\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .3rem;\">Diff</h3>\n          <p class=\"field__hint\">Pixel-perfect diff with pixelmatch. Configurable thresholds, overlay images stored on disk.</p>\n        </div>\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .3rem;\">Review</h3>\n          <p class=\"field__hint\">Per-branch baselines with fallback to default. Approve changes per-story or bulk.</p>\n        </div>\n      </div>\n    </DocumentLayout>\n  );\n}\n"],"mappings":";;;;;;AAEA,SAAgB,iBAAkC;CAChD,OACE,qBAAC,gBAAD;EAAgB,OAAM;EAAU,KAAK,EAAE,QAAQ,WAAW;EAA1D,UAAA,CACE,qBAAC,OAAD;GAAK,OAAM;GAAoB,OAAM;GAArC,UAAA;IACE,oBAAC,MAAD;KAAI,OAAM;KAA8D,UAAA;IAAyB,CAAA;IACjG,oBAAC,KAAD;KAAG,OAAM;KAAmE,UAAA;IAEzE,CAAA;IACH,qBAAC,OAAD;KAAK,OAAM;KAAX,UAAA,CACE,oBAAC,KAAD;MAAG,OAAM;MAAmB,MAAK;MAAY,UAAA;KAE1C,CAAA,GACH,oBAAC,KAAD;MAAG,OAAM;MAAqB,MAAK;MAAgB,UAAA;KAEhD,CAAA,CACA;;IACL,qBAAC,KAAD;KAAG,OAAM;KAAc,OAAM;KAA7B,UAAA;MAAgD;MACrC,oBAAC,QAAD,EAAA,UAAM,uFAAsG,CAAA;MAAC;MAA0C,oBAAC,QAAD,EAAA,UAAM,2BAA8B,CAAA;MAAC;MAAU,oBAAC,QAAD,EAAA,UAAM,6BAAgC,CAAA;MAAC;KACrP;;GACA;EAEL,CAAA,GAAA,qBAAC,OAAD;GAAK,OAAM;GAAe,OAAM;GAAhC,UAAA;IACE,qBAAC,OAAD;KAAK,OAAM;KAAX,UAAA,CACE,oBAAC,MAAD;MAAI,OAAM;MAAoB,UAAA;KAAW,CAAA,GACzC,oBAAC,KAAD;MAAG,OAAM;MAAc,UAAA;KAAwG,CAAA,CAC5H;;IACL,qBAAC,OAAD;KAAK,OAAM;KAAX,UAAA,CACE,oBAAC,MAAD;MAAI,OAAM;MAAoB,UAAA;KAAQ,CAAA,GACtC,oBAAC,KAAD;MAAG,OAAM;MAAc,UAAA;KAA8F,CAAA,CAClH;;IACL,qBAAC,OAAD;KAAK,OAAM;KAAX,UAAA,CACE,oBAAC,MAAD;MAAI,OAAM;MAAoB,UAAA;KAAU,CAAA,GACxC,oBAAC,KAAD;MAAG,OAAM;MAAc,UAAA;KAAoF,CAAA,CACxG;;GACF;EACS,CAAA,CAAA;;AAEpB"}