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

package/dist/templates/_shared/cms.config.ts

@@ -1,6 +1,12 @@
 import { defineConfig } from 'ampless'
 import seoPlugin from '@ampless/plugin-seo'
 import rssPlugin from '@ampless/plugin-rss'
+// import schemaJsonLdPlugin from '@ampless/plugin-schema-jsonld'
+// import readingTimePlugin from '@ampless/plugin-reading-time'
+// import cookieConsentPlugin from '@ampless/plugin-cookie-consent'
+// import analyticsGa4Plugin from '@ampless/plugin-analytics-ga4'
+// import gtmPlugin from '@ampless/plugin-gtm'
+// import plausiblePlugin from '@ampless/plugin-plausible'
 // import webhookPlugin from '@ampless/plugin-webhook'
 // import ogImagePlugin, { loadFontFromUrl } from '@ampless/plugin-og-image'
 
@@ -27,29 +33,7 @@ export default defineConfig({
       losslessForPng: true,
     },
   },
-  // Multi-site config. Leave undefined for single-site operation; the
-  // runtime then serves every request as siteId='default'. To run
-  // multiple sites in one Amplify environment, declare two or more
-  // entries here:
-  //
-  //   sites: {
-  //     blog: {
-  //       domains: ['blog.example.com', 'www.example.com'],
-  //       name: 'My Blog',
-  //       url: 'https://blog.example.com',
-  //     },
-  //     docs: {
-  //       domains: ['docs.example.com'],
-  //       name: 'Docs',
-  //       url: 'https://docs.example.com',
-  //     },
-  //   },
-  //
-  // In multi-site mode the middleware forces `Cache-Control: private,
-  // no-store` on public responses (Amplify Hosting's CloudFront cache
-  // key cannot disambiguate by Host). Single-site mode leaves caching
-  // to the default page directives.
-
+  // Date display format.
   // 'iso'    — YYYY-MM-DD (default; SSR-safe, locale-neutral)
   // 'long'   — "April 27, 2026" (en-US)
   // 'locale' — browser/server locale
@@ -90,6 +74,63 @@ export default defineConfig({
     //   ],
     // }),
     //
+    // Cookie consent banner. Installs `window.amplessConsent` so other
+    // plugins can gate themselves on user consent (see the Consent
+    // Convention in `docs/architecture/08-plugin-architecture.md`).
+    //
+    // IMPORTANT: cookieConsentPlugin() must come BEFORE any analytics
+    // plugin in this array — both run `afterInteractive` and the consent
+    // API must be installed before analytics scripts read it. (Analytics
+    // plugins also wait for `ampless:consent-ready`, so out-of-order
+    // registration still works, but in-order is faster.)
+    //
+    // Categories (analytics / marketing / etc.) are managed live from
+    // `/admin/plugins`. Banner text and button labels are also admin-editable.
+    //
+    // cookieConsentPlugin(),
+    //
+    // Reading-time badge. Estimates read time from the post body and injects
+    // a configurable label (default: "3 min read") before or after the post
+    // content. Supports English word count + CJK character count (÷ 2).
+    // Label template and position are editable from `/admin/plugins`.
+    //
+    // readingTimePlugin(),
+    //
+    // Google Analytics 4. Once registered here, the measurement ID can be
+    // edited from `/admin/plugins` without a redeploy — the constructor
+    // value below is just the initial default. Pass an empty string to
+    // disable the GA tag entirely. See packages/ampless/docs/plugin-author-guide.md.
+    //
+    // analyticsGa4Plugin({
+    //   measurementId: '', // 'G-XXXXXXXX' to enable
+    // }),
+    //
+    // Google Tag Manager. Like GA4, the container ID is editable from
+    // `/admin/plugins` after deploy. Tags fire via GTM's own trigger model.
+    //
+    // gtmPlugin({
+    //   containerId: '', // 'GTM-XXXXXXX' to enable
+    // }),
+    //
+    // Plausible Analytics (privacy-focused, typically no cookie consent
+    // required). `domain` matches the registered Plausible site.
+    // `scriptUrl` defaults to plausible.io; override for self-hosted.
+    //
+    // plausiblePlugin({
+    //   domain: '', // 'example.com' to enable
+    // }),
+    //
+    // JSON-LD structured data (Schema.org). Injects <script type="application/ld+json">
+    // into post pages for Article / BlogPosting markup. articleType, authorName and
+    // publisherName fall back to the site name when left empty.
+    //
+    // schemaJsonLdPlugin({
+    //   articleType: 'Article', // 'Article' | 'BlogPosting' | 'NewsArticle'
+    //   authorName: '', // empty falls back to site.name
+    //   publisherName: '', // empty falls back to site.name
+    //   publisherLogo: '', // optional absolute URL to publisher logo
+    // }),
+    //
     // Per-post OG images: SNS crawlers hit `/og/<slug>` and we render
     // a JSX card → PNG via Next.js `ImageResponse`. Requires at least one
     // font — ship a .ttf from your CDN or `/public` directory.

package/dist/templates/_shared/components/site-chrome/site-sidebar.tsx

@@ -1,10 +1,9 @@
 import Link from 'next/link'
 import { parseLinkList, isTagListUrl } from 'ampless'
-import { listPostsByTag } from '@/lib/posts-public'
+import { ampless } from '@/lib/ampless'
 
 interface Props {
   links: string | undefined
-  siteId: string
   className?: string
 }
 
@@ -19,7 +18,7 @@ interface Props {
  * paired with `force-dynamic` on the page so fresh content shows up
  * after publish events.
  */
-export async function SiteSidebar({ links, siteId, className }: Props) {
+export async function SiteSidebar({ links, className }: Props) {
   const items = parseLinkList(links)
   if (items.length === 0) return null
 
@@ -28,7 +27,7 @@ export async function SiteSidebar({ links, siteId, className }: Props) {
     items.map(async (item) => {
       const tagRef = isTagListUrl(item.url)
       if (!tagRef) return { type: 'link' as const, label: item.label, url: item.url }
-      const { items: posts } = await listPostsByTag(tagRef.tag, { siteId, limit: 50 })
+      const { items: posts } = await ampless.listPostsByTag(tagRef.tag, { limit: 50 })
       return {
         type: 'tagSection' as const,
         label: item.label,

package/dist/templates/_shared/components/tag-list.tsx

@@ -3,14 +3,18 @@ import Link from 'next/link'
 interface TagListProps {
   tags?: string[] | null
   className?: string
+  /** Cap the number of tags shown; the rest collapse into a "+N" indicator. */
+  max?: number
 }
 
 // Renders post tags as chip-style links to /tag/[tag]. Pure-server, no JS.
-export function TagList({ tags, className }: TagListProps) {
+export function TagList({ tags, className, max }: TagListProps) {
   if (!tags?.length) return null
+  const shown = max != null ? tags.slice(0, max) : tags
+  const overflow = tags.length - shown.length
   return (
     <ul className={`flex flex-wrap gap-2 ${className ?? ''}`}>
-      {tags.map((tag) => (
+      {shown.map((tag) => (
         <li key={tag}>
           <Link
             href={`/tag/${encodeURIComponent(tag)}`}
@@ -20,6 +24,9 @@ export function TagList({ tags, className }: TagListProps) {
           </Link>
         </li>
       ))}
+      {overflow > 0 && (
+        <li className="inline-block px-2 py-0.5 text-xs text-muted-foreground">+{overflow}</li>
+      )}
     </ul>
   )
 }

package/dist/templates/_shared/components.json

@@ -12,7 +12,7 @@
   },
   "aliases": {
     "components": "@/components",
-    "utils": "@/lib/cn",
+    "utils": "@ampless/runtime/ui",
     "ui": "@/components/ui",
     "lib": "@/lib",
     "hooks": "@/hooks"