@ampless/admin 0.2.0-alpha.2 → 0.2.0-alpha.21

package/dist/chunk-W6BXESPW.js

@@ -0,0 +1,198 @@
+'use client';
+import {
+  useT
+} from "./chunk-XY4JWSMS.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-XY4JWSMS.js

@@ -0,0 +1,33 @@
+'use client';
+import {
+  translate
+} from "./chunk-OSUTPPAU.js";
+
+// src/components/i18n-provider.tsx
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var I18nContext = createContext(null);
+function I18nProvider({ locale, dict, children }) {
+  const value = useMemo(() => ({ locale, dict }), [locale, dict]);
+  return /* @__PURE__ */ jsx(I18nContext.Provider, { value, children });
+}
+function useT() {
+  const ctx = useContext(I18nContext);
+  if (!ctx) {
+    throw new Error(
+      "useT() called outside <I18nProvider>. Wrap the admin layout (or root layout) with <I18nProvider locale={...} dict={...}>."
+    );
+  }
+  return (key, vars) => translate(ctx.dict, key, vars);
+}
+function useLocale() {
+  const ctx = useContext(I18nContext);
+  if (!ctx) throw new Error("useLocale() called outside <I18nProvider>.");
+  return ctx.locale;
+}
+
+export {
+  I18nProvider,
+  useT,
+  useLocale
+};

package/dist/components/admin-dashboard.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Admin home / dashboard. Lists post counts. Marked client-side because
+ * it reads from the AppSync client directly (no server-rendered query
+ * yet — listed posts come from Amplify SDK at mount time).
+ */
+declare function AdminDashboard(): react_jsx_runtime.JSX.Element;
+
+export { AdminDashboard };

package/dist/components/admin-dashboard.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  AdminDashboard
+} from "../chunk-CQY55RDG.js";
+import "../chunk-XY4JWSMS.js";
+import "../chunk-OSUTPPAU.js";
+export {
+  AdminDashboard
+};

package/dist/components/edit-post-view.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function EditPostPage({ params }: {
+    params: Promise<{
+        postId: string;
+    }>;
+}): react_jsx_runtime.JSX.Element;
+
+export { EditPostPage };

package/dist/components/edit-post-view.js

@@ -0,0 +1,14 @@
+"use client";
+import {
+  EditPostPage
+} from "../chunk-5JKOPRCO.js";
+import "../chunk-CVJCMTYB.js";
+import "../chunk-TZWSXAHD.js";
+import "../chunk-7IR4F7GA.js";
+import "../chunk-S66L5CDS.js";
+import "../chunk-2ITWLRYF.js";
+import "../chunk-XY4JWSMS.js";
+import "../chunk-OSUTPPAU.js";
+export {
+  EditPostPage
+};

package/dist/components/index.d.ts

@@ -1,8 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { L as Locale, D as Dictionary } from '../i18n-ByHM_Bho.js';
+import { L as Locale, D as Dictionary } from '../i18n-MWvAMHzn.js';
 import { Config, Post, ThemeManifest, LocalizedString, MediaProcessingDefaults } from 'ampless';
-import { AmplessOutputs } from '@ampless/runtime';
+import { AmplessOutputs, ColorScheme } from '@ampless/runtime';
 import { ProcessOptions } from 'ampless/media';
+export { invalidateSiteSettingsCache } from '../lib/theme-actions.js';
 
 interface ProviderProps {
     locale: Locale;
@@ -23,7 +24,33 @@ declare function useT(): (key: string, vars?: Record<string, string | number>) =
 /** Read the active locale from context (e.g. for `<html lang>` parity). */
 declare function useLocale(): Locale;
 
+interface Props$3 {
+    outputs: AmplessOutputs;
+    cmsConfig: Config;
+    children: React.ReactNode;
+}
+/**
+ * Client-side admin bootstrap. Runs on first render of any admin route
+ * — configures the Amplify SDK, registers the cms.config / outputs in
+ * the client-side state modules, and installs the admin's posts / kv
+ * providers so 'ampless'-imported functions hit the AppSync client.
+ *
+ * All bootstrap calls happen synchronously during render, NOT in
+ * `useEffect`. React runs child useEffects before parent useEffects,
+ * so if `installAdminPostsProvider` were inside an effect, a child
+ * page's first `listPosts()` call (also in a useEffect) would race
+ * the install and fall back to ampless's dummy data. Synchronous
+ * registration guarantees the provider is in place before any child
+ * component mounts.
+ *
+ * All side effects are idempotent (the install functions guard with an
+ * `installed` flag) — mounting this multiple times (e.g. during HMR or
+ * remount) is safe.
+ */
+declare function AdminProviders({ outputs, cmsConfig, children }: Props$3): react_jsx_runtime.JSX.Element;
+
 declare const ADMIN_SITE_COOKIE = "admin-site-id";
+
 /**
  * Register the cms.config for client-side multi-site lookups. Called
  * once from the admin layout factory.
@@ -80,26 +107,12 @@ declare function uploadProcessedImage(file: File, options: ProcessOptions): Prom
     url: string;
 }>;
 
-/**
- * Force-invalidate the Next.js fetch cache for a site's settings JSON.
- * Used by the admin theme switcher: writes to KvStore propagate to S3
- * via the trusted processor (~5-10s), and without this call the
- * `revalidate: 60` on the public-side fetch would keep serving the old
- * cached response for up to a minute after the rebuild.
- *
- * The cache tag matches the one used in `theme-active.ts` and
- * `theme-config.ts` (in `@ampless/runtime`): `site-settings:{siteId}`.
- *
- * Uses `updateTag` (Next 16+) — the read-your-own-writes variant of
- * the old `revalidateTag`, which is the right semantics inside a
- * server action (this entire module is `'use server'`).
- */
-declare function invalidateSiteSettingsCache(siteId: string): Promise<void>;
-
-declare function Sidebar({ email, siteSelector, }: {
+declare function Sidebar({ email, siteSelector, isAdmin, }: {
     email: string;
     /** Rendered above the main nav in multi-site mode. */
     siteSelector?: React.ReactNode;
+    /** Gates `adminOnly` nav entries (user management). */
+    isAdmin: boolean;
 }): react_jsx_runtime.JSX.Element;
 
 interface SiteOption {
@@ -146,8 +159,14 @@ interface Props {
     themeOptions: ThemeOption[];
     /** Resolved values currently shown to the user (overrides ?? defaults). */
     initial: Record<string, string>;
+    /**
+     * Per-site color-scheme override loaded from the runtime. Independent
+     * of the manifest (it's a site-wide concern, not theme-specific).
+     * Defaults to `'auto'` when not provided.
+     */
+    initialColorScheme?: ColorScheme;
 }
-declare function ThemeSettingsForm({ siteId, manifest, activeTheme, themeOptions, initial, }: Props): react_jsx_runtime.JSX.Element;
+declare function ThemeSettingsForm({ siteId, manifest, activeTheme, themeOptions, initial, initialColorScheme, }: Props): react_jsx_runtime.JSX.Element;
 
 declare function MediaUploader(): react_jsx_runtime.JSX.Element;
 
@@ -170,4 +189,4 @@ interface ImageUploadDialogProps {
 }
 declare function ImageUploadDialog({ file, remaining, busy, defaults, onConfirm, onSkip, onCancel, }: ImageUploadDialogProps): react_jsx_runtime.JSX.Element | null;
 
-export { ADMIN_SITE_COOKIE, I18nProvider, ImageUploadDialog, type ImageUploadDialogProps, MediaPicker, MediaUploader, PostForm, Sidebar, SiteSelector, SiteSettingsForm, type SiteSettingsFormValues, ThemeSettingsForm, invalidateSiteSettingsCache, publicMediaUrl, readAdminSiteIdFromCookie, sanitizeName, setAdminCmsConfig, setAdminMediaContext, uploadProcessedImage, useLocale, useT };
+export { ADMIN_SITE_COOKIE, AdminProviders, I18nProvider, ImageUploadDialog, type ImageUploadDialogProps, MediaPicker, MediaUploader, PostForm, Sidebar, SiteSelector, SiteSettingsForm, type SiteSettingsFormValues, ThemeSettingsForm, publicMediaUrl, readAdminSiteIdFromCookie, sanitizeName, setAdminCmsConfig, setAdminMediaContext, uploadProcessedImage, useLocale, useT };

package/dist/components/index.js

@@ -1,29 +1,46 @@
 'use client';
 import {
-  I18nProvider,
-  ImageUploadDialog,
-  MediaPicker,
-  MediaUploader,
-  PostForm,
+  AdminProviders,
   Sidebar,
   SiteSelector,
   SiteSettingsForm,
-  ThemeSettingsForm,
-  invalidateSiteSettingsCache,
+  ThemeSettingsForm
+} from "../chunk-BWFCQNPU.js";
+import {
+  invalidateSiteSettingsCache
+} from "../chunk-VXEVLHGL.js";
+import {
+  MediaPicker,
+  PostForm,
   sanitizeName,
-  uploadProcessedImage,
-  useLocale,
-  useT
-} from "../chunk-T2RSMFOI.js";
+  uploadProcessedImage
+} from "../chunk-CVJCMTYB.js";
 import {
-  ADMIN_SITE_COOKIE,
-  publicMediaUrl,
   readAdminSiteIdFromCookie,
-  setAdminCmsConfig,
+  setAdminCmsConfig
+} from "../chunk-TZWSXAHD.js";
+import {
+  ADMIN_SITE_COOKIE
+} from "../chunk-7IR4F7GA.js";
+import {
+  MediaUploader
+} from "../chunk-5Q6KVRZ2.js";
+import {
+  ImageUploadDialog
+} from "../chunk-S66L5CDS.js";
+import {
+  publicMediaUrl,
   setAdminMediaContext
-} from "../chunk-TJR3ALRJ.js";
+} from "../chunk-2ITWLRYF.js";
+import {
+  I18nProvider,
+  useLocale,
+  useT
+} from "../chunk-XY4JWSMS.js";
+import "../chunk-OSUTPPAU.js";
 export {
   ADMIN_SITE_COOKIE,
+  AdminProviders,
   I18nProvider,
   ImageUploadDialog,
   MediaPicker,

package/dist/components/login-view.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function LoginPage(): react_jsx_runtime.JSX.Element;
+
+export { LoginPage };

package/dist/components/login-view.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  LoginPage
+} from "../chunk-W6BXESPW.js";
+import "../chunk-XY4JWSMS.js";
+import "../chunk-OSUTPPAU.js";
+export {
+  LoginPage
+};

package/dist/components/mcp-tokens-view.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface SiteOption {
+    id: string;
+    name: string;
+}
+interface Props {
+    /** Cognito sub of the currently logged-in admin. */
+    currentUserId: string;
+    currentUserEmail: string;
+    /** Site list for the scope selector. Empty = single-site mode. */
+    sites: SiteOption[];
+    /**
+     * MCP HTTP endpoint URL (the `mcp-handler` Lambda Function URL).
+     * `null` when the project hasn't been deployed yet, so
+     * `amplify_outputs.json` doesn't have `custom.mcp.endpoint` populated.
+     */
+    mcpEndpoint: string | null;
+}
+declare function McpTokensView({ currentUserId, currentUserEmail, sites, mcpEndpoint }: Props): react_jsx_runtime.JSX.Element;
+
+export { McpTokensView, type SiteOption };

package/dist/components/mcp-tokens-view.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  McpTokensView
+} from "../chunk-JOASK4AM.js";
+import "../chunk-XY4JWSMS.js";
+import "../chunk-OSUTPPAU.js";
+export {
+  McpTokensView
+};

package/dist/components/media-view.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function MediaPage(): react_jsx_runtime.JSX.Element;
+
+export { MediaPage };

package/dist/components/media-view.js

@@ -0,0 +1,12 @@
+"use client";
+import {
+  MediaPage
+} from "../chunk-QXJIIBUQ.js";
+import "../chunk-5Q6KVRZ2.js";
+import "../chunk-S66L5CDS.js";
+import "../chunk-2ITWLRYF.js";
+import "../chunk-XY4JWSMS.js";
+import "../chunk-OSUTPPAU.js";
+export {
+  MediaPage
+};

package/dist/components/new-post-view.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function NewPostPage(): react_jsx_runtime.JSX.Element;
+
+export { NewPostPage };

package/dist/components/new-post-view.js

@@ -0,0 +1,14 @@
+"use client";
+import {
+  NewPostPage
+} from "../chunk-BC4B6DLO.js";
+import "../chunk-CVJCMTYB.js";
+import "../chunk-TZWSXAHD.js";
+import "../chunk-7IR4F7GA.js";
+import "../chunk-S66L5CDS.js";
+import "../chunk-2ITWLRYF.js";
+import "../chunk-XY4JWSMS.js";
+import "../chunk-OSUTPPAU.js";
+export {
+  NewPostPage
+};

package/dist/components/posts-list-view.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function PostsList(): react_jsx_runtime.JSX.Element;
+
+export { PostsList };

package/dist/components/posts-list-view.js

@@ -0,0 +1,11 @@
+"use client";
+import {
+  PostsList
+} from "../chunk-A3SWBQA6.js";
+import "../chunk-TZWSXAHD.js";
+import "../chunk-7IR4F7GA.js";
+import "../chunk-XY4JWSMS.js";
+import "../chunk-OSUTPPAU.js";
+export {
+  PostsList
+};

package/dist/components/users-list-view.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function UsersListView({ currentUserId }: {
+    currentUserId: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { UsersListView };

package/dist/components/users-list-view.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  UsersListView
+} from "../chunk-SRNH2IVA.js";
+import "../chunk-XY4JWSMS.js";
+import "../chunk-OSUTPPAU.js";
+export {
+  UsersListView
+};