[{"data":1,"prerenderedAt":1334},["ShallowReactive",2],{"navigation_examples":3,"nav-examples":85,"navigation_docs":106,"-plugins-core-json-render":283,"-plugins-core-json-render-surround":1329},[4],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Examples","/examples","examples",[9,35,60],{"title":10,"path":11,"stem":12,"children":13,"page":34},"Frameworks","/examples/frameworks","examples/1.frameworks",[14,19,24,29],{"title":15,"path":16,"stem":17,"icon":18},"Astro","/examples/frameworks/astro","examples/1.frameworks/astro/README","i-simple-icons:astro",{"title":20,"path":21,"stem":22,"icon":23},"Next.js","/examples/frameworks/nextjs","examples/1.frameworks/nextjs/README","i-simple-icons:nextdotjs",{"title":25,"path":26,"stem":27,"icon":28},"Nuxt UI","/examples/frameworks/nuxt-ui","examples/1.frameworks/nuxt/README","i-simple-icons-nuxt",{"title":30,"path":31,"stem":32,"icon":33},"VitePress","/examples/frameworks/vitepress","examples/1.frameworks/vitepress/README","i-simple-icons-vitepress",false,{"title":36,"path":37,"stem":38,"children":39,"page":34},"Vite","/examples/vite","examples/2.vite",[40,45,50,55],{"title":41,"path":42,"stem":43,"icon":44},"HTML Preview","/examples/vite/html","examples/2.vite/html/README","i-lucide-file-code",{"title":46,"path":47,"stem":48,"icon":49},"React","/examples/vite/react","examples/2.vite/react/README","i-simple-icons-react",{"title":51,"path":52,"stem":53,"icon":54},"Svelte","/examples/vite/svelte","examples/2.vite/svelte/README","i-simple-icons-svelte",{"title":56,"path":57,"stem":58,"icon":59},"Vue","/examples/vite/vue","examples/2.vite/vue/README","i-simple-icons-vuedotjs",{"title":61,"path":62,"stem":63,"children":64,"page":34},"Plugins","/examples/plugins","examples/3.plugins",[65,70,75,80],{"title":66,"path":67,"stem":68,"icon":69},"Syntax Highlighting","/examples/plugins/vue-vite-highlight","examples/3.plugins/vue-vite-highlight/README","i-lucide-code",{"title":71,"path":72,"stem":73,"icon":74},"JSON Render","/examples/plugins/vue-vite-json-render","examples/3.plugins/vue-vite-json-render/README","i-lucide-braces",{"title":76,"path":77,"stem":78,"icon":79},"Math formulas","/examples/plugins/vue-vite-math","examples/3.plugins/vue-vite-math/README","i-lucide-calculator",{"title":81,"path":82,"stem":83,"icon":84},"Mermaid diagrams","/examples/plugins/vue-vite-mermaid","examples/3.plugins/vue-vite-mermaid/README","i-simple-icons-mermaid",[86],{"title":5,"path":6,"stem":7,"children":87,"page":34},[88,94,100],{"title":10,"path":11,"stem":12,"children":89,"page":34},[90,91,92,93],{"title":15,"path":16,"stem":17,"icon":18},{"title":20,"path":21,"stem":22,"icon":23},{"title":25,"path":26,"stem":27,"icon":28},{"title":30,"path":31,"stem":32,"icon":33},{"title":36,"path":37,"stem":38,"children":95,"page":34},[96,97,98,99],{"title":41,"path":42,"stem":43,"icon":44},{"title":46,"path":47,"stem":48,"icon":49},{"title":51,"path":52,"stem":53,"icon":54},{"title":56,"path":57,"stem":58,"icon":59},{"title":61,"path":62,"stem":63,"children":101,"page":34},[102,103,104,105],{"title":66,"path":67,"stem":68,"icon":69},{"title":71,"path":72,"stem":73,"icon":74},{"title":76,"path":77,"stem":78,"icon":79},{"title":81,"path":82,"stem":83,"icon":84},[107,121,143,176,238,259,269],{"title":108,"icon":109,"path":110,"stem":111,"children":112,"page":34},"Getting Started","i-lucide-rocket","/getting-started","1.getting-started",[113,117],{"title":114,"path":115,"stem":116},"Introduction","/getting-started/introduction","1.getting-started/0.introduction",{"title":118,"path":119,"stem":120},"Installation","/getting-started/installation","1.getting-started/1.installation",{"title":122,"icon":123,"path":124,"stem":125,"children":126,"page":34},"Syntax","i-lucide-file-text","/syntax","2.syntax",[127,131,135,139],{"title":128,"path":129,"stem":130},"Markdown","/syntax/markdown","2.syntax/1.markdown",{"title":132,"path":133,"stem":134},"Components","/syntax/components","2.syntax/2.components",{"title":136,"path":137,"stem":138},"Attributes","/syntax/attributes","2.syntax/3.attributes",{"title":140,"path":141,"stem":142},"Comark AST","/syntax/comark-ast","2.syntax/4.comark-ast",{"title":144,"icon":145,"path":146,"stem":147,"children":148,"page":34},"Rendering","i-lucide-layout","/rendering","3.rendering",[149,153,157,160,163,166,171],{"title":128,"path":150,"stem":151,"icon":152},"/rendering/markdown","3.rendering/1.markdown","i-simple-icons-markdown",{"title":154,"path":155,"stem":156,"icon":44},"HTML","/rendering/html","3.rendering/2.html",{"title":56,"path":158,"stem":159,"icon":59},"/rendering/vue","3.rendering/3.vue",{"title":46,"path":161,"stem":162,"icon":49},"/rendering/react","3.rendering/4.react",{"title":51,"path":164,"stem":165,"icon":54},"/rendering/svelte","3.rendering/5.svelte",{"title":167,"path":168,"stem":169,"icon":170},"ANSI (Terminal)","/rendering/ansi","3.rendering/6.ansi","i-lucide-terminal",{"title":172,"path":173,"stem":174,"icon":175},"Streaming","/rendering/streaming","3.rendering/7.streaming","i-lucide-radio",{"title":61,"icon":177,"path":178,"stem":179,"children":180,"page":34},"i-lucide-plug","/plugins","4.plugins",[181,185],{"title":182,"path":183,"stem":184},"Creating Plugins","/plugins/creating-plugins","4.plugins/1.creating-plugins",{"title":186,"path":187,"stem":188,"children":189,"page":34},"Core Plugins","/plugins/core","4.plugins/10.core",[190,195,200,203,207,212,217,221,225,230,235],{"title":191,"path":192,"stem":193,"icon":194},"Security","/plugins/core/security","4.plugins/10.core/01.security","i-lucide-shield-check",{"title":196,"path":197,"stem":198,"icon":199},"Emoji","/plugins/core/emoji","4.plugins/10.core/02.emoji","i-lucide-smile",{"title":66,"path":201,"stem":202,"icon":69},"/plugins/core/highlight","4.plugins/10.core/02.highlight",{"title":204,"path":205,"stem":206,"icon":123},"Summary Extraction","/plugins/core/summary","4.plugins/10.core/03.summary",{"title":208,"path":209,"stem":210,"icon":211},"Table of Contents","/plugins/core/toc","4.plugins/10.core/04.toc","i-lucide-list",{"title":213,"path":214,"stem":215,"icon":216},"Alerts","/plugins/core/alert","4.plugins/10.core/05.alert","i-lucide-bell",{"title":218,"path":219,"stem":220,"icon":84},"Mermaid Diagrams","/plugins/core/mermaid","4.plugins/10.core/06.mermaid",{"title":222,"path":223,"stem":224,"icon":79},"Mathematics","/plugins/core/math","4.plugins/10.core/07.math",{"title":226,"path":227,"stem":228,"icon":229},"Task List","/plugins/core/task-list","4.plugins/10.core/08.task-list","i-lucide-check-square",{"title":231,"path":232,"stem":233,"icon":234},"Headings","/plugins/core/headings","4.plugins/10.core/09.headings","i-lucide-heading",{"title":71,"path":236,"stem":237,"icon":74},"/plugins/core/json-render","4.plugins/10.core/10.json-render",{"title":239,"icon":240,"path":241,"stem":242,"children":243,"page":34},"API Reference","i-lucide-book-open","/api","5.api",[244,248,252,255],{"title":245,"path":246,"stem":247},"Parse API","/api/parse","5.api/1.parse",{"title":249,"path":250,"stem":251},"Auto-Close API","/api/auto-close","5.api/2.auto-close",{"title":239,"path":253,"stem":254},"/api/reference","5.api/3.reference",{"title":256,"path":257,"stem":258},"Render from Tree","/api/render-from-tree","5.api/4.render-from-tree",{"title":260,"icon":261,"path":262,"stem":263,"children":264,"page":34},"Integrations","i-lucide-layers","/integrations","6.integrations",[265],{"title":266,"path":267,"stem":268,"icon":28},"Nuxt","/integrations/nuxt","6.integrations/1.nuxt",{"title":270,"icon":271,"path":272,"stem":273,"children":274,"page":34},"Knowledge Base","i-lucide-library","/kb","7.kb",[275,279],{"title":276,"path":277,"stem":278},"Migration from MDC","/kb/migration-from-mdc","7.kb/2.migration-from-mdc",{"title":280,"path":281,"stem":282},"Twoslash Integration","/kb/twoslash","7.kb/3.twoslash",{"id":284,"title":71,"body":285,"description":1311,"extension":1312,"links":1313,"meta":1318,"navigation":1326,"path":236,"seo":1327,"stem":237,"__hash__":1328},"docs/4.plugins/10.core/10.json-render.md",{"type":286,"value":287,"toc":1292},"minimark",[288,302,309,314,319,531,535,725,729,876,880,1018,1022,1025,1029,1032,1108,1158,1162,1170,1200,1206,1210,1217,1238,1244,1246,1253,1257,1264,1268],[289,290,291,292,296,297,301],"p",{},"The JSON Render plugin transforms ",[293,294,295],"code",{},"json-render"," code blocks into UI components. It parses ",[298,299,71],"a",{"href":300},"https://json-render.dev/"," specs and converts them into Comark AST nodes, enabling declarative UI composition within markdown.",[289,303,304,305,308],{},"The plugin is part of the core ",[293,306,307],{},"comark"," package — no additional dependencies are required.",[310,311,313],"h2",{"id":312},"basic-usage","Basic Usage",[315,316,318],"h3",{"id":317},"with-parse-api","With Parse API",[320,321,325],"pre",{"language":322,"class":323,"tabindex":324},"typescript","shiki shiki-themes material-theme-lighter material-theme-palenight","0",[293,326,328,360,361,360,378,360,380,360,395,360,402,360,407,360,412,360,417,360,422,360,427,360,432,360,437,360,442,360,447,360,452,360,457,360,462,360,467,360,472,360,476,360,481,360,483,360,506,360,524],{"class":327},"language-typescript",[329,330,333,337,341,345,348,351,354,357],"span",{"class":331,"style":332},"line","display: inline",[329,334,336],{"style":335},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic","import",[329,338,340],{"style":339},"color:#39ADB5;--shiki-dark:#89DDFF"," {",[329,342,344],{"style":343},"color:#90A4AE;--shiki-dark:#BABED8"," parse",[329,346,347],{"style":339}," }",[329,349,350],{"style":335}," from",[329,352,353],{"style":339}," '",[329,355,307],{"style":356},"color:#91B859;--shiki-dark:#C3E88D",[329,358,359],{"style":339},"'","\n",[329,362,363,365,368,371,373,376],{"class":331,"style":332},[329,364,336],{"style":335},[329,366,367],{"style":343}," jsonRender ",[329,369,370],{"style":335},"from",[329,372,353],{"style":339},[329,374,375],{"style":356},"comark/plugins/json-render",[329,377,359],{"style":339},[329,379],{"class":331,"style":332},[329,381,382,386,389,392],{"class":331,"style":332},[329,383,385],{"style":384},"color:#9C3EDA;--shiki-dark:#C792EA","const",[329,387,388],{"style":343}," markdown ",[329,390,391],{"style":339},"=",[329,393,394],{"style":339}," `",[329,396,397,400],{"class":331,"style":332},[329,398,399],{"style":343},"\\`\\`\\`",[329,401,295],{"style":356},[329,403,404],{"class":331,"style":332},[329,405,406],{"style":356},"{",[329,408,409],{"class":331,"style":332},[329,410,411],{"style":356},"  \"root\": \"card\",",[329,413,414],{"class":331,"style":332},[329,415,416],{"style":356},"  \"elements\": {",[329,418,419],{"class":331,"style":332},[329,420,421],{"style":356},"    \"card\": {",[329,423,424],{"class":331,"style":332},[329,425,426],{"style":356},"      \"type\": \"Card\",",[329,428,429],{"class":331,"style":332},[329,430,431],{"style":356},"      \"props\": { \"title\": \"Hello\" },",[329,433,434],{"class":331,"style":332},[329,435,436],{"style":356},"      \"children\": [\"text\"]",[329,438,439],{"class":331,"style":332},[329,440,441],{"style":356},"    },",[329,443,444],{"class":331,"style":332},[329,445,446],{"style":356},"    \"text\": {",[329,448,449],{"class":331,"style":332},[329,450,451],{"style":356},"      \"type\": \"Text\",",[329,453,454],{"class":331,"style":332},[329,455,456],{"style":356},"      \"props\": { \"content\": \"World\" }",[329,458,459],{"class":331,"style":332},[329,460,461],{"style":356},"    }",[329,463,464],{"class":331,"style":332},[329,465,466],{"style":356},"  }",[329,468,469],{"class":331,"style":332},[329,470,471],{"style":356},"}",[329,473,474],{"class":331,"style":332},[329,475,399],{"style":343},[329,477,478],{"class":331,"style":332},[329,479,480],{"style":339},"`",[329,482],{"class":331,"style":332},[329,484,485,487,490,492,495,498,501,504],{"class":331,"style":332},[329,486,385],{"style":384},[329,488,489],{"style":343}," result ",[329,491,391],{"style":339},[329,493,494],{"style":335}," await",[329,496,344],{"style":497},"color:#6182B8;--shiki-dark:#82AAFF",[329,499,500],{"style":343},"(markdown",[329,502,503],{"style":339},",",[329,505,340],{"style":339},[329,507,508,512,515,518,521],{"class":331,"style":332},[329,509,511],{"style":510},"color:#E53935;--shiki-dark:#F07178","  plugins",[329,513,514],{"style":339},":",[329,516,517],{"style":343}," [",[329,519,520],{"style":497},"jsonRender",[329,522,523],{"style":343},"()]",[329,525,526,528],{"class":331,"style":332},[329,527,471],{"style":339},[329,529,530],{"style":343},")",[315,532,534],{"id":533},"with-vue","With Vue",[320,536,538],{"language":537,"class":323,"tabindex":324},"vue",[293,539,541,360,568,360,588,360,603,360,605,360,615,360,621,360,625,360,630,360,635,360,639,360,643,360,647,360,656,360,658,360,667,360,677,360,708,360,717],{"class":540},"language-vue",[329,542,543,546,549,552,555,557,560,563,565],{"class":331,"style":332},[329,544,545],{"style":339},"\u003C",[329,547,548],{"style":510},"script",[329,550,551],{"style":384}," setup",[329,553,554],{"style":384}," lang",[329,556,391],{"style":339},[329,558,559],{"style":339},"\"",[329,561,562],{"style":356},"ts",[329,564,559],{"style":339},[329,566,567],{"style":339},">",[329,569,570,572,574,577,579,581,583,586],{"class":331,"style":332},[329,571,336],{"style":335},[329,573,340],{"style":339},[329,575,576],{"style":343}," Comark",[329,578,347],{"style":339},[329,580,350],{"style":335},[329,582,353],{"style":339},[329,584,585],{"style":356},"@comark/vue",[329,587,359],{"style":339},[329,589,590,592,594,596,598,601],{"class":331,"style":332},[329,591,336],{"style":335},[329,593,367],{"style":343},[329,595,370],{"style":335},[329,597,353],{"style":339},[329,599,600],{"style":356},"@comark/vue/plugins/json-render",[329,602,359],{"style":339},[329,604],{"class":331,"style":332},[329,606,607,609,611,613],{"class":331,"style":332},[329,608,385],{"style":384},[329,610,388],{"style":343},[329,612,391],{"style":339},[329,614,394],{"style":339},[329,616,617,619],{"class":331,"style":332},[329,618,399],{"style":343},[329,620,295],{"style":356},[329,622,623],{"class":331,"style":332},[329,624,406],{"style":356},[329,626,627],{"class":331,"style":332},[329,628,629],{"style":356},"  \"type\": \"Card\",",[329,631,632],{"class":331,"style":332},[329,633,634],{"style":356},"  \"props\": { \"title\": \"Hello\" }",[329,636,637],{"class":331,"style":332},[329,638,471],{"style":356},[329,640,641],{"class":331,"style":332},[329,642,399],{"style":343},[329,644,645],{"class":331,"style":332},[329,646,480],{"style":339},[329,648,649,652,654],{"class":331,"style":332},[329,650,651],{"style":339},"\u003C/",[329,653,548],{"style":510},[329,655,567],{"style":339},[329,657],{"class":331,"style":332},[329,659,660,662,665],{"class":331,"style":332},[329,661,545],{"style":339},[329,663,664],{"style":510},"template",[329,666,567],{"style":339},[329,668,669,672,675],{"class":331,"style":332},[329,670,671],{"style":339},"  \u003C",[329,673,674],{"style":510},"Suspense",[329,676,567],{"style":339},[329,678,679,682,685,688,690,692,695,697,699,702,704,706],{"class":331,"style":332},[329,680,681],{"style":339},"    \u003C",[329,683,684],{"style":510},"Comark",[329,686,687],{"style":384}," :plugins",[329,689,391],{"style":339},[329,691,559],{"style":339},[329,693,694],{"style":356},"[jsonRender()]",[329,696,559],{"style":339},[329,698,567],{"style":339},[329,700,701],{"style":343},"{{ markdown }}",[329,703,651],{"style":339},[329,705,684],{"style":510},[329,707,567],{"style":339},[329,709,710,713,715],{"class":331,"style":332},[329,711,712],{"style":339},"  \u003C/",[329,714,674],{"style":510},[329,716,567],{"style":339},[329,718,719,721,723],{"class":331,"style":332},[329,720,651],{"style":339},[329,722,664],{"style":510},[329,724,567],{"style":339},[315,726,728],{"id":727},"with-react","With React",[320,730,732],{"language":731,"class":323,"tabindex":324},"tsx",[293,733,735,360,754,360,769,360,771,360,781,360,787,360,791,360,795,360,799,360,803,360,807,360,811,360,813,360,826,360,834,360,867,360,872],{"class":734},"language-tsx",[329,736,737,739,741,743,745,747,749,752],{"class":331,"style":332},[329,738,336],{"style":335},[329,740,340],{"style":339},[329,742,576],{"style":343},[329,744,347],{"style":339},[329,746,350],{"style":335},[329,748,353],{"style":339},[329,750,751],{"style":356},"@comark/react",[329,753,359],{"style":339},[329,755,756,758,760,762,764,767],{"class":331,"style":332},[329,757,336],{"style":335},[329,759,367],{"style":343},[329,761,370],{"style":335},[329,763,353],{"style":339},[329,765,766],{"style":356},"@comark/react/plugins/json-render",[329,768,359],{"style":339},[329,770],{"class":331,"style":332},[329,772,773,775,777,779],{"class":331,"style":332},[329,774,385],{"style":384},[329,776,388],{"style":343},[329,778,391],{"style":339},[329,780,394],{"style":339},[329,782,783,785],{"class":331,"style":332},[329,784,399],{"style":343},[329,786,295],{"style":356},[329,788,789],{"class":331,"style":332},[329,790,406],{"style":356},[329,792,793],{"class":331,"style":332},[329,794,629],{"style":356},[329,796,797],{"class":331,"style":332},[329,798,634],{"style":356},[329,800,801],{"class":331,"style":332},[329,802,471],{"style":356},[329,804,805],{"class":331,"style":332},[329,806,399],{"style":343},[329,808,809],{"class":331,"style":332},[329,810,480],{"style":339},[329,812],{"class":331,"style":332},[329,814,815,818,821,824],{"class":331,"style":332},[329,816,817],{"style":384},"function",[329,819,820],{"style":497}," App",[329,822,823],{"style":339},"()",[329,825,340],{"style":339},[329,827,828,831],{"class":331,"style":332},[329,829,830],{"style":335},"  return",[329,832,833],{"style":510}," (",[329,835,836,838,841,844,847,850,852,854,857,860,863,865],{"class":331,"style":332},[329,837,681],{"style":339},[329,839,684],{"style":840},"color:#E2931D;--shiki-dark:#FFCB6B",[329,842,843],{"style":384}," plugins",[329,845,846],{"style":339},"={",[329,848,849],{"style":343},"[",[329,851,520],{"style":497},[329,853,523],{"style":343},[329,855,856],{"style":339},"}>{",[329,858,859],{"style":343},"markdown",[329,861,862],{"style":339},"}\u003C/",[329,864,684],{"style":840},[329,866,567],{"style":339},[329,868,869],{"class":331,"style":332},[329,870,871],{"style":510},"  )",[329,873,874],{"class":331,"style":332},[329,875,471],{"style":339},[315,877,879],{"id":878},"with-svelte","With Svelte",[320,881,884],{"language":882,"filename":883,"class":323,"tabindex":324},"svelte","App.svelte",[293,885,887,360,905,360,925,360,940,360,942,360,953,360,959,360,963,360,967,360,971,360,975,360,979,360,983,360,991,360,993],{"class":886},"language-svelte",[329,888,889,891,893,895,897,899,901,903],{"class":331,"style":332},[329,890,545],{"style":339},[329,892,548],{"style":510},[329,894,554],{"style":384},[329,896,391],{"style":339},[329,898,559],{"style":339},[329,900,562],{"style":356},[329,902,559],{"style":339},[329,904,567],{"style":339},[329,906,907,910,912,914,916,918,920,923],{"class":331,"style":332},[329,908,909],{"style":335},"  import",[329,911,340],{"style":339},[329,913,576],{"style":343},[329,915,347],{"style":339},[329,917,350],{"style":335},[329,919,353],{"style":339},[329,921,922],{"style":356},"@comark/svelte",[329,924,359],{"style":339},[329,926,927,929,931,933,935,938],{"class":331,"style":332},[329,928,909],{"style":335},[329,930,367],{"style":343},[329,932,370],{"style":335},[329,934,353],{"style":339},[329,936,937],{"style":356},"@comark/svelte/plugins/json-render",[329,939,359],{"style":339},[329,941],{"class":331,"style":332},[329,943,944,947,949,951],{"class":331,"style":332},[329,945,946],{"style":384},"  const",[329,948,388],{"style":343},[329,950,391],{"style":339},[329,952,394],{"style":339},[329,954,955,957],{"class":331,"style":332},[329,956,399],{"style":343},[329,958,295],{"style":356},[329,960,961],{"class":331,"style":332},[329,962,406],{"style":356},[329,964,965],{"class":331,"style":332},[329,966,629],{"style":356},[329,968,969],{"class":331,"style":332},[329,970,634],{"style":356},[329,972,973],{"class":331,"style":332},[329,974,471],{"style":356},[329,976,977],{"class":331,"style":332},[329,978,399],{"style":343},[329,980,981],{"class":331,"style":332},[329,982,480],{"style":339},[329,984,985,987,989],{"class":331,"style":332},[329,986,651],{"style":339},[329,988,548],{"style":510},[329,990,567],{"style":339},[329,992],{"class":331,"style":332},[329,994,995,997,999,1001,1003,1005,1007,1009,1011,1013,1015],{"class":331,"style":332},[329,996,545],{"style":339},[329,998,684],{"style":840},[329,1000,340],{"style":384},[329,1002,859],{"style":343},[329,1004,471],{"style":384},[329,1006,843],{"style":384},[329,1008,846],{"style":339},[329,1010,849],{"style":343},[329,1012,520],{"style":497},[329,1014,523],{"style":343},[329,1016,1017],{"style":339},"} />",[310,1019,1021],{"id":1020},"json-render-spec-format","JSON Render Spec Format",[289,1023,1024],{},"The plugin supports two spec formats:",[315,1026,1028],{"id":1027},"full-spec-with-root-and-elements","Full Spec (with root and elements)",[289,1030,1031],{},"A full spec defines a tree of named elements with a root entry point:",[320,1033,1034],{"class":323,"tabindex":324},[293,1035,1036,360,1041,360,1045,360,1050,360,1054,360,1059,360,1063,360,1068,360,1073,360,1077,360,1082,360,1086,360,1091,360,1095,360,1099,360,1103],{},[329,1037,1038],{"class":331,"style":332},[329,1039,1040],{},"```json-render",[329,1042,1043],{"class":331,"style":332},[329,1044,406],{},[329,1046,1047],{"class":331,"style":332},[329,1048,1049],{},"  \"root\": \"card-1\",",[329,1051,1052],{"class":331,"style":332},[329,1053,416],{},[329,1055,1056],{"class":331,"style":332},[329,1057,1058],{},"    \"card-1\": {",[329,1060,1061],{"class":331,"style":332},[329,1062,426],{},[329,1064,1065],{"class":331,"style":332},[329,1066,1067],{},"      \"props\": { \"title\": \"Welcome\" },",[329,1069,1070],{"class":331,"style":332},[329,1071,1072],{},"      \"children\": [\"text-1\"]",[329,1074,1075],{"class":331,"style":332},[329,1076,441],{},[329,1078,1079],{"class":331,"style":332},[329,1080,1081],{},"    \"text-1\": {",[329,1083,1084],{"class":331,"style":332},[329,1085,451],{},[329,1087,1088],{"class":331,"style":332},[329,1089,1090],{},"      \"props\": { \"content\": \"This is JSON Render inside Comark\" }",[329,1092,1093],{"class":331,"style":332},[329,1094,461],{},[329,1096,1097],{"class":331,"style":332},[329,1098,466],{},[329,1100,1101],{"class":331,"style":332},[329,1102,471],{},[329,1104,1105],{"class":331,"style":332},[329,1106,1107],{},"```",[1109,1110,1111,1125],"ul",{},[1112,1113,1114,1120,1121,1124],"li",{},[1115,1116,1117],"strong",{},[293,1118,1119],{},"root"," - The key of the root element in the ",[293,1122,1123],{},"elements"," map",[1112,1126,1127,1131,1132],{},[1115,1128,1129],{},[293,1130,1123],{}," - A map of element definitions, each with:",[1109,1133,1134,1142,1150],{},[1112,1135,1136,1141],{},[1115,1137,1138],{},[293,1139,1140],{},"type"," - The component/element type name",[1112,1143,1144,1149],{},[1115,1145,1146],{},[293,1147,1148],{},"props"," - Properties passed to the element",[1112,1151,1152,1157],{},[1115,1153,1154],{},[293,1155,1156],{},"children"," - Array of element keys that are children of this element",[315,1159,1161],{"id":1160},"single-element-shorthand","Single Element (shorthand)",[289,1163,1164,1165,1167,1168,514],{},"When you only need a single element, you can omit ",[293,1166,1119],{}," and ",[293,1169,1123],{},[320,1171,1172],{"class":323,"tabindex":324},[293,1173,1174,360,1178,360,1182,360,1187,360,1192,360,1196],{},[329,1175,1176],{"class":331,"style":332},[329,1177,1040],{},[329,1179,1180],{"class":331,"style":332},[329,1181,406],{},[329,1183,1184],{"class":331,"style":332},[329,1185,1186],{},"  \"type\": \"Text\",",[329,1188,1189],{"class":331,"style":332},[329,1190,1191],{},"  \"props\": { \"content\": \"Hello World\" }",[329,1193,1194],{"class":331,"style":332},[329,1195,471],{},[329,1197,1198],{"class":331,"style":332},[329,1199,1107],{},[289,1201,1202,1203,1205],{},"The plugin automatically wraps this in a full spec with a ",[293,1204,664],{}," root.",[310,1207,1209],{"id":1208},"how-it-works","How It Works",[289,1211,1212,1213,1216],{},"The plugin runs in the ",[293,1214,1215],{},"post"," phase of parsing. It:",[1218,1219,1220,1229,1232,1235],"ol",{},[1112,1221,1222,1223,1225,1226],{},"Walks the Comark AST looking for ",[293,1224,320],{}," nodes with ",[293,1227,1228],{},"language: \"json-render\"",[1112,1230,1231],{},"Parses the JSON content of the code block",[1112,1233,1234],{},"Converts the JSON Render spec into Comark AST nodes",[1112,1236,1237],{},"Replaces the original code block with the generated AST",[289,1239,1240,1243],{},[293,1241,1242],{},"Text"," elements are converted to plain text nodes. All other elements are converted to Comark element nodes with their props as attributes.",[310,1245,5],{"id":7},[289,1247,1248,1249,1252],{},"See the ",[298,1250,1251],{"href":72},"JSON Render example"," for a complete working implementation.",[310,1254,1256],{"id":1255},"resources","Resources",[1109,1258,1259],{},[1112,1260,1261,1263],{},[298,1262,71],{"href":300}," - JSON Render project home",[310,1265,1267],{"id":1266},"related","Related",[1109,1269,1270,1275,1281,1287],{},[1112,1271,1272,1274],{},[298,1273,245],{"href":246}," - Main parsing API",[1112,1276,1277,1280],{},[298,1278,1279],{"href":158},"Vue Rendering"," - Using with Vue",[1112,1282,1283,1286],{},[298,1284,1285],{"href":161},"React Rendering"," - Using with React",[1112,1288,1289,1291],{},[298,1290,182],{"href":183}," - Build custom plugins",{"title":1293,"searchDepth":1294,"depth":1294,"links":1295},"",2,[1296,1303,1307,1308,1309,1310],{"id":312,"depth":1294,"text":313,"children":1297},[1298,1300,1301,1302],{"id":317,"depth":1299,"text":318},3,{"id":533,"depth":1299,"text":534},{"id":727,"depth":1299,"text":728},{"id":878,"depth":1299,"text":879},{"id":1020,"depth":1294,"text":1021,"children":1304},[1305,1306],{"id":1027,"depth":1299,"text":1028},{"id":1160,"depth":1299,"text":1161},{"id":1208,"depth":1294,"text":1209},{"id":7,"depth":1294,"text":5},{"id":1255,"depth":1294,"text":1256},{"id":1266,"depth":1294,"text":1267},"Plugin for rendering JSON Render specs as UI components in Comark.","md",[1314,1317],{"label":245,"icon":69,"to":246,"color":1315,"variant":1316},"neutral","soft",{"label":1279,"icon":59,"to":158,"color":1315,"variant":1316},{"data":1319},{"title":71,"description":1311,"navigation":1320,"seo":1321,"links":1323},{"icon":74},{"title":1322,"description":1311},"JSON Render Plugin",[1324,1325],{"label":245,"icon":69,"to":246,"color":1315,"variant":1316},{"label":1279,"icon":59,"to":158,"color":1315,"variant":1316},{"icon":74},{"title":1322,"description":1311},"qkGp7IgnS9lwKxF43072FG-XNb6MIQKOJArpVPmWIE0",[1330,1332],{"title":231,"path":232,"stem":233,"description":1331,"icon":234,"children":-1},"Plugin for extracting the page title and description from document content.",{"title":245,"path":246,"stem":247,"description":1333,"children":-1},"Comark provides functions to convert Comark (Components in Markdown) content into an Abstract Syntax Tree (AST).",1775651182359]