create-ampless 0.2.0-alpha.8 → 1.0.0-alpha.100

package/dist/templates/dads/README.md

@@ -1,6 +1,8 @@
-# {{siteName}}
+> 日本語版: [README.ja.md](./README.ja.md)
+> 
+# DADS theme
 
-DADS theme — built on the official **[Digital Agency Design System Tailwind plugin](https://github.com/digital-go-jp/tailwind-theme-plugin)** (`@digital-go-jp/tailwind-theme-plugin`, MIT). Color palette and typography conform to DADS specifications, suitable for Japanese government / public-sector / institutional sites.
+Government / public-sector layout following the Digital Agency Design System aesthetic. High contrast, accessibility-first, minimal decoration. Built on the official **[Digital Agency Design System Tailwind plugin](https://github.com/digital-go-jp/tailwind-theme-plugin)** (`@digital-go-jp/tailwind-theme-plugin`, MIT).
 
 ## What's plugin-backed
 
@@ -8,28 +10,22 @@ DADS theme — built on the official **[Digital Agency Design System Tailwind pl
 - **Typography** — `fontFamily.sans` set to Noto Sans JP via the plugin; surfaced through `--ampless-body-font`
 - **Border radii** — `rounded-4` / `rounded-6` available
 
-`templates/dads/tokens.css` binds the plugin's CSS variables (`--color-blue-900` etc.) to ampless's standard theme variables (`--primary`, `--background`, ...) so all shared chrome (SiteHeader, SiteFooter, shadcn buttons, etc.) automatically renders in DADS colors.
+`tokens.css` binds the plugin's CSS variables (`--color-blue-900` etc.) to the standard ampless theme variables (`--primary`, `--background`, ...) so all shared chrome (SiteHeader, SiteFooter, shadcn buttons, etc.) automatically renders in DADS colors.
 
-When DADS publishes a new palette version, bumping `@digital-go-jp/tailwind-theme-plugin` in `package.json` is enough — the theme picks it up.
+When DADS publishes a new palette version, bumping `@digital-go-jp/tailwind-theme-plugin` is enough — the theme picks it up.
 
 ## Customizing
 
 In `/admin/sites/<siteId>/theme`:
 
-- **Logo image URL** — branding (organization mark)
-- **Primary color** — defaults to DADS solidBlue. Changing to a non-DADS color makes the site no longer DADS-conformant.
-- **Top story slug** — feature one published post between hero and news
-- **Header navigation / Footer links / Footer legend**
+- **Logo image URL** — organization mark
+- **Primary color** — defaults to DADS `solidBlue`. Changing to a non-DADS color makes the site no longer DADS-conformant.
+- **Top story slug** — feature one published post between the hero and the news section
+- **Header navigation** — label + URL pairs
+- **Footer links** — label + URL pairs
+- **Footer legend** — address / agency info / extra small print
 
 ## Notes
 
-- Dark mode uses an inverted approximation. DADS doesn't ship an official dark palette as of plugin 0.3.4; when one lands, update `templates/dads/tokens.css` to bind the dark variables.
+- Dark mode uses an inverted approximation. DADS doesn't ship an official dark palette as of plugin 0.3.4; when one lands, update `tokens.css` to bind the dark variables.
 - The plugin only provides design tokens. For full DADS components (buttons, alerts, tabs, etc.), see [design-system-example-components](https://github.com/digital-go-jp/design-system-example-components) and adapt as needed.
-
-## Getting started
-
-```bash
-npm install
-npx ampx sandbox
-npm run dev
-```

package/dist/templates/dads/pages/feed.ts

@@ -1,12 +1,11 @@
-import { publicAssetUrl } from '@/lib/storage'
+import { ampless } from '@/lib/ampless'
 
 interface Ctx {
-  siteId: string
   request: Request
 }
 
-export async function dadsFeedHandler({ siteId }: Ctx): Promise<Response> {
-  const url = publicAssetUrl(`public/plugins/rss/${siteId}/feed.xml`)
+export async function dadsFeedHandler(_ctx: Ctx): Promise<Response> {
+  const url = ampless.publicAssetUrl('public/plugins/rss/feed.xml')
   const upstream = await fetch(url, { cache: 'no-store' })
   if (!upstream.ok) {
     return new Response(

package/dist/templates/dads/pages/home.tsx

@@ -1,9 +1,7 @@
 import Link from 'next/link'
 import { formatDate, type ThemeRouteContext } from 'ampless'
-import { listPublishedPosts, getPublishedPost } from '@/lib/posts-public'
-import { loadSiteSettings } from '@/lib/site-settings'
-import { loadThemeConfig } from '@/lib/theme-config'
-import { renderBody } from '@/lib/posts'
+import { renderBody } from '@ampless/runtime'
+import { ampless } from '@/lib/ampless'
 import { SiteHeader } from '@/components/site-chrome/site-header'
 import { SiteFooter } from '@/components/site-chrome/site-footer'
 
@@ -11,18 +9,15 @@ import { SiteFooter } from '@/components/site-chrome/site-footer'
 // formal news list with prominent dates. Layout deliberately
 // understated — DADS leans on hierarchy and whitespace, not
 // decoration.
-export default async function DadsHome({ params }: ThemeRouteContext) {
-  const { siteId } = await params
+export default async function DadsHome(_: ThemeRouteContext) {
   const [settings, theme, postsResult] = await Promise.all([
-    loadSiteSettings(siteId),
-    loadThemeConfig(siteId),
-    listPublishedPosts({ siteId, limit: 10 }),
+    ampless.loadSiteSettings(),
+    ampless.loadThemeConfig(),
+    ampless.listPublishedPosts({ limit: 10 }),
   ])
 
   const featuredSlug = theme.values.featuredSlug?.trim()
-  const featured = featuredSlug
-    ? await getPublishedPost(featuredSlug, { siteId })
-    : null
+  const featured = featuredSlug ? await ampless.getPublishedPost(featuredSlug) : null
   const posts = featured
     ? postsResult.items.filter((p) => p.slug !== featured.slug)
     : postsResult.items

package/dist/templates/dads/pages/post.tsx

@@ -2,35 +2,35 @@ import type { Metadata } from 'next'
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { formatDate, type ThemeRouteContext } from 'ampless'
-import { renderBody } from '@/lib/posts'
+import { renderBody } from '@ampless/runtime'
+import { ampless } from '@/lib/ampless'
+import { admin } from '@/lib/admin'
 import { LightboxBinder } from '@/components/lightbox-content'
 import { TagList } from '@/components/tag-list'
-import { postMetadata } from '@/lib/seo'
-import { loadSiteSettings } from '@/lib/site-settings'
-import { loadThemeConfig } from '@/lib/theme-config'
-import { getPublishedPost } from '@/lib/posts-public'
 import { SiteHeader } from '@/components/site-chrome/site-header'
 import { SiteFooter } from '@/components/site-chrome/site-footer'
-import { t } from '@/lib/i18n'
 
 type PostCtx = ThemeRouteContext<{ slug: string }>
 
 export async function generatePostMetadata({ params }: PostCtx): Promise<Metadata> {
-  const { siteId, slug } = await params
-  const post = await getPublishedPost(slug, { siteId })
+  const { slug } = await params
+  const post = await ampless.getPublishedPost(slug)
   if (!post) return {}
-  return postMetadata(post, siteId)
+  return ampless.postMetadata(post)
 }
 
 export default async function DadsPost({ params }: PostCtx) {
-  const { siteId, slug } = await params
+  const { slug } = await params
   const [post, settings, theme] = await Promise.all([
-    getPublishedPost(slug, { siteId }),
-    loadSiteSettings(siteId),
-    loadThemeConfig(siteId),
+    ampless.getPublishedPost(slug),
+    ampless.loadSiteSettings(),
+    ampless.loadThemeConfig(),
   ])
   if (!post) notFound()
 
+  const postBody = await ampless.publicBodyForPost(post)
+  const html = await ampless.publicHtmlForPost(post)
+
   const defaultLightbox = settings.media.imageDisplay === 'lightbox'
   const maxWidth = settings.media.imageMaxWidth ?? '100%'
   const proseStyle: React.CSSProperties = {
@@ -54,7 +54,7 @@ export default async function DadsPost({ params }: PostCtx) {
             href="/"
             className="text-[var(--primary)] underline-offset-4 hover:underline"
           >
-            {t('public.back')}
+            {admin.t('public.back')}
           </Link>
         </nav>
 
@@ -72,6 +72,10 @@ export default async function DadsPost({ params }: PostCtx) {
             )}
           </header>
 
+          {postBody}
+
+          {html.beforeContent}
+
           <div
             id="post-body"
             className="prose prose-neutral dark:prose-invert max-w-none [&_a]:text-[var(--primary)] [&_a]:underline-offset-4 [&_img]:max-w-[var(--ampless-img-max-width)] [&_img]:mx-auto"
@@ -79,6 +83,8 @@ export default async function DadsPost({ params }: PostCtx) {
             dangerouslySetInnerHTML={{ __html: renderBody(post) }}
           />
 
+          {html.afterContent}
+
           <TagList tags={post.tags} className="mt-10 border-t pt-6" />
         </article>
 

package/dist/templates/dads/pages/sitemap.ts

@@ -1,12 +1,11 @@
-import { publicAssetUrl } from '@/lib/storage'
+import { ampless } from '@/lib/ampless'
 
 interface Ctx {
-  siteId: string
   request: Request
 }
 
-export async function dadsSitemapHandler({ siteId }: Ctx): Promise<Response> {
-  const url = publicAssetUrl(`public/plugins/seo/${siteId}/sitemap.xml`)
+export async function dadsSitemapHandler(_ctx: Ctx): Promise<Response> {
+  const url = ampless.publicAssetUrl('public/plugins/seo/sitemap.xml')
   const upstream = await fetch(url, { cache: 'no-store' })
   if (!upstream.ok) {
     return new Response(

package/dist/templates/dads/pages/tag.tsx

@@ -1,20 +1,18 @@
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { formatDate, type ThemeRouteContext } from 'ampless'
-import { listPostsByTag } from '@/lib/posts-public'
-import { loadSiteSettings } from '@/lib/site-settings'
-import { loadThemeConfig } from '@/lib/theme-config'
+import { ampless } from '@/lib/ampless'
+import { admin } from '@/lib/admin'
 import { SiteHeader } from '@/components/site-chrome/site-header'
 import { SiteFooter } from '@/components/site-chrome/site-footer'
-import { t } from '@/lib/i18n'
 
 export default async function DadsTag({ params }: ThemeRouteContext<{ tag: string }>) {
-  const { siteId, tag } = await params
+  const { tag } = await params
   const decodedTag = decodeURIComponent(tag)
   const [{ items: posts }, settings, theme] = await Promise.all([
-    listPostsByTag(decodedTag, { siteId, limit: 50 }),
-    loadSiteSettings(siteId),
-    loadThemeConfig(siteId),
+    ampless.listPostsByTag(decodedTag, { limit: 50 }),
+    ampless.loadSiteSettings(),
+    ampless.loadThemeConfig(),
   ])
   if (posts.length === 0) notFound()
 
@@ -36,12 +34,12 @@ export default async function DadsTag({ params }: ThemeRouteContext<{ tag: strin
             href="/"
             className="text-[var(--primary)] underline-offset-4 hover:underline"
           >
-            {t('public.home')}
+            {admin.t('public.home')}
           </Link>
         </nav>
 
         <header className="mb-10">
-          <p className="text-sm text-[var(--muted-foreground)]">{t('public.tagLabel')}</p>
+          <p className="text-sm text-[var(--muted-foreground)]">{admin.t('public.tagLabel')}</p>
           <h1 className="text-3xl font-bold tracking-tight">#{decodedTag}</h1>
         </header>
 

package/dist/templates/dads/tokens.css

@@ -13,26 +13,31 @@
  * enough; we don't hardcode hex values here. The fallbacks after
  * each `var(...)` are the DADS values from version 0.3.4 in case
  * the plugin isn't loaded for some reason.
+ *
+ * Dark mode: DADS doesn't ship an official dark palette as of v0.3.4,
+ * so the D side of `light-dark()` here is an inverted approximation.
+ * When DADS adds a dark variant, bind the D arg to the corresponding
+ * plugin variables (e.g. `var(--color-blue-300)` for primary).
  */
 
 [data-theme='dads'] {
-  --background: #ffffff;
-  --foreground: #1a1a1c;
-  --card: #ffffff;
-  --card-foreground: #1a1a1c;
-  --primary: var(--color-blue-900, #0017c1);
-  --primary-foreground: #ffffff;
-  --secondary: var(--color-blue-50, #e8f1fe);
-  --secondary-foreground: var(--color-blue-900, #0017c1);
-  --muted: #f5f5f5;
-  --muted-foreground: #595959;
-  --accent: var(--color-blue-50, #e8f1fe);
-  --accent-foreground: var(--color-blue-900, #0017c1);
-  --destructive: var(--color-red-900, #ce0000);
-  --destructive-foreground: #ffffff;
-  --border: #d9d9d9;
-  --input: #d9d9d9;
-  --ring: var(--color-blue-900, #0017c1);
+  --background: light-dark(#ffffff, #1a1a1c);
+  --foreground: light-dark(#1a1a1c, #f0f0f0);
+  --card: light-dark(#ffffff, #232327);
+  --card-foreground: light-dark(#1a1a1c, #f0f0f0);
+  --primary: light-dark(var(--color-blue-900, #0017c1), var(--color-blue-300, #9db7f9));
+  --primary-foreground: light-dark(#ffffff, #1a1a1c);
+  --secondary: light-dark(var(--color-blue-50, #e8f1fe), #2c2f3a);
+  --secondary-foreground: light-dark(var(--color-blue-900, #0017c1), #f0f0f0);
+  --muted: light-dark(#f5f5f5, #28282c);
+  --muted-foreground: light-dark(#595959, #b3b3b3);
+  --accent: light-dark(var(--color-blue-50, #e8f1fe), #2c2f3a);
+  --accent-foreground: light-dark(var(--color-blue-900, #0017c1), #f0f0f0);
+  --destructive: light-dark(var(--color-red-900, #ce0000), var(--color-red-700, #fa0000));
+  --destructive-foreground: light-dark(#ffffff, #ffffff);
+  --border: light-dark(#d9d9d9, #3a3a3f);
+  --input: light-dark(#d9d9d9, #3a3a3f);
+  --ring: light-dark(var(--color-blue-900, #0017c1), var(--color-blue-300, #9db7f9));
   --radius: 0.25rem;
   /* DADS recommends Noto Sans JP for body text. The plugin sets
    * fontFamily.sans to it; we surface that through our usual
@@ -40,28 +45,3 @@
    * up consistently. */
   --ampless-body-font: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
 }
-
-@media (prefers-color-scheme: dark) {
-  [data-theme='dads'] {
-    /* DADS doesn't ship an official dark palette as of v0.3.4; this
-     * is an inverted approximation. When DADS adds a dark variant,
-     * bind these to the corresponding plugin variables. */
-    --background: #1a1a1c;
-    --foreground: #f0f0f0;
-    --card: #232327;
-    --card-foreground: #f0f0f0;
-    --primary: var(--color-blue-300, #9db7f9);
-    --primary-foreground: #1a1a1c;
-    --secondary: #2c2f3a;
-    --secondary-foreground: #f0f0f0;
-    --muted: #28282c;
-    --muted-foreground: #b3b3b3;
-    --accent: #2c2f3a;
-    --accent-foreground: #f0f0f0;
-    --destructive: var(--color-red-700, #fa0000);
-    --destructive-foreground: #ffffff;
-    --border: #3a3a3f;
-    --input: #3a3a3f;
-    --ring: var(--color-blue-300, #9db7f9);
-  }
-}

package/dist/templates/docs/README.ja.md

@@ -0,0 +1,24 @@
+> English: [README.md](./README.md)
+> 
+# Docs テーマ
+
+サイドバー主導のドキュメントレイアウト。サイドバー項目は通常のリンクに加え、**タグ駆動セクション**を組み合わせられます — `tag:<name>` 形式の項目を入れると、そのタグが付いた公開済み投稿の一覧に自動展開されます。タグでコンテンツを整理するだけでナビゲーションに自動反映されます。
+
+## カスタマイズ
+
+`/admin/sites/<siteId>/theme` で設定:
+
+- **プライマリカラー**
+- **角丸**
+- **コードフォント** — システム等幅 / JetBrains Mono
+- **サイドバーナビ** — 各行は `ラベル` + `URL`。URL には以下を指定可能:
+  - パス（`/getting-started`）
+  - 外部 URL（`https://...`）
+  - タグ参照（`tag:tutorials`）→ 見出し + タグ付き投稿一覧として描画
+- **ロゴ画像 URL**
+- **ヘッダーナビ** — トップレベルのリンク
+- **フッターリンク** — ラベル + URL のペア
+
+## 執筆のヒント
+
+投稿に `guide` タグを付けて、サイドバーに URL `tag:guide` の行を追加するだけ。新しい記事を公開しても手動でリンクを編集する必要はなく、サイドバーに自動で並びます。

package/dist/templates/docs/README.md

@@ -1,27 +1,24 @@
-# {{siteName}}
+> 日本語版: [README.ja.md](./README.ja.md)
+> 
+# Docs theme
 
-Docs theme: sidebar-led documentation layout. The sidebar combines plain links with **tag-driven sections** — entering a URL like `tag:guide` in the sidebar nav field auto-expands to a list of every published post tagged "guide". Lets writers organize content by tag and have it appear in nav automatically.
+Sidebar-led documentation layout. The sidebar combines plain links with **tag-driven sections** — a sidebar entry of the form `tag:<name>` auto-expands into a list of every published post with that tag. Lets writers organize content by tag and have it appear in nav automatically.
 
 ## Customizing
 
 In `/admin/sites/<siteId>/theme`:
 
+- **Primary color**
+- **Corner radius**
+- **Code font** — System monospace / JetBrains Mono
 - **Sidebar navigation** — each row is `Label` + `URL`. The URL can be:
   - a path (`/getting-started`)
   - an external URL (`https://...`)
   - a tag reference (`tag:tutorials`) → renders as a heading + list of tagged posts
-- Header navigation (top-level links)
-- Code font (system mono / JetBrains Mono / etc.)
-- Primary color, corner radius
+- **Logo image URL**
+- **Header navigation** — top-level links
+- **Footer links** — label + URL pairs
 
 ## Authoring tip
 
 Tag a post `guide` (in the post editor) and add a sidebar row with URL `tag:guide`. The sidebar will list that post automatically — no manual link editing every time you publish.
-
-## Getting started
-
-```bash
-npm install
-npx ampx sandbox
-npm run dev
-```

package/dist/templates/docs/pages/feed.ts

@@ -1,12 +1,11 @@
-import { publicAssetUrl } from '@/lib/storage'
+import { ampless } from '@/lib/ampless'
 
 interface Ctx {
-  siteId: string
   request: Request
 }
 
-export async function docsFeedHandler({ siteId }: Ctx): Promise<Response> {
-  const url = publicAssetUrl(`public/plugins/rss/${siteId}/feed.xml`)
+export async function docsFeedHandler(_ctx: Ctx): Promise<Response> {
+  const url = ampless.publicAssetUrl('public/plugins/rss/feed.xml')
   const upstream = await fetch(url, { cache: 'no-store' })
   if (!upstream.ok) {
     return new Response(

package/dist/templates/docs/pages/home.tsx

@@ -1,8 +1,6 @@
 import Link from 'next/link'
 import { formatDate, type ThemeRouteContext } from 'ampless'
-import { listPublishedPosts } from '@/lib/posts-public'
-import { loadSiteSettings } from '@/lib/site-settings'
-import { loadThemeConfig } from '@/lib/theme-config'
+import { ampless } from '@/lib/ampless'
 import { SiteHeader } from '@/components/site-chrome/site-header'
 import { SiteSidebar } from '@/components/site-chrome/site-sidebar'
 import { SiteFooter } from '@/components/site-chrome/site-footer'
@@ -11,12 +9,11 @@ import { CollapsibleSidebar } from '@/components/site-chrome/collapsible-sidebar
 // Docs home: sidebar nav on the left (with optional tag-driven
 // sections), latest posts list on the right. Acts as the docs landing
 // page until the user arranges static pages.
-export default async function DocsHome({ params }: ThemeRouteContext) {
-  const { siteId } = await params
+export default async function DocsHome(_: ThemeRouteContext) {
   const [settings, theme, postsResult] = await Promise.all([
-    loadSiteSettings(siteId),
-    loadThemeConfig(siteId),
-    listPublishedPosts({ siteId, limit: 12 }),
+    ampless.loadSiteSettings(),
+    ampless.loadThemeConfig(),
+    ampless.listPublishedPosts({ limit: 12 }),
   ])
   const posts = postsResult.items
 
@@ -31,7 +28,7 @@ export default async function DocsHome({ params }: ThemeRouteContext) {
 
       <div className="mx-auto grid max-w-6xl gap-6 px-6 py-10 lg:grid-cols-[15rem_1fr] lg:gap-10">
         <CollapsibleSidebar className="lg:sticky lg:top-6 lg:self-start">
-          <SiteSidebar links={theme.values.sidebarNav} siteId={siteId} />
+          <SiteSidebar links={theme.values.sidebarNav} />
         </CollapsibleSidebar>
 
         <main className="min-w-0">

package/dist/templates/docs/pages/post.tsx

@@ -2,13 +2,10 @@ import type { Metadata } from 'next'
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { formatDate, type ThemeRouteContext } from 'ampless'
-import { renderBody } from '@/lib/posts'
+import { renderBody } from '@ampless/runtime'
+import { ampless } from '@/lib/ampless'
 import { LightboxBinder } from '@/components/lightbox-content'
 import { TagList } from '@/components/tag-list'
-import { postMetadata } from '@/lib/seo'
-import { loadSiteSettings } from '@/lib/site-settings'
-import { loadThemeConfig } from '@/lib/theme-config'
-import { getPublishedPost } from '@/lib/posts-public'
 import { SiteHeader } from '@/components/site-chrome/site-header'
 import { SiteSidebar } from '@/components/site-chrome/site-sidebar'
 import { SiteFooter } from '@/components/site-chrome/site-footer'
@@ -17,24 +14,27 @@ import { CollapsibleSidebar } from '@/components/site-chrome/collapsible-sidebar
 type PostCtx = ThemeRouteContext<{ slug: string }>
 
 export async function generatePostMetadata({ params }: PostCtx): Promise<Metadata> {
-  const { siteId, slug } = await params
-  const post = await getPublishedPost(slug, { siteId })
+  const { slug } = await params
+  const post = await ampless.getPublishedPost(slug)
   if (!post) return {}
-  return postMetadata(post, siteId)
+  return ampless.postMetadata(post)
 }
 
 // Docs post page: sidebar always visible while reading. The sidebar
 // re-uses theme.sidebarNav, so navigation context stays consistent
 // across the home page and individual articles.
 export default async function DocsPost({ params }: PostCtx) {
-  const { siteId, slug } = await params
+  const { slug } = await params
   const [post, settings, theme] = await Promise.all([
-    getPublishedPost(slug, { siteId }),
-    loadSiteSettings(siteId),
-    loadThemeConfig(siteId),
+    ampless.getPublishedPost(slug),
+    ampless.loadSiteSettings(),
+    ampless.loadThemeConfig(),
   ])
   if (!post) notFound()
 
+  const postBody = await ampless.publicBodyForPost(post)
+  const html = await ampless.publicHtmlForPost(post)
+
   const defaultLightbox = settings.media.imageDisplay === 'lightbox'
   const maxWidth = settings.media.imageMaxWidth ?? '100%'
   const proseStyle: React.CSSProperties = {
@@ -52,7 +52,7 @@ export default async function DocsPost({ params }: PostCtx) {
 
       <div className="mx-auto grid max-w-6xl gap-6 px-6 py-10 lg:grid-cols-[15rem_1fr] lg:gap-10">
         <CollapsibleSidebar className="lg:sticky lg:top-6 lg:self-start">
-          <SiteSidebar links={theme.values.sidebarNav} siteId={siteId} />
+          <SiteSidebar links={theme.values.sidebarNav} />
         </CollapsibleSidebar>
 
         <main className="min-w-0">
@@ -69,6 +69,10 @@ export default async function DocsPost({ params }: PostCtx) {
               )}
             </header>
 
+            {postBody}
+
+            {html.beforeContent}
+
             <div
               id="post-body"
               className="prose prose-neutral dark:prose-invert max-w-none [&_img]:max-w-[var(--ampless-img-max-width)] [&_img]:mx-auto"
@@ -76,6 +80,8 @@ export default async function DocsPost({ params }: PostCtx) {
               dangerouslySetInnerHTML={{ __html: renderBody(post) }}
             />
 
+            {html.afterContent}
+
             <TagList tags={post.tags} className="mt-10 border-t pt-6" />
           </article>
         </main>

package/dist/templates/docs/pages/sitemap.ts

@@ -1,12 +1,11 @@
-import { publicAssetUrl } from '@/lib/storage'
+import { ampless } from '@/lib/ampless'
 
 interface Ctx {
-  siteId: string
   request: Request
 }
 
-export async function docsSitemapHandler({ siteId }: Ctx): Promise<Response> {
-  const url = publicAssetUrl(`public/plugins/seo/${siteId}/sitemap.xml`)
+export async function docsSitemapHandler(_ctx: Ctx): Promise<Response> {
+  const url = ampless.publicAssetUrl('public/plugins/seo/sitemap.xml')
   const upstream = await fetch(url, { cache: 'no-store' })
   if (!upstream.ok) {
     return new Response(

package/dist/templates/docs/pages/tag.tsx

@@ -1,22 +1,20 @@
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { formatDate, type ThemeRouteContext } from 'ampless'
-import { listPostsByTag } from '@/lib/posts-public'
-import { loadSiteSettings } from '@/lib/site-settings'
-import { loadThemeConfig } from '@/lib/theme-config'
+import { ampless } from '@/lib/ampless'
+import { admin } from '@/lib/admin'
 import { SiteHeader } from '@/components/site-chrome/site-header'
 import { SiteSidebar } from '@/components/site-chrome/site-sidebar'
 import { SiteFooter } from '@/components/site-chrome/site-footer'
 import { CollapsibleSidebar } from '@/components/site-chrome/collapsible-sidebar'
-import { t } from '@/lib/i18n'
 
 export default async function DocsTag({ params }: ThemeRouteContext<{ tag: string }>) {
-  const { siteId, tag } = await params
+  const { tag } = await params
   const decodedTag = decodeURIComponent(tag)
   const [{ items: posts }, settings, theme] = await Promise.all([
-    listPostsByTag(decodedTag, { siteId, limit: 50 }),
-    loadSiteSettings(siteId),
-    loadThemeConfig(siteId),
+    ampless.listPostsByTag(decodedTag, { limit: 50 }),
+    ampless.loadSiteSettings(),
+    ampless.loadThemeConfig(),
   ])
   if (posts.length === 0) notFound()
 
@@ -31,12 +29,12 @@ export default async function DocsTag({ params }: ThemeRouteContext<{ tag: strin
 
       <div className="mx-auto grid max-w-6xl gap-6 px-6 py-10 lg:grid-cols-[15rem_1fr] lg:gap-10">
         <CollapsibleSidebar className="lg:sticky lg:top-6 lg:self-start">
-          <SiteSidebar links={theme.values.sidebarNav} siteId={siteId} />
+          <SiteSidebar links={theme.values.sidebarNav} />
         </CollapsibleSidebar>
 
         <main className="min-w-0">
           <header className="mb-10">
-            <p className="text-sm text-[var(--muted-foreground)]">{t('public.tagLabel')}</p>
+            <p className="text-sm text-[var(--muted-foreground)]">{admin.t('public.tagLabel')}</p>
             <h1 className="text-3xl font-bold tracking-tight">#{decodedTag}</h1>
           </header>
 

package/dist/templates/docs/tokens.css

@@ -2,50 +2,28 @@
  * tighter radius, monospace-leaning code styling. */
 
 [data-theme='docs'] {
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.18 0.02 280);
-  --card: oklch(0.99 0 0);
-  --card-foreground: oklch(0.18 0.02 280);
-  --primary: oklch(0.5 0.18 280);
-  --primary-foreground: oklch(0.99 0 0);
-  --secondary: oklch(0.96 0.01 280);
-  --secondary-foreground: oklch(0.25 0.05 280);
-  --muted: oklch(0.97 0.005 280);
-  --muted-foreground: oklch(0.5 0.02 280);
-  --accent: oklch(0.95 0.04 280);
-  --accent-foreground: oklch(0.3 0.1 280);
-  --destructive: oklch(0.55 0.22 25);
-  --destructive-foreground: oklch(0.99 0 0);
-  --border: oklch(0.9 0.005 280);
-  --input: oklch(0.9 0.005 280);
-  --ring: oklch(0.5 0.18 280);
+  --background: light-dark(oklch(1 0 0), oklch(0.16 0.02 280));
+  --foreground: light-dark(oklch(0.18 0.02 280), oklch(0.96 0.005 280));
+  --card: light-dark(oklch(0.99 0 0), oklch(0.2 0.02 280));
+  --card-foreground: light-dark(oklch(0.18 0.02 280), oklch(0.96 0.005 280));
+  --primary: light-dark(oklch(0.5 0.18 280), oklch(0.72 0.16 280));
+  --primary-foreground: light-dark(oklch(0.99 0 0), oklch(0.16 0.02 280));
+  --secondary: light-dark(oklch(0.96 0.01 280), oklch(0.28 0.03 280));
+  --secondary-foreground: light-dark(oklch(0.25 0.05 280), oklch(0.96 0.005 280));
+  --muted: light-dark(oklch(0.97 0.005 280), oklch(0.24 0.02 280));
+  --muted-foreground: light-dark(oklch(0.5 0.02 280), oklch(0.7 0.02 280));
+  --accent: light-dark(oklch(0.95 0.04 280), oklch(0.32 0.06 280));
+  --accent-foreground: light-dark(oklch(0.3 0.1 280), oklch(0.96 0.005 280));
+  --destructive: light-dark(oklch(0.55 0.22 25), oklch(0.55 0.22 25));
+  --destructive-foreground: light-dark(oklch(0.99 0 0), oklch(0.99 0 0));
+  --border: light-dark(oklch(0.9 0.005 280), oklch(0.32 0.02 280));
+  --input: light-dark(oklch(0.9 0.005 280), oklch(0.32 0.02 280));
+  --ring: light-dark(oklch(0.5 0.18 280), oklch(0.72 0.16 280));
   --radius: 0.25rem;
   --ampless-body-font: system-ui, -apple-system, sans-serif;
   --ampless-code-font: ui-monospace, SFMono-Regular, Menlo, monospace;
 }
 
-@media (prefers-color-scheme: dark) {
-  [data-theme='docs'] {
-    --background: oklch(0.16 0.02 280);
-    --foreground: oklch(0.96 0.005 280);
-    --card: oklch(0.2 0.02 280);
-    --card-foreground: oklch(0.96 0.005 280);
-    --primary: oklch(0.72 0.16 280);
-    --primary-foreground: oklch(0.16 0.02 280);
-    --secondary: oklch(0.28 0.03 280);
-    --secondary-foreground: oklch(0.96 0.005 280);
-    --muted: oklch(0.24 0.02 280);
-    --muted-foreground: oklch(0.7 0.02 280);
-    --accent: oklch(0.32 0.06 280);
-    --accent-foreground: oklch(0.96 0.005 280);
-    --destructive: oklch(0.55 0.22 25);
-    --destructive-foreground: oklch(0.99 0 0);
-    --border: oklch(0.32 0.02 280);
-    --input: oklch(0.32 0.02 280);
-    --ring: oklch(0.72 0.16 280);
-  }
-}
-
 /* Code font scope: prose code blocks under the docs theme use the
  * configurable --ampless-code-font variable. The body font remains the
  * theme-configured --ampless-body-font (or system fallback). */