@ampless/admin 0.2.0-alpha.0

package/dist/pages/index.js

@@ -0,0 +1,839 @@
+import {
+  I18nProvider,
+  MediaUploader,
+  PostForm,
+  Sidebar,
+  SiteSelector,
+  SiteSettingsForm,
+  ThemeSettingsForm,
+  setAdminCmsConfigClient,
+  useT
+} from "../chunk-BN6BW7MP.js";
+import {
+  readAdminSiteIdFromCookie,
+  setAdminCmsConfig,
+  setAdminMediaContext
+} from "../chunk-TJR3ALRJ.js";
+
+// src/pages/admin-layout.tsx
+import { redirect } from "next/navigation";
+
+// src/pages/admin-providers.tsx
+import { useEffect } from "react";
+
+// src/lib/amplify-client.ts
+import { Amplify } from "aws-amplify";
+var configured = false;
+function configureAmplify(outputs) {
+  if (configured) return;
+  Amplify.configure(outputs, { ssr: true });
+  configured = true;
+}
+
+// src/lib/posts-provider.ts
+import { generateClient } from "aws-amplify/api";
+import {
+  setPostsProvider,
+  composeSiteIdStatus,
+  composeSiteIdSlug
+} from "ampless";
+function encodeBody(value) {
+  if (typeof value === "string") return value;
+  return JSON.stringify(value ?? null);
+}
+function decodeBody(value) {
+  if (typeof value !== "string") return value;
+  try {
+    return JSON.parse(value);
+  } catch {
+    return value;
+  }
+}
+function toCorePost(p) {
+  return {
+    postId: p.postId,
+    siteId: p.siteId,
+    slug: p.slug,
+    title: p.title,
+    excerpt: p.excerpt ?? void 0,
+    format: p.format ?? "markdown",
+    body: decodeBody(p.body),
+    status: p.status ?? "draft",
+    publishedAt: p.publishedAt ?? void 0,
+    tags: (p.tags ?? []).filter((t) => typeof t === "string")
+  };
+}
+function postTagEntries(post) {
+  if (post.status !== "published" || !post.publishedAt || !post.tags?.length) return [];
+  return post.tags.map((tag) => ({
+    siteIdTag: `${post.siteId}#${tag}`,
+    publishedAtPostId: `${post.publishedAt}#${post.postId}`
+  }));
+}
+function entryKey(e) {
+  return `${e.siteIdTag}|${e.publishedAtPostId}`;
+}
+var installed = false;
+function installAdminPostsProvider() {
+  if (installed) return;
+  installed = true;
+  const client = generateClient();
+  async function syncPostTags(post, oldPost) {
+    const oldEntries = oldPost ? postTagEntries(oldPost) : [];
+    const newEntries = postTagEntries(post);
+    const oldKeys = new Set(oldEntries.map(entryKey));
+    const newKeys = new Set(newEntries.map(entryKey));
+    await Promise.all(
+      oldEntries.filter((e) => !newKeys.has(entryKey(e))).map((e) => client.models.PostTag.delete(e))
+    );
+    await Promise.all(
+      newEntries.filter((e) => !oldKeys.has(entryKey(e))).map(
+        (e) => client.models.PostTag.create({
+          siteIdTag: e.siteIdTag,
+          publishedAtPostId: e.publishedAtPostId,
+          siteId: post.siteId,
+          tag: e.siteIdTag.slice(post.siteId.length + 1),
+          postId: post.postId,
+          publishedAt: post.publishedAt,
+          slug: post.slug,
+          title: post.title,
+          excerpt: post.excerpt,
+          tags: post.tags ?? []
+        })
+      )
+    );
+    await Promise.all(
+      newEntries.filter((e) => oldKeys.has(entryKey(e))).map(
+        (e) => client.models.PostTag.update({
+          siteIdTag: e.siteIdTag,
+          publishedAtPostId: e.publishedAtPostId,
+          slug: post.slug,
+          title: post.title,
+          excerpt: post.excerpt,
+          tags: post.tags ?? []
+        })
+      )
+    );
+  }
+  const provider = {
+    async list(opts = {}) {
+      const siteId = opts.siteId ?? "default";
+      const status = opts.status ?? "published";
+      const filter = { siteId: { eq: siteId } };
+      if (status !== "all") filter.status = { eq: status };
+      const { data } = await client.models.Post.list({ filter, limit: opts.limit ?? 100 });
+      return data.map(toCorePost);
+    },
+    async get(slug, opts = {}) {
+      const siteId = opts.siteId ?? "default";
+      const { data } = await client.models.Post.list({
+        filter: { siteId: { eq: siteId }, slug: { eq: slug } },
+        limit: 1
+      });
+      return data[0] ? toCorePost(data[0]) : null;
+    },
+    async getById(postId, opts = {}) {
+      const siteId = opts.siteId ?? "default";
+      const { data } = await client.models.Post.get({ siteId, postId });
+      return data ? toCorePost(data) : null;
+    },
+    async create(input) {
+      const postId = input.postId ?? `post-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+      const { data, errors } = await client.models.Post.create({
+        siteId: input.siteId,
+        postId,
+        slug: input.slug,
+        title: input.title,
+        excerpt: input.excerpt,
+        format: input.format,
+        body: encodeBody(input.body),
+        status: input.status,
+        publishedAt: input.publishedAt,
+        tags: input.tags,
+        // Denormalized GSI keys. Must match every change to slug /
+        // status — see the update() branch below.
+        siteIdStatus: composeSiteIdStatus(input.siteId, input.status),
+        siteIdSlug: composeSiteIdSlug(input.siteId, input.slug)
+      });
+      if (errors || !data) throw new Error(errors?.[0]?.message ?? "Failed to create post");
+      const created = toCorePost(data);
+      await syncPostTags(created, null);
+      return created;
+    },
+    async update(postId, patch, opts = {}) {
+      const siteId = opts.siteId ?? "default";
+      const oldPost = await this.getById(postId, { siteId });
+      const nextStatus = patch.status ?? oldPost?.status;
+      const nextSlug = patch.slug ?? oldPost?.slug;
+      const { data, errors } = await client.models.Post.update({
+        siteId,
+        postId,
+        ...patch.slug !== void 0 && { slug: patch.slug },
+        ...patch.title !== void 0 && { title: patch.title },
+        ...patch.excerpt !== void 0 && { excerpt: patch.excerpt },
+        ...patch.format !== void 0 && { format: patch.format },
+        ...patch.body !== void 0 && { body: encodeBody(patch.body) },
+        ...patch.status !== void 0 && { status: patch.status },
+        ...patch.publishedAt !== void 0 && { publishedAt: patch.publishedAt },
+        ...patch.tags !== void 0 && { tags: patch.tags },
+        ...patch.status !== void 0 && nextStatus && { siteIdStatus: composeSiteIdStatus(siteId, nextStatus) },
+        ...patch.slug !== void 0 && nextSlug && { siteIdSlug: composeSiteIdSlug(siteId, nextSlug) }
+      });
+      if (errors || !data) throw new Error(errors?.[0]?.message ?? "Failed to update post");
+      const updated = toCorePost(data);
+      await syncPostTags(updated, oldPost);
+      return updated;
+    },
+    async remove(postId, opts = {}) {
+      const siteId = opts.siteId ?? "default";
+      const oldPost = await this.getById(postId, { siteId });
+      if (oldPost) {
+        await syncPostTags({ ...oldPost, status: "draft" }, oldPost);
+      }
+      const { errors } = await client.models.Post.delete({ siteId, postId });
+      if (errors) throw new Error(errors[0]?.message ?? "Failed to delete post");
+    }
+  };
+  setPostsProvider(provider);
+}
+
+// src/lib/kv-provider.ts
+import { generateClient as generateClient2 } from "aws-amplify/api";
+import { setKvStore } from "ampless";
+var installed2 = false;
+function installAdminKvProvider() {
+  if (installed2) return;
+  installed2 = true;
+  const client = generateClient2();
+  function requireModel() {
+    const m = client.models.KvStore;
+    if (!m) {
+      throw new Error(
+        "KvStore model is not available on the AppSync client. Did you redeploy the sandbox? Run `npx ampx sandbox` and wait for it to finish, then reload this page."
+      );
+    }
+    return m;
+  }
+  function encodeValue(value) {
+    return JSON.stringify(value ?? null);
+  }
+  function decodeValue(raw) {
+    if (typeof raw !== "string") return raw;
+    try {
+      return JSON.parse(raw);
+    } catch {
+      return raw;
+    }
+  }
+  const store = {
+    async get(pk, sk) {
+      const model = requireModel();
+      const { data } = await model.get({ pk, sk });
+      return data ? decodeValue(data.value) : null;
+    },
+    async query(pk) {
+      const model = requireModel();
+      const { data } = await model.list({
+        filter: { pk: { eq: pk } },
+        limit: 1e3
+      });
+      return (data ?? []).map((row) => ({
+        pk: row.pk,
+        sk: row.sk,
+        value: decodeValue(row.value),
+        ttl: row.ttl ?? void 0
+      }));
+    },
+    async put(pk, sk, value, opts) {
+      const model = requireModel();
+      const ttl = opts?.ttlSeconds ? Math.floor(Date.now() / 1e3) + opts.ttlSeconds : void 0;
+      const existing = await model.get({ pk, sk });
+      if (existing.data) {
+        const { errors } = await model.update({
+          pk,
+          sk,
+          value: encodeValue(value),
+          ttl: ttl ?? null
+        });
+        if (errors) throw new Error(errors[0]?.message ?? "KvStore.update failed");
+      } else {
+        const { errors } = await model.create({
+          pk,
+          sk,
+          value: encodeValue(value),
+          ttl
+        });
+        if (errors) throw new Error(errors[0]?.message ?? "KvStore.create failed");
+      }
+    },
+    async remove(pk, sk) {
+      const model = requireModel();
+      const { errors } = await model.delete({ pk, sk });
+      if (errors) throw new Error(errors[0]?.message ?? "KvStore.delete failed");
+    }
+  };
+  setKvStore(store);
+}
+
+// src/pages/admin-providers.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+function AdminProviders({ outputs, cmsConfig, children }) {
+  configureAmplify(outputs);
+  setAdminCmsConfig(cmsConfig);
+  setAdminCmsConfigClient(cmsConfig);
+  setAdminMediaContext(outputs, cmsConfig);
+  useEffect(() => {
+    installAdminPostsProvider();
+    installAdminKvProvider();
+  }, []);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+// src/pages/admin-layout.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function createAdminLayout(admin) {
+  async function AdminLayout({ children }) {
+    const session = await admin.getServerSession();
+    if (!admin.isEditor(session)) {
+      redirect("/login");
+    }
+    const sites = admin.adminSiteOptions();
+    const currentSiteId = await admin.currentAdminSiteId();
+    const selector = sites.length > 0 ? /* @__PURE__ */ jsx2(SiteSelector, { current: currentSiteId, sites }) : null;
+    return /* @__PURE__ */ jsx2(AdminProviders, { outputs: admin.outputs, cmsConfig: admin.cmsConfig, children: /* @__PURE__ */ jsx2(I18nProvider, { locale: admin.locale, dict: admin.dict, children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen", children: [
+      /* @__PURE__ */ jsx2(Sidebar, { email: session.email, siteSelector: selector }),
+      /* @__PURE__ */ jsx2("main", { className: "flex-1 overflow-auto", children })
+    ] }) }) });
+  }
+  return AdminLayout;
+}
+
+// src/pages/dashboard.tsx
+import { useEffect as useEffect2, useState } from "react";
+import Link from "next/link";
+import { listPosts } from "ampless";
+import { Button, Card, CardContent, CardHeader, CardTitle } from "@ampless/runtime/ui";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function AdminDashboard() {
+  const t = useT();
+  const [posts, setPosts] = useState([]);
+  const [loading, setLoading] = useState(true);
+  useEffect2(() => {
+    listPosts({ status: "all" }).then(setPosts).finally(() => setLoading(false));
+  }, []);
+  const published = posts.filter((p) => p.status === "published").length;
+  const drafts = posts.filter((p) => p.status === "draft").length;
+  return /* @__PURE__ */ jsxs2("div", { className: "p-8", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "mb-8 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx3("h1", { className: "text-3xl font-bold", children: t("dashboard.title") }),
+      /* @__PURE__ */ jsx3(Button, { asChild: true, children: /* @__PURE__ */ jsx3(Link, { href: "/admin/posts/new", children: t("dashboard.newPost") }) })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: [
+      /* @__PURE__ */ jsxs2(Card, { children: [
+        /* @__PURE__ */ jsx3(CardHeader, { children: /* @__PURE__ */ jsx3(CardTitle, { children: t("dashboard.totalPosts") }) }),
+        /* @__PURE__ */ jsxs2(CardContent, { children: [
+          /* @__PURE__ */ jsx3("p", { className: "text-3xl font-bold", children: loading ? "\u2014" : posts.length }),
+          /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground", children: t("dashboard.totalLabel") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2(Card, { children: [
+        /* @__PURE__ */ jsx3(CardHeader, { children: /* @__PURE__ */ jsx3(CardTitle, { children: t("dashboard.published") }) }),
+        /* @__PURE__ */ jsx3(CardContent, { children: /* @__PURE__ */ jsx3("p", { className: "text-3xl font-bold", children: loading ? "\u2014" : published }) })
+      ] }),
+      /* @__PURE__ */ jsxs2(Card, { children: [
+        /* @__PURE__ */ jsx3(CardHeader, { children: /* @__PURE__ */ jsx3(CardTitle, { children: t("dashboard.drafts") }) }),
+        /* @__PURE__ */ jsx3(CardContent, { children: /* @__PURE__ */ jsx3("p", { className: "text-3xl font-bold", children: loading ? "\u2014" : drafts }) })
+      ] })
+    ] })
+  ] });
+}
+function createAdminDashboardPage(_admin) {
+  return AdminDashboard;
+}
+
+// src/pages/posts-list.tsx
+import { useEffect as useEffect3, useState as useState2 } from "react";
+import Link2 from "next/link";
+import { listPosts as listPosts2 } from "ampless";
+import {
+  Button as Button2,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "@ampless/runtime/ui";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function PostsList() {
+  const t = useT();
+  const [posts, setPosts] = useState2([]);
+  const [loading, setLoading] = useState2(true);
+  useEffect3(() => {
+    const siteId = readAdminSiteIdFromCookie();
+    listPosts2({ status: "all", siteId }).then(setPosts).finally(() => setLoading(false));
+  }, []);
+  return /* @__PURE__ */ jsxs3("div", { className: "p-8", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "mb-8 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx4("h1", { className: "text-3xl font-bold", children: t("posts.list.title") }),
+      /* @__PURE__ */ jsx4(Button2, { asChild: true, children: /* @__PURE__ */ jsx4(Link2, { href: "/admin/posts/new", children: t("posts.list.newButton") }) })
+    ] }),
+    loading ? /* @__PURE__ */ jsx4("p", { className: "text-muted-foreground", children: t("common.loading") }) : posts.length === 0 ? /* @__PURE__ */ jsxs3("div", { className: "rounded-md border p-12 text-center", children: [
+      /* @__PURE__ */ jsx4("p", { className: "text-muted-foreground", children: t("posts.list.empty") }),
+      /* @__PURE__ */ jsx4(Button2, { asChild: true, className: "mt-4", children: /* @__PURE__ */ jsx4(Link2, { href: "/admin/posts/new", children: t("posts.list.createFirst") }) })
+    ] }) : /* @__PURE__ */ jsx4("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs3(Table, { children: [
+      /* @__PURE__ */ jsx4(TableHeader, { children: /* @__PURE__ */ jsxs3(TableRow, { children: [
+        /* @__PURE__ */ jsx4(TableHead, { children: t("posts.list.columnTitle") }),
+        /* @__PURE__ */ jsx4(TableHead, { children: t("posts.list.columnStatus") }),
+        /* @__PURE__ */ jsx4(TableHead, { children: t("posts.list.columnSlug") }),
+        /* @__PURE__ */ jsx4(TableHead, { children: t("posts.list.columnUpdated") })
+      ] }) }),
+      /* @__PURE__ */ jsx4(TableBody, { children: posts.map((post) => /* @__PURE__ */ jsxs3(TableRow, { children: [
+        /* @__PURE__ */ jsx4(TableCell, { children: /* @__PURE__ */ jsx4(
+          Link2,
+          {
+            href: `/admin/posts/${post.postId}`,
+            className: "font-medium hover:underline",
+            children: post.title
+          }
+        ) }),
+        /* @__PURE__ */ jsx4(TableCell, { children: /* @__PURE__ */ jsx4(
+          "span",
+          {
+            className: post.status === "published" ? "inline-block rounded-full bg-green-100 px-2 py-0.5 text-xs text-green-700" : "inline-block rounded-full bg-gray-100 px-2 py-0.5 text-xs text-gray-700",
+            children: t(`common.${post.status}`)
+          }
+        ) }),
+        /* @__PURE__ */ jsx4(TableCell, { className: "font-mono text-xs text-muted-foreground", children: post.slug }),
+        /* @__PURE__ */ jsx4(TableCell, { className: "text-sm text-muted-foreground", children: post.publishedAt ? new Date(post.publishedAt).toLocaleDateString() : "\u2014" })
+      ] }, post.postId)) })
+    ] }) })
+  ] });
+}
+function createPostsListPage(_admin) {
+  return PostsList;
+}
+
+// src/pages/post-new.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function NewPostPage() {
+  const t = useT();
+  return /* @__PURE__ */ jsxs4("div", { className: "p-8", children: [
+    /* @__PURE__ */ jsx5("h1", { className: "mb-8 text-3xl font-bold", children: t("posts.form.newTitle") }),
+    /* @__PURE__ */ jsx5(PostForm, {})
+  ] });
+}
+function createNewPostPage(_admin) {
+  return NewPostPage;
+}
+
+// src/pages/post-edit.tsx
+import { useEffect as useEffect4, useState as useState3, use } from "react";
+import { notFound } from "next/navigation";
+import { getPostById } from "ampless";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function EditPostPage({ params }) {
+  const t = useT();
+  const { postId } = use(params);
+  const [post, setPost] = useState3(null);
+  const [loading, setLoading] = useState3(true);
+  const [missing, setMissing] = useState3(false);
+  useEffect4(() => {
+    const siteId = readAdminSiteIdFromCookie();
+    getPostById(postId, { siteId }).then((p) => {
+      if (!p) setMissing(true);
+      else setPost(p);
+    }).finally(() => setLoading(false));
+  }, [postId]);
+  if (loading) return /* @__PURE__ */ jsx6("div", { className: "p-8", children: t("common.loading") });
+  if (missing) notFound();
+  return /* @__PURE__ */ jsxs5("div", { className: "p-8", children: [
+    /* @__PURE__ */ jsx6("h1", { className: "mb-8 text-3xl font-bold", children: t("posts.form.editTitle") }),
+    post && /* @__PURE__ */ jsx6(PostForm, { post })
+  ] });
+}
+function createEditPostPage(_admin) {
+  return EditPostPage;
+}
+
+// src/pages/media.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function MediaPage() {
+  const t = useT();
+  return /* @__PURE__ */ jsxs6("div", { className: "p-8", children: [
+    /* @__PURE__ */ jsx7("h1", { className: "mb-8 text-3xl font-bold", children: t("media.title") }),
+    /* @__PURE__ */ jsx7(MediaUploader, {})
+  ] });
+}
+function createMediaPage(_admin) {
+  return MediaPage;
+}
+
+// src/pages/sites-list.tsx
+import Link3 from "next/link";
+import { DEFAULT_SITE_ID, isMultiSite, siteFor } from "ampless";
+import {
+  Button as Button3,
+  Table as Table2,
+  TableBody as TableBody2,
+  TableCell as TableCell2,
+  TableHead as TableHead2,
+  TableHeader as TableHeader2,
+  TableRow as TableRow2
+} from "@ampless/runtime/ui";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function createSitesListPage(admin) {
+  const { cmsConfig, t } = admin;
+  async function SitesPage() {
+    const multi = isMultiSite(cmsConfig);
+    const ids = multi ? Object.keys(cmsConfig.sites ?? {}) : [DEFAULT_SITE_ID];
+    return /* @__PURE__ */ jsxs7("div", { className: "p-8", children: [
+      /* @__PURE__ */ jsx8("div", { className: "mb-8 flex items-center justify-between", children: /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx8("h1", { className: "text-3xl font-bold", children: t("sites.list.title") }),
+        /* @__PURE__ */ jsx8("p", { className: "mt-1 text-sm text-muted-foreground", children: t("sites.list.description") })
+      ] }) }),
+      /* @__PURE__ */ jsx8("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs7(Table2, { children: [
+        /* @__PURE__ */ jsx8(TableHeader2, { children: /* @__PURE__ */ jsxs7(TableRow2, { children: [
+          /* @__PURE__ */ jsx8(TableHead2, { children: t("sites.list.columnSiteId") }),
+          /* @__PURE__ */ jsx8(TableHead2, { children: t("sites.list.columnName") }),
+          /* @__PURE__ */ jsx8(TableHead2, { children: t("sites.list.columnUrl") }),
+          /* @__PURE__ */ jsx8(TableHead2, { children: t("sites.list.columnDomains") }),
+          /* @__PURE__ */ jsx8(TableHead2, {})
+        ] }) }),
+        /* @__PURE__ */ jsx8(TableBody2, { children: ids.map((id) => {
+          const site = siteFor(id, cmsConfig);
+          const domains = cmsConfig.sites?.[id]?.domains ?? [];
+          return /* @__PURE__ */ jsxs7(TableRow2, { children: [
+            /* @__PURE__ */ jsx8(TableCell2, { className: "font-mono text-xs", children: id }),
+            /* @__PURE__ */ jsx8(TableCell2, { className: "font-medium", children: site.name }),
+            /* @__PURE__ */ jsx8(TableCell2, { className: "text-sm text-muted-foreground", children: site.url }),
+            /* @__PURE__ */ jsx8(TableCell2, { className: "text-sm text-muted-foreground", children: domains.length > 0 ? domains.join(", ") : "\u2014" }),
+            /* @__PURE__ */ jsx8(TableCell2, { children: /* @__PURE__ */ jsx8(Button3, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsx8(Link3, { href: `/admin/sites/${id}`, children: t("sites.list.edit") }) }) })
+          ] }, id);
+        }) })
+      ] }) })
+    ] });
+  }
+  return SitesPage;
+}
+
+// src/pages/site-edit.tsx
+import Link4 from "next/link";
+import { siteFor as siteFor2 } from "ampless";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function createSiteEditPage(admin) {
+  const { cmsConfig, t, loadSiteSettings } = admin;
+  async function EditSitePage({ params }) {
+    const { siteId } = await params;
+    const settings = await loadSiteSettings(siteId);
+    const defaults = siteFor2(siteId, cmsConfig);
+    const fallback = {
+      "site.name": defaults.name,
+      "site.url": defaults.url,
+      "site.description": defaults.description,
+      "media.imageDisplay": cmsConfig.media?.imageDisplay,
+      "media.imageMaxWidth": cmsConfig.media?.imageMaxWidth,
+      dateFormat: cmsConfig.dateFormat,
+      timezone: cmsConfig.timezone
+    };
+    const initial = {
+      "site.name": settings.site.name,
+      "site.url": settings.site.url,
+      "site.description": settings.site.description,
+      "media.imageDisplay": settings.media.imageDisplay,
+      "media.imageMaxWidth": settings.media.imageMaxWidth,
+      dateFormat: settings.dateFormat,
+      timezone: settings.timezone
+    };
+    return /* @__PURE__ */ jsxs8("div", { className: "p-8", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "mb-8", children: [
+        /* @__PURE__ */ jsxs8(
+          Link4,
+          {
+            href: "/admin/sites",
+            className: "text-sm text-muted-foreground hover:underline",
+            children: [
+              "\u2190 ",
+              t("sidebar.sites")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx9("h1", { className: "mt-2 text-3xl font-bold", children: settings.site.name }),
+        /* @__PURE__ */ jsxs8("p", { className: "text-sm text-muted-foreground", children: [
+          t("common.siteId"),
+          ": ",
+          /* @__PURE__ */ jsx9("code", { className: "font-mono", children: siteId })
+        ] }),
+        /* @__PURE__ */ jsx9("div", { className: "mt-4", children: /* @__PURE__ */ jsx9(
+          Link4,
+          {
+            href: `/admin/sites/${siteId}/theme`,
+            className: "text-sm font-medium underline",
+            children: t("sites.edit.themeLink")
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx9(SiteSettingsForm, { siteId, initial, fallback })
+    ] });
+  }
+  return EditSitePage;
+}
+
+// src/pages/site-theme.tsx
+import Link5 from "next/link";
+import { siteFor as siteFor3, resolveLocalized } from "ampless";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function createSiteThemePage(admin, themeList) {
+  const { cmsConfig, t, locale, loadThemeConfig } = admin;
+  async function ThemePage({ params }) {
+    const { siteId } = await params;
+    const site = siteFor3(siteId, cmsConfig);
+    const theme = await loadThemeConfig(siteId);
+    const themeOptions = themeList.map((m) => ({
+      value: m.name,
+      label: m.manifest.label,
+      description: m.manifest.description
+    }));
+    return /* @__PURE__ */ jsxs9("div", { className: "p-8", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "mb-8", children: [
+        /* @__PURE__ */ jsxs9(
+          Link5,
+          {
+            href: `/admin/sites/${siteId}`,
+            className: "text-sm text-muted-foreground hover:underline",
+            children: [
+              "\u2190 ",
+              site.name
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx10("h1", { className: "mt-2 text-3xl font-bold", children: t("theme.title") }),
+        /* @__PURE__ */ jsxs9("p", { className: "text-sm text-muted-foreground", children: [
+          t("common.active"),
+          ":",
+          " ",
+          /* @__PURE__ */ jsx10("strong", { children: resolveLocalized(theme.manifest.label, locale) }),
+          " (",
+          theme.activeTheme,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx10(
+        ThemeSettingsForm,
+        {
+          siteId,
+          manifest: theme.manifest,
+          activeTheme: theme.activeTheme,
+          themeOptions,
+          initial: theme.values
+        }
+      )
+    ] });
+  }
+  return ThemePage;
+}
+
+// src/pages/login.tsx
+import { useState as useState4 } from "react";
+import { useRouter } from "next/navigation";
+import {
+  signIn,
+  signUp,
+  confirmSignUp,
+  resetPassword,
+  confirmResetPassword
+} from "aws-amplify/auth";
+import {
+  Button as Button4,
+  Input,
+  Label,
+  Card as Card2,
+  CardContent as CardContent2,
+  CardHeader as CardHeader2,
+  CardTitle as CardTitle2,
+  CardDescription
+} from "@ampless/runtime/ui";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+function LoginPage() {
+  const router = useRouter();
+  const t = useT();
+  const [mode, setMode] = useState4("signIn");
+  const [email, setEmail] = useState4("");
+  const [password, setPassword] = useState4("");
+  const [code, setCode] = useState4("");
+  const [error, setError] = useState4(null);
+  const [info, setInfo] = useState4(null);
+  const [loading, setLoading] = useState4(false);
+  function go(next) {
+    setMode(next);
+    setError(null);
+    setInfo(null);
+    setCode("");
+    if (next === "signIn" || next === "signUp" || next === "forgot") setPassword("");
+  }
+  async function handleSubmit(e) {
+    e.preventDefault();
+    setError(null);
+    setInfo(null);
+    setLoading(true);
+    try {
+      if (mode === "signIn") {
+        const result = await signIn({ username: email, password });
+        if (result.isSignedIn) {
+          router.push("/admin");
+          router.refresh();
+        } else {
+          setError(t("auth.additionalStep", { step: result.nextStep.signInStep }));
+        }
+      } else if (mode === "signUp") {
+        await signUp({
+          username: email,
+          password,
+          options: { userAttributes: { email } }
+        });
+        go("confirm");
+      } else if (mode === "confirm") {
+        await confirmSignUp({ username: email, confirmationCode: code });
+        const result = await signIn({ username: email, password });
+        if (result.isSignedIn) {
+          router.push("/admin");
+          router.refresh();
+        }
+      } else if (mode === "forgot") {
+        await resetPassword({ username: email });
+        setMode("reset");
+        setInfo(t("auth.forgot.codeSent"));
+      } else if (mode === "reset") {
+        await confirmResetPassword({
+          username: email,
+          confirmationCode: code,
+          newPassword: password
+        });
+        const result = await signIn({ username: email, password });
+        if (result.isSignedIn) {
+          router.push("/admin");
+          router.refresh();
+        } else {
+          setMode("signIn");
+          setInfo(t("auth.reset.passwordUpdated"));
+        }
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+    }
+  }
+  const showEmail = mode !== "confirm" && mode !== "reset";
+  const showPassword = mode === "signIn" || mode === "signUp" || mode === "reset";
+  const showCode = mode === "confirm" || mode === "reset";
+  return /* @__PURE__ */ jsx11("main", { className: "flex min-h-screen items-center justify-center bg-muted/30 p-4", children: /* @__PURE__ */ jsxs10(Card2, { className: "w-full max-w-md", children: [
+    /* @__PURE__ */ jsxs10(CardHeader2, { children: [
+      /* @__PURE__ */ jsx11(CardTitle2, { children: t(`auth.${mode}.title`) }),
+      /* @__PURE__ */ jsx11(CardDescription, { children: t(`auth.${mode}.description`) })
+    ] }),
+    /* @__PURE__ */ jsx11(CardContent2, { children: /* @__PURE__ */ jsxs10("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      showEmail && /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx11(Label, { htmlFor: "email", children: t("auth.common.email") }),
+        /* @__PURE__ */ jsx11(
+          Input,
+          {
+            id: "email",
+            type: "email",
+            required: true,
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            autoComplete: "email"
+          }
+        )
+      ] }),
+      showCode && /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx11(Label, { htmlFor: "code", children: t("auth.common.code") }),
+        /* @__PURE__ */ jsx11(
+          Input,
+          {
+            id: "code",
+            required: true,
+            value: code,
+            onChange: (e) => setCode(e.target.value),
+            autoComplete: "one-time-code"
+          }
+        )
+      ] }),
+      showPassword && /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx11(Label, { htmlFor: "password", children: mode === "reset" ? t("auth.common.newPassword") : t("auth.common.password") }),
+        /* @__PURE__ */ jsx11(
+          Input,
+          {
+            id: "password",
+            type: "password",
+            required: true,
+            minLength: 8,
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            autoComplete: mode === "signIn" ? "current-password" : "new-password"
+          }
+        ),
+        (mode === "signUp" || mode === "reset") && /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground", children: t("auth.common.passwordHint") })
+      ] }),
+      info && /* @__PURE__ */ jsx11("p", { className: "text-sm text-muted-foreground", children: info }),
+      error && /* @__PURE__ */ jsx11("p", { className: "text-sm text-destructive", children: error }),
+      /* @__PURE__ */ jsx11(Button4, { type: "submit", className: "w-full", disabled: loading, children: loading ? t("auth.common.working") : t(`auth.${mode}.submit`) }),
+      /* @__PURE__ */ jsxs10("div", { className: "space-y-1 text-center text-sm", children: [
+        mode === "signIn" && /* @__PURE__ */ jsxs10(Fragment2, { children: [
+          /* @__PURE__ */ jsx11("p", { children: /* @__PURE__ */ jsx11(
+            "button",
+            {
+              type: "button",
+              className: "text-primary hover:underline",
+              onClick: () => go("forgot"),
+              children: t("auth.signIn.forgotPassword")
+            }
+          ) }),
+          /* @__PURE__ */ jsx11("p", { children: /* @__PURE__ */ jsx11(
+            "button",
+            {
+              type: "button",
+              className: "text-primary hover:underline",
+              onClick: () => go("signUp"),
+              children: t("auth.signIn.createAccount")
+            }
+          ) })
+        ] }),
+        (mode === "signUp" || mode === "forgot" || mode === "reset") && /* @__PURE__ */ jsx11("p", { children: /* @__PURE__ */ jsx11(
+          "button",
+          {
+            type: "button",
+            className: "text-primary hover:underline",
+            onClick: () => go("signIn"),
+            children: t("auth.signUp.backToSignIn")
+          }
+        ) }),
+        mode === "reset" && /* @__PURE__ */ jsx11("p", { children: /* @__PURE__ */ jsx11(
+          "button",
+          {
+            type: "button",
+            className: "text-primary hover:underline",
+            onClick: () => go("forgot"),
+            children: t("auth.reset.resendCode")
+          }
+        ) })
+      ] })
+    ] }) })
+  ] }) });
+}
+function createLoginPage(_admin) {
+  return LoginPage;
+}
+export {
+  createAdminDashboardPage,
+  createAdminLayout,
+  createEditPostPage,
+  createLoginPage,
+  createMediaPage,
+  createNewPostPage,
+  createPostsListPage,
+  createSiteEditPage,
+  createSiteThemePage,
+  createSitesListPage
+};