[{"data":1,"prerenderedAt":935},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:3xD16H2CBjkvF2MGTbOl3R_-Z1fd5G1UUaYtW39lF0A":303,"content-page-surround:docs:3xD16H2CBjkvF2MGTbOl3R_-Z1fd5G1UUaYtW39lF0A":920,"i-logos:typescript-icon":925,"i-lucide:clipboard":929,"i-logos:vue":932},[4,28,54,100,176,215,278,298],{"title":5,"page":6,"canonicalKey":7,"locale":8,"id":9,"draft":6,"icon":10,"sidebar":11,"children":12},"Learn",false,"1","en","content:docs:1.evaluate:.navigation.yml","i-lucide-compass","section",[13,18,23],{"title":14,"id":15,"canonicalKey":16,"locale":8,"draft":6,"path":17},"Why Nuxt Board","content:docs:1.evaluate:1.why-nuxt-board.md","1\u002F1","\u002Fdocs\u002Fevaluate\u002Fwhy-nuxt-board",{"title":19,"id":20,"canonicalKey":21,"locale":8,"draft":6,"path":22},"How Nuxt Board works","content:docs:1.evaluate:2.how-nuxt-board-works.md","1\u002F2","\u002Fdocs\u002Fevaluate\u002Fhow-nuxt-board-works",{"title":24,"id":25,"canonicalKey":26,"locale":8,"draft":6,"path":27},"Design decisions","content:docs:1.evaluate:4.design-decisions.md","1\u002F4","\u002Fdocs\u002Fevaluate\u002Fdesign-decisions",{"title":29,"page":6,"canonicalKey":30,"locale":8,"id":31,"draft":6,"icon":32,"children":33},"Start building","2","content:docs:2.start-building:.navigation.yml","i-lucide-rocket",[34,39,44,49],{"title":35,"id":36,"canonicalKey":37,"locale":8,"draft":6,"path":38},"Installation","content:docs:2.start-building:1.installation.md","2\u002F1","\u002Fdocs\u002Fstart-building\u002Finstallation",{"title":40,"id":41,"canonicalKey":42,"locale":8,"draft":6,"path":43},"Your first board","content:docs:2.start-building:2.your-first-board.md","2\u002F2","\u002Fdocs\u002Fstart-building\u002Fyour-first-board",{"title":45,"id":46,"canonicalKey":47,"locale":8,"draft":6,"path":48},"Customize your first node","content:docs:2.start-building:3.customize-your-first-node.md","2\u002F3","\u002Fdocs\u002Fstart-building\u002Fcustomize-your-first-node",{"title":50,"id":51,"canonicalKey":52,"locale":8,"draft":6,"path":53},"Add connections and history","content:docs:2.start-building:4.add-connections-and-history.md","2\u002F4","\u002Fdocs\u002Fstart-building\u002Fadd-connections-and-history",{"title":55,"page":6,"canonicalKey":56,"locale":8,"id":57,"draft":6,"icon":58,"children":59},"Understand the system","3","content:docs:3.understand-the-system:.navigation.yml","i-lucide-workflow",[60,65,70,75,80,85,90,95],{"title":61,"id":62,"canonicalKey":63,"locale":8,"draft":6,"path":64},"The engine","content:docs:3.understand-the-system:1.the-engine.md","3\u002F1","\u002Fdocs\u002Funderstand-the-system\u002Fthe-engine",{"title":66,"id":67,"canonicalKey":68,"locale":8,"draft":6,"path":69},"Document and session state","content:docs:3.understand-the-system:2.document-and-session-state.md","3\u002F2","\u002Fdocs\u002Funderstand-the-system\u002Fdocument-and-session-state",{"title":71,"id":72,"canonicalKey":73,"locale":8,"draft":6,"path":74},"Commands and transactions","content:docs:3.understand-the-system:3.commands-and-transactions.md","3\u002F3","\u002Fdocs\u002Funderstand-the-system\u002Fcommands-and-transactions",{"title":76,"id":77,"canonicalKey":78,"locale":8,"draft":6,"path":79},"Nodes and hierarchy","content:docs:3.understand-the-system:4.nodes-and-hierarchy.md","3\u002F4","\u002Fdocs\u002Funderstand-the-system\u002Fnodes-and-hierarchy",{"title":81,"id":82,"canonicalKey":83,"locale":8,"draft":6,"path":84},"Camera and coordinates","content:docs:3.understand-the-system:5.camera-and-coordinates.md","3\u002F5","\u002Fdocs\u002Funderstand-the-system\u002Fcamera-and-coordinates",{"title":86,"id":87,"canonicalKey":88,"locale":8,"draft":6,"path":89},"Rendering and interaction","content:docs:3.understand-the-system:6.rendering-and-interaction.md","3\u002F6","\u002Fdocs\u002Funderstand-the-system\u002Frendering-and-interaction",{"title":91,"id":92,"canonicalKey":93,"locale":8,"draft":6,"path":94},"Packages and plugins","content:docs:3.understand-the-system:7.packages-and-plugins.md","3\u002F7","\u002Fdocs\u002Funderstand-the-system\u002Fpackages-and-plugins",{"title":96,"id":97,"canonicalKey":98,"locale":8,"draft":6,"path":99},"Persistence and JSON Canvas","content:docs:3.understand-the-system:8.persistence-and-json-canvas.md","3\u002F8","\u002Fdocs\u002Funderstand-the-system\u002Fpersistence-and-json-canvas",{"title":101,"page":6,"canonicalKey":102,"locale":8,"id":103,"draft":6,"icon":104,"sidebar":11,"children":105},"Build","4","content:docs:4.build-features:.navigation.yml","i-lucide-blocks",[106,113,120,127,134,141,148,155,162,169],{"title":107,"id":108,"canonicalKey":109,"locale":8,"draft":6,"navigation":110,"icon":111,"path":112},"Custom renderers","content:docs:4.build-features:1.custom-node-renderers.md","4\u002F1",{"icon":111},"i-lucide-layout-template","\u002Fdocs\u002Fbuild-features\u002Fcustom-node-renderers",{"title":114,"id":115,"canonicalKey":116,"locale":8,"draft":6,"navigation":117,"icon":118,"path":119},"Connections","content:docs:4.build-features:2.connections.md","4\u002F2",{"icon":118},"i-lucide-cable","\u002Fdocs\u002Fbuild-features\u002Fconnections",{"title":121,"id":122,"canonicalKey":123,"locale":8,"draft":6,"navigation":124,"icon":125,"path":126},"Group nodes","content:docs:4.build-features:3.groups-and-nesting.md","4\u002F3",{"icon":125},"i-lucide-group","\u002Fdocs\u002Fbuild-features\u002Fgroups-and-nesting",{"title":128,"id":129,"canonicalKey":130,"locale":8,"draft":6,"navigation":131,"icon":132,"path":133},"History","content:docs:4.build-features:4.undo-and-redo.md","4\u002F4",{"icon":132},"i-lucide-history","\u002Fdocs\u002Fbuild-features\u002Fundo-and-redo",{"title":135,"id":136,"canonicalKey":137,"locale":8,"draft":6,"navigation":138,"icon":139,"path":140},"Selection and interaction","content:docs:4.build-features:5.selection-and-keyboard.md","4\u002F5",{"icon":139},"i-lucide-mouse-pointer","\u002Fdocs\u002Fbuild-features\u002Fselection-and-keyboard",{"title":142,"id":143,"canonicalKey":144,"locale":8,"draft":6,"navigation":145,"icon":146,"path":147},"First-party features and command guards","content:docs:4.build-features:6.read-only-and-command-guards.md","4\u002F6",{"icon":146},"i-lucide-puzzle","\u002Fdocs\u002Fbuild-features\u002Fread-only-and-command-guards",{"title":149,"id":150,"canonicalKey":151,"locale":8,"draft":6,"navigation":152,"icon":153,"path":154},"Serialization","content:docs:4.build-features:7.save-and-load.md","4\u002F7",{"icon":153},"i-lucide-file-json","\u002Fdocs\u002Fbuild-features\u002Fsave-and-load",{"title":156,"id":157,"canonicalKey":158,"locale":8,"draft":6,"navigation":159,"icon":160,"path":161},"Theming","content:docs:4.build-features:8.theming.md","4\u002F8",{"icon":160},"i-lucide-palette","\u002Fdocs\u002Fbuild-features\u002Ftheming",{"title":163,"id":164,"canonicalKey":165,"locale":8,"draft":6,"navigation":166,"icon":167,"path":168},"Performance","content:docs:4.build-features:9.performance.md","4\u002F9",{"icon":167},"i-lucide-zap","\u002Fdocs\u002Fbuild-features\u002Fperformance",{"title":170,"id":171,"canonicalKey":172,"locale":8,"draft":6,"navigation":173,"icon":174,"path":175},"SSR deterministic scene","content:docs:4.build-features:10.ssr-and-deterministic-state.md","4\u002F10",{"icon":174},"i-lucide-server","\u002Fdocs\u002Fbuild-features\u002Fssr-and-deterministic-state",{"title":177,"page":6,"canonicalKey":178,"locale":8,"id":179,"draft":6,"icon":111,"children":180},"Solutions","5","content:docs:5.solutions:.navigation.yml",[181,187,194,201,208],{"title":182,"id":183,"canonicalKey":184,"locale":8,"draft":6,"navigation":185,"icon":58,"path":186},"Workflow renderer demo","content:docs:5.solutions:1.workflow-builder.md","5\u002F1",{"icon":58},"\u002Fdocs\u002Fsolutions\u002Fworkflow-builder",{"title":188,"id":189,"canonicalKey":190,"locale":8,"draft":6,"navigation":191,"icon":192,"path":193},"Mind map","content:docs:5.solutions:2.mind-map.md","5\u002F2",{"icon":192},"i-lucide-brain","\u002Fdocs\u002Fsolutions\u002Fmind-map",{"title":195,"id":196,"canonicalKey":197,"locale":8,"draft":6,"navigation":198,"icon":199,"path":200},"Planning board","content:docs:5.solutions:3.planning-board.md","5\u002F3",{"icon":199},"i-lucide-square","\u002Fdocs\u002Fsolutions\u002Fplanning-board",{"title":202,"id":203,"canonicalKey":204,"locale":8,"draft":6,"navigation":205,"icon":206,"path":207},"Read-only viewer","content:docs:5.solutions:4.read-only-viewer.md","5\u002F4",{"icon":206},"i-lucide-eye","\u002Fdocs\u002Fsolutions\u002Fread-only-viewer",{"title":209,"id":210,"canonicalKey":211,"locale":8,"draft":6,"navigation":212,"icon":213,"path":214},"Nuxt auto-imports","content:docs:5.solutions:5.nuxt-application.md","5\u002F5",{"icon":213},"i-lucide-sparkles","\u002Fdocs\u002Fsolutions\u002Fnuxt-application",{"title":216,"page":6,"canonicalKey":217,"locale":8,"id":218,"draft":6,"icon":219,"children":220},"Reference","6","content:docs:6.reference:.navigation.yml","i-lucide-braces",[221,226,231,236,241,246,251,256,261,266,273],{"title":222,"id":223,"canonicalKey":224,"locale":8,"draft":6,"path":225},"Package overview","content:docs:6.reference:1.package-overview.md","6\u002F1","\u002Fdocs\u002Freference\u002Fpackage-overview",{"title":227,"id":228,"canonicalKey":229,"locale":8,"draft":6,"path":230},"@lupinum\u002Fboard-core","content:docs:6.reference:2.board-core.md","6\u002F2","\u002Fdocs\u002Freference\u002Fboard-core",{"title":232,"id":233,"canonicalKey":234,"locale":8,"draft":6,"path":235},"@lupinum\u002Fboard-core types","content:docs:6.reference:3.board-core-types.md","6\u002F3","\u002Fdocs\u002Freference\u002Fboard-core-types",{"title":237,"id":238,"canonicalKey":239,"locale":8,"draft":6,"path":240},"@lupinum\u002Fvue-board","content:docs:6.reference:4.vue-board.md","6\u002F4","\u002Fdocs\u002Freference\u002Fvue-board",{"title":242,"id":243,"canonicalKey":244,"locale":8,"draft":6,"path":245},"Vue composables","content:docs:6.reference:5.vue-composables.md","6\u002F5","\u002Fdocs\u002Freference\u002Fvue-composables",{"title":247,"id":248,"canonicalKey":249,"locale":8,"draft":6,"path":250},"@lupinum\u002Fboard-connections","content:docs:6.reference:6.connections.md","6\u002F6","\u002Fdocs\u002Freference\u002Fconnections",{"title":252,"id":253,"canonicalKey":254,"locale":8,"draft":6,"path":255},"@lupinum\u002Fboard-history","content:docs:6.reference:7.history.md","6\u002F7","\u002Fdocs\u002Freference\u002Fhistory",{"title":257,"id":258,"canonicalKey":259,"locale":8,"draft":6,"path":260},"@lupinum\u002Fvue-board\u002Fminimap","content:docs:6.reference:8.minimap.md","6\u002F8","\u002Fdocs\u002Freference\u002Fminimap",{"title":262,"id":263,"canonicalKey":264,"locale":8,"draft":6,"path":265},"@lupinum\u002Fnuxt-board","content:docs:6.reference:9.nuxt-board.md","6\u002F9","\u002Fdocs\u002Freference\u002Fnuxt-board",{"title":267,"id":268,"canonicalKey":269,"locale":8,"draft":6,"navigation":270,"icon":271,"path":272},"Events and subscriptions","content:docs:6.reference:10.events-and-errors.md","6\u002F10",{"icon":271},"i-lucide-bell","\u002Fdocs\u002Freference\u002Fevents-and-errors",{"title":274,"id":275,"canonicalKey":276,"locale":8,"draft":6,"path":277},"Glossary","content:docs:6.reference:11.glossary.md","6\u002F11","\u002Fdocs\u002Freference\u002Fglossary",{"title":279,"page":6,"canonicalKey":280,"locale":8,"id":281,"draft":6,"icon":282,"children":283},"Project","7","content:docs:7.project:.navigation.yml","i-lucide-git-branch",[284,291],{"title":285,"id":286,"canonicalKey":287,"locale":8,"draft":6,"navigation":288,"icon":289,"path":290},"Contributing","content:docs:7.project:1.contributing.md","7\u002F1",{"icon":289},"i-lucide-git-pull-request","\u002Fdocs\u002Fproject\u002Fcontributing",{"title":292,"id":293,"canonicalKey":294,"locale":8,"draft":6,"navigation":295,"icon":296,"path":297},"Support and security","content:docs:7.project:2.support-and-security.md","7\u002F2",{"icon":296},"i-lucide-shield","\u002Fdocs\u002Fproject\u002Fsupport-and-security",{"title":299,"id":300,"canonicalKey":301,"locale":8,"draft":6,"path":302},"Nuxt Board documentation","content:docs:index.md","\u002F","\u002Fdocs",{"audience":304,"intent":305,"title":170,"description":306,"navigation":307,"body":308,"type":907,"id":171,"canonicalKey":172,"draft":6,"partial":6,"locale":8,"collection":908,"navigationFile":6,"file":909,"route":915,"resolution":917},"application-developer","build","Seed a board with initial nodes for server-side rendering and hydration.",{"icon":174},{"type":309,"children":310,"toc":899},"root",[311,319,713,893],{"type":312,"tag":313,"props":314,"children":315},"element","p",{},[316],{"type":317,"value":318},"text","SSR only works if the server and client render the same scene. That means deterministic IDs, deterministic node order, and no random creation during setup.",{"type":312,"tag":320,"props":321,"children":322},"tabs",{},[323,619],{"type":312,"tag":324,"props":325,"children":327},"tab",{"label":326,"icon":174},"Server",[328],{"type":312,"tag":329,"props":330,"children":333},"pre",{"language":331,"class":332},"ts","shiki shiki-themes light-plus dark-plus dark:dark-plus",[334],{"type":312,"tag":335,"props":336,"children":338},"code",{"class":337},"language-ts",[339,374,376,390,391,399,400,429,430,448,449,467,468,484,485,502,503,520,521,538,539,556,557,574,575,592,593,601,602,610,611],{"type":312,"tag":340,"props":341,"children":344},"span",{"class":342,"style":343},"line","display: inline",[345,351,357,363,369],{"type":312,"tag":340,"props":346,"children":348},{"style":347},"color:#0000FF;--shiki-dark:#569CD6",[349],{"type":317,"value":350},"const",{"type":312,"tag":340,"props":352,"children":354},{"style":353},"color:#0070C1;--shiki-dark:#4FC1FF",[355],{"type":317,"value":356}," engine",{"type":312,"tag":340,"props":358,"children":360},{"style":359},"color:#000000;--shiki-dark:#D4D4D4",[361],{"type":317,"value":362}," = ",{"type":312,"tag":340,"props":364,"children":366},{"style":365},"color:#795E26;--shiki-dark:#DCDCAA",[367],{"type":317,"value":368},"createBoardEngine",{"type":312,"tag":340,"props":370,"children":371},{"style":359},[372],{"type":317,"value":373},"({",{"type":317,"value":375},"\n",{"type":312,"tag":340,"props":377,"children":378},{"class":342,"style":343},[379,385],{"type":312,"tag":340,"props":380,"children":382},{"style":381},"color:#001080;--shiki-dark:#9CDCFE",[383],{"type":317,"value":384},"  initialNodes:",{"type":312,"tag":340,"props":386,"children":387},{"style":359},[388],{"type":317,"value":389}," [",{"type":317,"value":375},{"type":312,"tag":340,"props":392,"children":393},{"class":342,"style":343},[394],{"type":312,"tag":340,"props":395,"children":396},{"style":359},[397],{"type":317,"value":398},"    {",{"type":317,"value":375},{"type":312,"tag":340,"props":401,"children":402},{"class":342,"style":343},[403,408,413,418,424],{"type":312,"tag":340,"props":404,"children":405},{"style":381},[406],{"type":317,"value":407},"      id:",{"type":312,"tag":340,"props":409,"children":410},{"style":365},[411],{"type":317,"value":412}," asNodeId",{"type":312,"tag":340,"props":414,"children":415},{"style":359},[416],{"type":317,"value":417},"(",{"type":312,"tag":340,"props":419,"children":421},{"style":420},"color:#A31515;--shiki-dark:#CE9178",[422],{"type":317,"value":423},"'welcome'",{"type":312,"tag":340,"props":425,"children":426},{"style":359},[427],{"type":317,"value":428},"),",{"type":317,"value":375},{"type":312,"tag":340,"props":431,"children":432},{"class":342,"style":343},[433,438,443],{"type":312,"tag":340,"props":434,"children":435},{"style":381},[436],{"type":317,"value":437},"      type:",{"type":312,"tag":340,"props":439,"children":440},{"style":420},[441],{"type":317,"value":442}," 'text'",{"type":312,"tag":340,"props":444,"children":445},{"style":359},[446],{"type":317,"value":447},",",{"type":317,"value":375},{"type":312,"tag":340,"props":450,"children":451},{"class":342,"style":343},[452,457,463],{"type":312,"tag":340,"props":453,"children":454},{"style":381},[455],{"type":317,"value":456},"      x:",{"type":312,"tag":340,"props":458,"children":460},{"style":459},"color:#098658;--shiki-dark:#B5CEA8",[461],{"type":317,"value":462}," 100",{"type":312,"tag":340,"props":464,"children":465},{"style":359},[466],{"type":317,"value":447},{"type":317,"value":375},{"type":312,"tag":340,"props":469,"children":470},{"class":342,"style":343},[471,476,480],{"type":312,"tag":340,"props":472,"children":473},{"style":381},[474],{"type":317,"value":475},"      y:",{"type":312,"tag":340,"props":477,"children":478},{"style":459},[479],{"type":317,"value":462},{"type":312,"tag":340,"props":481,"children":482},{"style":359},[483],{"type":317,"value":447},{"type":317,"value":375},{"type":312,"tag":340,"props":486,"children":487},{"class":342,"style":343},[488,493,498],{"type":312,"tag":340,"props":489,"children":490},{"style":381},[491],{"type":317,"value":492},"      width:",{"type":312,"tag":340,"props":494,"children":495},{"style":459},[496],{"type":317,"value":497}," 240",{"type":312,"tag":340,"props":499,"children":500},{"style":359},[501],{"type":317,"value":447},{"type":317,"value":375},{"type":312,"tag":340,"props":504,"children":505},{"class":342,"style":343},[506,511,516],{"type":312,"tag":340,"props":507,"children":508},{"style":381},[509],{"type":317,"value":510},"      height:",{"type":312,"tag":340,"props":512,"children":513},{"style":459},[514],{"type":317,"value":515}," 160",{"type":312,"tag":340,"props":517,"children":518},{"style":359},[519],{"type":317,"value":447},{"type":317,"value":375},{"type":312,"tag":340,"props":522,"children":523},{"class":342,"style":343},[524,529,534],{"type":312,"tag":340,"props":525,"children":526},{"style":381},[527],{"type":317,"value":528},"      text:",{"type":312,"tag":340,"props":530,"children":531},{"style":420},[532],{"type":317,"value":533}," 'Node'",{"type":312,"tag":340,"props":535,"children":536},{"style":359},[537],{"type":317,"value":447},{"type":317,"value":375},{"type":312,"tag":340,"props":540,"children":541},{"class":342,"style":343},[542,547,552],{"type":312,"tag":340,"props":543,"children":544},{"style":381},[545],{"type":317,"value":546},"      zIndex:",{"type":312,"tag":340,"props":548,"children":549},{"style":459},[550],{"type":317,"value":551}," 1",{"type":312,"tag":340,"props":553,"children":554},{"style":359},[555],{"type":317,"value":447},{"type":317,"value":375},{"type":312,"tag":340,"props":558,"children":559},{"class":342,"style":343},[560,565,570],{"type":312,"tag":340,"props":561,"children":562},{"style":381},[563],{"type":317,"value":564},"      locked:",{"type":312,"tag":340,"props":566,"children":567},{"style":347},[568],{"type":317,"value":569}," false",{"type":312,"tag":340,"props":571,"children":572},{"style":359},[573],{"type":317,"value":447},{"type":317,"value":375},{"type":312,"tag":340,"props":576,"children":577},{"class":342,"style":343},[578,583,588],{"type":312,"tag":340,"props":579,"children":580},{"style":381},[581],{"type":317,"value":582},"      visible:",{"type":312,"tag":340,"props":584,"children":585},{"style":347},[586],{"type":317,"value":587}," true",{"type":312,"tag":340,"props":589,"children":590},{"style":359},[591],{"type":317,"value":447},{"type":317,"value":375},{"type":312,"tag":340,"props":594,"children":595},{"class":342,"style":343},[596],{"type":312,"tag":340,"props":597,"children":598},{"style":359},[599],{"type":317,"value":600},"    },",{"type":317,"value":375},{"type":312,"tag":340,"props":603,"children":604},{"class":342,"style":343},[605],{"type":312,"tag":340,"props":606,"children":607},{"style":359},[608],{"type":317,"value":609},"  ],",{"type":317,"value":375},{"type":312,"tag":340,"props":612,"children":613},{"class":342,"style":343},[614],{"type":312,"tag":340,"props":615,"children":616},{"style":359},[617],{"type":317,"value":618},"})",{"type":312,"tag":324,"props":620,"children":623},{"label":621,"icon":622},"Client","i-lucide-monitor",[624],{"type":312,"tag":329,"props":625,"children":627},{"language":626,"class":332},"vue",[628],{"type":312,"tag":335,"props":629,"children":631},{"class":630},"language-vue",[632],{"type":312,"tag":340,"props":633,"children":634},{"class":342,"style":343},[635,641,647,652,658,663,668,672,676,681,685,689,694,699,704,708],{"type":312,"tag":340,"props":636,"children":638},{"style":637},"color:#800000;--shiki-dark:#808080",[639],{"type":317,"value":640},"\u003C",{"type":312,"tag":340,"props":642,"children":644},{"style":643},"color:#800000;--shiki-dark:#569CD6",[645],{"type":317,"value":646},"BoardRoot",{"type":312,"tag":340,"props":648,"children":649},{"style":359},[650],{"type":317,"value":651}," :",{"type":312,"tag":340,"props":653,"children":655},{"style":654},"color:#E50000;--shiki-dark:#9CDCFE",[656],{"type":317,"value":657},"engine",{"type":312,"tag":340,"props":659,"children":660},{"style":359},[661],{"type":317,"value":662},"=",{"type":312,"tag":340,"props":664,"children":665},{"style":359},[666],{"type":317,"value":667},"\"",{"type":312,"tag":340,"props":669,"children":670},{"style":381},[671],{"type":317,"value":657},{"type":312,"tag":340,"props":673,"children":674},{"style":359},[675],{"type":317,"value":667},{"type":312,"tag":340,"props":677,"children":678},{"style":654},[679],{"type":317,"value":680}," style",{"type":312,"tag":340,"props":682,"children":683},{"style":359},[684],{"type":317,"value":662},{"type":312,"tag":340,"props":686,"children":687},{"style":359},[688],{"type":317,"value":667},{"type":312,"tag":340,"props":690,"children":691},{"style":654},[692],{"type":317,"value":693},"height",{"type":312,"tag":340,"props":695,"children":696},{"style":359},[697],{"type":317,"value":698},": ",{"type":312,"tag":340,"props":700,"children":701},{"style":459},[702],{"type":317,"value":703},"100vh",{"type":312,"tag":340,"props":705,"children":706},{"style":359},[707],{"type":317,"value":667},{"type":312,"tag":340,"props":709,"children":710},{"style":637},[711],{"type":317,"value":712}," \u002F>",{"type":312,"tag":714,"props":715,"children":716},"steps",{},[717,724,761,767,875,881],{"type":312,"tag":718,"props":719,"children":721},"h3",{"id":720},"use-deterministic-ids",[722],{"type":317,"value":723},"Use deterministic IDs",{"type":312,"tag":329,"props":725,"children":726},{"language":331,"class":332},[727],{"type":312,"tag":335,"props":728,"children":729},{"class":337},[730],{"type":312,"tag":340,"props":731,"children":732},{"class":342,"style":343},[733,739,743,748,752,756],{"type":312,"tag":340,"props":734,"children":736},{"style":735},"color:#000000;--shiki-dark:#C8C8C8",[737],{"type":317,"value":738},"id",{"type":312,"tag":340,"props":740,"children":741},{"style":359},[742],{"type":317,"value":698},{"type":312,"tag":340,"props":744,"children":745},{"style":365},[746],{"type":317,"value":747},"asNodeId",{"type":312,"tag":340,"props":749,"children":750},{"style":359},[751],{"type":317,"value":417},{"type":312,"tag":340,"props":753,"children":754},{"style":420},[755],{"type":317,"value":423},{"type":312,"tag":340,"props":757,"children":758},{"style":359},[759],{"type":317,"value":760},")",{"type":312,"tag":718,"props":762,"children":764},{"id":763},"seed-the-full-node-records-up-front",[765],{"type":317,"value":766},"Seed the full node records up front",{"type":312,"tag":329,"props":768,"children":769},{"language":331,"class":332},[770],{"type":312,"tag":335,"props":771,"children":772},{"class":337},[773],{"type":312,"tag":340,"props":774,"children":775},{"class":342,"style":343},[776,781,786,790,795,800,804,809,813,818,822,827,831,835,839,843,847,852,856,861,865,870],{"type":312,"tag":340,"props":777,"children":778},{"style":735},[779],{"type":317,"value":780},"initialNodes",{"type":312,"tag":340,"props":782,"children":783},{"style":359},[784],{"type":317,"value":785},": [{ ",{"type":312,"tag":340,"props":787,"children":788},{"style":381},[789],{"type":317,"value":738},{"type":312,"tag":340,"props":791,"children":792},{"style":359},[793],{"type":317,"value":794},", ",{"type":312,"tag":340,"props":796,"children":797},{"style":381},[798],{"type":317,"value":799},"type",{"type":312,"tag":340,"props":801,"children":802},{"style":359},[803],{"type":317,"value":794},{"type":312,"tag":340,"props":805,"children":806},{"style":381},[807],{"type":317,"value":808},"x",{"type":312,"tag":340,"props":810,"children":811},{"style":359},[812],{"type":317,"value":794},{"type":312,"tag":340,"props":814,"children":815},{"style":381},[816],{"type":317,"value":817},"y",{"type":312,"tag":340,"props":819,"children":820},{"style":359},[821],{"type":317,"value":794},{"type":312,"tag":340,"props":823,"children":824},{"style":381},[825],{"type":317,"value":826},"width",{"type":312,"tag":340,"props":828,"children":829},{"style":359},[830],{"type":317,"value":794},{"type":312,"tag":340,"props":832,"children":833},{"style":381},[834],{"type":317,"value":693},{"type":312,"tag":340,"props":836,"children":837},{"style":359},[838],{"type":317,"value":794},{"type":312,"tag":340,"props":840,"children":841},{"style":381},[842],{"type":317,"value":317},{"type":312,"tag":340,"props":844,"children":845},{"style":359},[846],{"type":317,"value":794},{"type":312,"tag":340,"props":848,"children":849},{"style":381},[850],{"type":317,"value":851},"zIndex",{"type":312,"tag":340,"props":853,"children":854},{"style":359},[855],{"type":317,"value":794},{"type":312,"tag":340,"props":857,"children":858},{"style":381},[859],{"type":317,"value":860},"locked",{"type":312,"tag":340,"props":862,"children":863},{"style":359},[864],{"type":317,"value":794},{"type":312,"tag":340,"props":866,"children":867},{"style":381},[868],{"type":317,"value":869},"visible",{"type":312,"tag":340,"props":871,"children":872},{"style":359},[873],{"type":317,"value":874}," }]",{"type":312,"tag":718,"props":876,"children":878},{"id":877},"avoid-random-runtime-creation-during-hydration",[879],{"type":317,"value":880},"Avoid random runtime creation during hydration",{"type":312,"tag":313,"props":882,"children":883},{},[884,886,891],{"type":317,"value":885},"Do not call ",{"type":312,"tag":335,"props":887,"children":888},{},[889],{"type":317,"value":890},"createNode()",{"type":317,"value":892}," in a way that would diverge between server and client.",{"type":312,"tag":894,"props":895,"children":896},"tip",{},[897],{"type":317,"value":898},"If the scene is bigger, build a deterministic JSON Canvas document once and import that document on both sides.",{"title":900,"searchDepth":901,"depth":901,"links":902},"",4,[903,905,906],{"id":720,"depth":904,"text":723},3,{"id":763,"depth":904,"text":766},{"id":877,"depth":904,"text":880},"markdown","docs",{"source":910,"path":911,"stem":912,"dir":913,"extension":914},"content","docs\u002F4.build-features\u002F10.ssr-and-deterministic-state.md","docs\u002F4.build-features\u002F10.ssr-and-deterministic-state","build-features","md",{"requestedPath":175,"resolvedPath":175,"alternates":916},[],{"requested":918,"resolved":919,"usedFallback":6},{},{"locale":8},{"previous":921,"next":923},{"title":163,"id":164,"canonicalKey":165,"locale":8,"draft":6,"navigation":922,"icon":167,"path":168},{"icon":167},{"title":182,"id":183,"canonicalKey":184,"locale":8,"draft":6,"navigation":924,"icon":58,"path":186},{"icon":58},{"left":926,"top":926,"width":927,"height":927,"rotate":926,"vFlip":6,"hFlip":6,"body":928},0,256,"\u003Cpath fill=\"#3178c6\" d=\"M20 0h216c11.046 0 20 8.954 20 20v216c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20V20C0 8.954 8.954 0 20 0\"\u002F>\u003Cpath fill=\"#fff\" d=\"M150.518 200.475v27.62q6.738 3.453 15.938 5.179T185.849 235q9.934 0 18.874-1.899t15.678-6.257q6.738-4.359 10.669-11.394q3.93-7.033 3.93-17.391q0-7.51-2.246-13.163a30.8 30.8 0 0 0-6.479-10.055q-4.232-4.402-10.149-7.898t-13.347-6.602q-5.442-2.245-9.761-4.359t-7.342-4.316q-3.024-2.2-4.665-4.661t-1.641-5.567q0-2.848 1.468-5.135q1.469-2.288 4.147-3.927t6.565-2.547q3.887-.906 8.638-.906q3.456 0 7.299.518q3.844.517 7.732 1.597a54 54 0 0 1 7.558 2.719a41.7 41.7 0 0 1 6.781 3.797v-25.807q-6.306-2.417-13.778-3.582T198.633 107q-9.847 0-18.658 2.115q-8.811 2.114-15.506 6.602q-6.694 4.49-10.582 11.437Q150 134.102 150 143.769q0 12.342 7.127 21.06t21.638 14.759a292 292 0 0 1 10.625 4.575q4.924 2.244 8.509 4.66t5.658 5.265t2.073 6.474a9.9 9.9 0 0 1-1.296 4.963q-1.295 2.287-3.93 3.97t-6.565 2.632t-9.2.95q-8.983 0-17.794-3.151t-16.327-9.451m-46.036-68.733H140V109H41v22.742h35.345V233h28.137z\"\u002F>",{"left":926,"top":926,"width":930,"height":930,"rotate":926,"vFlip":6,"hFlip":6,"body":931},24,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\u002F>\u003Cpath d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\u002F>\u003C\u002Fg>",{"left":926,"top":926,"width":927,"height":933,"rotate":926,"vFlip":6,"hFlip":6,"body":934},221,"\u003Cpath fill=\"#41b883\" d=\"M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z\"\u002F>\u003Cpath fill=\"#41b883\" d=\"m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z\"\u002F>\u003Cpath fill=\"#35495e\" d=\"M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z\"\u002F>",1786637502010]