[{"data":1,"prerenderedAt":1633},["ShallowReactive",2],{"navigation":3,"\u002Fintegrate\u002Fbasics\u002Fchrome-and-host":629,"\u002Fintegrate\u002Fbasics\u002Fchrome-and-host-surround":1628},[4,27,60,265,595,625],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":26},"Getting started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,14,18,22],{"title":11,"path":12,"stem":13},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction",{"title":15,"path":16,"stem":17},"Editors","\u002Fgetting-started\u002Feditors","1.getting-started\u002F2.editors",{"title":19,"path":20,"stem":21},"Editor API","\u002Fgetting-started\u002Feditor-api","1.getting-started\u002F3.editor-api",{"title":23,"path":24,"stem":25},"Migration v1 → v2","\u002Fgetting-started\u002Fmigration-v1-to-v2","1.getting-started\u002F4.migration-v1-to-v2",false,{"title":15,"icon":28,"path":29,"stem":30,"children":31,"page":26},"i-lucide-layout-panel-left","\u002Feditors","2.editors",[32,36,40,44,48,52,56],{"title":33,"path":34,"stem":35},"JSON Editor","\u002Feditors\u002Fjson","2.editors\u002F1.json",{"title":37,"path":38,"stem":39},"Markdown Editor","\u002Feditors\u002Fmarkdown","2.editors\u002F2.markdown",{"title":41,"path":42,"stem":43},"Code Editor","\u002Feditors\u002Fcode","2.editors\u002F3.code",{"title":45,"path":46,"stem":47},"Forms Editor","\u002Feditors\u002Fforms","2.editors\u002F4.forms",{"title":49,"path":50,"stem":51},"Charts Editor","\u002Feditors\u002Fcharts","2.editors\u002F5.charts",{"title":53,"path":54,"stem":55},"Calendar Editor","\u002Feditors\u002Fcalendar","2.editors\u002F6.calendar",{"title":57,"path":58,"stem":59},"Tables Editor","\u002Feditors\u002Ftables","2.editors\u002F7.tables",{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":26},"Plugins","i-lucide-puzzle","\u002Fplugins","3.plugins",[66,70,108,154,180,210,235],{"title":67,"path":68,"stem":69},"Plugins overview","\u002Fplugins\u002Foverview","3.plugins\u002F1.overview",{"title":71,"icon":72,"path":73,"stem":74,"children":75,"page":26},"Formatting","i-lucide-type","\u002Fplugins\u002Fformatting","3.plugins\u002F2.formatting",[76,80,84,88,92,96,100,104],{"title":77,"path":78,"stem":79},"Default marks","\u002Fplugins\u002Fformatting\u002Ftoolbar","3.plugins\u002F2.formatting\u002F1.toolbar",{"title":81,"path":82,"stem":83},"Font","\u002Fplugins\u002Fformatting\u002Ffont","3.plugins\u002F2.formatting\u002F2.font",{"title":85,"path":86,"stem":87},"Typography","\u002Fplugins\u002Fformatting\u002Ftypography","3.plugins\u002F2.formatting\u002F3.typography",{"title":89,"path":90,"stem":91},"Color","\u002Fplugins\u002Fformatting\u002Fcolor","3.plugins\u002F2.formatting\u002F4.color",{"title":93,"path":94,"stem":95},"Clear Styles","\u002Fplugins\u002Fformatting\u002Fclear-styles","3.plugins\u002F2.formatting\u002F5.clear-styles",{"title":97,"path":98,"stem":99},"Alignment","\u002Fplugins\u002Fformatting\u002Falignment","3.plugins\u002F2.formatting\u002F6.alignment",{"title":101,"path":102,"stem":103},"Block Style","\u002Fplugins\u002Fformatting\u002Fblock-style","3.plugins\u002F2.formatting\u002F7.block-style",{"title":105,"path":106,"stem":107},"Link","\u002Fplugins\u002Fformatting\u002Flink","3.plugins\u002F2.formatting\u002F8.link",{"title":109,"icon":110,"path":111,"stem":112,"children":113,"page":26},"Blocks","i-lucide-blocks","\u002Fplugins\u002Fblocks","3.plugins\u002F3.blocks",[114,118,122,126,130,134,138,142,146,150],{"title":115,"path":116,"stem":117},"Block","\u002Fplugins\u002Fblocks\u002Fblock","3.plugins\u002F3.blocks\u002F01.block",{"title":119,"path":120,"stem":121},"Lists","\u002Fplugins\u002Fblocks\u002Flists","3.plugins\u002F3.blocks\u002F02.lists",{"title":123,"path":124,"stem":125},"Table","\u002Fplugins\u002Fblocks\u002Ftable","3.plugins\u002F3.blocks\u002F03.table",{"title":127,"path":128,"stem":129},"Templates","\u002Fplugins\u002Fblocks\u002Ftemplates","3.plugins\u002F3.blocks\u002F04.templates",{"title":131,"path":132,"stem":133},"Code Block","\u002Fplugins\u002Fblocks\u002Fcode-block","3.plugins\u002F3.blocks\u002F05.code-block",{"title":135,"path":136,"stem":137},"Math","\u002Fplugins\u002Fblocks\u002Fmath","3.plugins\u002F3.blocks\u002F06.math",{"title":139,"path":140,"stem":141},"HTML Viewer","\u002Fplugins\u002Fblocks\u002Fhtml-viewer","3.plugins\u002F3.blocks\u002F07.html-viewer",{"title":143,"path":144,"stem":145},"Footnotes","\u002Fplugins\u002Fblocks\u002Ffootnotes","3.plugins\u002F3.blocks\u002F08.footnotes",{"title":147,"path":148,"stem":149},"Anchor Link","\u002Fplugins\u002Fblocks\u002Fanchor-link","3.plugins\u002F3.blocks\u002F09.anchor-link",{"title":151,"path":152,"stem":153},"Footer","\u002Fplugins\u002Fblocks\u002Ffooter","3.plugins\u002F3.blocks\u002F10.footer",{"title":155,"icon":156,"path":157,"stem":158,"children":159,"page":26},"Media","i-lucide-image","\u002Fplugins\u002Fmedia","3.plugins\u002F4.media",[160,164,168,172,176],{"title":161,"path":162,"stem":163},"Image","\u002Fplugins\u002Fmedia\u002Fimage","3.plugins\u002F4.media\u002F1.image",{"title":165,"path":166,"stem":167},"Video","\u002Fplugins\u002Fmedia\u002Fvideo","3.plugins\u002F4.media\u002F2.video",{"title":169,"path":170,"stem":171},"YouTube Video","\u002Fplugins\u002Fmedia\u002Fyoutube-video","3.plugins\u002F4.media\u002F3.youtube-video",{"title":173,"path":174,"stem":175},"File Upload","\u002Fplugins\u002Fmedia\u002Ffile-upload","3.plugins\u002F4.media\u002F4.file-upload",{"title":177,"path":178,"stem":179},"PDF Embed","\u002Fplugins\u002Fmedia\u002Fpdf-embed","3.plugins\u002F4.media\u002F5.pdf-embed",{"title":181,"icon":182,"path":183,"stem":184,"children":185,"page":26},"Data & embeds","i-lucide-database","\u002Fplugins\u002Fdata","3.plugins\u002F5.data",[186,190,194,198,202,206],{"title":187,"path":188,"stem":189},"JSON","\u002Fplugins\u002Fdata\u002Fjson","3.plugins\u002F5.data\u002F1.json",{"title":191,"path":192,"stem":193},"Markdown","\u002Fplugins\u002Fdata\u002Fmarkdown","3.plugins\u002F5.data\u002F2.markdown",{"title":195,"path":196,"stem":197},"Charts","\u002Fplugins\u002Fdata\u002Fcharts","3.plugins\u002F5.data\u002F3.charts",{"title":199,"path":200,"stem":201},"Form Builder","\u002Fplugins\u002Fdata\u002Fform-builder","3.plugins\u002F5.data\u002F4.form-builder",{"title":203,"path":204,"stem":205},"Calendar","\u002Fplugins\u002Fdata\u002Fcalendar","3.plugins\u002F5.data\u002F5.calendar",{"title":207,"path":208,"stem":209},"Timer","\u002Fplugins\u002Fdata\u002Ftimer","3.plugins\u002F5.data\u002F6.timer",{"title":211,"icon":212,"path":213,"stem":214,"children":215,"page":26},"Collaboration","i-lucide-users","\u002Fplugins\u002Fcollaboration","3.plugins\u002F6.collaboration",[216,219,223,227,231],{"title":211,"path":217,"stem":218},"\u002Fplugins\u002Fcollaboration\u002Fcollaboration","3.plugins\u002F6.collaboration\u002F1.collaboration",{"title":220,"path":221,"stem":222},"Comments","\u002Fplugins\u002Fcollaboration\u002Fcomments","3.plugins\u002F6.collaboration\u002F2.comments",{"title":224,"path":225,"stem":226},"Mentions","\u002Fplugins\u002Fcollaboration\u002Fmentions","3.plugins\u002F6.collaboration\u002F3.mentions",{"title":228,"path":229,"stem":230},"Track Changes","\u002Fplugins\u002Fcollaboration\u002Ftrack-changes","3.plugins\u002F6.collaboration\u002F4.track-changes",{"title":232,"path":233,"stem":234},"History","\u002Fplugins\u002Fcollaboration\u002Fhistory","3.plugins\u002F6.collaboration\u002F5.history",{"title":236,"icon":237,"path":238,"stem":239,"children":240,"page":26},"Tools","i-lucide-wrench","\u002Fplugins\u002Ftools","3.plugins\u002F7.tools",[241,245,249,253,257,261],{"title":242,"path":243,"stem":244},"Export","\u002Fplugins\u002Ftools\u002Fexport","3.plugins\u002F7.tools\u002F1.export",{"title":246,"path":247,"stem":248},"Shortcuts","\u002Fplugins\u002Ftools\u002Fshortcuts","3.plugins\u002F7.tools\u002F2.shortcuts",{"title":250,"path":251,"stem":252},"Responsive","\u002Fplugins\u002Ftools\u002Fresponsive","3.plugins\u002F7.tools\u002F3.responsive",{"title":254,"path":255,"stem":256},"Language","\u002Fplugins\u002Ftools\u002Flanguage","3.plugins\u002F7.tools\u002F4.language",{"title":258,"path":259,"stem":260},"Spell Checker","\u002Fplugins\u002Ftools\u002Fspell-checker","3.plugins\u002F7.tools\u002F5.spell-checker",{"title":262,"path":263,"stem":264},"AI Assistant","\u002Fplugins\u002Ftools\u002Fai-assistant","3.plugins\u002F7.tools\u002F6.ai-assistant",{"title":266,"icon":267,"path":268,"stem":269,"children":270,"page":26},"Integrate","i-lucide-plug","\u002Fintegrate","4.integrate",[271,275,305,359,385,423,445,471,493,523,569],{"title":272,"path":273,"stem":274},"Integrate overview","\u002Fintegrate\u002Foverview","4.integrate\u002F01.overview",{"title":276,"icon":277,"path":278,"stem":279,"children":280,"page":26},"Basics","i-lucide-book-open","\u002Fintegrate\u002Fbasics","4.integrate\u002F02.basics",[281,285,289,293,297,301],{"title":282,"path":283,"stem":284},"Persistence","\u002Fintegrate\u002Fbasics\u002Fpersistence","4.integrate\u002F02.basics\u002F1.persistence",{"title":286,"path":287,"stem":288},"Host config","\u002Fintegrate\u002Fbasics\u002Fhost-config","4.integrate\u002F02.basics\u002F2.host-config",{"title":290,"path":291,"stem":292},"Server + Vite","\u002Fintegrate\u002Fbasics\u002Fserver-vite","4.integrate\u002F02.basics\u002F3.server-vite",{"title":294,"path":295,"stem":296},"Meta-frameworks (SSR \u002F CSR)","\u002Fintegrate\u002Fbasics\u002Fmeta-ssr","4.integrate\u002F02.basics\u002F4.meta-ssr",{"title":298,"path":299,"stem":300},"Native \u002F iframe bridge","\u002Fintegrate\u002Fbasics\u002Fnative-bridge","4.integrate\u002F02.basics\u002F5.native-bridge",{"title":302,"path":303,"stem":304},"Chrome & host","\u002Fintegrate\u002Fbasics\u002Fchrome-and-host","4.integrate\u002F02.basics\u002F6.chrome-and-host",{"title":306,"icon":307,"path":308,"stem":309,"children":310,"page":26},"Frontend","i-lucide-monitor","\u002Fintegrate\u002Ffrontend","4.integrate\u002F03.frontend",[311,315,319,323,327,331,335,339,343,347,351,355],{"title":312,"path":313,"stem":314},"React","\u002Fintegrate\u002Ffrontend\u002Freact","4.integrate\u002F03.frontend\u002F01.react",{"title":316,"path":317,"stem":318},"Vue 2","\u002Fintegrate\u002Ffrontend\u002Fvue2","4.integrate\u002F03.frontend\u002F02.vue2",{"title":320,"path":321,"stem":322},"Vue 3","\u002Fintegrate\u002Ffrontend\u002Fvue3","4.integrate\u002F03.frontend\u002F03.vue3",{"title":324,"path":325,"stem":326},"Angular","\u002Fintegrate\u002Ffrontend\u002Fangular","4.integrate\u002F03.frontend\u002F04.angular",{"title":328,"path":329,"stem":330},"Svelte","\u002Fintegrate\u002Ffrontend\u002Fsvelte","4.integrate\u002F03.frontend\u002F05.svelte",{"title":332,"path":333,"stem":334},"Solid.js","\u002Fintegrate\u002Ffrontend\u002Fsolid","4.integrate\u002F03.frontend\u002F06.solid",{"title":336,"path":337,"stem":338},"Preact","\u002Fintegrate\u002Ffrontend\u002Fpreact","4.integrate\u002F03.frontend\u002F07.preact",{"title":340,"path":341,"stem":342},"Lit","\u002Fintegrate\u002Ffrontend\u002Flit","4.integrate\u002F03.frontend\u002F08.lit",{"title":344,"path":345,"stem":346},"Qwik","\u002Fintegrate\u002Ffrontend\u002Fqwik","4.integrate\u002F03.frontend\u002F09.qwik",{"title":348,"path":349,"stem":350},"jQuery","\u002Fintegrate\u002Ffrontend\u002Fjquery","4.integrate\u002F03.frontend\u002F10.jquery",{"title":352,"path":353,"stem":354},"Alpine.js","\u002Fintegrate\u002Ffrontend\u002Falpine","4.integrate\u002F03.frontend\u002F11.alpine",{"title":356,"path":357,"stem":358},"Backbone.js","\u002Fintegrate\u002Ffrontend\u002Fbackbone","4.integrate\u002F03.frontend\u002F12.backbone",{"title":360,"icon":361,"path":362,"stem":363,"children":364,"page":26},"Meta-frameworks","i-lucide-layers","\u002Fintegrate\u002Fmeta-frameworks","4.integrate\u002F04.meta-frameworks",[365,369,373,377,381],{"title":366,"path":367,"stem":368},"Next.js","\u002Fintegrate\u002Fmeta-frameworks\u002Fnext","4.integrate\u002F04.meta-frameworks\u002F1.next",{"title":370,"path":371,"stem":372},"Nuxt 3 \u002F 4","\u002Fintegrate\u002Fmeta-frameworks\u002Fnuxt","4.integrate\u002F04.meta-frameworks\u002F2.nuxt",{"title":374,"path":375,"stem":376},"SvelteKit","\u002Fintegrate\u002Fmeta-frameworks\u002Fsveltekit","4.integrate\u002F04.meta-frameworks\u002F3.sveltekit",{"title":378,"path":379,"stem":380},"Remix","\u002Fintegrate\u002Fmeta-frameworks\u002Fremix","4.integrate\u002F04.meta-frameworks\u002F4.remix",{"title":382,"path":383,"stem":384},"Astro","\u002Fintegrate\u002Fmeta-frameworks\u002Fastro","4.integrate\u002F04.meta-frameworks\u002F5.astro",{"title":386,"icon":387,"path":388,"stem":389,"children":390,"page":26},"Node \u002F edge","i-simple-icons-nodedotjs","\u002Fintegrate\u002Fnode","4.integrate\u002F05.node",[391,395,399,403,407,411,415,419],{"title":392,"path":393,"stem":394},"Express.js","\u002Fintegrate\u002Fnode\u002Fexpress","4.integrate\u002F05.node\u002F1.express",{"title":396,"path":397,"stem":398},"NestJS","\u002Fintegrate\u002Fnode\u002Fnestjs","4.integrate\u002F05.node\u002F2.nestjs",{"title":400,"path":401,"stem":402},"Fastify","\u002Fintegrate\u002Fnode\u002Ffastify","4.integrate\u002F05.node\u002F3.fastify",{"title":404,"path":405,"stem":406},"Hono","\u002Fintegrate\u002Fnode\u002Fhono","4.integrate\u002F05.node\u002F4.hono",{"title":408,"path":409,"stem":410},"Koa","\u002Fintegrate\u002Fnode\u002Fkoa","4.integrate\u002F05.node\u002F5.koa",{"title":412,"path":413,"stem":414},"Bun","\u002Fintegrate\u002Fnode\u002Fbun","4.integrate\u002F05.node\u002F6.bun",{"title":416,"path":417,"stem":418},"Deno","\u002Fintegrate\u002Fnode\u002Fdeno","4.integrate\u002F05.node\u002F7.deno",{"title":420,"path":421,"stem":422},"AdonisJS","\u002Fintegrate\u002Fnode\u002Fadonis","4.integrate\u002F05.node\u002F8.adonis",{"title":424,"icon":425,"path":426,"stem":427,"children":428,"page":26},"Python","i-simple-icons-python","\u002Fintegrate\u002Fpython","4.integrate\u002F06.python",[429,433,437,441],{"title":430,"path":431,"stem":432},"FastAPI","\u002Fintegrate\u002Fpython\u002Ffastapi","4.integrate\u002F06.python\u002F1.fastapi",{"title":434,"path":435,"stem":436},"Django","\u002Fintegrate\u002Fpython\u002Fdjango","4.integrate\u002F06.python\u002F2.django",{"title":438,"path":439,"stem":440},"Python Flask","\u002Fintegrate\u002Fpython\u002Fpython-flask","4.integrate\u002F06.python\u002F3.python-flask",{"title":442,"path":443,"stem":444},"Litestar","\u002Fintegrate\u002Fpython\u002Flitestar","4.integrate\u002F06.python\u002F4.litestar",{"title":446,"icon":447,"path":448,"stem":449,"children":450,"page":26},"PHP","i-simple-icons-php","\u002Fintegrate\u002Fphp","4.integrate\u002F07.php",[451,455,459,463,467],{"title":452,"path":453,"stem":454},"Laravel","\u002Fintegrate\u002Fphp\u002Flaravel","4.integrate\u002F07.php\u002F1.laravel",{"title":456,"path":457,"stem":458},"Symfony","\u002Fintegrate\u002Fphp\u002Fsymfony","4.integrate\u002F07.php\u002F2.symfony",{"title":460,"path":461,"stem":462},"Slim","\u002Fintegrate\u002Fphp\u002Fslim","4.integrate\u002F07.php\u002F3.slim",{"title":464,"path":465,"stem":466},"CakePHP","\u002Fintegrate\u002Fphp\u002Fcakephp","4.integrate\u002F07.php\u002F4.cakephp",{"title":468,"path":469,"stem":470},"CodeIgniter","\u002Fintegrate\u002Fphp\u002Fcodeigniter","4.integrate\u002F07.php\u002F5.codeigniter",{"title":472,"icon":473,"path":474,"stem":475,"children":476,"page":26},"Go","i-simple-icons-go","\u002Fintegrate\u002Fgo","4.integrate\u002F08.go",[477,481,485,489],{"title":478,"path":479,"stem":480},"Go Gin","\u002Fintegrate\u002Fgo\u002Fgo-gin","4.integrate\u002F08.go\u002F1.go-gin",{"title":482,"path":483,"stem":484},"Go Echo","\u002Fintegrate\u002Fgo\u002Fgo-echo","4.integrate\u002F08.go\u002F2.go-echo",{"title":486,"path":487,"stem":488},"Go Fiber","\u002Fintegrate\u002Fgo\u002Fgo-fiber","4.integrate\u002F08.go\u002F3.go-fiber",{"title":490,"path":491,"stem":492},"Go Chi","\u002Fintegrate\u002Fgo\u002Fgo-chi","4.integrate\u002F08.go\u002F4.go-chi",{"title":494,"icon":495,"path":496,"stem":497,"children":498,"page":26},"Rust","i-simple-icons-rust","\u002Fintegrate\u002Frust","4.integrate\u002F09.rust",[499,503,507,511,515,519],{"title":500,"path":501,"stem":502},"Rust Axum","\u002Fintegrate\u002Frust\u002Frust-axum","4.integrate\u002F09.rust\u002F1.rust-axum",{"title":504,"path":505,"stem":506},"Rust Actix-web","\u002Fintegrate\u002Frust\u002Frust-actix","4.integrate\u002F09.rust\u002F2.rust-actix",{"title":508,"path":509,"stem":510},"Rust Rocket","\u002Fintegrate\u002Frust\u002Frust-rocket","4.integrate\u002F09.rust\u002F3.rust-rocket",{"title":512,"path":513,"stem":514},"Rust Warp","\u002Fintegrate\u002Frust\u002Frust-warp","4.integrate\u002F09.rust\u002F4.rust-warp",{"title":516,"path":517,"stem":518},"Rust Poem","\u002Fintegrate\u002Frust\u002Frust-poem","4.integrate\u002F09.rust\u002F5.rust-poem",{"title":520,"path":521,"stem":522},"Rust Loco","\u002Fintegrate\u002Frust\u002Frust-loco","4.integrate\u002F09.rust\u002F6.rust-loco",{"title":524,"icon":525,"path":526,"stem":527,"children":528,"page":26},"JVM \u002F .NET \u002F other","i-lucide-coffee","\u002Fintegrate\u002Fjvm-dotnet","4.integrate\u002F10.jvm-dotnet",[529,533,537,541,545,549,553,557,561,565],{"title":530,"path":531,"stem":532},"Spring Boot","\u002Fintegrate\u002Fjvm-dotnet\u002Fspring","4.integrate\u002F10.jvm-dotnet\u002F01.spring",{"title":534,"path":535,"stem":536},"Quarkus","\u002Fintegrate\u002Fjvm-dotnet\u002Fquarkus","4.integrate\u002F10.jvm-dotnet\u002F02.quarkus",{"title":538,"path":539,"stem":540},"Micronaut","\u002Fintegrate\u002Fjvm-dotnet\u002Fmicronaut","4.integrate\u002F10.jvm-dotnet\u002F03.micronaut",{"title":542,"path":543,"stem":544},"Kotlin Spring Boot","\u002Fintegrate\u002Fjvm-dotnet\u002Fkotlin-spring","4.integrate\u002F10.jvm-dotnet\u002F04.kotlin-spring",{"title":546,"path":547,"stem":548},"Ktor","\u002Fintegrate\u002Fjvm-dotnet\u002Fktor","4.integrate\u002F10.jvm-dotnet\u002F05.ktor",{"title":550,"path":551,"stem":552},"ASP.NET Core","\u002Fintegrate\u002Fjvm-dotnet\u002Faspnet-core","4.integrate\u002F10.jvm-dotnet\u002F06.aspnet-core",{"title":554,"path":555,"stem":556},"Blazor","\u002Fintegrate\u002Fjvm-dotnet\u002Fblazor","4.integrate\u002F10.jvm-dotnet\u002F07.blazor",{"title":558,"path":559,"stem":560},"Phoenix","\u002Fintegrate\u002Fjvm-dotnet\u002Fphoenix","4.integrate\u002F10.jvm-dotnet\u002F08.phoenix",{"title":562,"path":563,"stem":564},"Ruby on Rails","\u002Fintegrate\u002Fjvm-dotnet\u002Frails","4.integrate\u002F10.jvm-dotnet\u002F09.rails",{"title":566,"path":567,"stem":568},"HTMX host","\u002Fintegrate\u002Fjvm-dotnet\u002Fhtmx","4.integrate\u002F10.jvm-dotnet\u002F10.htmx",{"title":570,"icon":571,"path":572,"stem":573,"children":574,"page":26},"Desktop & mobile hosts","i-lucide-smartphone","\u002Fintegrate\u002Fhosts","4.integrate\u002F11.hosts",[575,579,583,587,591],{"title":576,"path":577,"stem":578},"Flutter","\u002Fintegrate\u002Fhosts\u002Fflutter","4.integrate\u002F11.hosts\u002F1.flutter",{"title":580,"path":581,"stem":582},"Electron","\u002Fintegrate\u002Fhosts\u002Felectron","4.integrate\u002F11.hosts\u002F2.electron",{"title":584,"path":585,"stem":586},"Tauri","\u002Fintegrate\u002Fhosts\u002Ftauri","4.integrate\u002F11.hosts\u002F3.tauri",{"title":588,"path":589,"stem":590},"Wails","\u002Fintegrate\u002Fhosts\u002Fwails","4.integrate\u002F11.hosts\u002F4.wails",{"title":592,"path":593,"stem":594},"Capacitor","\u002Fintegrate\u002Fhosts\u002Fcapacitor","4.integrate\u002F11.hosts\u002F5.capacitor",{"title":596,"icon":597,"path":598,"stem":599,"children":600,"page":26},"Architecture","i-lucide-cpu","\u002Farchitecture","5.architecture",[601,605,609,613,617,621],{"title":602,"path":603,"stem":604},"Document model","\u002Farchitecture\u002Fdocument-model","5.architecture\u002F1.document-model",{"title":606,"path":607,"stem":608},"SDK reference","\u002Farchitecture\u002Fsdk","5.architecture\u002F2.sdk",{"title":610,"path":611,"stem":612},"View runtime","\u002Farchitecture\u002Fview","5.architecture\u002F3.view",{"title":614,"path":615,"stem":616},"Authoring plugins","\u002Farchitecture\u002Fauthoring-plugins","5.architecture\u002F4.authoring-plugins",{"title":618,"path":619,"stem":620},"Mermaid","\u002Farchitecture\u002Fmermaid","5.architecture\u002F5.mermaid",{"title":622,"path":623,"stem":624},"Publishing packages","\u002Farchitecture\u002Fpublishing-packages","5.architecture\u002F6.publishing-packages",{"title":626,"path":627,"stem":628},"Changelog","\u002Fchangelog","9.changelog",{"id":630,"title":302,"body":631,"description":1622,"extension":1623,"links":1624,"meta":1625,"navigation":906,"path":303,"seo":1626,"stem":304,"__hash__":1627},"docs\u002F4.integrate\u002F02.basics\u002F6.chrome-and-host.md",{"type":632,"value":633,"toc":1607},"minimark",[634,655,660,688,774,786,830,1013,1023,1028,1031,1034,1036,1040,1053,1057,1182,1197,1201,1223,1477,1481,1528,1532,1579,1583,1603],[635,636,637,638,642,643,646,647,650,651,654],"p",{},"Prefer ",[639,640,641],"code",{},"@codemerge\u002Fintegrate"," adapters \u002F ",[639,644,645],{},"\u003Cocm-editor>"," for app hosts — see ",[648,649,272],"a",{"href":273},". This page covers chrome modes and raw ",[639,652,653],{},"Editor"," hosting.",[656,657,659],"h2",{"id":658},"install-css","Install & CSS",[661,662,667],"pre",{"className":663,"code":664,"language":665,"meta":666,"style":666},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install on-codemerge @codemerge\u002Fintegrate\n","bash","",[639,668,669],{"__ignoreMap":666},[670,671,674,678,682,685],"span",{"class":672,"line":673},"line",1,[670,675,677],{"class":676},"sBMFI","npm",[670,679,681],{"class":680},"sfazB"," install",[670,683,684],{"class":680}," on-codemerge",[670,686,687],{"class":680}," @codemerge\u002Fintegrate\n",[661,689,693],{"className":690,"code":691,"language":692,"meta":666,"style":666},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { Editor, createCorePlugins } from 'on-codemerge';\nimport 'on-codemerge\u002Findex.css';\nimport 'on-codemerge\u002Fpublic.css';\n\u002F\u002F Integrate UI entries auto-import those CSS files.\n\u002F\u002F or: import { createEditorHost } from '@codemerge\u002Fintegrate';\n","ts",[639,694,695,733,747,761,768],{"__ignoreMap":666},[670,696,697,701,705,709,712,715,718,721,724,727,730],{"class":672,"line":673},[670,698,700],{"class":699},"s7zQu","import",[670,702,704],{"class":703},"sMK4o"," {",[670,706,708],{"class":707},"sTEyZ"," Editor",[670,710,711],{"class":703},",",[670,713,714],{"class":707}," createCorePlugins",[670,716,717],{"class":703}," }",[670,719,720],{"class":699}," from",[670,722,723],{"class":703}," '",[670,725,726],{"class":680},"on-codemerge",[670,728,729],{"class":703},"'",[670,731,732],{"class":703},";\n",[670,734,736,738,740,743,745],{"class":672,"line":735},2,[670,737,700],{"class":699},[670,739,723],{"class":703},[670,741,742],{"class":680},"on-codemerge\u002Findex.css",[670,744,729],{"class":703},[670,746,732],{"class":703},[670,748,750,752,754,757,759],{"class":672,"line":749},3,[670,751,700],{"class":699},[670,753,723],{"class":703},[670,755,756],{"class":680},"on-codemerge\u002Fpublic.css",[670,758,729],{"class":703},[670,760,732],{"class":703},[670,762,764],{"class":672,"line":763},4,[670,765,767],{"class":766},"sHwdD","\u002F\u002F Integrate UI entries auto-import those CSS files.\n",[670,769,771],{"class":672,"line":770},5,[670,772,773],{"class":766},"\u002F\u002F or: import { createEditorHost } from '@codemerge\u002Fintegrate';\n",[656,775,777,778,781,782,785],{"id":776},"chrome-bar-page","Chrome (",[639,779,780],{},"bar"," \u002F ",[639,783,784],{},"page",")",[787,788,789,802],"table",{},[790,791,792],"thead",{},[793,794,795,799],"tr",{},[796,797,798],"th",{},"Value",[796,800,801],{},"Behavior",[803,804,805,816],"tbody",{},[793,806,807,813],{},[808,809,810,812],"td",{},[639,811,780],{}," (default)",[808,814,815],{},"Sticky toolbar + optional footer",[793,817,818,822],{},[808,819,820],{},[639,821,784],{},[808,823,824,825,829],{},"Content fills the host; toolbar\u002Ffooter hidden; click opens the ",[826,827,828],"strong",{},"same"," toolbar in a popup",[661,831,833],{"className":690,"code":832,"language":692,"meta":666,"style":666},"const editor = new Editor(container, {\n  chrome: 'page',\n  plugins: createCorePlugins(),\n});\n\neditor.setHTML('\u003Cp>Hello\u003C\u002Fp>');\n\u002F\u002F or: editor.setMarkdown('# Hello');\n\neditor.on('docChanged', () => {\n  const html = editor.getHTML();\n  \u002F\u002F const md = editor.getMarkdown();\n});\n",[639,834,835,861,879,893,902,908,934,940,945,974,998,1004],{"__ignoreMap":666},[670,836,837,841,844,847,850,853,856,858],{"class":672,"line":673},[670,838,840],{"class":839},"spNyl","const",[670,842,843],{"class":707}," editor ",[670,845,846],{"class":703},"=",[670,848,849],{"class":703}," new",[670,851,708],{"class":852},"s2Zo4",[670,854,855],{"class":707},"(container",[670,857,711],{"class":703},[670,859,860],{"class":703}," {\n",[670,862,863,867,870,872,874,876],{"class":672,"line":735},[670,864,866],{"class":865},"swJcz","  chrome",[670,868,869],{"class":703},":",[670,871,723],{"class":703},[670,873,784],{"class":680},[670,875,729],{"class":703},[670,877,878],{"class":703},",\n",[670,880,881,884,886,888,891],{"class":672,"line":749},[670,882,883],{"class":865},"  plugins",[670,885,869],{"class":703},[670,887,714],{"class":852},[670,889,890],{"class":707},"()",[670,892,878],{"class":703},[670,894,895,898,900],{"class":672,"line":763},[670,896,897],{"class":703},"}",[670,899,785],{"class":707},[670,901,732],{"class":703},[670,903,904],{"class":672,"line":770},[670,905,907],{"emptyLinePlaceholder":906},true,"\n",[670,909,911,914,917,920,923,925,928,930,932],{"class":672,"line":910},6,[670,912,913],{"class":707},"editor",[670,915,916],{"class":703},".",[670,918,919],{"class":852},"setHTML",[670,921,922],{"class":707},"(",[670,924,729],{"class":703},[670,926,927],{"class":680},"\u003Cp>Hello\u003C\u002Fp>",[670,929,729],{"class":703},[670,931,785],{"class":707},[670,933,732],{"class":703},[670,935,937],{"class":672,"line":936},7,[670,938,939],{"class":766},"\u002F\u002F or: editor.setMarkdown('# Hello');\n",[670,941,943],{"class":672,"line":942},8,[670,944,907],{"emptyLinePlaceholder":906},[670,946,948,950,952,955,957,959,962,964,966,969,972],{"class":672,"line":947},9,[670,949,913],{"class":707},[670,951,916],{"class":703},[670,953,954],{"class":852},"on",[670,956,922],{"class":707},[670,958,729],{"class":703},[670,960,961],{"class":680},"docChanged",[670,963,729],{"class":703},[670,965,711],{"class":703},[670,967,968],{"class":703}," ()",[670,970,971],{"class":839}," =>",[670,973,860],{"class":703},[670,975,977,980,983,986,989,991,994,996],{"class":672,"line":976},10,[670,978,979],{"class":839},"  const",[670,981,982],{"class":707}," html",[670,984,985],{"class":703}," =",[670,987,988],{"class":707}," editor",[670,990,916],{"class":703},[670,992,993],{"class":852},"getHTML",[670,995,890],{"class":865},[670,997,732],{"class":703},[670,999,1001],{"class":672,"line":1000},11,[670,1002,1003],{"class":766},"  \u002F\u002F const md = editor.getMarkdown();\n",[670,1005,1007,1009,1011],{"class":672,"line":1006},12,[670,1008,897],{"class":703},[670,1010,785],{"class":707},[670,1012,732],{"class":703},[635,1014,1015,1016,1019,1020,916],{},"With ",[639,1017,1018],{},"chrome: 'page'",", the root gets ",[639,1021,1022],{},"ocm-editor-root--page",[1024,1025,1027],"h3",{"id":1026},"bar-default","Bar (default)",[1029,1030],"editor-component",{},[1024,1032,1033],{"id":784},"Page",[1029,1035],{"chrome":784},[656,1037,1039],{"id":1038},"host-packaging-isolation","Host packaging (isolation)",[635,1041,1042,1044,1045,1048,1049,1052],{},[639,1043,653],{}," mounts into the host element you pass. There is ",[826,1046,1047],{},"no"," ",[639,1050,1051],{},"EditorOptions.mode"," — isolation is your host’s job (direct \u002F Shadow DOM \u002F iframe).",[1024,1054,1056],{"id":1055},"shadow-dom","Shadow DOM",[661,1058,1060],{"className":690,"code":1059,"language":692,"meta":666,"style":666},"const shadow = host.attachShadow({ mode: 'open' });\nconst mountEl = document.createElement('div');\nshadow.appendChild(mountEl);\nconst editor = new Editor(mountEl, { plugins: createCorePlugins() });\n",[639,1061,1062,1102,1132,1147],{"__ignoreMap":666},[670,1063,1064,1066,1069,1071,1074,1076,1079,1081,1084,1087,1089,1091,1094,1096,1098,1100],{"class":672,"line":673},[670,1065,840],{"class":839},[670,1067,1068],{"class":707}," shadow ",[670,1070,846],{"class":703},[670,1072,1073],{"class":707}," host",[670,1075,916],{"class":703},[670,1077,1078],{"class":852},"attachShadow",[670,1080,922],{"class":707},[670,1082,1083],{"class":703},"{",[670,1085,1086],{"class":865}," mode",[670,1088,869],{"class":703},[670,1090,723],{"class":703},[670,1092,1093],{"class":680},"open",[670,1095,729],{"class":703},[670,1097,717],{"class":703},[670,1099,785],{"class":707},[670,1101,732],{"class":703},[670,1103,1104,1106,1109,1111,1114,1116,1119,1121,1123,1126,1128,1130],{"class":672,"line":735},[670,1105,840],{"class":839},[670,1107,1108],{"class":707}," mountEl ",[670,1110,846],{"class":703},[670,1112,1113],{"class":707}," document",[670,1115,916],{"class":703},[670,1117,1118],{"class":852},"createElement",[670,1120,922],{"class":707},[670,1122,729],{"class":703},[670,1124,1125],{"class":680},"div",[670,1127,729],{"class":703},[670,1129,785],{"class":707},[670,1131,732],{"class":703},[670,1133,1134,1137,1139,1142,1145],{"class":672,"line":749},[670,1135,1136],{"class":707},"shadow",[670,1138,916],{"class":703},[670,1140,1141],{"class":852},"appendChild",[670,1143,1144],{"class":707},"(mountEl)",[670,1146,732],{"class":703},[670,1148,1149,1151,1153,1155,1157,1159,1162,1164,1166,1169,1171,1173,1176,1178,1180],{"class":672,"line":763},[670,1150,840],{"class":839},[670,1152,843],{"class":707},[670,1154,846],{"class":703},[670,1156,849],{"class":703},[670,1158,708],{"class":852},[670,1160,1161],{"class":707},"(mountEl",[670,1163,711],{"class":703},[670,1165,704],{"class":703},[670,1167,1168],{"class":865}," plugins",[670,1170,869],{"class":703},[670,1172,714],{"class":852},[670,1174,1175],{"class":707},"() ",[670,1177,897],{"class":703},[670,1179,785],{"class":707},[670,1181,732],{"class":703},[635,1183,1184,1185,1188,1189,1192,1193,1196],{},"Portals default to ",[639,1186,1187],{},"document.body"," — override with ",[639,1190,1191],{},"setPortalRoot"," from ",[639,1194,1195],{},"on-codemerge\u002Fsdk"," inside closed shadow \u002F iframe.",[1024,1198,1200],{"id":1199},"iframe","Iframe",[635,1202,637,1203,1208,1209,781,1212,1215,1216,1219,1220,1222],{},[648,1204,1205],{"href":299},[639,1206,1207],{},"bindHostBridge"," (",[639,1210,1211],{},"ocm-load",[639,1213,1214],{},"ocm-change"," with ",[639,1217,1218],{},"value","). Raw ",[639,1221,653],{}," sketch:",[661,1224,1226],{"className":690,"code":1225,"language":692,"meta":666,"style":666},"\u002F\u002F Parent → child (protocol shape)\niframe.contentWindow?.postMessage({ type: 'ocm-load', value: savedHtml }, origin);\n\n\u002F\u002F Child\nwindow.addEventListener('message', (ev) => {\n  if (ev.data?.type === 'ocm-load') editor.setHTML(ev.data.value);\n});\neditor.on('docChanged', () => {\n  parent.postMessage({ type: 'ocm-change', value: editor.getHTML(), format: 'html' }, parentOrigin);\n});\n",[639,1227,1228,1233,1281,1285,1290,1323,1376,1384,1408,1469],{"__ignoreMap":666},[670,1229,1230],{"class":672,"line":673},[670,1231,1232],{"class":766},"\u002F\u002F Parent → child (protocol shape)\n",[670,1234,1235,1237,1239,1242,1245,1248,1250,1252,1255,1257,1259,1261,1263,1265,1268,1270,1273,1276,1279],{"class":672,"line":735},[670,1236,1199],{"class":707},[670,1238,916],{"class":703},[670,1240,1241],{"class":707},"contentWindow",[670,1243,1244],{"class":703},"?.",[670,1246,1247],{"class":852},"postMessage",[670,1249,922],{"class":707},[670,1251,1083],{"class":703},[670,1253,1254],{"class":865}," type",[670,1256,869],{"class":703},[670,1258,723],{"class":703},[670,1260,1211],{"class":680},[670,1262,729],{"class":703},[670,1264,711],{"class":703},[670,1266,1267],{"class":865}," value",[670,1269,869],{"class":703},[670,1271,1272],{"class":707}," savedHtml ",[670,1274,1275],{"class":703},"},",[670,1277,1278],{"class":707}," origin)",[670,1280,732],{"class":703},[670,1282,1283],{"class":672,"line":749},[670,1284,907],{"emptyLinePlaceholder":906},[670,1286,1287],{"class":672,"line":763},[670,1288,1289],{"class":766},"\u002F\u002F Child\n",[670,1291,1292,1295,1297,1300,1302,1304,1307,1309,1311,1313,1317,1319,1321],{"class":672,"line":770},[670,1293,1294],{"class":707},"window",[670,1296,916],{"class":703},[670,1298,1299],{"class":852},"addEventListener",[670,1301,922],{"class":707},[670,1303,729],{"class":703},[670,1305,1306],{"class":680},"message",[670,1308,729],{"class":703},[670,1310,711],{"class":703},[670,1312,1208],{"class":703},[670,1314,1316],{"class":1315},"sHdIc","ev",[670,1318,785],{"class":703},[670,1320,971],{"class":839},[670,1322,860],{"class":703},[670,1324,1325,1328,1330,1332,1334,1337,1339,1342,1345,1347,1349,1351,1354,1356,1358,1360,1362,1364,1366,1368,1370,1372,1374],{"class":672,"line":910},[670,1326,1327],{"class":699},"  if",[670,1329,1208],{"class":865},[670,1331,1316],{"class":707},[670,1333,916],{"class":703},[670,1335,1336],{"class":707},"data",[670,1338,1244],{"class":703},[670,1340,1341],{"class":707},"type",[670,1343,1344],{"class":703}," ===",[670,1346,723],{"class":703},[670,1348,1211],{"class":680},[670,1350,729],{"class":703},[670,1352,1353],{"class":865},") ",[670,1355,913],{"class":707},[670,1357,916],{"class":703},[670,1359,919],{"class":852},[670,1361,922],{"class":865},[670,1363,1316],{"class":707},[670,1365,916],{"class":703},[670,1367,1336],{"class":707},[670,1369,916],{"class":703},[670,1371,1218],{"class":707},[670,1373,785],{"class":865},[670,1375,732],{"class":703},[670,1377,1378,1380,1382],{"class":672,"line":936},[670,1379,897],{"class":703},[670,1381,785],{"class":707},[670,1383,732],{"class":703},[670,1385,1386,1388,1390,1392,1394,1396,1398,1400,1402,1404,1406],{"class":672,"line":942},[670,1387,913],{"class":707},[670,1389,916],{"class":703},[670,1391,954],{"class":852},[670,1393,922],{"class":707},[670,1395,729],{"class":703},[670,1397,961],{"class":680},[670,1399,729],{"class":703},[670,1401,711],{"class":703},[670,1403,968],{"class":703},[670,1405,971],{"class":839},[670,1407,860],{"class":703},[670,1409,1410,1413,1415,1417,1419,1421,1423,1425,1427,1429,1431,1433,1435,1437,1439,1441,1443,1445,1447,1450,1452,1454,1457,1459,1462,1465,1467],{"class":672,"line":947},[670,1411,1412],{"class":707},"  parent",[670,1414,916],{"class":703},[670,1416,1247],{"class":852},[670,1418,922],{"class":865},[670,1420,1083],{"class":703},[670,1422,1254],{"class":865},[670,1424,869],{"class":703},[670,1426,723],{"class":703},[670,1428,1214],{"class":680},[670,1430,729],{"class":703},[670,1432,711],{"class":703},[670,1434,1267],{"class":865},[670,1436,869],{"class":703},[670,1438,988],{"class":707},[670,1440,916],{"class":703},[670,1442,993],{"class":852},[670,1444,890],{"class":865},[670,1446,711],{"class":703},[670,1448,1449],{"class":865}," format",[670,1451,869],{"class":703},[670,1453,723],{"class":703},[670,1455,1456],{"class":680},"html",[670,1458,729],{"class":703},[670,1460,1461],{"class":703}," },",[670,1463,1464],{"class":707}," parentOrigin",[670,1466,785],{"class":865},[670,1468,732],{"class":703},[670,1470,1471,1473,1475],{"class":672,"line":976},[670,1472,897],{"class":703},[670,1474,785],{"class":707},[670,1476,732],{"class":703},[656,1478,1480],{"id":1479},"extract","Extract",[661,1482,1484],{"className":690,"code":1483,"language":692,"meta":666,"style":666},"editor.getHTML();\neditor.getMarkdown();\neditor.getJSON(); \u002F\u002F optional kernel snapshot\n",[639,1485,1486,1498,1511],{"__ignoreMap":666},[670,1487,1488,1490,1492,1494,1496],{"class":672,"line":673},[670,1489,913],{"class":707},[670,1491,916],{"class":703},[670,1493,993],{"class":852},[670,1495,890],{"class":707},[670,1497,732],{"class":703},[670,1499,1500,1502,1504,1507,1509],{"class":672,"line":735},[670,1501,913],{"class":707},[670,1503,916],{"class":703},[670,1505,1506],{"class":852},"getMarkdown",[670,1508,890],{"class":707},[670,1510,732],{"class":703},[670,1512,1513,1515,1517,1520,1522,1525],{"class":672,"line":749},[670,1514,913],{"class":707},[670,1516,916],{"class":703},[670,1518,1519],{"class":852},"getJSON",[670,1521,890],{"class":707},[670,1523,1524],{"class":703},";",[670,1526,1527],{"class":766}," \u002F\u002F optional kernel snapshot\n",[656,1529,1531],{"id":1530},"gotchas","Gotchas",[1533,1534,1535,1561,1566],"ul",{},[1536,1537,1538,1539,1541,1542,1545,1546,1549,1550,1553,1554,1557,1558,916],"li",{},"Raw ",[639,1540,653],{},": import both CSS entry points (",[639,1543,1544],{},"index.css"," + ",[639,1547,1548],{},"public.css","). Integrate UI entries (",[639,1551,1552],{},"\u002Freact",", ",[639,1555,1556],{},"\u002Felement",", …) load them for you; or ",[639,1559,1560],{},"import '@codemerge\u002Fintegrate\u002Fstyles'",[1536,1562,1563,1564,916],{},"Shadow\u002Fiframe hosts often need ",[639,1565,1191],{},[1536,1567,1568,1569,1572,1573,781,1576,916],{},"Construct with ",[639,1570,1571],{},"new Editor(el, options)"," — no v1 ",[639,1574,1575],{},"HTMLEditor",[639,1577,1578],{},"editor.init()",[656,1580,1582],{"id":1581},"related","Related",[1533,1584,1585,1589,1595,1599],{},[1536,1586,1587],{},[648,1588,19],{"href":20},[1536,1590,1591],{},[648,1592,1594],{"href":1593},"\u002Farchitecture\u002Fauthoring-plugins#portals-teleport","Authoring plugins — Portals",[1536,1596,1597],{},[648,1598,272],{"href":273},[1536,1600,1601],{},[648,1602,67],{"href":68},[1604,1605,1606],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":666,"searchDepth":735,"depth":749,"links":1608},[1609,1610,1615,1619,1620,1621],{"id":658,"depth":735,"text":659},{"id":776,"depth":735,"text":1611,"children":1612},"Chrome (bar \u002F page)",[1613,1614],{"id":1026,"depth":749,"text":1027},{"id":784,"depth":749,"text":1033},{"id":1038,"depth":735,"text":1039,"children":1616},[1617,1618],{"id":1055,"depth":749,"text":1056},{"id":1199,"depth":749,"text":1200},{"id":1479,"depth":735,"text":1480},{"id":1530,"depth":735,"text":1531},{"id":1581,"depth":735,"text":1582},"How the editor presents chrome and how to host it. Day-to-day load\u002Fsave uses HTML or Markdown; JSON is the internal model if you need it.","md",null,{},{"title":302,"description":1622},"0RHnBtwA-5fs6B_On14Z8ygIPTgHrTiLvOdIU_fcpV0",[1629,1631],{"title":298,"path":299,"stem":300,"description":1630,"children":-1},"For Flutter WebView, Electron, Tauri, Wails, Capacitor — not REST. Use bindHostBridge from @codemerge\u002Fintegrate\u002Fprotocol.",{"title":312,"path":313,"stem":314,"description":1632,"children":-1},"CodeMergeEditor from @codemerge\u002Fintegrate\u002Freact (CSS auto).",1794129107079]