@ampless/admin 0.2.0-alpha.0 → 0.2.0-alpha.10

package/dist/chunk-QMVFRT62.js

@@ -0,0 +1,42 @@
+// 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 };
+}
+
+// src/lib/admin-site-cookie.ts
+var ADMIN_SITE_COOKIE = "admin-site-id";
+
+export {
+  setAdminMediaContext,
+  publicMediaUrl,
+  createMedia,
+  ADMIN_SITE_COOKIE
+};

package/dist/chunk-UOU7KQLR.js

@@ -0,0 +1,149 @@
+'use client';
+import {
+  useT
+} from "./chunk-OFHKZNZS.js";
+
+// src/components/users-list-view.tsx
+import { useEffect, useState } from "react";
+import { generateClient } from "aws-amplify/api";
+import {
+  Button,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "@ampless/runtime/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function isAdminRole(value) {
+  return value === "admin" || value === "editor" || value === "none";
+}
+function UsersListView({ currentUserId }) {
+  const t = useT();
+  const [users, setUsers] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [loadError, setLoadError] = useState(null);
+  const [rows, setRows] = useState({});
+  useEffect(() => {
+    const client = generateClient();
+    client.queries.listAdminUsers().then(({ data, errors }) => {
+      if (errors && errors.length > 0) {
+        const msg = errors[0]?.message ?? "listAdminUsers failed";
+        console.error("[users-list-view] listAdminUsers errors:", errors);
+        setLoadError(msg);
+        return;
+      }
+      const list = data ?? [];
+      setUsers(list);
+      setRows(
+        Object.fromEntries(
+          list.map((u) => [u.userId, { selected: u.role, saving: false, error: null }])
+        )
+      );
+    }).catch((err) => {
+      console.error("[users-list-view] listAdminUsers threw:", err);
+      setLoadError(err instanceof Error ? err.message : String(err));
+    }).finally(() => setLoading(false));
+  }, []);
+  function updateRow(userId, patch) {
+    setRows((prev) => ({
+      ...prev,
+      [userId]: { ...prev[userId], ...patch }
+    }));
+  }
+  async function save(userId) {
+    const row = rows[userId];
+    if (!row) return;
+    updateRow(userId, { saving: true, error: null });
+    try {
+      const client = generateClient();
+      const { data, errors } = await client.mutations.setAdminUserRole({
+        userId,
+        role: row.selected
+      });
+      if (errors && errors.length > 0) {
+        const msg = errors[0]?.message ?? "setAdminUserRole failed";
+        console.error("[users-list-view] setAdminUserRole errors:", errors);
+        updateRow(userId, { saving: false, error: msg });
+        return;
+      }
+      if (data) {
+        setUsers(
+          (prev) => (prev ?? []).map((u) => u.userId === userId ? data : u)
+        );
+        updateRow(userId, { saving: false, selected: data.role, error: null });
+      } else {
+        updateRow(userId, { saving: false });
+      }
+    } catch (err) {
+      console.error("[users-list-view] setAdminUserRole threw:", err);
+      updateRow(userId, {
+        saving: false,
+        error: err instanceof Error ? err.message : String(err)
+      });
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6 md:mb-8", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold md:text-3xl", children: t("users.list.title") }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: t("users.list.description") })
+    ] }),
+    loading ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("users.list.loading") }) : loadError ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-destructive", children: [
+      t("users.list.error"),
+      ": ",
+      loadError
+    ] }) : !users || users.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("users.list.empty") }) : /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-md border", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableHead, { children: t("users.list.columnEmail") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("users.list.columnRole") }),
+        /* @__PURE__ */ jsx(TableHead, { className: "w-[1%] whitespace-nowrap", children: t("users.list.columnActions") })
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: users.map((u) => {
+        const row = rows[u.userId];
+        if (!row) return null;
+        const isSelf = u.userId === currentUserId;
+        const dirty = row.selected !== u.role;
+        return /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: u.email || u.userId }),
+          /* @__PURE__ */ jsxs(TableCell, { children: [
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                className: "rounded-md border bg-background px-2 py-1.5 text-sm disabled:cursor-not-allowed disabled:opacity-60",
+                value: row.selected,
+                disabled: isSelf || row.saving,
+                onChange: (e) => {
+                  const next = e.target.value;
+                  if (isAdminRole(next)) {
+                    updateRow(u.userId, { selected: next });
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "admin", children: t("users.list.roleAdmin") }),
+                  /* @__PURE__ */ jsx("option", { value: "editor", children: t("users.list.roleEditor") }),
+                  /* @__PURE__ */ jsx("option", { value: "none", children: t("users.list.roleNone") })
+                ]
+              }
+            ),
+            isSelf && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t("users.list.cannotEditSelf") }),
+            row.error && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-destructive", children: row.error })
+          ] }),
+          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              disabled: isSelf || row.saving || !dirty,
+              onClick: () => save(u.userId),
+              children: row.saving ? t("users.list.saving") : t("users.list.save")
+            }
+          ) })
+        ] }, u.userId);
+      }) })
+    ] }) })
+  ] });
+}
+
+export {
+  UsersListView
+};

package/dist/chunk-VXEVLHGL.js

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

package/dist/components/index.d.ts

@@ -1,8 +1,10 @@
 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-DzXXcIQQ.js';
 import { Config, Post, ThemeManifest, LocalizedString, MediaProcessingDefaults } from 'ampless';
 import { AmplessOutputs } from '@ampless/runtime';
+export { A as AdminDashboard, E as EditPostPage, L as LoginPage, M as MediaPage, N as NewPostPage, P as PostsList } from '../login-view-BKrSZLJu.js';
 import { ProcessOptions } from 'ampless/media';
+export { invalidateSiteSettingsCache } from '../lib/theme-actions.js';
 
 interface ProviderProps {
     locale: Locale;
@@ -23,7 +25,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,22 +108,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}`.
- */
-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 {
@@ -166,4 +184,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,33 +1,53 @@
+'use client';
 import {
-  I18nProvider,
+  AdminDashboard,
+  AdminProviders,
+  EditPostPage,
   ImageUploadDialog,
+  LoginPage,
+  MediaPage,
   MediaPicker,
   MediaUploader,
+  NewPostPage,
   PostForm,
+  PostsList,
   Sidebar,
   SiteSelector,
   SiteSettingsForm,
   ThemeSettingsForm,
-  invalidateSiteSettingsCache,
+  readAdminSiteIdFromCookie,
   sanitizeName,
-  uploadProcessedImage,
-  useLocale,
-  useT
-} from "../chunk-BN6BW7MP.js";
+  setAdminCmsConfig,
+  uploadProcessedImage
+} from "../chunk-PAL62MXF.js";
 import {
   ADMIN_SITE_COOKIE,
   publicMediaUrl,
-  readAdminSiteIdFromCookie,
-  setAdminCmsConfig,
   setAdminMediaContext
-} from "../chunk-TJR3ALRJ.js";
+} from "../chunk-QMVFRT62.js";
+import {
+  I18nProvider,
+  useLocale,
+  useT
+} from "../chunk-OFHKZNZS.js";
+import "../chunk-OPQ3SAZJ.js";
+import {
+  invalidateSiteSettingsCache
+} from "../chunk-VXEVLHGL.js";
 export {
   ADMIN_SITE_COOKIE,
+  AdminDashboard,
+  AdminProviders,
+  EditPostPage,
   I18nProvider,
   ImageUploadDialog,
+  LoginPage,
+  MediaPage,
   MediaPicker,
   MediaUploader,
+  NewPostPage,
   PostForm,
+  PostsList,
   Sidebar,
   SiteSelector,
   SiteSettingsForm,

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-UOU7KQLR.js";
+import "../chunk-OFHKZNZS.js";
+import "../chunk-OPQ3SAZJ.js";
+export {
+  UsersListView
+};

package/dist/{i18n-ByHM_Bho.d.ts → i18n-DzXXcIQQ.d.ts}

@@ -32,9 +32,12 @@ var sidebar = {
 	posts: "Posts",
 	media: "Media",
 	sites: "Sites",
+	users: "Users",
 	viewSite: "View site",
 	signOut: "Sign out",
-	site: "Site"
+	site: "Site",
+	openMenu: "Open menu",
+	closeMenu: "Close menu"
 };
 var dashboard = {
 	title: "Dashboard",
@@ -74,6 +77,20 @@ var posts = {
 		tagsPlaceholder: "comma, separated, tags",
 		tagsHint: "Used to group posts on tag pages (e.g. /tag/tech).",
 		status: "Status",
+		noLayout: "No layout",
+		noLayoutHint: "Serve this post as bare HTML — no theme header, footer, or root layout. The body is returned as the entire response. Best paired with format: HTML when the body contains a full <!DOCTYPE html>…</html> document.",
+		formatStaticLabel: "Static (zip / file bundle)",
+		"static": {
+			pick: "Pick a .zip or one or more files",
+			pickHint: "Bundle assets must reference each other with relative paths only (no leading /). The zip's contents are extracted into a directory under your post slug and served verbatim — no theme chrome.",
+			currentBundle: "Current bundle: {count} files (entry: {entrypoint})",
+			pendingBundle: "Pending upload: {count} files, {size}",
+			issuesTitle: "{count} validation issue(s)",
+			issuesHint: "Fix the listed paths and re-upload. Absolute (/foo) and protocol-relative (//cdn.example/foo) references break under the bundle's URL prefix.",
+			emptyBundle: "No usable files found in the selection.",
+			noBundle: "Pick a bundle before saving.",
+			previewHint: "Static bundles render as the served HTML at /<slug>/. Preview by saving and visiting the public URL."
+		},
 		saveChanges: "Save changes",
 		createPost: "Create post",
 		"delete": "Delete",
@@ -145,6 +162,25 @@ var sites = {
 		label: "Site"
 	}
 };
+var users = {
+	list: {
+		title: "Users",
+		description: "Promote signed-up users to admin or editor. Sign-ups always start with no role and must be granted access here.",
+		columnEmail: "Email",
+		columnRole: "Role",
+		columnActions: "Actions",
+		save: "Save",
+		saving: "Saving...",
+		saved: "Saved.",
+		cannotEditSelf: "You cannot change your own role.",
+		empty: "No users yet.",
+		loading: "Loading users...",
+		error: "Failed to load users",
+		roleAdmin: "Admin",
+		roleEditor: "Editor",
+		roleNone: "None"
+	}
+};
 var theme = {
 	title: "Theme",
 	activeLabel: "Active theme",
@@ -231,6 +267,7 @@ var en = {
 	media: media,
 	mediaPicker: mediaPicker,
 	sites: sites,
+	users: users,
 	theme: theme,
 	editor: editor,
 	auth: auth,
@@ -278,9 +315,12 @@ declare const dictionaries: {
             posts: string;
             media: string;
             sites: string;
+            users: string;
             viewSite: string;
             signOut: string;
             site: string;
+            openMenu: string;
+            closeMenu: string;
         };
         dashboard: {
             title: string;
@@ -320,6 +360,20 @@ declare const dictionaries: {
                 tagsPlaceholder: string;
                 tagsHint: string;
                 status: string;
+                noLayout: string;
+                noLayoutHint: string;
+                formatStaticLabel: string;
+                static: {
+                    pick: string;
+                    pickHint: string;
+                    currentBundle: string;
+                    pendingBundle: string;
+                    issuesTitle: string;
+                    issuesHint: string;
+                    emptyBundle: string;
+                    noBundle: string;
+                    previewHint: string;
+                };
                 saveChanges: string;
                 createPost: string;
                 delete: string;
@@ -391,6 +445,25 @@ declare const dictionaries: {
                 label: string;
             };
         };
+        users: {
+            list: {
+                title: string;
+                description: string;
+                columnEmail: string;
+                columnRole: string;
+                columnActions: string;
+                save: string;
+                saving: string;
+                saved: string;
+                cannotEditSelf: string;
+                empty: string;
+                loading: string;
+                error: string;
+                roleAdmin: string;
+                roleEditor: string;
+                roleNone: string;
+            };
+        };
         theme: {
             title: string;
             activeLabel: string;
@@ -511,9 +584,12 @@ declare const dictionaries: {
             posts: string;
             media: string;
             sites: string;
+            users: string;
             viewSite: string;
             signOut: string;
             site: string;
+            openMenu: string;
+            closeMenu: string;
         };
         dashboard: {
             title: string;
@@ -553,6 +629,20 @@ declare const dictionaries: {
                 tagsPlaceholder: string;
                 tagsHint: string;
                 status: string;
+                noLayout: string;
+                noLayoutHint: string;
+                formatStaticLabel: string;
+                static: {
+                    pick: string;
+                    pickHint: string;
+                    currentBundle: string;
+                    pendingBundle: string;
+                    issuesTitle: string;
+                    issuesHint: string;
+                    emptyBundle: string;
+                    noBundle: string;
+                    previewHint: string;
+                };
                 saveChanges: string;
                 createPost: string;
                 delete: string;
@@ -624,6 +714,25 @@ declare const dictionaries: {
                 label: string;
             };
         };
+        users: {
+            list: {
+                title: string;
+                description: string;
+                columnEmail: string;
+                columnRole: string;
+                columnActions: string;
+                save: string;
+                saving: string;
+                saved: string;
+                cannotEditSelf: string;
+                empty: string;
+                loading: string;
+                error: string;
+                roleAdmin: string;
+                roleEditor: string;
+                roleNone: string;
+            };
+        };
         theme: {
             title: string;
             activeLabel: string;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { Config } from 'ampless';
 import { AmplessOutputs, EffectiveSiteSettings, EffectiveThemeConfig, Ampless } from '@ampless/runtime';
-import { L as Locale, D as Dictionary } from './i18n-ByHM_Bho.js';
-export { A as AdminLocaleStrings, g as getDictionary, r as resolveLocale, t as translate } from './i18n-ByHM_Bho.js';
+import { L as Locale, D as Dictionary } from './i18n-DzXXcIQQ.js';
+export { A as AdminLocaleStrings, g as getDictionary, r as resolveLocale, t as translate } from './i18n-DzXXcIQQ.js';
 import * as _aws_amplify_adapter_nextjs from '@aws-amplify/adapter-nextjs';
 
 /**

package/dist/index.js

@@ -1,10 +1,12 @@
 import {
   ADMIN_SITE_COOKIE,
-  createMedia,
+  createMedia
+} from "./chunk-QMVFRT62.js";
+import {
   getDictionary,
   resolveLocale,
   translate
-} from "./chunk-TJR3ALRJ.js";
+} from "./chunk-OPQ3SAZJ.js";
 
 // src/lib/admin-site.ts
 import { cookies } from "next/headers";

package/dist/lib/theme-actions.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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>;
+
+export { invalidateSiteSettingsCache };

package/dist/lib/theme-actions.js

@@ -0,0 +1,7 @@
+"use server";
+import {
+  invalidateSiteSettingsCache
+} from "../chunk-VXEVLHGL.js";
+export {
+  invalidateSiteSettingsCache
+};

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

@@ -0,0 +1,24 @@
+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;
+
+declare function PostsList(): react_jsx_runtime.JSX.Element;
+
+declare function NewPostPage(): react_jsx_runtime.JSX.Element;
+
+declare function EditPostPage({ params }: {
+    params: Promise<{
+        postId: string;
+    }>;
+}): react_jsx_runtime.JSX.Element;
+
+declare function MediaPage(): react_jsx_runtime.JSX.Element;
+
+declare function LoginPage(): react_jsx_runtime.JSX.Element;
+
+export { AdminDashboard as A, EditPostPage as E, LoginPage as L, MediaPage as M, NewPostPage as N, PostsList as P };