@ampless/admin 0.2.0-alpha.7 → 1.0.0-alpha.26

package/README.ja.md

@@ -0,0 +1,73 @@
+> English: [README.md](./README.md)
+> 
+
+# @ampless/admin
+
+[ampless](https://github.com/heavymoons/ampless) 向け管理 UI ライブラリ。投稿エディター（Tiptap + Markdown + HTML）、メディアマネージャー（S3 + 画像処理）、サイト / テーマ設定、ロケール対応 UI 文字列、そしてすべてを結びつける Next.js ページファクトリーを提供します。
+
+> **プレリリース / アルファ版。** v1.0 まではマイナーバージョンでも破壊的変更が入る可能性があります。
+
+## なぜライブラリなのか？
+
+以前は管理 UI がテンプレートプロジェクト内に存在していました。バグ修正や機能追加のたびに、テンプレートと各サイト間でファイルをコピーし続ける必要がありました。`@ampless/admin` として切り出すことで、プロジェクトは `npm update @ampless/admin` を実行するだけで改善を取り込めます — 他の依存パッケージと同じアップグレードフローです。
+
+## インストール
+
+```bash
+npm install @ampless/admin@alpha @ampless/runtime@alpha ampless@alpha
+```
+
+ピア依存: `next`、`react`、`react-dom`、`aws-amplify`、`@aws-amplify/adapter-nextjs`。
+
+## 接続方法
+
+Next.js プロジェクトに `lib/admin.ts` を作成します：
+
+```ts
+import outputs from '../amplify_outputs.json'
+import cmsConfig from '../cms.config'
+import { createAdmin } from '@ampless/admin'
+import { ampless } from './ampless'
+
+export const admin = createAdmin({ outputs, cmsConfig, ampless })
+export const t = admin.t
+```
+
+各管理ルートを薄いシェルとして公開します：
+
+```tsx
+// app/(admin)/admin/posts/page.tsx
+import { admin } from '@/lib/admin'
+import { createPostsListPage } from '@ampless/admin/pages'
+export default createPostsListPage(admin)
+```
+
+```ts
+// app/api/media/[...path]/route.ts
+import { admin } from '@/lib/admin'
+import { createMediaProxyRoute } from '@ampless/admin/api'
+export const { GET } = createMediaProxyRoute(admin)
+export const runtime = 'nodejs'
+```
+
+## サブパス
+
+| サブパス                       | 内容                                                 |
+| ----------------------------- | --------------------------------------------------- |
+| `@ampless/admin`              | `createAdmin` ファクトリー + `Admin` インターフェース  |
+| `@ampless/admin/pages`        | ページファクトリー — 管理ルートごとに 1 つ             |
+| `@ampless/admin/api`          | API ルートファクトリー（`createMediaProxyRoute` など）|
+| `@ampless/admin/components`   | 高度な接続用フォーム / エディターコンポーネント         |
+
+## ロケール
+
+`createAdmin({ locale: 'ja' })` で管理 UI 文字列を日本語に切り替えます。
+オブジェクトリテラルを渡すと個別の文字列をオーバーライドできます：
+
+```ts
+createAdmin({
+  outputs,
+  cmsConfig,
+  locale: { sidebar: { brand: 'MySite Admin' } },
+})
+```

package/README.md

@@ -1,3 +1,6 @@
+> 日本語版: [README.ja.md](./README.ja.md)
+> 
+
 # @ampless/admin
 
 Admin UI library for [ampless](https://github.com/heavymoons/ampless): post

package/dist/api/index.d.ts

@@ -2,7 +2,7 @@ import { NextRequest, NextResponse } from 'next/server';
 import { Admin } from '../index.js';
 import 'ampless';
 import '@ampless/runtime';
-import '../i18n-Bc4SYgWx.js';
+import '../i18n-BhMBRfio.js';
 import '@aws-amplify/adapter-nextjs';
 
 /**

package/dist/chunk-2ITWLRYF.js

@@ -0,0 +1,38 @@
+// src/lib/media.ts
+var state = { outputs: null, cmsConfig: null };
+function setAdminMediaContext(outputs, cmsConfig) {
+  state.outputs = outputs;
+  state.cmsConfig = cmsConfig;
+}
+function publicMediaUrl(input) {
+  if (/^https?:\/\//.test(input)) return input;
+  let path = input.replace(/^\/+/, "");
+  if (path.startsWith("public/")) path = path.slice("public/".length);
+  const { outputs, cmsConfig } = state;
+  const delivery = cmsConfig?.media?.delivery ?? "nextjs";
+  if (delivery !== "s3-direct") return `/api/media/${path}`;
+  const storage = outputs?.storage;
+  if (!storage) return `/api/media/${path}`;
+  return `https://${storage.bucket_name}.s3.${storage.aws_region}.amazonaws.com/public/${path}`;
+}
+function createMedia(outputs, cmsConfig) {
+  const storage = outputs.storage;
+  function s3DirectUrl(path) {
+    if (!storage) return `/api/media/${path}`;
+    return `https://${storage.bucket_name}.s3.${storage.aws_region}.amazonaws.com/public/${path}`;
+  }
+  function urlFor(input) {
+    if (/^https?:\/\//.test(input)) return input;
+    let path = input.replace(/^\/+/, "");
+    if (path.startsWith("public/")) path = path.slice("public/".length);
+    const delivery = cmsConfig.media?.delivery ?? "nextjs";
+    return delivery === "s3-direct" ? s3DirectUrl(path) : `/api/media/${path}`;
+  }
+  return { publicMediaUrl: urlFor };
+}
+
+export {
+  setAdminMediaContext,
+  publicMediaUrl,
+  createMedia
+};

package/dist/chunk-2U3POKAZ.js

@@ -0,0 +1,198 @@
+'use client';
+import {
+  useT
+} from "./chunk-Q66BLMNJ.js";
+
+// src/components/login-view.tsx
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import {
+  signIn,
+  signUp,
+  confirmSignUp,
+  resetPassword,
+  confirmResetPassword
+} from "aws-amplify/auth";
+import {
+  Button,
+  Input,
+  Label,
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  CardDescription
+} from "@ampless/runtime/ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function LoginPage() {
+  const router = useRouter();
+  const t = useT();
+  const [mode, setMode] = useState("signIn");
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [code, setCode] = useState("");
+  const [error, setError] = useState(null);
+  const [info, setInfo] = useState(null);
+  const [loading, setLoading] = useState(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__ */ jsx("main", { className: "flex min-h-screen items-center justify-center bg-muted/30 p-4", children: /* @__PURE__ */ jsxs(Card, { className: "w-full max-w-md", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: t(`auth.${mode}.title`) }),
+      /* @__PURE__ */ jsx(CardDescription, { children: t(`auth.${mode}.description`) })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      showEmail && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: t("auth.common.email") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "email",
+            type: "email",
+            required: true,
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            autoComplete: "email"
+          }
+        )
+      ] }),
+      showCode && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "code", children: t("auth.common.code") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "code",
+            required: true,
+            value: code,
+            onChange: (e) => setCode(e.target.value),
+            autoComplete: "one-time-code"
+          }
+        )
+      ] }),
+      showPassword && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "password", children: mode === "reset" ? t("auth.common.newPassword") : t("auth.common.password") }),
+        /* @__PURE__ */ jsx(
+          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__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("auth.common.passwordHint") })
+      ] }),
+      info && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: info }),
+      error && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: error }),
+      /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", disabled: loading, children: loading ? t("auth.common.working") : t(`auth.${mode}.submit`) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-center text-sm", children: [
+        mode === "signIn" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "text-primary hover:underline",
+              onClick: () => go("forgot"),
+              children: t("auth.signIn.forgotPassword")
+            }
+          ) }),
+          /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "text-primary hover:underline",
+              onClick: () => go("signUp"),
+              children: t("auth.signIn.createAccount")
+            }
+          ) })
+        ] }),
+        (mode === "signUp" || mode === "forgot" || mode === "reset") && /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "text-primary hover:underline",
+            onClick: () => go("signIn"),
+            children: t("auth.signUp.backToSignIn")
+          }
+        ) }),
+        mode === "reset" && /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "text-primary hover:underline",
+            onClick: () => go("forgot"),
+            children: t("auth.reset.resendCode")
+          }
+        ) })
+      ] })
+    ] }) })
+  ] }) });
+}
+
+export {
+  LoginPage
+};

package/dist/{chunk-VXEVLHGL.js → chunk-6LQGVDCW.js}

@@ -1,8 +1,8 @@
 'use server';
 // src/lib/theme-actions.ts
 import { updateTag } from "next/cache";
-async function invalidateSiteSettingsCache(siteId) {
-  updateTag(`site-settings:${siteId}`);
+async function invalidateSiteSettingsCache() {
+  updateTag("site-settings");
 }
 
 export {

package/dist/chunk-6NPYUTV6.js

@@ -0,0 +1,250 @@
+'use client';
+import {
+  ImageUploadDialog,
+  getMediaProcessingDefaults
+} from "./chunk-CTGFMK2J.js";
+import {
+  publicMediaUrl
+} from "./chunk-2ITWLRYF.js";
+import {
+  useT
+} from "./chunk-Q66BLMNJ.js";
+
+// src/components/media-uploader.tsx
+import { useState, useEffect, useCallback, useRef } from "react";
+import { uploadData, list, remove, isCancelError } from "aws-amplify/storage";
+import { processImage } from "ampless/media";
+import { Button, Input } from "@ampless/runtime/ui";
+import { Trash2, Copy, Check, FileText, Code2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var IMAGE_EXT_RE = /\.(jpe?g|png|gif|webp|avif|svg|bmp|tiff?)$/i;
+var STYLESHEET_EXT_RE = /\.css$/i;
+var SCRIPT_EXT_RE = /\.m?js$/i;
+function getExtension(path) {
+  const dot = path.lastIndexOf(".");
+  return dot >= 0 ? path.slice(dot + 1).toUpperCase() : "FILE";
+}
+function snippetFor(url, path) {
+  if (IMAGE_EXT_RE.test(path)) {
+    return `<img src="${url}" alt="" />`;
+  }
+  if (STYLESHEET_EXT_RE.test(path)) {
+    return `<link rel="stylesheet" href="${url}" />`;
+  }
+  if (SCRIPT_EXT_RE.test(path)) {
+    return `<script src="${url}"></script>`;
+  }
+  return url;
+}
+function sanitizeName(name) {
+  return name.replace(/[ -]/g, "").replace(/[\\/:*?"<>|]/g, "_").replace(/\s+/g, "_").replace(/^\.+/, "_").slice(0, 200) || "upload";
+}
+function MediaUploader() {
+  const t = useT();
+  const [items, setItems] = useState([]);
+  const [queue, setQueue] = useState([]);
+  const [uploading, setUploading] = useState(false);
+  const [error, setError] = useState(null);
+  const [copiedPath, setCopiedPath] = useState(null);
+  const uploadTaskRef = useRef(null);
+  const cancelTokenRef = useRef({ cancelled: false });
+  const refresh = useCallback(async () => {
+    try {
+      const result = await list({ path: "public/media/" });
+      setItems(
+        result.items.map((item) => ({
+          path: item.path,
+          url: publicMediaUrl(item.path)
+        }))
+      );
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    }
+  }, []);
+  useEffect(() => {
+    refresh();
+  }, [refresh]);
+  function handleFiles(e) {
+    const files = Array.from(e.target.files ?? []);
+    e.target.value = "";
+    if (files.length === 0) return;
+    setError(null);
+    setQueue((prev) => [...prev, ...files]);
+  }
+  async function handleDialogConfirm(file, options) {
+    const token = { cancelled: false };
+    cancelTokenRef.current = token;
+    setUploading(true);
+    setError(null);
+    let advance = true;
+    try {
+      const processed = await processImage(file, options);
+      if (token.cancelled) {
+        advance = false;
+        return;
+      }
+      const safeName = sanitizeName(processed.suggestedName);
+      const now = /* @__PURE__ */ new Date();
+      const yyyy = now.getFullYear();
+      const mm = String(now.getMonth() + 1).padStart(2, "0");
+      const path = `public/media/${yyyy}/${mm}/${Date.now()}-${safeName}`;
+      const task = uploadData({
+        path,
+        data: processed.blob,
+        options: { contentType: processed.mime }
+      });
+      uploadTaskRef.current = task;
+      await task.result;
+      await refresh();
+    } catch (err) {
+      if (isCancelError(err) || token.cancelled) {
+        advance = false;
+      } else {
+        setError(err instanceof Error ? err.message : String(err));
+      }
+    } finally {
+      uploadTaskRef.current = null;
+      setUploading(false);
+      if (advance) {
+        setQueue((prev) => prev.slice(1));
+      }
+    }
+  }
+  function handleDialogSkip() {
+    if (uploading) return;
+    setQueue((prev) => prev.slice(1));
+  }
+  function handleDialogCancel() {
+    cancelTokenRef.current.cancelled = true;
+    uploadTaskRef.current?.cancel();
+    setQueue([]);
+  }
+  async function handleDelete(path) {
+    if (!confirm(t("media.deleteConfirm"))) return;
+    try {
+      await remove({ path });
+      await refresh();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    }
+  }
+  async function handleCopy(item, mode) {
+    const text = mode === "url" ? item.url : snippetFor(item.url, item.path);
+    await navigator.clipboard.writeText(text);
+    const key = `${item.path}:${mode}`;
+    setCopiedPath(key);
+    setTimeout(() => setCopiedPath((p) => p === key ? null : p), 1500);
+  }
+  const currentFile = queue[0] ?? null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "rounded-md border p-4", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "file",
+          multiple: true,
+          onChange: handleFiles,
+          disabled: uploading
+        }
+      ),
+      uploading && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: t("media.uploading") }),
+      !uploading && queue.length > 0 && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: t("media.queued", { count: queue.length }) })
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: error }),
+    /* @__PURE__ */ jsx(
+      ImageUploadDialog,
+      {
+        file: currentFile,
+        remaining: queue.length,
+        busy: uploading,
+        defaults: getMediaProcessingDefaults(),
+        onConfirm: handleDialogConfirm,
+        onSkip: handleDialogSkip,
+        onCancel: handleDialogCancel
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4", children: items.map((item) => {
+      const isImage = IMAGE_EXT_RE.test(item.path);
+      const isStylesheet = STYLESHEET_EXT_RE.test(item.path);
+      const isScript = SCRIPT_EXT_RE.test(item.path);
+      const filename = item.path.split("/").pop() ?? "";
+      const ext = getExtension(item.path);
+      const tagSnippet = snippetFor(item.url, item.path);
+      const tagDiffersFromUrl = tagSnippet !== item.url;
+      const urlCopied = copiedPath === `${item.path}:url`;
+      const tagCopied = copiedPath === `${item.path}:tag`;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "group relative overflow-hidden rounded-md border bg-[var(--card)]",
+          children: [
+            isImage ? (
+              // eslint-disable-next-line @next/next/no-img-element
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: item.url,
+                  alt: item.path,
+                  className: "aspect-square w-full object-cover"
+                }
+              )
+            ) : /* @__PURE__ */ jsxs("div", { className: "flex aspect-square w-full flex-col items-center justify-center gap-2 bg-muted text-muted-foreground", children: [
+              isStylesheet || isScript ? /* @__PURE__ */ jsx(Code2, { className: "h-8 w-8" }) : /* @__PURE__ */ jsx(FileText, { className: "h-8 w-8" }),
+              /* @__PURE__ */ jsxs("span", { className: "font-mono text-xs font-semibold", children: [
+                ".",
+                ext.toLowerCase()
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t px-2 py-1 text-xs", children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate", title: filename, children: filename }),
+              /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-6 w-6",
+                    onClick: () => handleCopy(item, "url"),
+                    title: t("media.copyUrl"),
+                    children: urlCopied ? /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3 w-3" })
+                  }
+                ),
+                tagDiffersFromUrl && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-6 w-6",
+                    onClick: () => handleCopy(item, "tag"),
+                    title: t("media.copyTag"),
+                    children: tagCopied ? /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(Code2, { className: "h-3 w-3" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-6 w-6",
+                    onClick: () => handleDelete(item.path),
+                    title: t("media.delete"),
+                    children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
+                  }
+                )
+              ] })
+            ] })
+          ]
+        },
+        item.path
+      );
+    }) }),
+    items.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-muted-foreground", children: t("media.empty") })
+  ] });
+}
+
+export {
+  MediaUploader
+};

package/dist/chunk-6SB7YICQ.js

@@ -0,0 +1,48 @@
+'use client';
+import {
+  useT
+} from "./chunk-Q66BLMNJ.js";
+
+// src/components/admin-dashboard.tsx
+import { useEffect, useState } from "react";
+import Link from "next/link";
+import { listPosts } from "ampless";
+import { Button, Card, CardContent, CardHeader, CardTitle } from "@ampless/runtime/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AdminDashboard() {
+  const t = useT();
+  const [posts, setPosts] = useState([]);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    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__ */ jsxs("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3 md:mb-8", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold md:text-3xl", children: t("dashboard.title") }),
+      /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "/admin/posts/new", children: t("dashboard.newPost") }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: [
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("dashboard.totalPosts") }) }),
+        /* @__PURE__ */ jsxs(CardContent, { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold", children: loading ? "\u2014" : posts.length }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("dashboard.totalLabel") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("dashboard.published") }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold", children: loading ? "\u2014" : published }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("dashboard.drafts") }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold", children: loading ? "\u2014" : drafts }) })
+      ] })
+    ] })
+  ] });
+}
+
+export {
+  AdminDashboard
+};

package/dist/chunk-6W3JIOOR.js

@@ -0,0 +1,37 @@
+'use client';
+import {
+  PostForm
+} from "./chunk-G4CF5ZWV.js";
+import {
+  useT
+} from "./chunk-Q66BLMNJ.js";
+
+// src/components/edit-post-view.tsx
+import { useEffect, useState, use } from "react";
+import { notFound } from "next/navigation";
+import { getPostById } from "ampless";
+import { jsx, jsxs } from "react/jsx-runtime";
+function EditPostPage({ params }) {
+  const t = useT();
+  const { postId } = use(params);
+  const [post, setPost] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [missing, setMissing] = useState(false);
+  useEffect(() => {
+    getPostById(postId).then((p) => {
+      if (!p) setMissing(true);
+      else setPost(p);
+    }).finally(() => setLoading(false));
+  }, [postId]);
+  if (loading)
+    return /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: t("common.loading") });
+  if (missing) notFound();
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsx("h1", { className: "mb-6 text-2xl font-bold md:mb-8 md:text-3xl", children: t("posts.form.editTitle") }),
+    post && /* @__PURE__ */ jsx(PostForm, { post })
+  ] });
+}
+
+export {
+  EditPostPage
+};