@getvitops/create 0.6.0 → 0.7.0

package/templates/static/site.json

@@ -0,0 +1,228 @@
+{
+  "$schema": "./node_modules/@getvitops/generator/config.schema.json",
+  "designSystem": {
+    "themes": {
+      "default": {
+        "$schema": "./node_modules/@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", "icon", "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-bg-surface-x-muted)",
+            "br": "0.375rem",
+            "p": "1rem",
+            "fs": "1rem"
+          },
+          "radii": {
+            "circle": "50%"
+          },
+          "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-bg-surface-muted)",
+                "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"]]
+          }
+        }
+      }
+    },
+    "defaultColorScheme": "light"
+  },
+  "organization": {
+    "name": "My Static Site"
+  },
+  "site": {
+    "defaultLocale": "en",
+    "locales": {
+      "en": {
+        "name": "English"
+      }
+    },
+    "environments": {
+      "production": {
+        "url": "https://my-static-site.example.com"
+      },
+      "dev": {
+        "url": "https://dev.my-static-site.example.com",
+        "robots": "noindex,nofollow"
+      }
+    }
+  }
+}

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

@@ -6,8 +6,8 @@ import Layout from '../layouts/Layout.astro';
   <section class="rhythm">
     <h1>Welcome</h1>
     <p>
-      Edit <code>design-system.json</code> and run <code>pnpm run build:css</code> to regenerate
-      the framework CSS, or edit this page directly.
+      Edit <code>site.json</code> (under <code>designSystem.themes.default</code>) and run
+      <code>pnpm run build:css</code> to regenerate the framework CSS, or edit this page directly.
     </p>
   </section>
 </Layout>

package/templates/static/wrangler.jsonc

@@ -7,9 +7,16 @@
   "assets": {
     "directory": "./dist",
   },
+  // Explicit rather than relying on wrangler's default: this is the fact that
+  // lets a first deploy go live at <name>.<account>.workers.dev without
+  // touching any existing site's DNS — see SETUP.html's "Domain strategy"
+  // stage and site.json's environments.production.url.
+  "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).
-  // `pnpm run deploy:dev` rewrites this to `dev.<domain>` automatically (see
-  // scripts/dev-wrangler-config.mjs) — nothing to change for the dev deploy.
+  // record + TLS cert on deploy (the zone must already exist in the account) —
+  // and OVERWRITES it, the moment an existing live site at that domain goes
+  // dark. `pnpm run deploy:dev` rewrites this to `dev.<domain>` automatically
+  // (see scripts/dev-wrangler-config.mjs) — nothing to change for the dev
+  // deploy.
   // "routes": [{ "pattern": "example.com", "custom_domain": true }],
 }

package/templates/emdash/design-system.json

@@ -1,148 +0,0 @@
-{
-  "$schema": "./node_modules/@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", "icon", "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-bg-surface-x-muted)",
-      "br": "0.375rem",
-      "p": "1rem",
-      "fs": "1rem"
-    },
-    "radii": { "circle": "50%" },
-    "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-bg-surface-muted)",
-          "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/scripts/init-github.mjs

@@ -1,186 +0,0 @@
-// One-time GitHub bootstrap: creates a GitHub repo named after this project
-// (package.json name), pushes `main` + `dev`, makes `dev` the default branch,
-// and provisions the branch-protection + environment policy the deploy
-// workflows assume (deploy-dev on push to dev, deploy-prod on push to main,
-// promote.yml between them):
-//
-//   - `main` requires a PR + the `ci` status check — it only advances via
-//     promote.yml, never a direct push.
-//   - the `production` GitHub Environment requires review from an admin
-//     collaborator before deploy-prod.yml is allowed to run — this is the
-//     "promoting to prod needs admin sign-off" gate.
-//   - `dev` is left UNPROTECTED on purpose — that's what lets an agent (or
-//     anyone with push access) commit and merge there directly for
-//     integration; only the promotion to `main` is gated.
-//
-//   pnpm run init:github             # private repo (default)
-//   pnpm run init:github -- --public
-//   pnpm run init:github -- --dry-run
-//
-// Idempotent: safe to re-run — existing git repo, commits, dev branch, origin
-// remote, branch protection and environments are all left alone or updated
-// in place. Requires the GitHub CLI (`gh`), logged in (`gh auth login`).
-//
-// NOTE: branch protection and environment required-reviewers are GitHub
-// Pro/Team features on a PRIVATE repo. Each `gh api` call below prints the
-// manual equivalent and continues rather than aborting when it 403s.
-
-import { execSync, spawnSync } from 'node:child_process';
-import { readFileSync } from 'node:fs';
-
-const args = new Set(process.argv.slice(2));
-const dryRun = args.has('--dry-run');
-const visibility = args.has('--public') ? '--public' : '--private';
-
-const repoName = JSON.parse(readFileSync('package.json', 'utf8')).name.replace(/^@[^/]+\//, '');
-
-function check(cmd) {
-  return spawnSync(cmd[0], cmd.slice(1), { encoding: 'utf8' });
-}
-
-function quiet(cmd) {
-  try {
-    return execSync(cmd, { encoding: 'utf8', stdio: ['ignore', 'pipe', 'ignore'] }).trim();
-  } catch {
-    return null;
-  }
-}
-
-function run(cmd) {
-  if (dryRun) {
-    console.log(`[dry-run] ${cmd}`);
-    return;
-  }
-  console.log(`$ ${cmd}`);
-  try {
-    execSync(cmd, { stdio: 'inherit' });
-  } catch {
-    console.error(
-      `\nERROR: \`${cmd}\` failed (see output above). Fix and re-run — the script is idempotent.`,
-    );
-    process.exit(1);
-  }
-}
-
-/**
- * Like `run`, but for `gh api` calls that provision an org/plan-gated
- * feature (branch protection, environment reviewers). A 403 there means the
- * repo's plan doesn't support it — not that the bootstrap failed — so this
- * prints the manual equivalent and keeps going instead of exiting.
- */
-function runPolicy(cmd, manualHint) {
-  if (dryRun) {
-    console.log(`[dry-run] ${cmd}`);
-    return;
-  }
-  console.log(`$ ${cmd}`);
-  const result = spawnSync(cmd, { shell: true, encoding: 'utf8' });
-  if (result.status === 0) return;
-  console.warn(
-    `\nWARNING: \`${cmd}\` failed (likely needs GitHub Pro/Team on a private repo).\n` +
-      `Set it up manually instead:\n  ${manualHint}\n`,
-  );
-}
-
-// --- Preflight: gh installed and authenticated -------------------------------
-if (check(['gh', '--version']).status !== 0) {
-  console.error('ERROR: the GitHub CLI (`gh`) is required. Install it from https://cli.github.com');
-  process.exit(1);
-}
-if (check(['gh', 'auth', 'status']).status !== 0) {
-  console.error('ERROR: `gh` is not logged in. Run `gh auth login` first.');
-  process.exit(1);
-}
-
-// --- Local git: repo, initial commit, main + dev branches --------------------
-if (quiet('git rev-parse --is-inside-work-tree') === null) {
-  run('git init -b main');
-}
-if (quiet('git rev-parse HEAD') === null) {
-  run('git add -A');
-  run('git commit -m "Initial commit (scaffolded from @getvitops/create)"');
-}
-
-// The workflows key off `main`; normalize whatever the initial branch is.
-const branch = quiet('git branch --show-current');
-if (branch && branch !== 'main' && branch !== 'dev') {
-  run(`git branch -m ${branch} main`);
-}
-if (quiet('git show-ref --verify refs/heads/dev') === null) {
-  run('git branch dev main');
-}
-
-// --- GitHub: create repo (same name), push, default to dev -------------------
-if (quiet('git remote get-url origin') === null) {
-  run(`gh repo create ${repoName} ${visibility} --source=. --remote=origin`);
-} else {
-  console.log('origin remote already set — skipping `gh repo create`.');
-}
-run('git push -u origin main dev');
-run('gh repo edit --default-branch dev');
-run('git checkout dev');
-
-// --- Policy: protect main, gate production behind admin review --------------
-const nwo = quiet('gh repo view --json nameWithOwner -q .nameWithOwner');
-if (nwo) {
-  runPolicy(
-    `gh api -X PUT repos/${nwo}/branches/main/protection --input - <<'JSON'
-{
-  "required_status_checks": { "strict": true, "contexts": ["ci"] },
-  "enforce_admins": false,
-  "required_pull_request_reviews": { "required_approving_review_count": 1 },
-  "restrictions": null,
-  "allow_force_pushes": false,
-  "allow_deletions": false
-}
-JSON`,
-    `Settings → Branches → protect 'main' (require a PR, 1 approval, the 'ci' ` +
-      `status check, no force-push/deletion).`,
-  );
-
-  const admins = quiet(
-    `gh api repos/${nwo}/collaborators?permission=admin -q '[.[].login]' 2>/dev/null`,
-  );
-  const reviewers = admins
-    ? JSON.parse(admins).map((login) => ({ type: 'User', id_or_login: login }))
-    : [];
-
-  runPolicy(
-    `gh api -X PUT repos/${nwo}/environments/production --input - <<'JSON'
-{
-  "reviewers": ${JSON.stringify(reviewers)},
-  "deployment_branch_policy": { "protected_branches": true, "custom_branch_policies": false }
-}
-JSON`,
-    `Settings → Environments → 'production' → require reviewers = your admins, ` +
-      `restrict deployment branches to 'main'. This is the prod-needs-admin-approval gate.`,
-  );
-
-  // `dev` gets an environment too (for the deploy-dev workflow's `environment:
-  // dev` reference), but deliberately no reviewers and no branch restriction —
-  // that's what keeps it open for direct pushes/merges.
-  runPolicy(
-    `gh api -X PUT repos/${nwo}/environments/dev --input - <<'JSON'
-{ "reviewers": [] }
-JSON`,
-    `Settings → Environments → create 'dev' with no required reviewers.`,
-  );
-} else {
-  console.warn('WARNING: could not resolve the repo name-with-owner; skipping policy setup.');
-}
-
-// --- What's left (manual, needs your Cloudflare account) ---------------------
-console.log(`
-Repo ready: main (protected, production) + dev (integration, default branch).
-NOTE: the first workflow runs will fail until the secrets below exist.
-
-Next steps:
-  1. Dev resources:  wrangler d1 create ${repoName}-dev   (note the printed id)
-                     wrangler r2 bucket create ${repoName}-media-dev
-  2. Secrets:        gh secret set CLOUDFLARE_API_TOKEN
-                     gh secret set CLOUDFLARE_ACCOUNT_ID
-                     gh secret set DEV_D1_ID
-  3. Verify policy:  Settings → Branches (main protected?) and
-                     Settings → Environments → production (reviewers set?) —
-                     printed above if this ran on a plan that supports them.
-`);