var Component=(()=>{var d=Object.create;var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(l||e((l={exports:{}}).exports,l),l.exports),u=(e,l)=>{for(var F in l)r(e,F,{get:l[F],enumerable:!0})},o=(e,l,F,c)=>{if(l&&typeof l=="object"||typeof l=="function")for(let s of h(l))!m.call(e,s)&&s!==F&&r(e,s,{get:()=>l[s],enumerable:!(c=p(l,s))||c.enumerable});return e};var f=(e,l,F)=>(F=e!=null?d(y(e)):{},o(l||!e||!e.__esModule?r(F,"default",{value:e,enumerable:!0}):F,e)),g=e=>o(r({},"__esModule",{value:!0}),e);var i=N((M,a)=>{a.exports=_jsx_runtime});var w={};u(w,{default:()=>k,frontmatter:()=>b});var n=f(i()),b={title:"Preview Markdown",description:"Decorate texts with markdown preview."};function t(e){let l=Object.assign({div:"div",pre:"pre",code:"code",span:"span"},e.components),{ComponentPreview:F}=l;return F||x("ComponentPreview",!0),(0,n.jsx)(F,{name:"preview-md-demo",children:(0,n.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,n.jsx)(l.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import 'prismjs/components/prism-markdown'; import React from 'react'; import { editableProps } from '@/plate/demo/editableProps'; import { plateUI } from '@/plate/demo/plateUI'; import { basicNodesPlugins } from '@/plate/demo/plugins/basicNodesPlugins'; import { previewMdValue } from '@/plate/demo/values/previewMdValue'; import { createPluginFactory, isText, Plate, TRenderLeafProps, TText, } from '@udecode/plate-common'; import Prism from 'prismjs'; import { createMyPlugins, MyValue } from '@/types/plate-types'; import { cn } from '@/lib/utils'; /** * Decorate texts with markdown preview. */ const decoratePreview = () => ([node, path]: any) => { const ranges: any[] = []; if (!isText(node)) { return ranges; } const getLength = (token: any) => { if (typeof token === 'string') { return token.length; } if (typeof token.content === 'string') { return token.content.length; } return token.content.reduce((l: any, t: any) => l + getLength(t), 0); }; const tokens = Prism.tokenize(node.text, Prism.languages.markdown); let start = 0; for (const token of tokens) { const length = getLength(token); const end = start + length; if (typeof token !== 'string') { ranges.push({ [token.type]: true, anchor: { path, offset: start }, focus: { path, offset: end }, }); } start = end; } return ranges; }; const createPreviewPlugin = createPluginFactory({ key: 'preview-md', decorate: decoratePreview, }); const plugins = createMyPlugins([...basicNodesPlugins, createPreviewPlugin()], { components: plateUI, }); function PreviewLeaf({ attributes, leaf, children, }: TRenderLeafProps< MyValue, TText & { title?: boolean; list?: boolean; italic?: boolean; hr?: boolean; code?: boolean; bold?: boolean; blockquote?: boolean; } >) { const { title, list, italic, hr, code, bold, blockquote } = leaf; return ( {children} ); } const _editableProps = { ...editableProps, renderLeaf: PreviewLeaf, }; export function PreviewMdDemo() { return ( editableProps={_editableProps} plugins={plugins} initialValue={previewMdValue} /> ); } `,__src__:"registry/default/example/preview-md-demo.tsx",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"default",children:[(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'prismjs/components/prism-markdown'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" React "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'react'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" editableProps "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'@/plate/demo/editableProps'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" plateUI "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'@/plate/demo/plateUI'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" basicNodesPlugins "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'@/plate/demo/plugins/basicNodesPlugins'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" previewMdValue "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'@/plate/demo/values/previewMdValue'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" createPluginFactory"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" isText"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" Plate"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" TRenderLeafProps"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" TText"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'@udecode/plate-common'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" Prism "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'prismjs'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" createMyPlugins"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" MyValue "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'@/types/plate-types'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" cn "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'@/lib/utils'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsx)(l.span,{className:"line",children:(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"/**"})}),` `,(0,n.jsx)(l.span,{className:"line",children:(0,n.jsx)(l.span,{style:{color:"#FFF4"},children:" * Decorate texts with markdown preview."})}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF4"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"*/"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" decoratePreview "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"=>"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"(["}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"node"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" path"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"]:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" ranges"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"[]"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"[];"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"if"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"(!"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"isText"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"node"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"))"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" ranges"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF",fontWeight:"bold"},children:"getLength"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"token"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"if"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"(typeof"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" token "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"==="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'string'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" token"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"length"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"if"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"(typeof"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" token"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"content "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"==="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'string'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" token"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"content"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"length"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" token"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"content"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"reduce"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"(("}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"l"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" t"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" l "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"+"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" getLength"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"t"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"),"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"0);"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"};"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" tokens "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" Prism"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"tokenize"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"node"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"text"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" Prism"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"languages"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"markdown"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:");"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"let"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" start "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"0;"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"for"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"(const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" token "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"of"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" tokens"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" length "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" getLength"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"token"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:");"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" end "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" start "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"+"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" length"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"if"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"(typeof"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" token "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"!=="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'string'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" ranges"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"push"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"token"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"type"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"]:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"true,"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" anchor"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" path"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" offset"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" start "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"},"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" focus"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" path"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" offset"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" end "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"},"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"});"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" start "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" end"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" ranges"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"};"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" createPreviewPlugin "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" createPluginFactory"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" key"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'preview-md'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" decorate"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" decoratePreview"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsx)(l.span,{className:"line",children:(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"});"})}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" plugins "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" createMyPlugins"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"([..."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"basicNodesPlugins"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" createPreviewPlugin"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"()],"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" components"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" plateUI"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsx)(l.span,{className:"line",children:(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"});"})}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"function"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF",fontWeight:"bold"},children:"PreviewLeaf"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" attributes"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" leaf"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" children"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF",fontWeight:"bold"},children:"TRenderLeafProps"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"<"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF",fontWeight:"bold"},children:"MyValue"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF",fontWeight:"bold"},children:"TText"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" title"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" boolean"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" list"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" boolean"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" italic"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" boolean"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" hr"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" boolean"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" code"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" boolean"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" bold"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" boolean"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" blockquote"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" boolean"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:">)"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" title"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" list"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" italic"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" hr"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" code"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" bold"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" blockquote "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" leaf"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"span"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{..."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"attributes"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"cn"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" bold "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'font-bold'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" italic "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'italic'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" title "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'mx-0 mb-2.5 mt-5 inline-block text-[20px] font-bold'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" list "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'pl-2.5 text-[20px] leading-[10px]'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" hr "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'block border-b-2 border-[#ddd] text-center'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" blockquote "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&&"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'inline-block border-l-2 border-[#ddd] pl-2.5 italic text-[#aaa]'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" code "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'bg-[#eee] p-[3px] font-mono'"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"children"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:""})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:");"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" _editableProps "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"..."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"editableProps"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" renderLeaf"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" PreviewLeaf"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsx)(l.span,{className:"line",children:(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"};"})}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"function"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF",fontWeight:"bold"},children:"PreviewMdDemo"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Plate"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#FFF",fontWeight:"bold"},children:"MyValue"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" editableProps"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"_editableProps"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" plugins"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"plugins"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" initialValue"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"previewMdValue"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:");"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})})]})})})})}function P(e={}){let{wrapper:l}=e.components||{};return l?(0,n.jsx)(l,Object.assign({},e,{children:(0,n.jsx)(t,e)})):t(e)}var k=P;function x(e,l){throw new Error("Expected "+(l?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return g(w);})(); ;return Component;