npm - create-ampless - Versions diffs - 1.0.0-alpha.89 → 1.0.0-alpha.92 - Mend

create-ampless 1.0.0-alpha.89 → 1.0.0-alpha.92

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/templates/_shared/docs/plugin-author-guide.ja.md +74 -1
package/dist/templates/_shared/docs/plugin-author-guide.md +103 -4
package/dist/templates/_shared/package.json +13 -13
package/dist/templates/blog/pages/post.tsx +5 -0
package/dist/templates/corporate/pages/post.tsx +5 -0
package/dist/templates/dads/pages/post.tsx +5 -0
package/dist/templates/docs/pages/post.tsx +5 -0
package/dist/templates/landing/pages/post.tsx +5 -0
package/dist/templates/minimal/pages/post.tsx +5 -0
package/package.json +1 -1

package/dist/templates/_shared/docs/plugin-author-guide.ja.md CHANGED Viewed

@@ -28,6 +28,7 @@ ampless はテーマとプラグインの両方を提供します。用途に合
 | 信頼できる副作用（S3 書き込み・外部 API 送信） | | ✓ (`writePublicAsset` + `trusted`) |
 | テーマに依存しない `<head>` / `<body>` 注入（アナリティクス・同意バナー） | | ✓ (`publicHead` / `publicBodyEnd`) |
 | 投稿単位の機械可読メタデータ（JSON-LD 等） | | ✓ (`schema` via `publicBodyForPost`) |
+| 投稿本文の周囲の可視 HTML（reading-time、breadcrumb、share など） | | ✓ (`publicHtmlForPost`) |
 | 複数の ampless サイトで共有したいコード | | ✓ (npm パッケージとして公開) |
 判断の目安:
@@ -67,6 +68,7 @@ ampless プラグインは `AmplessPlugin` オブジェクトを返す TypeScrip
 | `publicHead(ctx)` | root layout の `<head>` | 同期 (async layout から呼ばれる) | 1 |
 | `publicBodyEnd(ctx)` | root layout の `<body>` 末尾 | 同期 | 1 |
 | `publicBodyForPost(post, ctx)` | テーマの post ページテンプレート（投稿単位） | 同期 | 4 |
+| `publicHtmlForPost(post, ctx)` | テーマの post ページテンプレート（投稿単位、可視 HTML） | 同期 | 6d |
 | `ogImage` | `/og/[slug]` ルート | リクエスト時、公開 Lambda 内 | 既存 |
 | `hooks` | trust_level に応じた processor Lambda | 非同期、SQS イベントで起動 | 既存 |
 | `settings.public` | `/admin/plugins` フォーム | 宣言的なマニフェスト | 2 |
@@ -181,6 +183,7 @@ interface AmplessPlugin {
   publicHead?(ctx): readonly PublicHeadDescriptor[]
   publicBodyEnd?(ctx): readonly PublicBodyDescriptor[]
   publicBodyForPost?(post: Post, ctx): readonly PublicPostBodyDescriptor[]
+  publicHtmlForPost?(post: Post, ctx): readonly PublicPostHtmlDescriptor[]
   ogImage?: OgImageConfig
   settings?: { public?: readonly PluginSettingField[] }
 }
@@ -309,6 +312,7 @@ SSR がデッドラインなしでブロックします。ネットワーク呼
 | `publicHead(ctx)` | `PublicHeadDescriptor[]` | 解析ローダー、フォント、jsonld、hreflang |
 | `publicBodyEnd(ctx)` | `PublicBodyDescriptor[]` | GTM no-script フレーム、チャットウィジェット、末尾スニペット |
 | `publicBodyForPost(post, ctx)` | `PublicPostBodyDescriptor[]` | 投稿単位の body 注入 — JSON-LD 構造化データ。テーマの post ページテンプレートが render する |
+| `publicHtmlForPost(post, ctx)` | `PublicPostHtmlDescriptor[]` | 投稿単位の可視 HTML を `beforeContent` / `afterContent` に注入 — reading-time バッジ、breadcrumb、share リンク等。body は runtime が `sanitize-html` の厳格 allowlist で sanitize |
 `ctx` オブジェクトの中身:
@@ -402,6 +406,21 @@ TypeScript としてサイトと同一の Node プロセスで動きます。des
 `meta` / `link` を除いている理由：投稿単位のメタデータは Next.js `generateMetadata()` 経由の `metadata()` サーフェスが担い、フレームワークの deduplication・streaming と統合されている。`publicBodyForPost` は `generateMetadata` が生成できない構造化データ（`<script type="application/ld+json">`）のためだけに存在する。
+### `PublicPostHtmlDescriptor`（Phase 6d）
+`publicHtmlForPost` は `PublicPostHtmlDescriptor[]` を返します:
+```ts
+{
+  type: 'html',
+  id: 'display',                  // plugin-local 短識別子（≤ 64 文字、制御文字不可）
+  position: 'beforeContent' | 'afterContent',
+  body: '<p class="reading-time">約 3 分で読めます</p>',
+}
+```
+runtime は `body` を `sanitize-html` の厳格 allowlist で sanitize し（詳しい allowlist と drop 対象は上の `publicHtmlForPost` 例を参照）、結果を `<div data-ampless-plugin="${namespace}" data-ampless-position="${position}">` で wrap します。テーマは `pages/post.tsx` で `{html.beforeContent}` / `{html.afterContent}` を embed するだけで、plugin の出力に対して `dangerouslySetInnerHTML` を書きません。
 ### JSON-LD 自動 escape
 `scriptType === 'application/ld+json'` のとき、runtime は描画前に **`body` 文字列を自動 escape** する — `<` → `<`、`>` → `>`、`&` → `&`、U+2028 → ` `、U+2029 → ` `。この処理は `inlineScript` を受け付ける 3 つのサーフェス（`publicHead` / `publicBodyEnd` / `publicBodyForPost`）すべてで行われる。プラグイン作者は生の JSON 文字列を返せばよく、自前で escape しなくてよい。
@@ -470,6 +489,60 @@ export default function schemaJsonldPlugin() {
 テーマの `pages/post.tsx` が `ampless.publicBodyForPost(post)` を呼び、返された descriptor を描画します。runtime は自動 escape した body を持つ `<script type="application/ld+json">` 要素をページに挿入します。
+### `publicHtmlForPost` 例（Phase 6d）
+**可視 HTML** を post の周囲に出したいとき（reading-time バッジ、breadcrumb、share リンク、micro-format 注釈など）は `publicHtmlForPost` を使います。runtime が body を sanitize したうえで `beforeContent` / `afterContent` スロットに embed するので、テーマ側で `dangerouslySetInnerHTML` を書く必要はありません。
+```typescript
+import { definePlugin } from 'ampless'
+export default function readingTimePlugin() {
+  return definePlugin({
+    name: 'reading-time',
+    apiVersion: 1,
+    trust_level: 'untrusted',
+    capabilities: ['publicHtmlForPost'],
+    publicHtmlForPost(post, _ctx) {
+      const words = countWords(post)
+      const minutes = Math.max(1, Math.round(words / 200))
+      return [{
+        type: 'html',
+        id: 'display',
+        position: 'beforeContent',
+        body: `<p class="reading-time" data-words="${words}" data-minutes="${minutes}">約 ${minutes} 分で読めます</p>`,
+      }]
+    },
+  })
+}
+```
+テーマの `pages/post.tsx` は `const html = await ampless.publicHtmlForPost(post)` を 1 回呼び、スロットを embed します:
+```tsx
+{postBody}            {/* publicBodyForPost — JSON-LD */}
+{html.beforeContent}  {/* publicHtmlForPost — beforeContent スロット */}
+<div className="prose" dangerouslySetInnerHTML={{ __html: renderBody(post) }} />
+{html.afterContent}   {/* publicHtmlForPost — afterContent スロット */}
+```
+**スロット位置**（v1）: `'beforeContent'` / `'afterContent'` の 2 つ。
+**Sanitizer（厳格、trust level に関わらず同一）:**
+- 許可タグ: `p` · `span` · `strong` · `em` · `a` · `code` · `br` · `ul` · `ol` · `li`
+- 許可グローバル属性: `class` · `data-words` · `data-minutes` · `data-ampless-*`
+- 許可 `<a>` 属性: `href` · `rel` · `target`。`target="_blank"` のとき sanitizer が `rel="noopener noreferrer"` を自動付与
+- `href` で許可するスキーム: `http` / `https`。相対 URL (`./path` / `../path` / `/path` / `#anchor`) は素通り。`javascript:` / `data:` / `mailto:` / `tel:` / `vbscript:` は drop
+- drop されるタグ・属性: `<img>` · `<iframe>` · `<video>` · `<audio>` · `<object>` · `<embed>` · `<form>` · `<style>` · インライン `style` · 全 event handler (`on*`)
+allowlist 外のタグが必要になった場合は issue を立ててください。allowlist は設計上拡張するものであって、escape hatch ではありません。
+**`id` は plugin-local。** 短い識別子（例: `'display'`）を使います。runtime が React `key` および wrapper `<div>` の `data-ampless-plugin` / `data-ampless-position` 属性を組むときに `${instanceId ?? name}:${id}` で resolve するので、plugin 作者が自前で namespace を埋め込む必要はありません。validator は `id` が空、制御文字を含む、64 文字超のいずれかなら descriptor を drop します。
+**dedupe は position ごと。** 1 つの plugin instance が `beforeContent` と `afterContent` の両方に同じ `id` を返すのは OK（dedupe スコープが独立）。同じ position に同じ `id` を 2 回返すと最初の 1 件を残して 2 件目を warn 付きで drop します。
+**複数 instance。** distinct な `instanceId` を持つ 2 つの `reading-time` instance（例: `reading-time-en` / `reading-time-jp`）は、同じ position に `id: 'display'` を返しても両方残ります（namespace が違うため）。
 ### クライアントサイドの DOM 操作はしない
 `publicHead` または `publicBodyEnd` から返したインラインスクリプトは、React がページを hydrate する前、HTML のパース中に実行されます。**React が管理するサブツリー内の見える DOM を操作してはいけません** — hydration が走ると React は仮想 DOM と合わないツリーを検出し、`Hydration failed because the server rendered HTML didn't match the client` エラーを投げてサブツリーをゼロから再生成します。挿入したノードは消えてしまいます。
@@ -488,7 +561,7 @@ React 19 はさらに、クライアントコンポーネントのレンダー
 - テーマが描画した要素のクラス / 属性 / テキストコンテンツの変更
 - クライアントサイドで `#post-body` のような要素を読み取って投稿単位の HTML を挿入する — 現在 `publicHead`-for-post に相当するサーフェスはなく、サーバーレンダリング済みのサブツリーをクライアントサイドで書き換えると hydration と競合します
-投稿単位の見える出力には、`publicBodyForPost` 経由で JSON-LD を返す（§6 の `PublicPostBodyDescriptor` 参照）か、テーマ自身のテンプレートを使ってください。サーバーサイドでの投稿単位 HTML 注入はロードマップに載っています。
+投稿単位の見える出力には `publicHtmlForPost` を使ってください（Phase 6d — 上の例と §6 の `PublicPostHtmlDescriptor` 参照）。runtime が post 本文の周囲の固定スロットにサーバーサイド HTML を出すので、hydration と競合しません。
 ---

package/dist/templates/_shared/docs/plugin-author-guide.md CHANGED Viewed

@@ -35,6 +35,7 @@ your code where future-you (and other site authors) will look for it.
 | Trusted side effects (S3 writes, external API push) | | ✓ (`writePublicAsset` + `trusted`) |
 | Theme-independent `<head>` / `<body>` injection (analytics, consent) | | ✓ (`publicHead` / `publicBodyEnd`) |
 | Per-post machine-readable metadata (JSON-LD, etc.) | | ✓ (`schema` via `publicBodyForPost`) |
+| Per-post visible HTML around the body (reading-time, breadcrumb, share) | | ✓ (`publicHtmlForPost`) |
 | Code you want to share across multiple ampless sites | | ✓ (publish as npm package) |
 Rule of thumb:
@@ -88,6 +89,7 @@ surfaces:
 | `publicHead(ctx)` | root layout `<head>` | sync (called from async layout) | 1 |
 | `publicBodyEnd(ctx)` | root layout end of `<body>` | sync | 1 |
 | `publicBodyForPost(post, ctx)` | theme post page template (per-post) | sync | 4 |
+| `publicHtmlForPost(post, ctx)` | theme post page template (per-post, visible HTML) | sync | 6d |
 | `ogImage` | `/og/[slug]` route | request-time, in public Lambda | Existing |
 | `hooks` | trust_level-matched processor Lambda | async, on SQS event | Existing |
 | `settings.public` | `/admin/plugins` form | declarative manifest | 2 |
@@ -210,6 +212,7 @@ interface AmplessPlugin {
   publicHead?(ctx): readonly PublicHeadDescriptor[]
   publicBodyEnd?(ctx): readonly PublicBodyDescriptor[]
   publicBodyForPost?(post: Post, ctx): readonly PublicPostBodyDescriptor[]
+  publicHtmlForPost?(post: Post, ctx): readonly PublicPostHtmlDescriptor[]
   ogImage?: OgImageConfig
   settings?: { public?: readonly PluginSettingField[] }
 }
@@ -380,6 +383,7 @@ elevated AWS access.
 | `publicHead(ctx)` | `PublicHeadDescriptor[]` | Analytics loader, fonts, jsonld, hreflang |
 | `publicBodyEnd(ctx)` | `PublicBodyDescriptor[]` | GTM no-script frame, chat widgets, tail snippets |
 | `publicBodyForPost(post, ctx)` | `PublicPostBodyDescriptor[]` | Per-post body injection — JSON-LD structured data; rendered by the theme's post page template |
+| `publicHtmlForPost(post, ctx)` | `PublicPostHtmlDescriptor[]` | Per-post visible HTML at `beforeContent` / `afterContent` — reading-time badge, breadcrumb, share links. Bodies are sanitized by the runtime under a strict `sanitize-html` allowlist |
 The `ctx` object carries:
@@ -483,6 +487,27 @@ behaviour. `publicBodyForPost` exists solely for the structured data
 use-case (`<script type="application/ld+json">`) that `generateMetadata`
 cannot produce.
+### `PublicPostHtmlDescriptor` (Phase 6d)
+`publicHtmlForPost` returns `PublicPostHtmlDescriptor[]`:
+```ts
+{
+  type: 'html',
+  id: 'display',                  // plugin-local short identifier (≤ 64 chars, no control chars)
+  position: 'beforeContent' | 'afterContent',
+  body: '<p class="reading-time">~3 min read</p>',
+}
+```
+The runtime sanitizes `body` with `sanitize-html` under a strict
+allowlist (see the `publicHtmlForPost` example above for the full
+allowlist + dropped-tag list) and wraps the result in
+`<div data-ampless-plugin="${namespace}" data-ampless-position="${position}">`.
+Themes embed `{html.beforeContent}` / `{html.afterContent}` in
+`pages/post.tsx`; they never call `dangerouslySetInnerHTML` on plugin
+output themselves.
 ### JSON-LD auto-escape
 When `scriptType === 'application/ld+json'`, the runtime **automatically
@@ -574,6 +599,80 @@ and renders the returned descriptors. The runtime inserts a
 `<script type="application/ld+json">` element with the auto-escaped
 body into the page.
+### `publicHtmlForPost` example (Phase 6d)
+Use `publicHtmlForPost` when you need to render **visible HTML**
+around a post — reading-time badge, breadcrumb, share links,
+micro-format annotations, etc. The runtime sanitizes the body before
+rendering and embeds the result at the `beforeContent` or
+`afterContent` slot, so themes never call `dangerouslySetInnerHTML`
+on plugin output.
+```typescript
+import { definePlugin } from 'ampless'
+export default function readingTimePlugin() {
+  return definePlugin({
+    name: 'reading-time',
+    apiVersion: 1,
+    trust_level: 'untrusted',
+    capabilities: ['publicHtmlForPost'],
+    publicHtmlForPost(post, _ctx) {
+      const words = countWords(post)
+      const minutes = Math.max(1, Math.round(words / 200))
+      return [{
+        type: 'html',
+        id: 'display',
+        position: 'beforeContent',
+        body: `<p class="reading-time" data-words="${words}" data-minutes="${minutes}">~${minutes} min read</p>`,
+      }]
+    },
+  })
+}
+```
+The theme's `pages/post.tsx` calls
+`const html = await ampless.publicHtmlForPost(post)` once and embeds
+the slots:
+```tsx
+{postBody}            {/* publicBodyForPost — JSON-LD */}
+{html.beforeContent}  {/* publicHtmlForPost — beforeContent slot */}
+<div className="prose" dangerouslySetInnerHTML={{ __html: renderBody(post) }} />
+{html.afterContent}   {/* publicHtmlForPost — afterContent slot */}
+```
+**Slot positions** (v1): `'beforeContent'` and `'afterContent'`.
+**Sanitizer (strict, identical across trust levels):**
+- Allowed tags: `p` · `span` · `strong` · `em` · `a` · `code` · `br` · `ul` · `ol` · `li`
+- Allowed global attributes: `class` · `data-words` · `data-minutes` · `data-ampless-*`
+- Allowed `<a>` attributes: `href` · `rel` · `target`. `target="_blank"` triggers auto-injection of `rel="noopener noreferrer"`.
+- Allowed URL schemes on `href`: `http` / `https`. Relative URLs (`./path`, `../path`, `/path`, `#anchor`) pass through. `javascript:` / `data:` / `mailto:` / `tel:` / `vbscript:` are dropped.
+- Dropped tags / attributes: `<img>` · `<iframe>` · `<video>` · `<audio>` · `<object>` · `<embed>` · `<form>` · `<style>` · inline `style` · all event handlers (`on*`).
+If you need a tag outside this list, open an issue — the allowlist
+expands by design, not by escape hatch.
+**`id` is plugin-local.** Use a short identifier (e.g. `'display'`).
+The runtime resolves it to `${instanceId ?? name}:${id}` when building
+the React `key` and the wrapper `<div>`'s `data-ampless-plugin` /
+`data-ampless-position` attributes. Do not embed your own namespace
+in `id`. The validator drops descriptors whose `id` is empty,
+contains control characters, or exceeds 64 characters.
+**Dedupe is per-position.** Returning the same `id` to both
+`beforeContent` and `afterContent` from a single plugin instance is
+fine — they live in independent dedupe scopes. Returning the same
+`id` twice to the same position keeps only the first occurrence and
+warns.
+**Multiple instances.** Two `reading-time` plugin instances with
+distinct `instanceId` (e.g. `reading-time-en` / `reading-time-jp`)
+can both emit `id: 'display'` to the same position; the runtime
+keeps both because the namespaces differ.
 ### Client-side DOM mutation: don't
 Inline scripts you return from `publicHead` or `publicBodyEnd` execute
@@ -612,10 +711,10 @@ something like `document.body.append(myNewElement)` may not even fire.
   any client-side rewrite of a server-rendered subtree races against
   hydration
-For visible per-post output, return JSON-LD via `publicBodyForPost`
-(see §6's `PublicPostBodyDescriptor`) or stick with the theme's own
-templates. A future ampless capability for server-side per-post HTML
-injection is on the roadmap.
+For visible per-post output, use `publicHtmlForPost` (Phase 6d — see
+the example above and §6's `PublicPostHtmlDescriptor`). The runtime
+emits server-side HTML at fixed slots around the post body, so
+nothing races against hydration.
 ---

package/dist/templates/_shared/package.json CHANGED Viewed

@@ -25,20 +25,20 @@
     "@tiptap/pm": "^3.23.6",
     "@tiptap/react": "^3.23.6",
     "@tiptap/starter-kit": "^3.23.6",
-    "@ampless/plugin-analytics-ga4": "^0.2.0-alpha.10",
-    "@ampless/plugin-cookie-consent": "^0.1.0-alpha.1",
-    "@ampless/plugin-gtm": "^0.2.0-alpha.9",
-    "@ampless/plugin-og-image": "^0.2.0-alpha.26",
-    "@ampless/plugin-plausible": "^0.2.0-alpha.9",
-    "@ampless/plugin-rss": "^0.2.0-alpha.26",
-    "@ampless/plugin-schema-jsonld": "^0.1.1-alpha.5",
-    "@ampless/plugin-seo": "^0.2.0-alpha.26",
-    "@ampless/plugin-webhook": "^0.2.0-alpha.26",
-    "@ampless/admin": "^1.0.0-alpha.55",
-    "@ampless/backend": "^1.0.0-alpha.43",
-    "@ampless/runtime": "^1.0.0-alpha.34",
+    "@ampless/plugin-analytics-ga4": "^0.2.0-alpha.12",
+    "@ampless/plugin-cookie-consent": "^0.1.0-alpha.3",
+    "@ampless/plugin-gtm": "^0.2.0-alpha.11",
+    "@ampless/plugin-og-image": "^0.2.0-alpha.28",
+    "@ampless/plugin-plausible": "^0.2.0-alpha.11",
+    "@ampless/plugin-rss": "^0.2.0-alpha.28",
+    "@ampless/plugin-schema-jsonld": "^0.1.1-alpha.7",
+    "@ampless/plugin-seo": "^0.2.0-alpha.28",
+    "@ampless/plugin-webhook": "^0.2.0-alpha.28",
+    "@ampless/admin": "^1.0.0-alpha.57",
+    "@ampless/backend": "^1.0.0-alpha.45",
+    "@ampless/runtime": "^1.0.0-alpha.36",
     "@digital-go-jp/tailwind-theme-plugin": "^0.3.4",
-    "ampless": "^1.0.0-alpha.26",
+    "ampless": "^1.0.0-alpha.28",
     "aws-amplify": "^6.17.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

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

@@ -39,6 +39,7 @@ export default async function BlogPost({ params }: PostCtx) {
   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%'
@@ -79,6 +80,8 @@ export default async function BlogPost({ params }: PostCtx) {
           {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"
@@ -86,6 +89,8 @@ 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">

package/dist/templates/corporate/pages/post.tsx CHANGED Viewed

@@ -29,6 +29,7 @@ export default async function CorporatePost({ params }: PostCtx) {
   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%'
@@ -68,6 +69,8 @@ export default async function CorporatePost({ params }: PostCtx) {
           {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"
@@ -75,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/dads/pages/post.tsx CHANGED Viewed

@@ -29,6 +29,7 @@ export default async function DadsPost({ params }: PostCtx) {
   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%'
@@ -73,6 +74,8 @@ export default async function DadsPost({ params }: PostCtx) {
           {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"
@@ -80,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/docs/pages/post.tsx CHANGED Viewed

@@ -33,6 +33,7 @@ export default async function DocsPost({ params }: PostCtx) {
   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%'
@@ -70,6 +71,8 @@ export default async function DocsPost({ params }: PostCtx) {
             {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"
@@ -77,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/landing/pages/post.tsx CHANGED Viewed

@@ -29,6 +29,7 @@ export default async function LandingPost({ params }: PostCtx) {
   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%'
@@ -70,6 +71,8 @@ export default async function LandingPost({ params }: PostCtx) {
           {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"
@@ -77,6 +80,8 @@ export default async function LandingPost({ params }: PostCtx) {
             dangerouslySetInnerHTML={{ __html: renderBody(post) }}
           />
+          {html.afterContent}
           <TagList tags={post.tags} className="mt-10 border-t pt-6" />
         </article>

package/dist/templates/minimal/pages/post.tsx CHANGED Viewed

@@ -26,6 +26,7 @@ export default async function MinimalPost({ params }: PostCtx) {
   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%'
@@ -51,6 +52,8 @@ export default async function MinimalPost({ params }: PostCtx) {
         {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"
@@ -58,6 +61,8 @@ export default async function MinimalPost({ params }: PostCtx) {
           dangerouslySetInnerHTML={{ __html: renderBody(post) }}
         />
+        {html.afterContent}
         <TagList tags={post.tags} className="mt-8 border-t pt-6" />
       </article>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "create-ampless",
-  "version": "1.0.0-alpha.89",
+  "version": "1.0.0-alpha.92",
   "description": "Create a new ampless project",
   "license": "MIT",
   "type": "module",