@getvitops/create 0.1.0

package/templates/emdash/src/layouts/Layout.astro

@@ -0,0 +1,133 @@
+---
+import VitopsHead from '@getvitops/astro/Head.astro';
+import { getMenu, getSiteSettings } from 'emdash';
+import { createPublicPageContext } from 'emdash/page';
+import { EmDashHead } from 'emdash/ui';
+// Design-system CSS, layout-scoped (getvitops css.inject: false): only pages
+// rendered through this layout get it — keeps it out of /_emdash/admin, while
+// EmDash previews (rendered through this layout) keep it.
+import '../styles/tailwind.css';
+// Single source of truth for the brand mark — the same file the favicon set
+// is generated from. `?raw` inlines it at build time (no extra request).
+import logo from '../assets/logo.svg?raw';
+
+interface Props {
+  title?: string;
+  description?: string;
+  image?: string;
+}
+
+const { title, description, image } = Astro.props;
+const settings = await getSiteSettings();
+const siteTitle = settings?.title || 'My EmDash Site';
+const fullTitle = title ? `${title} — ${siteTitle}` : siteTitle;
+const siteDescription = settings?.tagline || 'An EmDash website with the Vitops design system';
+
+const pageCtx = createPublicPageContext({
+  Astro,
+  kind: 'custom',
+  pageType: 'website',
+  title: fullTitle,
+  pageTitle: title ?? siteTitle,
+  description: description || siteDescription,
+  canonical: new URL(Astro.url.pathname, Astro.url).href,
+  image,
+  seo: { ogImage: image },
+  siteName: siteTitle,
+});
+
+// Editor-managed navigation (seeded as "primary" and "footer"; edit under
+// Menus in the admin). Falls back to a bare home link if the menu is deleted.
+const menu = await getMenu('primary');
+const navLinks = menu?.items?.length
+  ? menu.items.map((item) => ({ label: item.label, href: item.url ?? '/' }))
+  : [{ label: 'Home', href: '/' }];
+const footerMenu = await getMenu('footer');
+const footerLinks = (footerMenu?.items ?? []).map((item) => ({
+  label: item.label,
+  href: item.url ?? '/',
+}));
+const year = new Date().getFullYear();
+---
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{fullTitle}</title>
+    <EmDashHead page={pageCtx} />
+    <!-- Favicon/PWA links + the vitops web-component runtime. The runtime
+         progressively enhances the @getvitops/emdash editor blocks
+         (wc-carousel, wc-image-compare, ...) wherever Portable Text renders. -->
+    <VitopsHead />
+  </head>
+  <body>
+    <header class="navbar-sticky centered">
+      <div class="navbar">
+        <a class="brand flex items-center" href="/" aria-label={`${siteTitle} home`}>
+          <span class="brand-mark" set:html={logo} aria-hidden="true" />
+          <span class="font-heading">{siteTitle}</span>
+        </a>
+        <nav aria-label="Primary">
+          <ul class="nav-items justify-center">
+            {
+              navLinks.map((link) => (
+                <li>
+                  <a href={link.href}>{link.label}</a>
+                </li>
+              ))
+            }
+          </ul>
+        </nav>
+      </div>
+    </header>
+
+    <main class="centered rhythm">
+      <slot />
+    </main>
+
+    <footer class="centered">
+      {
+        footerLinks.length > 0 && (
+          <nav aria-label="Footer">
+            <ul class="nav-items justify-center">
+              {footerLinks.map((link) => (
+                <li>
+                  <a class="font-caption" href={link.href}>
+                    {link.label}
+                  </a>
+                </li>
+              ))}
+            </ul>
+          </nav>
+        )
+      }
+      <p class="font-caption text-neutral-muted">© {year} {siteTitle}</p>
+    </footer>
+
+    <style>
+      .brand {
+        gap: 0.55rem;
+        text-decoration: none;
+        color: inherit;
+      }
+
+      .brand-mark :global(svg) {
+        display: block;
+        inline-size: 1.75rem;
+        block-size: 1.75rem;
+      }
+
+      .navbar {
+        block-size: 64px;
+      }
+
+      footer {
+        margin-block-start: var(--space-2xl);
+        padding-block: var(--space-l);
+        border-block-start: 1px solid var(--neutral-border);
+      }
+    </style>
+  </body>
+</html>

package/templates/emdash/src/live.config.ts

@@ -0,0 +1,12 @@
+/**
+ * EmDash Live Content Collections.
+ *
+ * Defines the _emdash collection that serves all content types from the
+ * database. Query it with getEmDashCollection() / getEmDashEntry().
+ */
+import { defineLiveCollection } from 'astro:content';
+import { emdashLoader } from 'emdash/runtime';
+
+export const collections = {
+  _emdash: defineLiveCollection({ loader: emdashLoader() }),
+};

package/templates/emdash/src/pages/404.astro

@@ -0,0 +1,11 @@
+---
+import Layout from '../layouts/Layout.astro';
+---
+
+<Layout title="Page not found">
+  <section class="rhythm">
+    <h1>Page not found</h1>
+    <p>The page you're looking for doesn't exist (or isn't published yet).</p>
+    <p><a href="/">Back to the home page</a></p>
+  </section>
+</Layout>

package/templates/emdash/src/pages/[...slug].astro

@@ -0,0 +1,20 @@
+---
+import { getEmDashEntry } from 'emdash';
+import { PortableText } from 'emdash/ui';
+import Layout from '../layouts/Layout.astro';
+
+// Catch-all: any entry in the `pages` collection renders at its slug.
+const { slug } = Astro.params;
+const { entry: page } = slug ? await getEmDashEntry('pages', slug) : { entry: null };
+
+if (!page) {
+  return Astro.rewrite('/404');
+}
+---
+
+<Layout title={page.data.title}>
+  <article class="rhythm">
+    <h1>{page.data.title}</h1>
+    {page.data.content && <PortableText value={page.data.content} />}
+  </article>
+</Layout>

package/templates/emdash/src/pages/index.astro

@@ -0,0 +1,27 @@
+---
+import { getEmDashEntry } from 'emdash';
+import { PortableText } from 'emdash/ui';
+import Layout from '../layouts/Layout.astro';
+
+// The seeded home page (seed/seed.json → pages/home). Edit it in the admin;
+// the Vitops blocks from @getvitops/emdash render automatically — EmDash
+// merges the plugin's block components into <PortableText>.
+const { entry: page } = await getEmDashEntry('pages', 'home');
+---
+
+<Layout description={page?.data.title}>
+  <section class="rhythm">
+    <h1>{page?.data.title ?? 'Welcome'}</h1>
+    {
+      page?.data.content ? (
+        <PortableText value={page.data.content} />
+      ) : (
+        <p>
+          No home page yet. Complete the setup wizard at <a href="/_emdash/admin">/_emdash/admin</a>{' '}
+          and choose to include the sample content, or create a page with the slug{' '}
+          <code>home</code> in the admin.
+        </p>
+      )
+    }
+  </section>
+</Layout>

package/templates/emdash/src/worker.ts

@@ -0,0 +1,4 @@
+// Worker entry: Astro's fetch handler plus EmDash's scheduled() handler, which
+// the Cron Trigger in wrangler.jsonc drives. PluginBridge is the sandbox
+// Durable Object, re-exported here so its binding resolves.
+export { default, PluginBridge } from '@emdash-cms/cloudflare/worker';

package/templates/emdash/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "astro/tsconfigs/strict",
+  "include": [".astro/types.d.ts", "**/*"],
+  "exclude": ["dist", "public"]
+}

package/templates/emdash/vite.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite-plus';
+
+export default defineConfig({
+  staged: {
+    '*': 'vp check --fix',
+  },
+  fmt: {
+    ignorePatterns: ['dist/**', 'node_modules/**', 'src/styles/**', 'public/vitops/**'],
+  },
+  lint: {
+    ignorePatterns: ['dist/**', 'node_modules/**', 'src/styles/**', 'public/vitops/**'],
+    options: {
+      typeAware: true,
+      typeCheck: true,
+    },
+  },
+});

package/templates/emdash/wrangler.jsonc

@@ -0,0 +1,34 @@
+{
+  "$schema": "node_modules/wrangler/config-schema.json",
+  "name": "my-emdash-site",
+  "main": "./src/worker.ts",
+  "compatibility_date": "2026-02-24",
+  "compatibility_flags": ["nodejs_compat"],
+  "workers_dev": true,
+  // Custom domain: uncomment and set your apex. Cloudflare provisions the DNS
+  // record + TLS cert on deploy (the zone must already exist in the account).
+  // The dev deploy (scripts/build-dev-wrangler.mjs) automatically serves the
+  // dev worker from dev.<domain> when this is set.
+  // "routes": [{ "pattern": "example.com", "custom_domain": true }],
+  // No database_id / bucket ids needed up front: wrangler provisions the D1
+  // database and R2 bucket on the first `pnpm deploy` if they don't exist.
+  // EmDash runs its migrations + applies seed/seed.json on first boot.
+  "d1_databases": [
+    {
+      "binding": "DB",
+      "database_name": "my-emdash-site",
+    },
+  ],
+  "r2_buckets": [
+    {
+      "binding": "MEDIA",
+      "bucket_name": "my-emdash-site-media",
+    },
+  ],
+  // Drives scheduled publishing, plugin cron, and maintenance (see
+  // src/worker.ts). Without it, content scheduled in the admin never
+  // publishes on Cloudflare Workers. Local `astro dev` doesn't need it.
+  "triggers": {
+    "crons": ["* * * * *"],
+  },
+}