[{"_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","b770bd2d73e574dc736bd75d303b0f0feb4d8564","path","packages/dialect/src/nodes/containers.test.ts","oid","b0a15f018531d6bea1b35db45f674a5fa4070a54","size",9074,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { describe, expect, it } from \"bun:test\";\nimport { createHeadlessEditor } from \"@lexical/headless\";\nimport { createYjsBinding, syncLexicalUpdateToYjs, syncYjsChangesToLexical } from \"@lexical/yjs\";\nimport { $getRoot, $isElementNode } from \"lexical\";\nimport * as Y from \"yjs\";\n\nimport { exportPlan, importPlan } from \"../convert\";\nimport { registry } from \"../registry\";\nimport { $isCalloutNode, $isTabNode, $isTabsNode } from \"./containers\";\n\nimport type { Binding, Provider } from \"@lexical/yjs\";\nimport type { LexicalEditor, TextNode } from \"lexical\";\n\nconst REGISTRY = registry();\n\nconst ID = \"01K0N4TR8K7JGM4R1J7PW4R8YJ\";\nconst ID2 = \"01K0N4V4E7Y6P4MJ5WD8XZF3B2\";\nconst ID3 = \"01K0N4W3B7P27CBAEC7A8C8WEA\";\n\nfunction editor(): LexicalEditor {\n\treturn createHeadlessEditor({\n\t\tnodes: REGISTRY.nodes,\n\t\tonError(err) {\n\t\t\tthrow err;\n\t\t},\n\t});\n}\n\nfunction through(source: string): string {\n\tlet instance = editor();\n\timportPlan(instance, source, { registry: REGISTRY });\n\treturn exportPlan(instance, { registry: REGISTRY });\n}\n\n/** Canonical output must be a fixed point. */\nfunction canonical(source: string): string {\n\tlet once = through(source);\n\texpect(through(once)).toBe(once);\n\treturn once;\n}\n\nfunction attributes(initial: Record): HTMLElement {\n\tlet values = new Map(Object.entries(initial));\n\tlet dataset = { planType: initial[\"data-plan-type\"] } as DOMStringMap;\n\treturn {\n\t\tdataset,\n\t\tgetAttribute(name: string) {\n\t\t\treturn values.get(name) ?? null;\n\t\t},\n\t\tremoveAttribute(name: string) {\n\t\t\tvalues.delete(name);\n\t\t\tif (name === \"data-plan-type\") delete dataset.planType;\n\t\t},\n\t\tsetAttribute(name: string, value: string) {\n\t\t\tvalues.set(name, value);\n\t\t\tif (name === \"data-plan-type\") dataset.planType = value;\n\t\t},\n\t} as unknown as HTMLElement;\n}\n\nconst CALLOUT = `\\n\\nBody text.\\n\\n\\n`;\n\nconst TABS = `\\n`\n\t+ `\\n\\nRun it.\\n\\n\\n`\n\t+ `\\n\\n- a\\n- b\\n\\n\\n`\n\t+ `\\n`;\n\ndescribe(\"structural components\", () => {\n\tit(\"round-trips a callout with its attributes\", () => {\n\t\tlet out = canonical(CALLOUT);\n\t\texpect(out).toContain(`id=\"${ID}\"`);\n\t\texpect(out).toContain('type=\"warning\"');\n\t\texpect(out).toContain('title=\"Careful\"');\n\t\texpect(out).toContain(\"Body text.\");\n\t});\n\n\tit(\"round-trips tabs with labels and block content\", () => {\n\t\tlet out = canonical(TABS);\n\t\texpect(out).toContain('label=\"macOS\"');\n\t\texpect(out).toContain('label=\"Web\"');\n\t\texpect(out).toContain(\"- a\");\n\t});\n\n\tit(\"keeps nesting stable several levels deep\", () => {\n\t\tlet deep = `\\n`\n\t\t\t+ `\\n\\n`\n\t\t\t+ `\\n\\n`\n\t\t\t+ `| a | b |\\n| - | - |\\n| 1 | 2 |\\n\\n- list\\n\\n`\n\t\t\t+ `\\n\\n\\n\\n`;\n\t\texpect(canonical(deep)).toContain(\"| a | b |\");\n\t});\n\n\tit(\"omits optional attributes that are unset\", () => {\n\t\tlet out = canonical(`\\n\\nx\\n\\n\\n`);\n\t\texpect(out).not.toContain(\"title=\");\n\t});\n\n\tit(\"builds element nodes with ordinary children, not decorators\", () => {\n\t\tlet instance = editor();\n\t\timportPlan(instance, TABS, { registry: REGISTRY });\n\n\t\tinstance.getEditorState().read(() => {\n\t\t\tlet tabs = $getRoot().getFirstChild();\n\t\t\texpect($isTabsNode(tabs)).toBe(true);\n\t\t\tif (!$isElementNode(tabs)) return;\n\n\t\t\tlet children = tabs.getChildren();\n\t\t\texpect(children).toHaveLength(2);\n\t\t\texpect(children.every($isTabNode)).toBe(true);\n\n\t\t\tlet first = children[0];\n\t\t\texpect($isElementNode(first) && first.getChildren()[0]?.getType()).toBe(\"paragraph\");\n\t\t});\n\t});\n\n\tit(\"keeps NodeState-backed DOM attributes synchronized after an edit\", () => {\n\t\tlet instance = editor();\n\t\timportPlan(instance, TABS + CALLOUT, { registry: REGISTRY });\n\n\t\tlet previous = instance.getEditorState().read(() => {\n\t\t\tlet tabs = $getRoot().getFirstChild();\n\t\t\tlet tab = $isElementNode(tabs) ? tabs.getFirstChild() : null;\n\t\t\tlet callout = $getRoot().getLastChild();\n\t\t\treturn {\n\t\t\t\tcallout: $isCalloutNode(callout) ? callout : null,\n\t\t\t\ttab: $isTabNode(tab) ? tab : null,\n\t\t\t};\n\t\t});\n\t\tlet tabDOM = attributes({ \"aria-label\": \"macOS\" });\n\t\tlet calloutDOM = attributes({ \"aria-label\": \"Careful\", \"data-plan-type\": \"warning\" });\n\n\t\tinstance.update(\n\t\t\t() => {\n\t\t\t\tlet tabs = $getRoot().getFirstChild();\n\t\t\t\tlet tab = $isElementNode(tabs) ? tabs.getFirstChild() : null;\n\t\t\t\tlet callout = $getRoot().getLastChild();\n\t\t\t\tif ($isTabNode(tab)) tab.setLabel(\"Linux\");\n\t\t\t\tif ($isCalloutNode(callout)) callout.setCalloutType(\"tip\").setTitle(\"\");\n\t\t\t},\n\t\t\t{ discrete: true },\n\t\t);\n\n\t\tinstance.getEditorState().read(() => {\n\t\t\tlet tabs = $getRoot().getFirstChild();\n\t\t\tlet tab = $isElementNode(tabs) ? tabs.getFirstChild() : null;\n\t\t\tlet callout = $getRoot().getLastChild();\n\t\t\texpect($isTabNode(tab)).toBe(true);\n\t\t\texpect($isCalloutNode(callout)).toBe(true);\n\t\t\tif (!$isTabNode(tab) || !previous.tab) return;\n\t\t\tif (!$isCalloutNode(callout) || !previous.callout) return;\n\n\t\t\ttab.updateDOM(previous.tab, tabDOM);\n\t\t\tcallout.updateDOM(previous.callout, calloutDOM);\n\t\t});\n\n\t\texpect(tabDOM.getAttribute(\"aria-label\")).toBe(\"Linux\");\n\t\texpect(calloutDOM.dataset.planType).toBe(\"tip\");\n\t\texpect(calloutDOM.getAttribute(\"aria-label\")).toBeNull();\n\t});\n});\n\n// -- collaboration ---------------------------------------------------------\n\nconst PROVIDER = {\n\tawareness: {\n\t\tgetLocalState: () => null,\n\t\tgetStates: () => new Map(),\n\t\toff() {},\n\t\ton() {},\n\t\tsetLocalState() {},\n\t\tsetLocalStateField() {},\n\t},\n\tconnect() {},\n\tdisconnect() {},\n\toff() {},\n\ton() {},\n} as unknown as Provider;\n\ntype Peer = { editor: LexicalEditor; doc: Y.Doc; binding: Binding };\n\nfunction peer(): Peer {\n\tlet instance = editor();\n\tlet doc = new Y.Doc();\n\tlet binding = createYjsBinding({\n\t\teditor: instance,\n\t\tid: \"plan\",\n\t\tdoc,\n\t\tdocMap: new Map([[\"plan\", doc]]),\n\t});\n\n\tinstance.registerUpdateListener(\n\t\t({ dirtyElements, dirtyLeaves, editorState, normalizedNodes, prevEditorState, tags }) => {\n\t\t\tif (tags.has(\"skip-collab\")) return;\n\t\t\tsyncLexicalUpdateToYjs(\n\t\t\t\tbinding,\n\t\t\t\tPROVIDER,\n\t\t\t\tprevEditorState,\n\t\t\t\teditorState,\n\t\t\t\tdirtyElements,\n\t\t\t\tdirtyLeaves,\n\t\t\t\tnormalizedNodes,\n\t\t\t\ttags,\n\t\t\t);\n\t\t},\n\t);\n\n\tbinding.root.getSharedType().observeDeep((events, transaction) => {\n\t\tif (transaction.origin !== binding) syncYjsChangesToLexical(binding, PROVIDER, events, false);\n\t});\n\n\treturn { editor: instance, doc, binding };\n}\n\nasync function settle(): Promise {\n\tfor (let i = 0; i < 5; i++) await new Promise(resolve => setTimeout(resolve, 0));\n}\n\n/** Edit the first text node inside the nth tab. */\nfunction writeTab(instance: LexicalEditor, index: number, value: string) {\n\tinstance.update(\n\t\t() => {\n\t\t\tlet tabs = $getRoot().getFirstChild();\n\t\t\tif (!$isElementNode(tabs)) return;\n\t\t\tlet tab = tabs.getChildren()[index];\n\t\t\tif (!$isElementNode(tab)) return;\n\t\t\tlet paragraph = tab.getFirstChild();\n\t\t\tif (!$isElementNode(paragraph)) return;\n\t\t\t(paragraph.getFirstChild() as TextNode | null)?.setTextContent(value);\n\t\t},\n\t\t{ discrete: true },\n\t);\n}\n\ndescribe(\"container collaboration\", () => {\n\tit(\"merges concurrent edits in different tabs\", async () => {\n\t\tlet a = peer();\n\t\tlet b = peer();\n\n\t\tlet held: Array<{ from: Y.Doc; update: Uint8Array }> = [];\n\t\tlet paused = false;\n\t\tlet deliver = (from: Y.Doc, update: Uint8Array) => {\n\t\t\tlet target = from === a.doc ? b.doc : a.doc;\n\t\t\tY.applyUpdate(target, update, \"relay\");\n\t\t};\n\t\tfor (let doc of [a.doc, b.doc]) {\n\t\t\tdoc.on(\"update\", (update: Uint8Array, origin: unknown) => {\n\t\t\t\tif (origin === \"relay\") return;\n\t\t\t\tif (paused) held.push({ from: doc, update });\n\t\t\t\telse deliver(doc, update);\n\t\t\t});\n\t\t}\n\n\t\timportPlan(\n\t\t\ta.editor,\n\t\t\t`\\n`\n\t\t\t\t+ `\\n\\nfirst\\n\\n\\n`\n\t\t\t\t+ `\\n\\nsecond\\n\\n\\n`\n\t\t\t\t+ `\\n`,\n\t\t\t{ registry: REGISTRY },\n\t\t);\n\t\tawait settle();\n\n\t\t// Both peers edit different tabs before either sees the other's change.\n\t\tpaused = true;\n\t\twriteTab(a.editor, 0, \"edited-by-A\");\n\t\twriteTab(b.editor, 1, \"edited-by-B\");\n\t\tpaused = false;\n\t\tfor (let { from, update } of held) deliver(from, update);\n\t\tawait settle();\n\n\t\tlet left = exportPlan(a.editor, { registry: REGISTRY });\n\t\tlet right = exportPlan(b.editor, { registry: REGISTRY });\n\n\t\texpect(left).toBe(right);\n\t\texpect(left).toContain(\"edited-by-A\");\n\t\texpect(left).toContain(\"edited-by-B\");\n\t});\n\n\tit(\"keeps callout attributes through a sync\", async () => {\n\t\tlet a = peer();\n\t\tlet b = peer();\n\t\ta.doc.on(\"update\", (update: Uint8Array, origin: unknown) => {\n\t\t\tif (origin !== \"relay\") Y.applyUpdate(b.doc, update, \"relay\");\n\t\t});\n\n\t\timportPlan(a.editor, CALLOUT, { registry: REGISTRY });\n\t\tawait settle();\n\n\t\tb.editor.getEditorState().read(() => {\n\t\t\tlet callout = $getRoot().getFirstChild();\n\t\t\texpect($isCalloutNode(callout)).toBe(true);\n\t\t\tif (!$isCalloutNode(callout)) return;\n\t\t\texpect(callout.getId()).toBe(ID);\n\t\t\texpect(callout.getCalloutType()).toBe(\"warning\");\n\t\t\texpect(callout.getTitle()).toBe(\"Careful\");\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",1794439245334,"sidebar","expanded"]