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

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

@@ -1,29 +1,24 @@
 import Link from 'next/link'
 import { formatDate, parseLinkList, 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 { admin } from '@/lib/admin'
 import { TagList } from '@/components/tag-list'
 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 BlogHome({ params }: ThemeRouteContext) {
-  const { siteId } = await params
+export default async function BlogHome(_: ThemeRouteContext) {
   const [settings, theme, postsResult] = await Promise.all([
-    loadSiteSettings(siteId),
-    loadThemeConfig(siteId),
-    listPublishedPosts({ siteId }),
+    ampless.loadSiteSettings(),
+    ampless.loadThemeConfig(),
+    ampless.listPublishedPosts(),
   ])
 
   // Featured (pinned) post: render the body inline above the list,
   // then drop the same slug from the feed so it doesn't show twice.
   // Missing / unpublished slugs return null and the section is skipped.
   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
@@ -72,7 +67,7 @@ export default async function BlogHome({ params }: ThemeRouteContext) {
         )}
 
         {posts.length === 0 ? (
-          !featured && <p className="text-gray-500">{t('public.noPosts')}</p>
+          !featured && <p className="text-gray-500">{admin.t('public.noPosts')}</p>
         ) : (
           <ul className="space-y-8">
             {posts.map((post) => (
@@ -86,7 +81,7 @@ export default async function BlogHome({ params }: ThemeRouteContext) {
                   )}
                   {post.excerpt && <p className="mt-2 text-gray-700">{post.excerpt}</p>}
                 </Link>
-                <TagList tags={post.tags} className="mt-3" />
+                <TagList tags={post.tags} className="mt-3" max={3} />
               </li>
             ))}
           </ul>

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

@@ -2,35 +2,45 @@ import type { Metadata } from 'next'
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { formatDate, parseLinkList, 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 }>
 
+function buildPostUrl(siteUrl: string, slug: string) {
+  return new URL(`/${slug}`, siteUrl).toString()
+}
+
+function buildXShareUrl(articleUrl: string, title: string, excerpt?: string | null) {
+  const text = [`"${title}"`, excerpt].filter(Boolean).join('\n\n')
+  const params = new URLSearchParams({ url: articleUrl, text })
+  return `https://x.com/intent/tweet?${params.toString()}`
+}
+
 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 BlogPost({ 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 = {
@@ -39,6 +49,8 @@ export default async function BlogPost({ params }: PostCtx) {
   const showHeader =
     parseLinkList(theme.values.headerNav).length > 0 || !!theme.values.logoUrl?.trim()
   const showFooter = parseLinkList(theme.values.footerLinks).length > 0
+  const articleUrl = buildPostUrl(settings.site.url, post.slug)
+  const xShareUrl = buildXShareUrl(articleUrl, post.title, post.excerpt)
 
   return (
     <>
@@ -53,7 +65,7 @@ export default async function BlogPost({ params }: PostCtx) {
 
       <main className="mx-auto max-w-2xl px-6 py-12">
         <nav className="mb-8">
-          <Link href="/" className="text-sm text-gray-500 hover:underline">{t('public.back')}</Link>
+          <Link href="/" className="text-sm text-gray-500 hover:underline">{admin.t('public.back')}</Link>
         </nav>
 
         <article>
@@ -66,6 +78,10 @@ export default async function BlogPost({ 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"
@@ -73,7 +89,19 @@ export default async function BlogPost({ params }: PostCtx) {
             dangerouslySetInnerHTML={{ __html: renderBody(post) }}
           />
 
+          {html.afterContent}
+
           <TagList tags={post.tags} className="mt-8 border-t pt-6" />
+
+          <footer className="mt-6 flex flex-wrap items-center gap-x-6 gap-y-2 text-sm text-gray-500">
+            <a href={articleUrl} className="hover:text-foreground hover:underline">{admin.t('public.permalink')}</a>
+            <a href={xShareUrl} target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-1.5 hover:text-foreground hover:underline">
+              <svg aria-hidden="true" viewBox="0 0 24 24" className="h-3.5 w-3.5" fill="currentColor">
+                <path d="M13.8 10.4 21 2h-1.7l-6.2 7.3L8.1 2H2.3l7.6 11.1L2.3 22h1.7l6.7-7.8 5.4 7.8h5.8l-8.1-11.6Zm-2.4 2.8-.8-1.1L4.5 3.3h2.8l4.9 7.1.8 1.1 6.4 9.2h-2.8l-5.2-7.5Z" />
+              </svg>
+              {admin.t('public.shareOnX')}
+            </a>
+          </footer>
         </article>
 
         <LightboxBinder scopeSelector="#post-body" defaultLightbox={defaultLightbox} />

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

@@ -1,14 +1,13 @@
-import { publicAssetUrl } from '@/lib/storage'
+import { ampless } from '@/lib/ampless'
 
 interface Ctx {
-  siteId: string
   request: Request
 }
 
 // /sitemap.xml proxy — plugin-seo regenerates the sitemap on every
-// content event and writes it to `public/plugins/seo/{siteId}/sitemap.xml`.
-export async function blogSitemapHandler({ siteId }: Ctx): Promise<Response> {
-  const url = publicAssetUrl(`public/plugins/seo/${siteId}/sitemap.xml`)
+// content event and writes it to `public/plugins/seo/sitemap.xml`.
+export async function blogSitemapHandler(_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/blog/pages/tag.tsx

@@ -1,20 +1,18 @@
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { formatDate, parseLinkList, 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 BlogTag({ 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,11 +34,11 @@ export default async function BlogTag({ params }: ThemeRouteContext<{ tag: strin
 
       <main className="mx-auto max-w-2xl px-6 py-12">
         <nav className="mb-8">
-          <Link href="/" className="text-sm text-gray-500 hover:underline">{t('public.home')}</Link>
+          <Link href="/" className="text-sm text-gray-500 hover:underline">{admin.t('public.home')}</Link>
         </nav>
 
         <header className="mb-12 border-b pb-6">
-          <p className="text-sm text-gray-500">{t('public.tagLabel')}</p>
+          <p className="text-sm text-gray-500">{admin.t('public.tagLabel')}</p>
           <h1 className="text-4xl font-bold tracking-tight">#{decodedTag}</h1>
         </header>
 

package/dist/templates/blog/tokens.css

@@ -7,48 +7,34 @@
  * loads, so `:root` selectors trump scoped attribute selectors of
  * equal specificity. The dispatcher emits `--primary` etc. only for
  * fields that have an override, leaving everything else to fall back
- * to these defaults. */
+ * to these defaults.
+ *
+ * Dark mode: tokens are declared with the CSS `light-dark(L, D)`
+ * function. The active `color-scheme` (set on `:root` and optionally
+ * pinned per-site via `html[data-color-scheme]`) selects whether L or
+ * D is rendered. `globals.css` opts the document into `color-scheme:
+ * light dark` by default — visitors with `prefers-color-scheme: dark`
+ * see the dark palette automatically.
+ */
 
 [data-theme='blog'] {
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --destructive-foreground: oklch(0.985 0 0);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
+  --background: light-dark(oklch(1 0 0), oklch(0.145 0 0));
+  --foreground: light-dark(oklch(0.145 0 0), oklch(0.985 0 0));
+  --card: light-dark(oklch(1 0 0), oklch(0.145 0 0));
+  --card-foreground: light-dark(oklch(0.145 0 0), oklch(0.985 0 0));
+  --primary: light-dark(oklch(0.205 0 0), oklch(0.985 0 0));
+  --primary-foreground: light-dark(oklch(0.985 0 0), oklch(0.205 0 0));
+  --secondary: light-dark(oklch(0.97 0 0), oklch(0.269 0 0));
+  --secondary-foreground: light-dark(oklch(0.205 0 0), oklch(0.985 0 0));
+  --muted: light-dark(oklch(0.97 0 0), oklch(0.269 0 0));
+  --muted-foreground: light-dark(oklch(0.556 0 0), oklch(0.708 0 0));
+  --accent: light-dark(oklch(0.97 0 0), oklch(0.269 0 0));
+  --accent-foreground: light-dark(oklch(0.205 0 0), oklch(0.985 0 0));
+  --destructive: light-dark(oklch(0.577 0.245 27.325), oklch(0.396 0.141 25.723));
+  --destructive-foreground: light-dark(oklch(0.985 0 0), oklch(0.985 0 0));
+  --border: light-dark(oklch(0.922 0 0), oklch(0.269 0 0));
+  --input: light-dark(oklch(0.922 0 0), oklch(0.269 0 0));
+  --ring: light-dark(oklch(0.708 0 0), oklch(0.439 0 0));
   --radius: 0.5rem;
   --ampless-body-font: system-ui, -apple-system, sans-serif;
 }
-
-@media (prefers-color-scheme: dark) {
-  [data-theme='blog'] {
-    --background: oklch(0.145 0 0);
-    --foreground: oklch(0.985 0 0);
-    --card: oklch(0.145 0 0);
-    --card-foreground: oklch(0.985 0 0);
-    --primary: oklch(0.985 0 0);
-    --primary-foreground: oklch(0.205 0 0);
-    --secondary: oklch(0.269 0 0);
-    --secondary-foreground: oklch(0.985 0 0);
-    --muted: oklch(0.269 0 0);
-    --muted-foreground: oklch(0.708 0 0);
-    --accent: oklch(0.269 0 0);
-    --accent-foreground: oklch(0.985 0 0);
-    --destructive: oklch(0.396 0.141 25.723);
-    --destructive-foreground: oklch(0.985 0 0);
-    --border: oklch(0.269 0 0);
-    --input: oklch(0.269 0 0);
-    --ring: oklch(0.439 0 0);
-  }
-}

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

@@ -0,0 +1,18 @@
+> English: [README.md](./README.md)
+> 
+# Corporate テーマ
+
+企業サイト向けの落ち着いたレイアウト。明るい背景にネイビーの配色、ヒーロー + お知らせ一覧構成、ヘッダー / フッターナビ付き。
+
+## カスタマイズ
+
+`/admin/sites/<siteId>/theme` で設定:
+
+- **タグライン** — ヒーロー内、サイト名の上に表示される短いフレーズ
+- **プライマリカラー**
+- **角丸**
+- **トップストーリーのスラッグ** — ヒーローとお知らせ一覧の間に公開済み投稿を 1 件フィーチャー
+- **ロゴ画像 URL**
+- **ヘッダーナビ** — ラベル + URL のペア
+- **フッターリンク** — ラベル + URL のペア
+- **フッター注記** — 住所 / 会社情報 / 追加の注意書き

package/dist/templates/corporate/README.md

@@ -1,20 +1,18 @@
-# {{siteName}}
+> 日本語版: [README.ja.md](./README.ja.md)
+> 
+# Corporate theme
 
-Corporate / company-site theme: navy on near-white, hero + news layout, header + footer navigation.
+Conservative business / company-site layout with hero and news section. Navy on near-white, header + footer navigation.
 
 ## Customizing
 
 In `/admin/sites/<siteId>/theme`:
 
-- Tagline (small line above the site name in the hero)
-- Header navigation (label + URL pairs)
-- Footer links + legend (address / company info / extra small print)
-- Primary color, corner radius
-
-## Getting started
-
-```bash
-npm install
-npx ampx sandbox
-npm run dev
-```
+- **Tagline** — short phrase shown above the site name in the hero
+- **Primary color**
+- **Corner radius**
+- **Top story slug** — feature one published post between the hero and the news section
+- **Logo image URL**
+- **Header navigation** — label + URL pairs
+- **Footer links** — label + URL pairs
+- **Footer legend** — address / company info / extra small print

package/dist/templates/corporate/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 corporateFeedHandler({ siteId }: Ctx): Promise<Response> {
-  const url = publicAssetUrl(`public/plugins/rss/${siteId}/feed.xml`)
+export async function corporateFeedHandler(_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/corporate/pages/home.tsx

@@ -1,26 +1,21 @@
 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'
 
-export default async function CorporateHome({ params }: ThemeRouteContext) {
-  const { siteId } = await params
+export default async function CorporateHome(_: ThemeRouteContext) {
   const [settings, theme, postsResult] = await Promise.all([
-    loadSiteSettings(siteId),
-    loadThemeConfig(siteId),
-    listPublishedPosts({ siteId, limit: 8 }),
+    ampless.loadSiteSettings(),
+    ampless.loadThemeConfig(),
+    ampless.listPublishedPosts({ limit: 8 }),
   ])
 
   // Top-story embed between hero and news. Filtered out of news to
   // avoid duplication. Skipped silently if missing / unpublished.
   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/corporate/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 CorporatePost({ 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 = {
@@ -50,7 +50,7 @@ export default async function CorporatePost({ params }: PostCtx) {
       <main className="mx-auto max-w-3xl px-6 py-12">
         <nav className="mb-6">
           <Link href="/" className="text-sm text-[var(--muted-foreground)] hover:text-[var(--primary)]">
-            {t('public.back')}
+            {admin.t('public.back')}
           </Link>
         </nav>
 
@@ -67,6 +67,10 @@ export default async function CorporatePost({ 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"
@@ -74,6 +78,8 @@ export default async function CorporatePost({ params }: PostCtx) {
             dangerouslySetInnerHTML={{ __html: renderBody(post) }}
           />
 
+          {html.afterContent}
+
           <TagList tags={post.tags} className="mt-8 border-t pt-6" />
         </article>
 

package/dist/templates/corporate/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 corporateSitemapHandler({ siteId }: Ctx): Promise<Response> {
-  const url = publicAssetUrl(`public/plugins/seo/${siteId}/sitemap.xml`)
+export async function corporateSitemapHandler(_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/corporate/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 CorporateTag({ 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()
 
@@ -32,12 +30,12 @@ export default async function CorporateTag({ params }: ThemeRouteContext<{ tag:
       <main className="mx-auto max-w-4xl px-6 py-12">
         <nav className="mb-6">
           <Link href="/" className="text-sm text-[var(--muted-foreground)] hover:text-[var(--primary)]">
-            {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/corporate/tokens.css

@@ -3,45 +3,23 @@
  * selector pattern as the other themes. */
 
 [data-theme='corporate'] {
-  --background: oklch(0.99 0 0);
-  --foreground: oklch(0.18 0.02 250);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.18 0.02 250);
-  --primary: oklch(0.4 0.13 250);
-  --primary-foreground: oklch(0.99 0 0);
-  --secondary: oklch(0.95 0.01 250);
-  --secondary-foreground: oklch(0.25 0.05 250);
-  --muted: oklch(0.96 0.005 250);
-  --muted-foreground: oklch(0.5 0.02 250);
-  --accent: oklch(0.95 0.02 250);
-  --accent-foreground: oklch(0.3 0.08 250);
-  --destructive: oklch(0.55 0.22 25);
-  --destructive-foreground: oklch(0.99 0 0);
-  --border: oklch(0.9 0.005 250);
-  --input: oklch(0.9 0.005 250);
-  --ring: oklch(0.4 0.13 250);
+  --background: light-dark(oklch(0.99 0 0), oklch(0.16 0.02 250));
+  --foreground: light-dark(oklch(0.18 0.02 250), oklch(0.96 0.005 250));
+  --card: light-dark(oklch(1 0 0), oklch(0.22 0.02 250));
+  --card-foreground: light-dark(oklch(0.18 0.02 250), oklch(0.96 0.005 250));
+  --primary: light-dark(oklch(0.4 0.13 250), oklch(0.7 0.14 250));
+  --primary-foreground: light-dark(oklch(0.99 0 0), oklch(0.16 0.02 250));
+  --secondary: light-dark(oklch(0.95 0.01 250), oklch(0.28 0.03 250));
+  --secondary-foreground: light-dark(oklch(0.25 0.05 250), oklch(0.96 0.005 250));
+  --muted: light-dark(oklch(0.96 0.005 250), oklch(0.26 0.02 250));
+  --muted-foreground: light-dark(oklch(0.5 0.02 250), oklch(0.7 0.02 250));
+  --accent: light-dark(oklch(0.95 0.02 250), oklch(0.32 0.05 250));
+  --accent-foreground: light-dark(oklch(0.3 0.08 250), oklch(0.96 0.005 250));
+  --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 250), oklch(0.32 0.02 250));
+  --input: light-dark(oklch(0.9 0.005 250), oklch(0.32 0.02 250));
+  --ring: light-dark(oklch(0.4 0.13 250), oklch(0.7 0.14 250));
   --radius: 0.25rem;
   --ampless-body-font: system-ui, -apple-system, sans-serif;
 }
-
-@media (prefers-color-scheme: dark) {
-  [data-theme='corporate'] {
-    --background: oklch(0.16 0.02 250);
-    --foreground: oklch(0.96 0.005 250);
-    --card: oklch(0.22 0.02 250);
-    --card-foreground: oklch(0.96 0.005 250);
-    --primary: oklch(0.7 0.14 250);
-    --primary-foreground: oklch(0.16 0.02 250);
-    --secondary: oklch(0.28 0.03 250);
-    --secondary-foreground: oklch(0.96 0.005 250);
-    --muted: oklch(0.26 0.02 250);
-    --muted-foreground: oklch(0.7 0.02 250);
-    --accent: oklch(0.32 0.05 250);
-    --accent-foreground: oklch(0.96 0.005 250);
-    --destructive: oklch(0.55 0.22 25);
-    --destructive-foreground: oklch(0.99 0 0);
-    --border: oklch(0.32 0.02 250);
-    --input: oklch(0.32 0.02 250);
-    --ring: oklch(0.7 0.14 250);
-  }
-}

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

@@ -0,0 +1,31 @@
+> English: [README.md](./README.md)
+> 
+# DADS テーマ
+
+デジタル庁デザインシステム準拠のレイアウト。政府・自治体・公共系サイト向け。高コントラスト、アクセシビリティ重視、装飾控えめ。公式の **[デジタル庁デザインシステム Tailwind プラグイン](https://github.com/digital-go-jp/tailwind-theme-plugin)**（`@digital-go-jp/tailwind-theme-plugin`、MIT）をベースに構築されています。
+
+## プラグインが提供する機能
+
+- **カラーパレット** — プライマリカラーに `solidBlue`（`#0017c1`）を使用し、DADS の全スケール（ライトブルー、シアン、グリーン、ライム、イエロー、オレンジ、レッド、マゼンタ）を Tailwind クラス（`bg-blue-900`、`text-blue-50` など）で利用可能
+- **タイポグラフィ** — プラグイン経由で `fontFamily.sans` に Noto Sans JP を設定。`--ampless-body-font` として参照可能
+- **ボーダー半径** — `rounded-4` / `rounded-6` が利用可能
+
+`tokens.css` がプラグインの CSS 変数（`--color-blue-900` など）を ampless 標準のテーマ変数（`--primary`、`--background` など）にバインドするため、共有 chrome（SiteHeader、SiteFooter、shadcn ボタンなど）が自動的に DADS カラーで描画されます。
+
+DADS が新しいパレットバージョンを公開した場合、`@digital-go-jp/tailwind-theme-plugin` をバージョンアップするだけでテーマに反映されます。
+
+## カスタマイズ
+
+`/admin/sites/<siteId>/theme` で設定:
+
+- **ロゴ画像 URL** — 組織マーク
+- **プライマリカラー** — デフォルトは DADS の `solidBlue`。DADS 以外の色に変更するとサイトは DADS 準拠ではなくなります。
+- **トップストーリーのスラッグ** — ヒーローとお知らせ一覧の間に公開済み投稿を 1 件フィーチャー
+- **ヘッダーナビ** — ラベル + URL のペア
+- **フッターリンク** — ラベル + URL のペア
+- **フッター注記** — 住所 / 機関情報 / 追加の注意書き
+
+## 注意事項
+
+- ダークモードは反転色による近似実装です。プラグイン 0.3.4 時点では DADS の公式ダークパレットは存在しません。公式ダークパレットが公開された際は、`tokens.css` のダーク変数バインディングを更新してください。
+- このプラグインはデザイントークンのみを提供します。フル DADS コンポーネント（ボタン、アラート、タブなど）については [design-system-example-components](https://github.com/digital-go-jp/design-system-example-components) を参照し、必要に応じて取り込んでください。