@getvitops/create 0.1.0

package/templates/emdash/design-system.json

@@ -0,0 +1,148 @@
+{
+  "$schema": "https://unpkg.com/@getvitops/generator/schema.json",
+  "colors": {
+    "palette": {
+      "brand": { "seed": "#2e9b73" },
+      "ink": { "seed": "#3f4a5c" },
+      "sky": { "seed": "#2f7bc0" },
+      "sun": { "seed": "#d08a1f" },
+      "rose": { "seed": "#c74a42" }
+    },
+    "roles": {
+      "neutral": "ink",
+      "surface": "ink",
+      "ui-primary": "brand",
+      "brand-primary": "brand",
+      "info": "sky",
+      "success": "brand",
+      "warning": "sun",
+      "danger": "rose"
+    },
+    "utilities": ["bg", "text", "border"]
+  },
+  "shadows": {
+    "sm": "0 1px 2px rgb(0 0 0 / 0.08)",
+    "md": "0 4px 6px rgb(0 0 0 / 0.12)",
+    "lg": "0 10px 15px rgb(0 0 0 / 0.18)"
+  },
+  "fonts": {
+    "display": "system-ui, -apple-system, \"Segoe UI\", sans-serif",
+    "sans": "system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
+    "mono": "ui-monospace, \"SF Mono\", Menlo, monospace"
+  },
+  "typeScale": {
+    "base": "1rem",
+    "names": ["2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl"],
+    "baseStep": 4,
+    "baseline": "m",
+    "ratio": 1.2,
+    "fluid": { "minVw": "22.5rem", "maxVw": "80rem", "minRatio": 1.12 }
+  },
+  "spaceScale": {
+    "base": "1rem",
+    "names": ["2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl"],
+    "baseStep": 4,
+    "baseline": "m",
+    "ratio": 1.25,
+    "fluid": { "minVw": "22.5rem", "maxVw": "80rem", "minRatio": 1.2 }
+  },
+  "patterns": {
+    "defaults": {
+      "ds": "none",
+      "b": "1px solid var(--color-surface-xl)",
+      "br": "0.375rem",
+      "p": "1rem",
+      "fs": "1rem"
+    },
+    "radii": { "pill": "999px", "circle": "50%", "card": "0.5rem" },
+    "groups": {
+      "control": {
+        "ds": "var(--ds-default)",
+        "b": "var(--b-default)",
+        "br": "var(--br-default)",
+        "p": "0.5em 1em",
+        "fs": "var(--fs-default)"
+      },
+      "panel": {
+        "ds": "var(--shadow-md)",
+        "b": "var(--b-default)",
+        "br": "0.5rem",
+        "p": "1rem",
+        "fs": "var(--fs-default)"
+      }
+    },
+    "z": { "raised": 1, "sticky": 100, "overlay": 200, "top": 1000 },
+    "items": {
+      "button": {
+        "group": "control",
+        "element": "button",
+        "default_role": "brand-primary",
+        "base": {
+          "padding": "0.6em 1.2em",
+          "border-radius": "var(--br-control, 0.25rem)",
+          "border": "none",
+          "font-weight": "600",
+          "color": "#fff",
+          "cursor": "pointer",
+          "box-shadow": "var(--shadow-sm)"
+        },
+        "states": {
+          "hover": { "step": 1 },
+          "active": { "scale": 0.97 },
+          "focus-visible": { "ring": true }
+        },
+        "roles": []
+      },
+      "card": {
+        "group": "panel",
+        "class": "card",
+        "base": {
+          "border-radius": "var(--br-card-group)",
+          "padding": "1.5rem",
+          "background": "var(--color-surface-xxl)",
+          "border": "var(--b-card-group)",
+          "box-shadow": "var(--ds-card-group)"
+        },
+        "states": {},
+        "roles": []
+      }
+    }
+  },
+  "typography": {
+    "families": {
+      "display": "var(--font-display)",
+      "sans": "var(--font-sans)",
+      "code": "var(--font-mono, ui-monospace, monospace)"
+    },
+    "roles": {
+      "display": {
+        "family": "display",
+        "size": "var(--text-3xl)",
+        "weight": 700,
+        "line-height": "1.05",
+        "tracking": "-0.03em"
+      },
+      "heading": {
+        "family": "display",
+        "size": "var(--text-xl)",
+        "weight": 600,
+        "line-height": "1.3"
+      },
+      "body": { "family": "sans", "size": "var(--text-m)", "weight": 400, "line-height": "1.55" }
+    },
+    "headings": { "h1": "display", "h2": "heading", "h3": "heading" }
+  },
+  "animations": {
+    "effects": {
+      "fade-in": { "kf": "composite", "vars": { "opacity-from": 0 } },
+      "slide-up": {
+        "kf": "composite",
+        "vars": { "translate-y-from": "var(--slide-distance, 2rem)" }
+      }
+    },
+    "journeys": {
+      "base": { "fade": { "opacity-from": 0 }, "slide": {} },
+      "compose": [["fade"], ["slide"], ["fade", "slide"]]
+    }
+  }
+}

package/templates/emdash/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "my-emdash-site",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "deploy": "astro build && wrangler deploy",
+    "deploy:dev": "astro build && node scripts/build-dev-wrangler.mjs && wrangler deploy --config dist/server/wrangler.dev.json",
+    "typecheck": "astro check",
+    "build:css": "vitops generate -i design-system.json -f tailwind -o src/styles",
+    "prepare": "vp config"
+  },
+  "dependencies": {
+    "@astrojs/cloudflare": "^14.0.0",
+    "@astrojs/react": "^6.0.0",
+    "@emdash-cms/cloudflare": "^0.31.0",
+    "@getvitops/astro": "^0.4.0",
+    "@getvitops/emdash": "^0.1.0",
+    "astro": "^7.1.2",
+    "emdash": "^0.31.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
+  },
+  "devDependencies": {
+    "@astrojs/check": "^0.9.7",
+    "@cloudflare/workers-types": "^4.20260305.1",
+    "@getvitops/cli": "^0.4.0",
+    "typescript": "^6.0.3",
+    "vite-plus": "catalog:",
+    "wrangler": "^4.111.0"
+  },
+  "devEngines": {
+    "runtime": {
+      "name": "node",
+      "version": "24.18.0",
+      "onFail": "download"
+    }
+  },
+  "packageManager": "pnpm@11.9.0",
+  "emdash": {
+    "seed": "seed/seed.json"
+  }
+}

package/templates/emdash/pnpm-workspace.yaml

@@ -0,0 +1,34 @@
+# Build scripts: allow only what each runtime needs; rest false so
+# strictDepBuilds (pnpm >=10.26 / 11) passes.
+allowBuilds:
+  esbuild: true
+  workerd: true
+  better-sqlite3: false
+  sharp: false
+
+# Supply-chain hardening: cooldown on brand-new releases (toolchain exempt)
+# and no non-registry transitive sources.
+minimumReleaseAge: 1440
+minimumReleaseAgeExclude:
+  - '@getvitops/*'
+  - emdash
+  - '@emdash-cms/*'
+  - vite-plus
+  - '@voidzero-dev/*'
+  - oxlint
+  - '@oxlint/*'
+  - oxlint-tsgolint
+  - '@oxlint-tsgolint/*'
+  - oxfmt
+  - '@oxfmt/*'
+blockExoticSubdeps: true
+catalog:
+  vite: npm:@voidzero-dev/vite-plus-core@latest
+  vite-plus: latest
+overrides:
+  vite: 'catalog:'
+peerDependencyRules:
+  allowAny:
+    - vite
+  allowedVersions:
+    vite: '*'

package/templates/emdash/scripts/build-dev-wrangler.mjs

@@ -0,0 +1,75 @@
+// Post-build step for the DEV deploy target.
+//
+// Why this exists: the @astrojs/cloudflare adapter regenerates
+// dist/server/wrangler.json at build time and drops any top-level `env` block,
+// so wrangler's native `--env dev` cannot be used. Instead we take the
+// adapter's generated (prod) config — which already carries the injected
+// ASSETS / SESSION / Durable Object / triggers bindings — and rewrite only the
+// identity + data targets so the dev worker is fully isolated:
+//
+//   name    <name>        → <name>-dev
+//   routes  <domain>      → dev.<domain>   (only if a custom domain is set)
+//   D1      binding DB    → <name>-dev     (id from $DEV_D1_ID)
+//   R2      binding MEDIA → <bucket>-dev
+//
+// Run after `astro build`, then deploy the emitted flat config explicitly:
+//   node scripts/build-dev-wrangler.mjs
+//   wrangler deploy --config dist/server/wrangler.dev.json
+//
+// SAFETY: refuses to run without $DEV_D1_ID. Falling back to the prod D1 id
+// would bind the dev worker to the PRODUCTION database — the exact thing this
+// split exists to prevent. One-time setup:
+//   wrangler d1 create <name>-dev   → export DEV_D1_ID=<the id it prints>
+//   wrangler r2 bucket create <bucket>-dev
+
+import { readFileSync, writeFileSync } from 'node:fs';
+
+const GENERATED = 'dist/server/wrangler.json';
+const OUT = 'dist/server/wrangler.dev.json';
+
+const DEV_D1_ID = process.env.DEV_D1_ID;
+if (!DEV_D1_ID) {
+  console.error(
+    'ERROR: DEV_D1_ID is not set.\n' +
+      'Create the isolated dev database and export its id first:\n' +
+      '  wrangler d1 create <your-worker-name>-dev\n' +
+      '  export DEV_D1_ID=<the id it prints>\n' +
+      'Refusing to continue — without it the dev worker could bind the prod DB.',
+  );
+  process.exit(1);
+}
+
+let cfg;
+try {
+  cfg = JSON.parse(readFileSync(GENERATED, 'utf8'));
+} catch (err) {
+  console.error(`ERROR: could not read ${GENERATED}. Run \`astro build\` first.\n${err}`);
+  process.exit(1);
+}
+
+const devName = `${cfg.name}-dev`;
+cfg.name = devName;
+
+// Custom domain → dev.<domain>. Without one, the dev worker just serves from
+// its workers.dev subdomain (<name>-dev.<account>.workers.dev).
+if (Array.isArray(cfg.routes)) {
+  cfg.routes = cfg.routes.map((route) =>
+    route?.pattern ? { ...route, pattern: `dev.${route.pattern}` } : route,
+  );
+}
+
+cfg.d1_databases = (cfg.d1_databases ?? []).map((d) =>
+  d.binding === 'DB' ? { ...d, database_name: devName, database_id: DEV_D1_ID } : d,
+);
+
+cfg.r2_buckets = (cfg.r2_buckets ?? []).map((r) =>
+  r.binding === 'MEDIA' ? { ...r, bucket_name: `${r.bucket_name}-dev` } : r,
+);
+
+// Flat config — no nested environments.
+delete cfg.env;
+
+writeFileSync(OUT, `${JSON.stringify(cfg, null, 2)}\n`);
+console.log(
+  `Wrote ${OUT}\n  name: ${cfg.name}\n  routes: ${JSON.stringify(cfg.routes ?? [])}\n  D1: ${devName} (${DEV_D1_ID})`,
+);

package/templates/emdash/seed/seed.json

@@ -0,0 +1,343 @@
+{
+  "$schema": "https://emdashcms.com/seed.schema.json",
+  "version": "1",
+  "meta": {
+    "name": "Vitops Starter",
+    "description": "An EmDash website wired to the Vitops design system",
+    "author": "Vitops"
+  },
+  "settings": {
+    "title": "My EmDash Site",
+    "tagline": "An EmDash website with the Vitops design system"
+  },
+  "collections": [
+    {
+      "slug": "pages",
+      "label": "Pages",
+      "labelSingular": "Page",
+      "supports": ["drafts", "revisions", "seo"],
+      "fields": [
+        {
+          "slug": "title",
+          "label": "Title",
+          "type": "string",
+          "required": true
+        },
+        {
+          "slug": "content",
+          "label": "Content",
+          "type": "portableText"
+        }
+      ]
+    }
+  ],
+  "menus": [
+    {
+      "name": "primary",
+      "label": "Primary Navigation",
+      "items": [
+        { "type": "custom", "label": "Home", "url": "/" },
+        { "type": "custom", "label": "About", "url": "/about" }
+      ]
+    },
+    {
+      "name": "footer",
+      "label": "Footer",
+      "items": [
+        { "type": "custom", "label": "Terms & Conditions", "url": "/terms" },
+        { "type": "custom", "label": "Privacy Policy", "url": "/privacy" }
+      ]
+    }
+  ],
+  "content": {
+    "pages": [
+      {
+        "id": "home",
+        "slug": "home",
+        "status": "published",
+        "data": {
+          "title": "Home",
+          "content": [
+            {
+              "_type": "block",
+              "_key": "intro-heading",
+              "style": "h2",
+              "markDefs": [],
+              "children": [
+                {
+                  "_type": "span",
+                  "_key": "intro-heading-1",
+                  "text": "Your site is running",
+                  "marks": []
+                }
+              ]
+            },
+            {
+              "_type": "block",
+              "_key": "intro-body",
+              "style": "normal",
+              "markDefs": [],
+              "children": [
+                {
+                  "_type": "span",
+                  "_key": "intro-body-1",
+                  "text": "This page is served from the EmDash database. Edit it in the admin at /_emdash/admin — the Vitops design-system blocks are available from the editor's slash menu.",
+                  "marks": []
+                }
+              ]
+            },
+            {
+              "_type": "vitops.banner",
+              "_key": "welcome-banner",
+              "message": "This banner is a Vitops block — dismiss it, then edit this page in the EmDash admin.",
+              "tone": "info",
+              "dismissible": true
+            },
+            {
+              "_type": "vitops.details",
+              "_key": "next-steps",
+              "summary": "Next steps",
+              "body": "Adjust design-system.json to your brand (colors, type, patterns), replace src/assets/logo.svg, then deploy with `pnpm deploy`.",
+              "open": false
+            }
+          ]
+        }
+      },
+      {
+        "id": "about",
+        "slug": "about",
+        "status": "published",
+        "data": {
+          "title": "About",
+          "content": [
+            {
+              "_type": "block",
+              "_key": "about-body",
+              "style": "normal",
+              "markDefs": [],
+              "children": [
+                {
+                  "_type": "span",
+                  "_key": "about-body-1",
+                  "text": "This page is rendered by the catch-all route (src/pages/[...slug].astro). Any page you create in the pages collection appears at its slug automatically.",
+                  "marks": []
+                }
+              ]
+            }
+          ]
+        }
+      },
+      {
+        "id": "terms",
+        "slug": "terms",
+        "status": "published",
+        "data": {
+          "title": "Terms & Conditions",
+          "content": [
+            {
+              "_type": "vitops.banner",
+              "_key": "terms-placeholder",
+              "message": "Placeholder text — replace with your own terms before launch. This is not legal advice.",
+              "tone": "warning",
+              "dismissible": false
+            },
+            {
+              "_type": "block",
+              "_key": "terms-intro",
+              "style": "normal",
+              "markDefs": [],
+              "children": [
+                {
+                  "_type": "span",
+                  "_key": "terms-intro-1",
+                  "text": "These terms and conditions govern your use of this website. By accessing or using the site, you agree to be bound by them. If you disagree with any part of these terms, please do not use the site.",
+                  "marks": []
+                }
+              ]
+            },
+            {
+              "_type": "block",
+              "_key": "terms-use-h",
+              "style": "h2",
+              "markDefs": [],
+              "children": [
+                { "_type": "span", "_key": "terms-use-h-1", "text": "Use of the site", "marks": [] }
+              ]
+            },
+            {
+              "_type": "block",
+              "_key": "terms-use",
+              "style": "normal",
+              "markDefs": [],
+              "children": [
+                {
+                  "_type": "span",
+                  "_key": "terms-use-1",
+                  "text": "Content on this site is provided for general information only and may change without notice. You may not use the site in any way that causes, or may cause, damage to the site or impairment of its availability.",
+                  "marks": []
+                }
+              ]
+            },
+            {
+              "_type": "block",
+              "_key": "terms-liability-h",
+              "style": "h2",
+              "markDefs": [],
+              "children": [
+                {
+                  "_type": "span",
+                  "_key": "terms-liability-h-1",
+                  "text": "Limitation of liability",
+                  "marks": []
+                }
+              ]
+            },
+            {
+              "_type": "block",
+              "_key": "terms-liability",
+              "style": "normal",
+              "markDefs": [],
+              "children": [
+                {
+                  "_type": "span",
+                  "_key": "terms-liability-1",
+                  "text": "The site is provided \"as is\" without warranties of any kind. To the fullest extent permitted by law, we exclude all liability for any loss or damage arising from use of the site.",
+                  "marks": []
+                }
+              ]
+            },
+            {
+              "_type": "block",
+              "_key": "terms-contact",
+              "style": "normal",
+              "markDefs": [],
+              "children": [
+                {
+                  "_type": "span",
+                  "_key": "terms-contact-1",
+                  "text": "Questions about these terms? Contact the site owner. Edit this page in the EmDash admin.",
+                  "marks": []
+                }
+              ]
+            }
+          ]
+        }
+      },
+      {
+        "id": "privacy",
+        "slug": "privacy",
+        "status": "published",
+        "data": {
+          "title": "Privacy Policy",
+          "content": [
+            {
+              "_type": "vitops.banner",
+              "_key": "privacy-placeholder",
+              "message": "Placeholder text — replace with your own privacy policy before launch. This is not legal advice.",
+              "tone": "warning",
+              "dismissible": false
+            },
+            {
+              "_type": "block",
+              "_key": "privacy-intro",
+              "style": "normal",
+              "markDefs": [],
+              "children": [
+                {
+                  "_type": "span",
+                  "_key": "privacy-intro-1",
+                  "text": "This policy describes what information this website collects, how it is used, and the choices you have. We collect only what we need to operate the site.",
+                  "marks": []
+                }
+              ]
+            },
+            {
+              "_type": "block",
+              "_key": "privacy-collect-h",
+              "style": "h2",
+              "markDefs": [],
+              "children": [
+                {
+                  "_type": "span",
+                  "_key": "privacy-collect-h-1",
+                  "text": "What we collect",
+                  "marks": []
+                }
+              ]
+            },
+            {
+              "_type": "block",
+              "_key": "privacy-collect",
+              "style": "normal",
+              "markDefs": [],
+              "children": [
+                {
+                  "_type": "span",
+                  "_key": "privacy-collect-1",
+                  "text": "Standard server logs (IP address, browser type, pages visited) used for security and troubleshooting, and any information you submit through forms on the site.",
+                  "marks": []
+                }
+              ]
+            },
+            {
+              "_type": "block",
+              "_key": "privacy-use-h",
+              "style": "h2",
+              "markDefs": [],
+              "children": [
+                {
+                  "_type": "span",
+                  "_key": "privacy-use-h-1",
+                  "text": "How we use it",
+                  "marks": []
+                }
+              ]
+            },
+            {
+              "_type": "block",
+              "_key": "privacy-use",
+              "style": "normal",
+              "markDefs": [],
+              "children": [
+                {
+                  "_type": "span",
+                  "_key": "privacy-use-1",
+                  "text": "To operate and secure the site and to respond to your enquiries. We do not sell personal information. Third-party services used to host this site (e.g. Cloudflare) process data under their own policies.",
+                  "marks": []
+                }
+              ]
+            },
+            {
+              "_type": "block",
+              "_key": "privacy-rights-h",
+              "style": "h2",
+              "markDefs": [],
+              "children": [
+                {
+                  "_type": "span",
+                  "_key": "privacy-rights-h-1",
+                  "text": "Your rights",
+                  "marks": []
+                }
+              ]
+            },
+            {
+              "_type": "block",
+              "_key": "privacy-rights",
+              "style": "normal",
+              "markDefs": [],
+              "children": [
+                {
+                  "_type": "span",
+                  "_key": "privacy-rights-1",
+                  "text": "You may request access to, correction of, or deletion of your personal information by contacting the site owner. Edit this page in the EmDash admin.",
+                  "marks": []
+                }
+              ]
+            }
+          ]
+        }
+      }
+    ]
+  }
+}

package/templates/emdash/src/assets/logo.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <!-- Placeholder mark — replace with your brand. This file is also the
+       favicon/PWA source (see astro.config.mjs → getvitops({ favicon })). -->
+  <rect width="64" height="64" rx="14" fill="#2e9b73" />
+  <path d="M18 24l14 20 14-20" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" />
+</svg>