@homie-rocks/studio 0.8.0 → 0.10.0

package/README.md

@@ -10,7 +10,7 @@ Most people never run this by hand: the Homie plugin for Claude Code and Codex d
 and the person approves Cloudflare once in their browser.
 
 ```sh
-npx -y --package=https://homie.rocks/npm/homie-studio-0.8.0.tgz homie-studio new ./night-owls --name "Night Owls"
+npx -y @homie-rocks/studio new ./night-owls --name "Night Owls"
 cd night-owls && npm install
 npx homie-studio game new crown-thief --from gem-rush --name "Crown Thief"
 npx homie-studio dev                                   # the whole site locally
@@ -19,8 +19,35 @@ npx homie-studio deploy --plan                         # what deploy will create
 npx homie-studio deploy                                # the studio's own Cloudflare
 npx homie-studio publish                               # the homie.rocks directory
 npx homie-studio stats                                 # the studio's own numbers, for its owner
+npx homie-studio upgrade                               # what a newer template adds to this studio (--apply to take it)
 ```
 
+## From GitHub, with Cloudflare's own CI (Workers Builds, Previews, Deploy to Cloudflare)
+
+A studio keeps `wrangler.jsonc` at its root (a studio made before 0.10.0 keeps `site/wrangler.jsonc`, and every
+command still finds it), so Cloudflare's Workers Builds can build and deploy it from its GitHub repository with no
+computer involved:
+
+| Workers Builds runs | On | What happens |
+| --- | --- | --- |
+| `npm run build` | every push | `homie-studio build`: the site, with the commit it is built from |
+| `npm run deploy` | the production branch | In Workers Builds (`WORKERS_CI=1`), `homie-studio deploy` only applies the D1 migrations (by binding name) and deploys: the Worker and database are Cloudflare's to make, so it creates and refuses nothing. The first deploy creates the database as it goes. |
+| `npx wrangler preview` | every other branch | A **Preview**: its own URL, and its own Durable Object namespace, so a branch's public rooms never meet production's. A Preview has no D1: it counts nothing into the studio's stats and never claims itself in the directory. |
+
+[![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/homie-rocks/homie/tree/main/template)
+
+The button copies the public template (`template/` in this repository, exactly what `homie-studio new --template`
+writes) into the person's GitHub, makes the Worker, the D1 database and the rooms on their Cloudflare account,
+and connects Workers Builds. The site plays its first game (Gem Rush) the moment it is up, and its Home has a
+**Connect to Claude** band: one tap links it to the Claude chat that set it up (the Homie MCP tool `studio_setup`).
+In the Claude Code session that works in the repository, `homie-studio setup attach <hs_…>` then gives the studio
+the name chosen in the chat and removes the band.
+
+**The site claims itself in the directory.** The homie.rocks directory lists a studio only when its site serves
+the claim the directory handed out for that address. From 0.10.0 the site asks for it the first time its
+`/.well-known/homie-studio.json` is read (by `studio_publish`, or by `deploy` reading it once) and keeps it in
+its D1; nothing is stored by hand. studio.json `homie.directory: false` keeps a studio out.
+
 ## The site: the hub's shape, and a landing for every game
 
 Every studio site has the same sections as homie.rocks, in the studio's own look (`site/theme.json`): Home (the
@@ -33,8 +60,30 @@ live rooms, credits (the original and its licence for a port), and "Make a game
 files. `site/SITE.md` says all of it.
 
 The play page writes its room into the address, and a small room button at the edge shares it: Invite, Big
-screen and the room code. Every HTML answer is `no-transform`, and the site's pages are never framed by another
-site.
+screen and the room code. game.json's `screen.share` puts it where each game has room, per device (a corner or
+the top's middle, moved in by `x` / `y`, or kept a small icon), so it never covers a scoreboard. A game whose
+picture is white or cream gets a light landing (`landing.scheme: "light"`). Every card and the directory show a
+game's landing still. Every HTML answer is `no-transform`, and the site's pages are never framed by another
+site. A game made with Homie's arcade controls that knocks for a Homie box (`/__homie/call`) is told
+`not-a-homie`, at the site's root as under the game.
+
+## Upgrading a studio
+
+A studio pins one version, so nothing changes until it asks. To take a newer one:
+
+```sh
+npx -y @homie-rocks/studio@0.10.0 upgrade          # the plan; changes nothing
+npx -y @homie-rocks/studio@0.10.0 upgrade --apply  # after the person agrees
+npm install && npm run build
+```
+
+`upgrade` compares the studio with what this version's `new` would write for it: an AGENTS.md section, a README,
+a `.gitignore` line, a D1 migration or a package.json script it lacks is added, and one it never changed since an
+older template wrote it (`lib/template-history.json` knows every earlier version's text by a fingerprint) takes
+the newer text. Anything the studio changed or wrote itself is kept as it is: the plan lists it, and `--diff`
+shows how it differs from the template. `--apply` also pins this version in package.json and sets studio.json's
+`homie.studio`. When the template's words change, `node scripts/studio-template-history.mjs` records them (a test
+fails until it has).
 
 ## Rooms of up to 32
 
@@ -85,6 +134,27 @@ check green ends the build. The AI marks what only it knows with `progress stage
 one runs, a shared feed asks whether Stop was pressed; a stopped command closes its
 browsers and says so, and nothing already built or deployed is undone.
 
+**From the Claude app.** The chat can open the build first (the Homie MCP tool `build_open`, or the "Build it"
+card on a make, port or remix) and hand the work to a Claude Code session with a prefilled prompt. The session
+takes the build once, with no key in the prompt, and the card follows it; the change goes out as a pull request
+the person merges with one tap:
+
+```sh
+npx homie-studio progress attach hb_…                  # this session takes the build the chat opened (once)
+npx homie-studio progress change "Crowns spawn twice as often"   # its mark, in changes/, committed with the change
+git switch -c faster-crowns && git add -A && git commit -m "Faster crowns" && git push -u origin HEAD
+gh pr create --fill                                     # then:
+npx homie-studio progress pr --url https://github.com/<owner>/<repo>/pull/<n>
+```
+
+Workers Builds deploys the branch as a Preview; the card's **Publish** opens the pull request in GitHub, where the
+person's merge is the approval; Workers Builds deploys `main`, and the card says **Live** when the live site's
+manifest lists the change's mark (`homie-studio build` lists the newest marks from `changes/`).
+
+A Claude Code cloud session's default network ("Trusted") does not reach homie.rocks; the toolkit says so, and
+names the setting (the environment's Network access: Custom, add homie.rocks), instead of "did not answer". The
+build goes on with its local feed.
+
 The feed is `.studio/progress/<build>.json` (git-ignored). With `--share` the studio's
 directory (studio.json `homie.directory`, homie.rocks by default) keeps a copy for 24
 hours so the Claude app can show it: the feed only (plain bounded text, pictures under
@@ -98,6 +168,14 @@ feed every command behaves exactly as before. `lib/progress.mjs` has the whole f
 names the Cloudflare account, often after its owner. A custom domain goes in studio.json
 as `cloudflare.domain` and is what the directory claim, `publish`, `check` and `stats` use.
 
+## Checks on a computer without a GPU
+
+`check`, `port check` and `look` run Chrome headless. On a Mac they use its GPU. On Linux (a Claude Code cloud
+session, GitHub Actions, a container) `npx homie-studio chrome install` puts Chrome for Testing in
+the home folder's `.cache/homie-studio` (from storage.googleapis.com, which a cloud session's default network reaches), and WebGL
+renders with SwiftShader. `check` reports how fast each browser drew the game and on what renderer; on SwiftShader
+it says the frame rate is not a person's, and judges only seats, rooms and rounds.
+
 ## No payment method needed
 
 `deploy` creates only what Cloudflare's free Workers plan gives a new account with no
@@ -134,8 +212,11 @@ npx homie-studio port check my-game --url http://127.0.0.1:8787   # the owner te
 | `bin/homie-studio.mjs` | The CLI. |
 | `lib/scaffold.mjs` | `new`: the studio monorepo, only into a new or empty folder, every file listed. |
 | `lib/build.mjs` | `build`: games bundled with esbuild into `site/dist`, `games.json`, each game's shared `source.json`. |
-| `lib/cloudflare.mjs` | `deploy` (and `deploy --plan`): Wrangler, D1, migrations, the directory claim; refuses resources it did not create. `storage add`: the optional R2 bucket. |
-| `lib/check.mjs` | `check`: two fresh Chrome processes (computer + phone) must share a room and finish a round. |
+| `lib/cloudflare.mjs` | `deploy` (and `deploy --plan`): Wrangler, D1, migrations; refuses resources it did not create. In Workers Builds, migrations and deploy only. `storage add`: the optional R2 bucket. |
+| `lib/check.mjs` | `check`: two fresh Chrome processes (computer + phone) must share a room and finish a round with both in it, with each one's frame rate; on a busy computer it waits out a round a browser was dropped from, and says why when none counts. `lib/chrome.mjs`: which Chrome, and how (the GPU on a Mac, SwiftShader on Linux). |
+| `lib/upgrade.mjs`, `lib/template-history.json` | `upgrade`: an existing studio takes what a newer template adds, never over its own edits. |
+| `lib/progress.mjs`, `lib/setup.mjs` | The progress feed (`progress …`), a build the chat opened (`progress attach`), a change as a pull request (`progress change`, `progress pr`), and `setup attach`. |
+| `template/` (repository root), `scripts/template.mjs` | The public "Deploy to Cloudflare" template, generated from `new --template`. |
 | `lib/port.mjs` | `port plan` (reads a game and grades the port) and `port import`. |
 | `lib/port-check.mjs` | `port check`: held and alternating directions on keys, Android Chrome and iPhone WebKit touch, UI cover, two browsers finishing a round, a killed host, a late joiner, the big screen. |
 | `port/` | The port toolkit (`@homie-rocks/studio/port`, or `window.HomiePort` from `homie-port.js` in a static game): `createRoom`, the touch kit, keys, camera rules, bots, a HUD, sandbox shims, first-touch audio, `exposePort`. |
@@ -147,9 +228,10 @@ npx homie-studio port check my-game --url http://127.0.0.1:8787   # the owner te
 | `starters/gem-rush/` | The reference multiplayer starter. |
 
 Versions are immutable: a published version never changes, so a studio that pinned one
-never changes by surprise. A change ships as a new `version`, on the npm registry as
-`@homie-rocks/studio` and as a tarball at `https://homie.rocks/npm/homie-studio-<version>.tgz`
-(which is what `homie-studio new` pins).
+never changes by surprise. A change ships as a new `version` on the npm registry as
+`@homie-rocks/studio`, which is what `homie-studio new` pins (the exact version; package-lock.json keeps its
+integrity). The registry is what Workers Builds and a Claude Code cloud session reach by default. Older studios
+pinned a tarball at `https://homie.rocks/npm/homie-studio-<version>.tgz`, which stays.
 
 ## Beta
 

package/bin/homie-studio.mjs

@@ -4,7 +4,8 @@
  * put its site on the studio's own Cloudflare (free plan, no payment method), and
  * list its games in the homie.rocks directory.
  *
- *   homie-studio new <folder> --name "<Studio Name>" [--homie <directory url>] [--no-install]
+ *   homie-studio new <folder> --name "<Studio Name>" [--homie <directory url>] [--no-install] [--template]
+ *                                         (--template: the public "Deploy to Cloudflare" template: a first game and a Connect band)
  *   homie-studio starters
  *   homie-studio game new <id> [--from gem-rush] [--name "<Game Name>"]
  *   homie-studio game remix <source.json url> --id <new id>
@@ -12,17 +13,25 @@
  *   homie-studio build [<id>]
  *   homie-studio dev [--port 8787]        (--stop: stop exactly this studio's dev server, nothing else)
  *   homie-studio check <id> [--url <site>] [--shots <dir>]
+ *   homie-studio chrome [install] [--fresh]  (which Chrome the checks use; on Linux, `install` fetches Chrome for Testing;
+ *                                          --fresh fetches it even when the machine has a Chrome)
  *   homie-studio look [<path>...] [--url <site>] [--shots <dir>] [--only computer,phone,sideways]
  *                                         (the site's pages on a computer and a phone, as pictures, with what is wrong)
  *   homie-studio port plan <game folder>
  *   homie-studio port import <game folder> --id <id> [--name "<Name>"] [--mode static|bundle|command]
  *   homie-studio port check <id> [--url <site>] [--only owner-desk,owner-phone,owner-iphone,round,life,tv] [--shots <dir>]
  *   homie-studio deploy [--plan]          (--plan: what it will create on Cloudflare and what it costs; changes nothing)
+ *                                         In Cloudflare's Workers Builds (WORKERS_CI=1, or --ci) it only applies the D1
+ *                                         migrations and deploys: the Worker and database are the Deploy button's.
  *   homie-studio publish
  *   homie-studio storage add              (large media only: an R2 bucket; needs R2 turned on for the account)
  *   homie-studio media put <file> [--as <key>]
  *   homie-studio media list
  *   homie-studio status
+ *   homie-studio upgrade [--apply] [--diff]
+ *                                         (what this version's template adds to an existing studio: AGENTS.md
+ *                                          sections, READMEs, .gitignore lines, the pin; changes nothing until
+ *                                          --apply, and never a file or section the studio changed)
  *   homie-studio stats [--range 1d|7d|30d|90d] [--game <id> | --song <slug> | --video <slug>] [--url <site>]
  *   homie-studio stats key [--hours 1]    (a read key for the Homie MCP tool studio_stats)
  *   homie-studio stats link               (a one-time link to the private stats page, for the owner's browser)
@@ -42,11 +51,18 @@
  *   homie-studio progress log "<one line>"
  *   homie-studio progress stop            (ask the running build to stop at its next safe point)
  *   homie-studio progress end passed|failed|stopped [--note "<one line>"]
+ *   homie-studio progress attach <hb_…>   (the build the Claude app opened with build_open: this session takes it, once)
+ *   homie-studio progress change "<what the change does>"   (its mark in changes/, committed with the change)
+ *   homie-studio progress pr --url <pull request> [--state open|merged|closed] [--files n --additions n --deletions n]
+ *                                         [--preview <Preview URL>]   (the card's Publish opens it for the person's merge)
  *   homie-studio progress show [<build>]
  *                                         While a feed is open, build, check, port check and deploy report
  *                                         into it (stage, each check going green, a preview picture) and stop
  *                                         when asked. Without one, nothing changes.
  *
+ *   homie-studio setup attach <hs_…>      (this repository is the studio the Claude app's setup card is making: say so, once,
+ *                                          learn its live address, and give a template copy its real name)
+ *
  * Every command prints a few lines for a person; --json prints the result.
  */
 import { spawn, spawnSync } from 'node:child_process';
@@ -54,21 +70,24 @@ import { existsSync, mkdirSync, readFileSync, realpathSync, rmSync, statSync, wr
 import { basename, dirname, join, relative, resolve } from 'node:path';
 import { build } from '../lib/build.mjs';
 import { check } from '../lib/check.mjs';
-import { deploy, deployPlan, storageAdd, whoami, wranglerBin } from '../lib/cloudflare.mjs';
+import { ciDeploy, deploy, deployPlan, storageAdd, whoami, wranglerBin } from '../lib/cloudflare.mjs';
+import { setupAttach } from '../lib/setup.mjs';
+import { chromeArgs, findChrome, installChrome, noChrome } from '../lib/chrome.mjs';
 import { publish } from '../lib/directory.mjs';
 import { look } from '../lib/look.mjs';
 import { importPort, planPort } from '../lib/port.mjs';
 import { portCheck } from '../lib/port-check.mjs';
 import { recordUpload, resolveMedia, typeOf } from '../lib/media.mjs';
 import { ensureStatsMigration, newStudio } from '../lib/scaffold.mjs';
-import { listGames, newGame, readStudio, remixGame, requireStudio, siteUrl, starters } from '../lib/studio.mjs';
+import { lineDiff, upgradeApply, upgradePlan } from '../lib/upgrade.mjs';
+import { listGames, newGame, readStudio, remixGame, requireStudio, siteUrl, starters, workerDir } from '../lib/studio.mjs';
 import { STUDIO_VERSION } from '../lib/version.mjs';
 import { statsKey, statsLink, statsRevoke, statsShare, statsShow } from '../lib/stats.mjs';
-import { Feed, currentFeed, currentId, flushProgress, publicFeed, readFeed, startProgress } from '../lib/progress.mjs';
+import { Feed, currentFeed, currentId, flushProgress, publicFeed, readFeed, recordChange, startProgress } from '../lib/progress.mjs';
 
 const argv = process.argv.slice(2);
 const flags = new Map();
-const BOOL_FLAGS = ['json', 'yes', 'detach', 'no-install', 'plan', 'stop', 'share'];
+const BOOL_FLAGS = ['json', 'yes', 'detach', 'no-install', 'plan', 'stop', 'share', 'apply', 'diff', 'template', 'ci', 'fresh'];
 const positional = [];
 for (let i = 0; i < argv.length; i++) {
   const a = argv[i];
@@ -118,10 +137,14 @@ function print(result) {
       }
       break;
     case 'deploy':
+      if (result.ci) {
+        lines.push(`Live: ${result.url ?? '(Wrangler printed no address)'}${result.commit ? ` (commit ${result.commit.slice(0, 7)}${result.branch ? ` on ${result.branch}` : ''})` : ''}`, ...result.steps.map((x) => `  ${x.what}`), ...result.games.map((g) => `  ${g.id}: ${g.play}`));
+        break;
+      }
       lines.push(`Live: ${result.url}`, ...(result.workersDev && result.workersDev !== result.url ? [`  also at ${result.workersDev}`] : []),
         ...(result.local ? [`  (the workers.dev address names your Cloudflare account, so it is kept in ${result.local} on this computer, never in studio.json)`] : []),
         ...result.games.map((g) => `  ${g.id}: ${g.play}`), ...(result.songs ?? []).map((m) => `  song ${m.slug}: ${m.page}`), ...(result.videos ?? []).map((m) => `  video ${m.slug}: ${m.page}`), '', `Cloudflare: Worker ${result.worker}, D1 ${result.d1}, Durable Objects Table + Lobby${result.r2 ? `, R2 ${result.r2}` : ' (no storage: none needed; `homie-studio storage add` adds it for large media)'}. All on the free Workers plan${result.r2 ? ' plus R2' : ''}.`,
-        result.claim ? 'Directory claim stored: list the games with the Homie MCP tool studio_publish, or: npx --no-install homie-studio publish' : 'No directory claim yet (the directory did not answer); publish will try again.');
+        result.claim ? 'The site claimed itself in the directory: list the games with the Homie MCP tool studio_publish, or: npx --no-install homie-studio publish' : 'No directory claim yet (the site claims itself when the directory first reads it; publish does).');
       break;
     case 'deploy plan':
       lines.push(`What \`npm run deploy\` does for ${result.studio}, on the Cloudflare account the person approves:`, '',
@@ -174,6 +197,10 @@ function print(result) {
     case 'stats share':
       lines.push(result.message);
       break;
+    case 'setup attach':
+      lines.push(result.message, ...(result.site ? [`  live site: ${result.site}`] : []), ...(result.renamed?.length ? ['  changed (commit these on a branch):', ...result.renamed.map((f) => `    ${f}`)] : []), ...(result.next ?? []).map((n) => `  next: ${n}`));
+      break;
+    case 'progress attach':
     case 'progress start':
       lines.push(`Build ${result.build}: ${result.title} (${result.stages.join(' → ')})${result.budget !== null ? `, budget ${result.unit === 'usd' ? `$${result.budget.toFixed(2)}` : `${result.budget} credits`}` : ''}`,
         `  feed: ${result.file}`,
@@ -198,9 +225,42 @@ function print(result) {
     case 'look':
       lines.push(`${result.ok ? 'Looks right' : 'Look again'}: ${result.rows.length} views of ${result.url}`, ...result.rows.map((r) => `  ${r.ok ? 'ok  ' : 'FIX '} ${r.path} on ${({ computer: 'a computer', phone: 'a phone', sideways: 'a phone turned sideways' })[r.device] ?? r.device}${r.problems.length ? `: ${r.problems.join('; ')}` : ''}`), '', `Pictures (open them and look): ${result.shots}`);
       break;
+    case 'upgrade': {
+      const show = (text, n = 14) => { const l = String(text ?? '').replace(/\n+$/, '').split('\n'); return [...l.slice(0, n).map((x) => `      ${x}`), ...(l.length > n ? [`      … (${l.length - n} more lines; --json has all of it)`] : [])]; };
+      const mark = { 'add-file': '+', 'add-section': '+', 'add-lines': '+', scripts: '+', 'update-file': '~', 'update-section': '~', pin: '~', version: '~' };
+      const list = result.applied ? result.done : result.changes;
+      lines.push(result.applied
+        ? `${result.studio} is on the @homie-rocks/studio ${result.to} template now (${list.length} change${list.length === 1 ? '' : 's'}).`
+        : list.length ? `${result.studio}: what the @homie-rocks/studio ${result.to} template adds (from ${result.from ?? 'an older version'}). Nothing is changed until --apply.` : `${result.studio} has everything the @homie-rocks/studio ${result.to} template writes.`);
+      if (list.length) lines.push('');
+      for (const c of list) {
+        lines.push(`  ${mark[c.kind] ?? '·'} ${c.file.padEnd(18)} ${c.what}${c.kind === 'add-section' && (c.after || c.before) ? ` (${c.after ? `after "${c.after}"` : `before "${c.before}"`})` : ''}`);
+        if (result.applied) continue;
+        if (c.kind === 'add-section' || (c.kind === 'add-file' && c.file.endsWith('.md'))) lines.push(...show(c.text));
+        if (c.kind === 'update-section' || c.kind === 'update-file') lines.push(...lineDiff(c.from, c.text).map((x) => `      ${x}`));
+      }
+      for (const c of result.skipped ?? []) lines.push(`  ! ${c.file.padEnd(18)} not applied: ${c.why}`);
+      if (result.kept?.length) {
+        lines.push('', 'Kept as this studio wrote them (never changed by upgrade; the template\'s text differs):');
+        for (const k of result.kept) {
+          lines.push(`  = ${k.file.padEnd(18)} ${k.what}`);
+          if (flags.has('diff') && k.mine !== undefined) lines.push(...lineDiff(k.mine, k.template).map((x) => `      ${x}`));
+        }
+        if (!flags.has('diff')) lines.push('  (--diff shows how each differs from the template: "-" this studio\'s lines, "+" the template\'s)');
+      }
+      if (result.uncommitted && !result.applied && result.changes.length) lines.push('', `Note: ${result.uncommitted} file(s) have uncommitted changes; commit them first so the upgrade is a change of its own.`);
+      if (result.next?.length) lines.push('', 'Next:', ...result.next.map((n) => `  ${n}`));
+      break;
+    }
+    case 'chrome':
+    case 'chrome install':
+      lines.push(result.already || result.command === 'chrome' ? `Chrome: ${result.chrome}` : `Installed Chrome for Testing ${result.buildId}: ${result.chrome}`);
+      break;
     case 'check':
       lines.push(`PASS: two fresh browsers in room ${result.room} finished round ${result.round.n} (${result.round.humans} humans, ${result.round.bots} bots) in ${Math.round(result.totalMs / 1000)} s.`,
-        ...result.seats.map((s) => `  ${s.browser}: seat ${s.seat} (${s.role}), seated in ${(s.seatedMs / 1000).toFixed(1)} s`));
+        ...result.seats.map((s) => `  ${s.browser}: seat ${s.seat} (${s.role}), seated in ${(s.seatedMs / 1000).toFixed(1)} s`),
+        ...(result.frames ?? []).map((f) => `  ${f.browser} drew ${f.fps ?? '?'} fps${f.renderer ? ` on ${f.renderer}` : ''}`),
+        ...(result.software ? [`  ${result.software}`] : []));
       break;
     default:
       lines.push(JSON.stringify(result, null, 2));
@@ -216,12 +276,15 @@ async function main() {
     return { ok: true, command: 'help' };
   }
   if (cmd === 'version' || flags.has('version')) return { ok: true, command: 'version', version: STUDIO_VERSION };
-  if (cmd === 'new') return newStudio(positional[1], { name: flags.get('name'), homie: flags.get('homie'), slug: flags.get('slug'), install: !flags.has('no-install') });
+  if (cmd === 'new') return newStudio(positional[1], { name: flags.get('name'), homie: flags.get('homie'), slug: flags.get('slug'), install: !flags.has('no-install'), template: flags.has('template') });
   if (cmd === 'starters') return { ok: true, command: 'starters', starters: starters() };
 
   if (cmd === 'port' && sub === 'plan') return planPort(positional[2] ?? '.');
+  if (cmd === 'chrome' && sub === 'install') return installChrome({ log, fresh: flags.has('fresh') });
+  if (cmd === 'chrome') { const chrome = findChrome(); return chrome ? { ok: true, command: 'chrome', chrome, args: chromeArgs() } : { ok: false, command: 'chrome', why: noChrome() }; }
   const root = requireStudio();
   if (cmd === 'progress') return progressCommand(root, sub);
+  if (cmd === 'setup' && sub === 'attach') return setupAttach(root, positional[2], { homie: flags.get('homie') });
   if (cmd === 'port' && sub === 'import') return importPort(root, positional[2], flags.get('id'), { name: flags.get('name'), mode: flags.get('mode') });
   if (cmd === 'port' && sub === 'check') {
     const game = positional[2] ?? listGames(root)[0]?.id;
@@ -237,6 +300,10 @@ async function main() {
     const studio = readStudio(root);
     return { ok: true, command: 'status', root, studio, site: siteUrl(root, studio), games: listGames(root).map((g) => g.id), cloudflareSignedIn: Boolean(wranglerBin(root) && whoami(root)) };
   }
+  if (cmd === 'upgrade') {
+    const plan = upgradePlan(root);
+    return flags.has('apply') || flags.has('yes') ? upgradeApply(root, plan) : plan;
+  }
   if (cmd === 'dev' && flags.has('stop')) return stopDev(root);
   if (cmd === 'dev') return dev(root);
   if (cmd === 'check') {
@@ -259,6 +326,8 @@ async function main() {
     return look({ url, paths, shots: flags.get('shots') ? resolve(flags.get('shots')) : join(root, '.studio', 'look'), devices: only, log });
   }
   if (cmd === 'deploy' && flags.has('plan')) return deployPlan(root);
+  // Cloudflare's Workers Builds runs `npm run deploy` with WORKERS_CI=1 (and its own token for this one account).
+  if (cmd === 'deploy' && (process.env.WORKERS_CI === '1' || flags.has('ci'))) return tracked(root, 'deploy', () => ciDeploy(root, { log }), 'deploy');
   if (cmd === 'deploy') return tracked(root, 'deploy', () => deploy(root, { log, homie: flags.get('homie') }), 'deploy');
   if (cmd === 'storage' && sub === 'add') return storageAdd(root, { log });
   if (cmd === 'storage') {
@@ -336,6 +405,12 @@ async function progressCommand(root, sub) {
       budget: flags.get('budget'), unit: flags.get('unit'), share: flags.has('share'), directory: flags.get('homie'),
     });
   }
+  if (sub === 'attach') {
+    return startProgress(root, {
+      attach: arg ?? null, what: flags.get('what') ?? 'game', id: flags.get('id') ?? null, title: flags.get('title'),
+      budget: flags.get('budget'), unit: flags.get('unit'), directory: flags.get('homie'),
+    });
+  }
   if (sub === 'show') {
     const id = arg ?? currentId(root) ?? flags.get('build');
     const doc = readFeed(root, id);
@@ -364,8 +439,10 @@ async function progressCommand(root, sub) {
       }
       case 'log': feed.log(positional.slice(2).join(' ')); return done('logged');
       case 'stop': feed.stop('local'); return done('stop asked: the running command stops at its next safe point');
+      case 'change': { const c = recordChange(root, id, positional.slice(2).join(' ') || flags.get('title')); return { ...done(`change recorded: commit ${c.file} with the change`), file: c.file, mark: c.mark }; }
+      case 'pr': feed.pr({ url: flags.get('url'), state: flags.get('state') ?? 'open', title: flags.get('title'), branch: flags.get('branch'), files: flags.get('files'), additions: flags.get('additions'), deletions: flags.get('deletions'), preview: flags.get('preview'), site: siteUrl(root) }); return done(`pull request on the card: ${feed.doc.change.url}`);
       case 'end': feed.end(arg, note); return done(`ended: ${arg}`);
-      default: return { ok: false, command: 'progress', why: `unknown: progress ${sub ?? ''} (start, stage, check, preview, spend, shot, song, log, stop, end, show)` };
+      default: return { ok: false, command: 'progress', why: `unknown: progress ${sub ?? ''} (start, attach, stage, check, preview, spend, shot, song, log, change, pr, stop, end, show)` };
     }
   } catch (error) { return { ok: false, command: 'progress', why: error instanceof Error ? error.message : String(error) }; }
 }
@@ -375,7 +452,7 @@ async function progressCommand(root, sub) {
  * and `dev --stop` stops exactly those two (each checked to still be a process of this studio's folder), so an AI
  * never has to reach for `pkill -f "wrangler dev"`, which stops every project's dev server on the machine.
  */
-const devFile = (root) => join(root, 'site', '.wrangler', 'homie-dev.json');
+const devFile = (root) => join(workerDir(root), '.wrangler', 'homie-dev.json');
 function processOfStudio(pid, root, kind) {
   if (!Number.isInteger(pid) || pid <= 1 || pid === process.pid) return false;
   try { process.kill(pid, 0); } catch { return false; }
@@ -414,11 +491,11 @@ async function dev(root) {
   const added = ensureStatsMigration(root);
   if (added) log(`added ${added} (the studio's own stats)`);
   await new Promise((done) => {
-    const m = spawn(bin, ['d1', 'migrations', 'apply', studio.cloudflare.d1, '--local'], { cwd: join(root, 'site'), env, stdio: ['ignore', 'ignore', 'inherit'] });
+    const m = spawn(bin, ['d1', 'migrations', 'apply', 'DB', '--local'], { cwd: workerDir(root), env, stdio: ['ignore', 'ignore', 'inherit'] });
     m.on('close', done);
   });
   log(`Local site: http://127.0.0.1:${port}/  (each game: http://127.0.0.1:${port}/<id>/play — open it in two browsers)`);
-  const child = spawn(bin, ['dev', '--local', '--ip', '127.0.0.1', '--port', port], { cwd: join(root, 'site'), env, stdio: 'inherit' });
+  const child = spawn(bin, ['dev', '--local', '--ip', '127.0.0.1', '--port', port], { cwd: workerDir(root), env, stdio: 'inherit' });
   mkdirSync(dirname(devFile(root)), { recursive: true });
   writeFileSync(devFile(root), `${JSON.stringify({ pid: process.pid, child: child.pid, port: Number(port), at: new Date().toISOString() })}\n`);
   log(`Stop it with: npx --no-install homie-studio dev --stop   (this studio's dev server only)`);
@@ -441,7 +518,7 @@ function mediaPut(root, file, as) {
   const key = as ?? (/^(music|videos)\//.test(rel) && !rel.includes('..') ? rel : `${folder}/${basename(file)}`);
   const bin = wranglerBin(root);
   return new Promise((done) => {
-    const p = spawn(bin, ['r2', 'object', 'put', `${r2}/${key}`, '--file', resolve(file), '--content-type', typeOf(file), '--remote'], { cwd: join(root, 'site'), env: { ...process.env, CI: '1' }, stdio: ['ignore', 'ignore', 'inherit'] });
+    const p = spawn(bin, ['r2', 'object', 'put', `${r2}/${key}`, '--file', resolve(file), '--content-type', typeOf(file), '--remote'], { cwd: workerDir(root), env: { ...process.env, CI: '1' }, stdio: ['ignore', 'ignore', 'inherit'] });
     p.on('close', (code) => {
       if (code !== 0) return done({ ok: false, command: 'media put', why: 'wrangler r2 object put failed' });
       // The manifest is committed: it names the file by its path on the site, never the workers.dev address.

package/lib/build.mjs

@@ -82,6 +82,34 @@ export function sourceOf(dir, id) {
   return { v: 1, kind: 'homie-game-source', id, files };
 }
 
+/*
+ * WHAT THIS BUILD IS, for the site's manifest: the commit and branch (Cloudflare's Workers Builds names them in
+ * WORKERS_CI_COMMIT_SHA and WORKERS_CI_BRANCH; elsewhere git is asked), when it was built, and the marks of the
+ * newest changes in changes/ (lib/progress.mjs recordChange), so the Claude app's card can tell when a merged pull
+ * request is live. Nothing here names a person or an account.
+ */
+export function buildInfo(root) {
+  const git = (args) => { try { const r = spawnSync('git', args, { cwd: root, encoding: 'utf8', timeout: 5000 }); return r.status === 0 ? r.stdout.trim() : null; } catch { return null; } };
+  const commit = /^[a-f0-9]{40}$/.test(process.env.WORKERS_CI_COMMIT_SHA ?? '') ? process.env.WORKERS_CI_COMMIT_SHA : git(['rev-parse', 'HEAD']);
+  const branch = String(process.env.WORKERS_CI_BRANCH || git(['rev-parse', '--abbrev-ref', 'HEAD']) || '').slice(0, 100) || null;
+  const marks = [];
+  const dir = join(root, 'changes');
+  if (existsSync(dir)) {
+    for (const name of readdirSync(dir).filter((n) => n.endsWith('.json'))) {
+      const c = readJson(join(dir, name));
+      if (c && /^[a-f0-9]{16}$/.test(String(c.change)) && !Number.isNaN(Date.parse(c.at))) marks.push({ mark: c.change, at: c.at });
+    }
+  }
+  marks.sort((a, b) => b.at.localeCompare(a.at));
+  return {
+    commit: /^[a-f0-9]{40}$/.test(String(commit)) ? commit : null,
+    branch: branch && /^[A-Za-z0-9._/-]+$/.test(branch) && branch !== 'HEAD' ? branch : null,
+    at: new Date().toISOString(),
+    ci: process.env.WORKERS_CI === '1' ? 'workers-builds' : null,
+    changes: [...new Set(marks.map((m) => m.mark))].slice(0, 50),
+  };
+}
+
 function readJson(path) {
   try { return JSON.parse(readFileSync(path, 'utf8')); } catch { return null; }
 }
@@ -207,7 +235,16 @@ export async function build(root, { only = null, log = () => {} } = {}) {
         ...(Array.isArray(s.frameAncestors) ? { frameAncestors: s.frameAncestors.filter((o) => /^https:\/\/[a-z0-9.-]+(?::\d+)?$/i.test(String(o))).slice(0, 8) } : {}),
       },
       // studio.json `stats.share`: the site tells the directory two numbers for the hub (played this week).
-      ...(studio.stats?.share === true ? { stats: { share: true }, directory: studio.homie?.directory ?? 'https://homie.rocks' } : {}),
+      ...(studio.stats?.share === true ? { stats: { share: true } } : {}),
+      // studio.json `"rooms": { "share": false }`: the manifest names no rooms, so the hub shows none of this studio's.
+      ...(studio.rooms?.share === false ? { rooms: { share: false } } : {}),
+      // The directory the live site claims itself in (0.10.0); studio.json `homie.directory: false` keeps it out.
+      // HOMIE_DIRECTORY (a build variable) points one build at another directory, such as a staging one.
+      directory: /^https:\/\/[a-z0-9.-]+$/i.test(process.env.HOMIE_DIRECTORY ?? '') ? process.env.HOMIE_DIRECTORY
+        : studio.homie?.directory === false || studio.homie?.directory === null ? null : String(studio.homie?.directory ?? 'https://homie.rocks'),
+      // A copy of the public template that nobody has named yet shows the name typed in Cloudflare's form.
+      ...(studio.template === true ? { template: true } : {}),
+      build: buildInfo(root),
     },
     games: rows,
     songs: media.songs,