[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_228":-5,"_231":232,"_233":234},"routes/shell",{"_40":41,"_227":-5,"_228":-5,"_229":230},"routes/repo",{"_33":-7,"_34":35,"_36":37,"_38":39,"_40":41,"_42":31,"_43":31,"_44":31,"_45":31,"_46":31,"_47":31,"_48":49,"_50":49,"_51":31,"_52":-7,"_53":-7,"_54":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68},"routes/repo.blob",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":14,"_22":23,"_24":-5,"_25":26,"_27":28,"_28":29,"_30":31,"_32":14},"ref","876960da3c8e19aed782bd33c03138dacf634dc0","path","scripts/check-dev-console.ts","oid","53dd2a7d36331de8d551e491dd91a1d86a554ce9","size",12924,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","#!/usr/bin/env bun\n/**\n * The console, read while a plan with code in it is edited.\n *\n * React's duplicate-key warning — and every other invariant it reports at\n * runtime — exists only in a development build. `bun run e2e` serves\n * `apps/web/dist`, where the minifier has removed all of it, so a Playwright\n * test asserting a clean console there passes whether or not anything is wrong.\n * The only place the warning can be seen is a browser pointed at the dev\n * client, which is what this starts.\n *\n * It is not part of `bun run ci` because it needs a browser. Run it with\n * `bun run check:console`, after `bun run e2e:browsers` once.\n *\n * Ports are taken from the OS rather than from `apps/web/vite.config.ts`, so\n * this can run beside a dev server already holding 5173. That means overriding\n * `server.hmr.clientPort` too — the client is told where to reach HMR at build\n * time, and left at the config's default it would spend the run reporting a\n * socket it cannot open, in the console this exists to read.\n */\n\nimport { mkdirSync, rmSync, writeFileSync } from \"node:fs\";\nimport { dirname, join } from \"node:path\";\n\nimport { chromium } from \"@playwright/test\";\n\nimport type { ConsoleMessage } from \"@playwright/test\";\nimport type { Subprocess } from \"bun\";\nimport type { ViteDevServer } from \"vite\";\n\nconst ROOT = dirname(import.meta.dir);\nconst WEB = join(ROOT, \"apps/web\");\nconst HOST = \"127.0.0.1\";\n\n/** Where the screenshot this produces is kept, beside the task it answers. */\nconst SHOT = join(ROOT, \"tasks/images/006-console.png\");\n\n/** Beside the rooms the e2e suite invents, and ignored by git for the same reason. */\nconst DATA = join(ROOT, \"e2e/.scratch/console\");\nconst ROOM = \"console-check\";\n\nconst READY_MS = 60_000;\n\n/**\n * A plan with one of everything that draws.\n *\n * Two fences and a formula, each of which mounts a preview and a row of\n * chrome, and paragraphs above and below the first fence — the acceptance is\n * about typing *next to* a block, and a plan of nothing but blocks has nowhere\n * to do that.\n */\nconst PLAN = `# A plan with code in it\n\nA paragraph before the fence.\n\n\\`\\`\\`ts\nexport function hello(name: string) {\n\treturn \\`hello \\${name}\\`;\n}\n\\`\\`\\`\n\nA paragraph between the blocks.\n\n\\`\\`\\`diff\n--- a/apps/server/src/plan/room.ts\n+++ b/apps/server/src/plan/room.ts\n@@ -1,9 +1,9 @@\n export function open(room: string): Plan {\n-\treturn { doc, epoch: 1 };\n+\tlet epoch = rotate(room);\n+\treturn { doc, epoch };\n }\n\\`\\`\\`\n\n$$\n\\\\int_0^1 x^2 dx = \\\\frac{1}{3}\n$$\n\nA paragraph after everything.\n`;\n\n/*\n * Two messages a dev build makes on its own, neither of them React and neither\n * of them this app's doing. StrictMode mounts every effect twice, so the first\n * collaboration socket is closed before it finishes opening; and the page ships\n * no favicon, which the browser asks for anyway. They are named rather than\n * filtered by level, so that anything else arriving is still a surprise.\n */\nconst EXPECTED = [\n\t/WebSocket is closed before the connection is established/,\n\t/favicon\\.ico/,\n];\n\nlet messages: { type: string; text: string }[] = [];\nlet checks: { name: string; ok: boolean; detail: string }[] = [];\n\nfunction record(message: ConsoleMessage): void {\n\tmessages.push({ type: message.type(), text: message.text() });\n}\n\n/** Every duplicate-key report, which is the one this task is about. */\nfunction duplicates(from = 0): string[] {\n\treturn messages.slice(from).filter(m => /same key/i.test(m.text)).map(m => m.text);\n}\n\n/** Anything else a dev build complained about, which should be nothing new. */\nfunction unexpected(from = 0): string[] {\n\treturn messages\n\t\t.slice(from)\n\t\t.filter(m => m.type === \"error\" || m.type === \"warning\")\n\t\t.filter(m => !EXPECTED.some(pattern => pattern.test(m.text)))\n\t\t.map(m => `[${m.type}] ${m.text}`);\n}\n\nfunction check(name: string, ok: boolean, detail = \"\"): void {\n\tchecks.push({ name, ok, detail });\n\tconsole.log(`${ok ? \" ok \" : \" FAIL \"} ${name}${detail ? ` — ${detail}` : \"\"}`);\n}\n\n/** A port the OS has just confirmed is free. */\nfunction free(): number {\n\tlet socket = Bun.listen({ hostname: HOST, port: 0, socket: { data() {} } });\n\tlet port = socket.port;\n\tsocket.stop(true);\n\treturn port;\n}\n\nasync function reachable(url: string): Promise {\n\tlet deadline = Date.now() + READY_MS;\n\twhile (Date.now() < deadline) {\n\t\ttry {\n\t\t\tlet response = await fetch(url, { redirect: \"manual\" });\n\t\t\tawait response.body?.cancel();\n\t\t\tif (response.ok) return;\n\t\t} catch {}\n\t\tawait Bun.sleep(250);\n\t}\n\tthrow new Error(`chopin: ${url} never answered`);\n}\n\nlet vite: ViteDevServer | undefined;\nlet server: Subprocess | undefined;\n\nasync function stop(): Promise {\n\t// Its own process group, killed as a group, for the reason `scripts/dev.ts`\n\t// gives at length: the leader alone leaves esbuild behind holding a port.\n\tif (server) {\n\t\ttry {\n\t\t\tprocess.kill(-server.pid, \"SIGTERM\");\n\t\t} catch {}\n\t}\n\tawait vite?.close();\n}\n\ntry {\n\trmSync(join(DATA, ROOM), { recursive: true, force: true });\n\tmkdirSync(join(DATA, ROOM), { recursive: true });\n\twriteFileSync(join(DATA, ROOM, \"plan.mdx\"), PLAN);\n\n\tlet webPort = free();\n\tlet appPort = free();\n\n\t// Resolved from `apps/web`, which is the only place it is installed —\n\t// nothing hoists it to the root, and this script lives above both.\n\tlet { createServer } = await import(Bun.resolveSync(\"vite\", WEB)) as typeof import(\"vite\");\n\n\tvite = await createServer({\n\t\troot: WEB,\n\t\tconfigFile: join(WEB, \"vite.config.ts\"),\n\t\tserver: { host: HOST, port: webPort, strictPort: true, hmr: { clientPort: webPort } },\n\t});\n\tawait vite.listen();\n\n\tserver = Bun.spawn([\"bun\", \"src/main.ts\"], {\n\t\tcwd: join(ROOT, \"apps/server\"),\n\t\tenv: {\n\t\t\t...process.env,\n\t\t\tPORT: String(appPort),\n\t\t\tSERVER_HOST: HOST,\n\t\t\tAGENT: \"off\",\n\t\t\tDATA_DIR: DATA,\n\t\t\tDEV_QUESTIONS: \"\",\n\t\t\tDEV_COMMENTS: \"\",\n\t\t\tDEV_CLIENT: `http://${HOST}:${webPort}`,\n\t\t},\n\t\tstdio: [\"inherit\", \"ignore\", \"inherit\"],\n\t\tdetached: true,\n\t});\n\n\tlet base = `http://${HOST}:${appPort}`;\n\t// The server 502s until Vite is up, so a reply means both halves are ready.\n\tawait reachable(base);\n\n\tlet browser = await chromium.launch();\n\tlet page = await browser.newPage();\n\tpage.on(\"console\", record);\n\tpage.on(\"pageerror\", error => messages.push({ type: \"error\", text: String(error) }));\n\n\tawait page.goto(`${base}/r/${ROOM}?as=ana`);\n\n\tlet content = page.getByRole(\"textbox\", { name: \"editable markdown\" });\n\t// readOnly is offline || busy || !synced, so an editable surface is the\n\t// room being open — the same fact `e2e/room.ts` waits on.\n\tawait content.waitFor({ state: \"visible\", timeout: READY_MS });\n\tawait page.waitForFunction(\n\t\t() =>\n\t\t\tdocument.querySelector('[aria-label=\"editable markdown\"]')\n\t\t\t\t?.getAttribute(\"contenteditable\") === \"true\",\n\t\tnull,\n\t\t{ timeout: READY_MS },\n\t);\n\t// Each renderer is loaded on demand, so the page is not finished when the\n\t// text arrives — and a console read before the drawing is a console read\n\t// before the portals this is about have been mounted.\n\tfor (let drawn of [\"[data-file]\", \"[data-diff]\", \".katex\"]) {\n\t\tawait page.locator(drawn).first().waitFor({ timeout: READY_MS });\n\t}\n\n\t// 1 — opening a plan containing a code block.\n\tcheck(\n\t\t\"opening the plan reports no duplicate key\",\n\t\tduplicates().length === 0,\n\t\treport(duplicates()),\n\t);\n\n\t// Everything drew, so the console above was read against a page that had\n\t// something to warn about. A blank plan has a clean console too.\n\tlet drew = {\n\t\tcode: await page.locator(\"[data-file]\").count(),\n\t\tpatch: await page.locator(\"[data-diff]\").count(),\n\t\tformula: await page.locator(\".katex\").count(),\n\t};\n\tcheck(\n\t\t\"all three blocks drew a preview\",\n\t\tdrew.code === 1 && drew.patch === 1 && drew.formula >= 1,\n\t\t`code ${drew.code}, patch ${drew.patch}, formula ${drew.formula}`,\n\t);\n\tcheck(\n\t\t\"and each of them a row of chrome\",\n\t\tawait page.getByRole(\"button\", { name: \"Hide source\" }).count() === 3,\n\t);\n\n\t// 2 — typing inside a paragraph next to a code block. One commit per\n\t// character, and the warning came in bursts of one per commit.\n\tlet mark = messages.length;\n\t// Clicked into, then sent to the end of the line. The caret lands where the\n\t// click does, and this run is photographed — a sentence with a word split\n\t// down the middle of it reads as something having gone wrong. `End` is not\n\t// the key that does this on macOS, where it scrolls the page instead and\n\t// leaves the caret in the middle of the word that was clicked.\n\tawait content.getByText(\"A paragraph between the blocks.\").click();\n\tawait page.keyboard.press(process.platform === \"darwin\" ? \"Meta+ArrowRight\" : \"End\");\n\tawait page.keyboard.type(\" Typing beside a fence.\", { delay: 10 });\n\tawait page.waitForTimeout(500);\n\n\tlet landed = (await content.innerText()).includes(\"Typing beside a fence.\");\n\tcheck(\n\t\t\"the typing reached the document\",\n\t\tlanded,\n\t\tlanded ? \"\" : \"nothing below this means anything\",\n\t);\n\tcheck(\n\t\t\"typing beside a fence reports no duplicate key\",\n\t\tduplicates(mark).length === 0,\n\t\treport(duplicates(mark)),\n\t);\n\n\t// 4 — collapsing survives an edit elsewhere.\n\tmark = messages.length;\n\tlet fence = page.locator(\"[data-plan-chrome='block']\")\n\t\t.filter({ has: page.getByLabel(\"Code language\") })\n\t\t.first();\n\tawait fence.getByRole(\"button\", { name: \"Hide source\" }).click();\n\tawait content.getByText(\"A paragraph after everything.\").click();\n\tawait page.keyboard.type(\"Edited well away from it. \", { delay: 10 });\n\tawait page.waitForTimeout(500);\n\n\tcheck(\n\t\t\"a collapsed fence is still collapsed after editing elsewhere\",\n\t\tawait fence.getByRole(\"button\", { name: \"Show source\" }).count() === 1,\n\t);\n\tcheck(\n\t\t\"collapsing and editing reports no duplicate key\",\n\t\tduplicates(mark).length === 0,\n\t\treport(duplicates(mark)),\n\t);\n\n\tcheck(\"nothing else was reported either\", unexpected().length === 0, report(unexpected()));\n\n\t// Back to the top, so the picture has the fence and the paragraph typed\n\t// beside it in it — the console below is about that, and a screenshot of\n\t// the end of the plan would leave a reader taking the subject on trust.\n\tawait page.mouse.move(640, 200);\n\tawait page.mouse.wheel(0, -4_000);\n\tawait page.waitForTimeout(300);\n\n\tawait panel(page);\n\tmkdirSync(dirname(SHOT), { recursive: true });\n\tawait page.screenshot({ path: SHOT });\n\tawait browser.close();\n\n\tlet failed = checks.filter(c => !c.ok);\n\tconsole.log(\n\t\t`\\n${checks.length - failed.length}/${checks.length} checks passed`\n\t\t\t+ ` · ${messages.length} console messages, ${duplicates().length} of them duplicate keys`\n\t\t\t+ `\\nscreenshot: ${SHOT.replace(`${ROOT}/`, \"\")}`,\n\t);\n\tif (failed.length) process.exitCode = 1;\n} finally {\n\tawait stop();\n}\n\nfunction report(lines: string[]): string {\n\treturn lines.length ? `${lines.length}: ${lines[0]?.slice(0, 120)}` : \"\";\n}\n\n/**\n * Escaped on this side of the bridge.\n *\n * The panel below is serialised and re-evaluated inside the page, where it can\n * reach nothing this file declares — and the text it is drawing is console\n * output, which is exactly the kind of string that arrives with markup in it.\n */\nfunction escape(text: string): string {\n\treturn text.replace(/[<&]/g, c => c === \"<\" ? \"<\" : \"&\");\n}\n\n/**\n * The console, drawn into the page so it can be photographed.\n *\n * A screenshot is the acceptance, and no browser lets one be taken of its own\n * devtools. So every message this run collected is put back on the page it\n * came from, unfiltered and with its level, and the picture is of that.\n */\nasync function panel(page: import(\"@playwright/test\").Page): Promise {\n\tawait page.evaluate(\n\t\t({ lines, rows, headline }) => {\n\t\t\tlet box = document.createElement(\"div\");\n\t\t\tbox.style.cssText = \"position:fixed;inset:auto 0 0 0;z-index:99999;background:#1b1b1b;\"\n\t\t\t\t+ \"color:#d4d4d4;font:12px/1.7 ui-monospace,SFMono-Regular,monospace;padding:14px 18px;\"\n\t\t\t\t+ \"max-height:58vh;overflow:auto;border-top:2px solid #3c3c3c\";\n\t\t\tbox.innerHTML = `

${headline}

`\n\t\t\t\t+ `

Every message the page emitted (${lines.length})

`\n\t\t\t\t+ (lines.length\n\t\t\t\t\t? lines.map(l =>\n\t\t\t\t\t\t`

${l.type}${l.text}

`\n\t\t\t\t\t).join(\"\")\n\t\t\t\t\t: `

none

`)\n\t\t\t\t+ `

Checks

`\n\t\t\t\t+ rows.map(r =>\n\t\t\t\t\t`

${\n\t\t\t\t\t\tr.ok ? \" ok \" : \" FAIL \"\n\t\t\t\t\t} ${r.name}

`\n\t\t\t\t).join(\"\");\n\t\t\tdocument.body.appendChild(box);\n\t\t},\n\t\t{\n\t\t\tlines: messages.map(m => ({ type: m.type, text: escape(m.text).slice(0, 220) })),\n\t\t\trows: checks.map(c => ({ ok: c.ok, name: escape(c.name) })),\n\t\t\theadline: escape(\n\t\t\t\t`Duplicate-key warnings while opening and editing this plan: ${duplicates().length}`,\n\t\t\t),\n\t\t},\n\t);\n}\n","editable",false,"branch","documentNavigation","repo","githubnext/chopin","repoId","7d1a8ac3-35b0-4dea-85d4-06a980f3bada","ownerId","org:89615882","site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers","watching","pinned","notify","views",[183,184,185,186,187,188,189,190,191,192,193,194,195],"navigation",{"_54":55,"_139":140,"_141":142,"_143":144,"_145":146,"_147":148,"_149":150},"sources",[],"viewer","meta",{"_131":132,"_133":134,"_135":136,"_42":31,"_137":126,"_138":31,"_48":49,"_50":49},"branches",[73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130],"tags",[69,70,71,72],"cloneUrl","https://git.nexthub.sh/githubnext/chopin.git","color-controls-slice-1","color-controls-slice-2","color-controls-slice-3","color-controls-slice-4","Krzysztof-Cieslak-patch-1","Krzysztof-Cieslak-patch-2","Maggie/app-preview-toolkit","Maggie/ci-playwright-install-timeout","Maggie/collaborative-visual-decision","Maggie/design-audit","Maggie/generic-visual-decision-runtime","Maggie/impeccable-chopin-metadata","Maggie/jev-chat-product","Maggie/jev-composed-assessment","Maggie/native-document-layouts","Maggie/openui-composition-product","Maggie/openui-composition-trial","Maggie/planner-visual-authoring","Maggie/planner-visual-requests","Maggie/visual-selection-eval","artifacts/pr-419-live-preview-20261009","automation/pr-maintenance-state","automation/use-effect/callout-disabled-picker-8cf9e49ba5c09471","automation/use-effect/collaboration-options-ref-4e3a5a08a879a5ae","automation/use-effect/room-workspace-effective-access-a57d40866c71bed0","chore/bun-1.4.2","color-controls","color-controls-plan","comments","design-pr-assets","design/archived-decisions-badge","design/channel-route-remount","design/chat-decision-entry","design/conversation-analysis-markers","design/decision-evidence","design/settled-line-icon","dev/integration","diagram-step-controls","feat/liveapp-frontend-pilot","feat/local-experiments","feat/local-launcher-tracer","fix/autolink-mdx-crash","github-pills/2-pills","github-pills/3-hover-card","maggie/app-preview-toolkit","maggie/ci-playwright-install-timeout","maggie/collaborative-visual-decision","maggie/design-audit","maggie/generic-visual-decision-runtime","maggie/impeccable-chopin-metadata","maggie/jev-composed-assessment","maggie/native-document-layouts","maggie/openui-composition-product","maggie/openui-composition-trial","maggie/planner-visual-authoring","maggie/planner-visual-requests","maggie/visual-selection-eval","main","plain-text-fence-chrome","tokens/09-copy","wireframes/2-renderer","wireframes/3-planner","description","Let's compose rich plans together","owner","githubnext","section","","head","empty","pins",[165,166,167],"documents",{"_160":161,"_162":163},"code",{"_156":157,"_158":159},"automations",{"_153":154,"_155":-5},"delivery",{"_151":49,"_152":-5},"tag","04zvKQ8QOrDUF8TO1Ovz0Zy8_TT","releases","applications","workflows",3,"deployments","commits",1000,"changes",13,"counts",{"_164":163},"total",11,"issue",{"_168":158,"_170":181,"_15":158,"_172":182,"_52":174,"_175":31,"_176":174,"_177":159},{"_168":178,"_170":179,"_15":178,"_172":180,"_52":174,"_175":31,"_176":174,"_177":49},{"_168":169,"_170":171,"_15":169,"_172":173,"_52":174,"_175":31,"_176":174,"_177":163},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_168":158,"_170":181,"_15":158,"_172":226,"_52":174,"_175":31,"_176":174},{"_168":178,"_170":179,"_15":178,"_172":225,"_52":174,"_175":31,"_176":174},{"_168":169,"_170":171,"_15":169,"_172":224,"_52":174,"_175":31,"_176":174},{"_168":221,"_170":222,"_15":221,"_172":223,"_52":31,"_175":31,"_176":174},{"_168":218,"_170":219,"_15":218,"_172":220,"_52":31,"_175":31,"_176":174},{"_168":153,"_170":216,"_15":145,"_172":217,"_52":31,"_175":31,"_176":174},{"_168":155,"_170":213,"_15":214,"_172":215,"_52":31,"_175":31,"_176":174},{"_168":151,"_170":211,"_15":151,"_172":212,"_52":31,"_175":31,"_176":174},{"_168":207,"_170":208,"_15":209,"_172":210,"_52":31,"_175":31,"_176":174},{"_168":141,"_170":205,"_15":141,"_172":206,"_52":31,"_175":31,"_176":31},{"_168":202,"_170":203,"_15":202,"_172":204,"_52":31,"_175":31,"_176":31},{"_168":199,"_170":200,"_15":199,"_172":201,"_52":31,"_175":31,"_176":31},{"_168":196,"_170":197,"_15":196,"_172":198,"_52":31,"_175":31,"_176":31},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794436261949,"sidebar","expanded"]