LiaScript/Editor

LiaScript/Editor is a
special branch of LiaScript that can be used to easily create preview-plugins
for different editor.

Current examples are:

- liascript-preview: a plugin
for the Atom editor

Code: https://github.com/andre-dietrich/liascript-preview

- CodiLIA: a fork of the
collaborative Markdown CodiMD

Code: https://github.com/liascript/codilia

Installation

install via npm:

npm i @liascript/editor

> Note: The version information might look a bit different e.g.
> 1.1.32--0.17.3. The second version mirrors current version of LiaScript,
> while the first number is referring to the changes of the editor-branch.

HowTo

The project itself is a fully fledged LiaScript interpreter that runs on a
website. Thus, if you have installed the editor version via npm, you can
directly call the index.hml and add the url of your file to preview as a
parameter:

node_modules/@liascript/editor/dist/index.html?file://..../Readme.md

It is recommended to use a separate webview or iframe for this task

</code></p><p class="my-3">Whenever you want to trigger a reload, probably every time the the user saves<br />the document, you only have to trigger a page reload and the entire content is<br />parsed again.</p><p class="my-3">> <strong>Note:</strong> Since LiaScript also evaluates JavaScript code, it is always the<br />> most secure way of using iframes and webviews, since they decouple your editor<br />> from the LiaScript-view, furthermore webviews run within their own thread, so<br />> that your IDE does not have to share resources for editing and rendering.</p><p class="my-3">However there are two additional features, that can also be used in conjunction<br />with this branch...</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">To enable editor to preview navigation, you will have to identify the current<br />line-position within the editor that you want to see also on the preview.<br />Ideally this is triggered by <strong>(1)</strong> subscribing for a double-click event,<br /><strong>(2)</strong> identify the current cursor-position, <strong>(3.1)</strong> post a message to the<br />webview or iframe <strong>(3.2)</strong> or directly call <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">liaGoto</code>.</p><p class="my-3">``<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />let line = editor_.getCursorBufferPosition().row + 1</p><p class="my-3">// 3.1<br />webview.contentWindow.postMessage({ cmd: 'goto', param: line })</p><p class="my-3">// 3.2<br />webview.contentWindow.LIA.goto(line)<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">The other way around works similar, you will have to overwrite internally<br />exposed global function </code>liaGoto<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> and move your cursor to the provided line:</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />webview.contentWindow.LIA.goto = function (line) {<br /> editor.setCursor({ line: line, ch: 0 })<br /> editor.focus()<br />}<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">Instead of forcing the preview to reload all content, you can also use the<br />experimental Just-in-Time compilation feature, to update the preview while<br />typing.</p><p class="my-3">It is recommended to load your document, as it was done initially in section<br /><a href="#usage" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">Usage</a>, to wait for the ready signal and then to apply an additional<br />debouncer to minimize the update overhead and increase performance 😏</p><p class="my-3">Similar to the previous example, there are two ways of updating the code, either<br />by messaging or by calling the exposed function </code>jitLia<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">. </code>isReady<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> will be<br />called by LiaScript if everything is set-up and the first instance of the course<br />was loaded and parsed.</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />let isReady = false<br />window.liaReady = function() {<br /> isReady = true<br />}</p><p class="my-3">let jit = function () {<br /> webview.contentWindow.postMessage({cmd: "jit", param: editor_.getText()});<br />}</p><p class="my-3">let jit = function () {<br /> webview.contentWindow.jitLia(editor_.getText())<br />}</p><p class="my-3">// atom example of a subscription to editor changes<br />this.subscriptions.add(<br /> this.editor.getBuffer().onDidChange(<br /> if (isReady) {<br /> debounce(jit, 500)<br /> }<br /> )<br />);<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">> Calling </code>jit<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> applies some form of dynamic parsing to increase the parsing<br />> speed and to minimize computational overhead. Thus, it is a bit tricky at the<br />> moment, if you are working with javascript that gets reevaluted on every<br />> change (for the visible slide).<br />><br />> I would recommend two modes: <strong>load on save</strong> and <strong>jit</strong> and let the user<br />> decide, if possible.</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">Unfortunately, there is currently no general browser support for text2speech<br />output. <a href="https://responsivevoice.org" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">responsivevoice</a> is applied by LiaScript<br />as the default text2speech engine. It is free for non-profit & educational<br />projects. However, you will have to provide a key for your project/website.</p><p class="my-3">There are multiple ways s of injecting code, one way is to dynamically insert<br />a new script to your document, as it is depicted below.<br />_(But you can also edit the index.html and add a script manually)_</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />window.onload = function () {<br /> let responsiveVoiceKey = '<strong><em></strong></em>*'</p><p class="my-3"> var script = document.createElement('script')<br /> script.src =<br /> 'https://code.responsivevoice.org/responsivevoice.js?key=' +<br /> responsiveVoiceKey</p><p class="my-3"> document.body.appendChild(script)</p><p class="my-3"> // IMPORTANT: This is mandatory, otherwise responsiveVoice<br /> // might not be initialized correctly!!!<br /> script.onload = () => {<br /> window.responsiveVoice.init()<br /> }<br />}<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">However, you can also use one of the following methods:</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />webview.contentWindow.postMessage({ cmd: 'responsivevoice', param: 'YOUR_KEY' })</p><p class="my-3">webview.contentWindow.setResponsiveVoiceKey('YOUR_KEY')<br /></code>``</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Contact</h2></p><p class="my-3">Author: André Dietrich</p><p class="my-3">eMail: LiaScript@web.de</p><p class="my-3">Website: https://LiaScript.github.io<br /></p></div><div class="flex justify-center absolute inset-x-0 bottom-0 bg-gradient-to-t from-background via-background to-transparent pb-4 pt-16"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down mr-1 h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg>Show more</button></div></div></div><template id="P:3"></template><template id="P:4"></template></div></div><div class="space-y-8"><div class="flex flex-col gap-6 lg:flex-row lg:gap-8"><div class="flex-1 space-y-4"><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-10 w-64"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-full max-w-xl"></div><div class="flex gap-2"><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-16"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-20"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-14"></div></div></div><div class="w-full lg:w-80"><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-32 w-full"></div></div></div><div class="space-y-4"><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-10 w-64"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-64 w-full"></div></div></div></main></div><script>requestAnimationFrame(function(){$RT=performance.now()});</script><script src="/_next/static/chunks/9b9784636e791b20.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"default\"]\n4:I[49786,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"Header\"]\n5:I[22016,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"\"]\nc:I[68027,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"default\"]\nd:I[2355,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"Analytics\"]\nf:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"OutletBoundary\"]\n10:\"$Sreact.suspense\"\n12:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"ViewportBoundary\"]\n14:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"MetadataBoundary\"]\n:HL[\"/_next/static/chunks/60ba853f5ed1b16b.css?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"style\"]\n:HL[\"/_next/static/chunks/9c76f6dd8b5c38e2.css?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"style\"]\n:HL[\"/_next/static/media/68d403cf9f2c68c5-s.p.f9f15f61.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"x_DymHuNhDTJUp7Mmr_Ru\",\"c\":[\"\",\"package\",\"%40liascript%2Feditor\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"package\",{\"children\":[[\"name\",\"%40liascript/editor\",\"c\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/60ba853f5ed1b16b.css?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/9c76f6dd8b5c38e2.css?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"font-sans antialiased\",\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"min-h-screen bg-background\",\"children\":[[\"$\",\"$L4\",null,{}],[\"$\",\"main\",null,{\"className\":\"mx-auto flex max-w-md flex-col items-center justify-center px-4 py-24 text-center\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-package mb-6 h-16 w-16 text-muted-foreground\",\"children\":[[\"$\",\"path\",\"1a0edw\",{\"d\":\"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z\"}],[\"$\",\"path\",\"d0xqtd\",{\"d\":\"M12 22V12\"}],[\"$\",\"path\",\"yx3hmr\",{\"d\":\"m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7\"}],[\"$\",\"path\",\"1c824w\",{\"d\":\"m7.5 4.27 9 5.15\"}],\"$undefined\"]}],[\"$\",\"h1\",null,{\"className\":\"mb-2 text-3xl font-bold\",\"children\":\"404\"}],[\"$\",\"h2\",null,{\"className\":\"mb-4 text-xl text-muted-foreground\",\"children\":\"Page not found\"}],[\"$\",\"p\",null,{\"className\":\"mb-8 text-muted-foreground\",\"children\":\"The page you're looking for doesn't exist or has been moved.\"}],[\"$\",\"div\",null,{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"$L5\",null,{\"href\":\"/\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-house mr-1.5 h-4 w-4\",\"children\":[[\"$\",\"path\",\"5wwlr5\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"$\",\"path\",\"1d0kgt\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}],\"$undefined\"]}],\"Go home\"],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2 has-[\u003esvg]:px-3\",\"ref\":null}],[\"$\",\"$L5\",null,{\"href\":\"/search\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-search mr-1.5 h-4 w-4\",\"children\":[[\"$\",\"circle\",\"4ej97u\",{\"cx\":\"11\",\"cy\":\"11\",\"r\":\"8\"}],[\"$\",\"path\",\"1qie3q\",{\"d\":\"m21 21-4.3-4.3\"}],\"$undefined\"]}],\"Search packages\"],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-9 px-4 py-2 has-[\u003esvg]:px-3\",\"ref\":null}]]}]]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"$L6\"]}]}]]}],{\"children\":[\"$L7\",{\"children\":[\"$L8\",{\"children\":[\"$L9\",{},null,false,false]},[\"$La\",[],[]],false,false]},null,false,false]},null,false,false],\"$Lb\",false]],\"m\":\"$undefined\",\"G\":[\"$c\",[]],\"S\":false}\n"])</script><script>self.__next_f.push([1,"6:[\"$\",\"$Ld\",null,{}]\n7:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n8:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n9:[\"$\",\"$1\",\"c\",{\"children\":[\"$Le\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$10\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@11\"}]}]]}]\na:null\nb:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L12\",null,{\"children\":\"$L13\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L14\",null,{\"children\":[\"$\",\"$10\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L15\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script><script>self.__next_f.push([1,"e:[\"$\",\"div\",null,{\"className\":\"min-h-screen bg-background\",\"children\":[[\"$\",\"$L4\",null,{}],[\"$\",\"main\",null,{\"className\":\"mx-auto max-w-6xl px-4 py-8\",\"children\":[\"$\",\"$10\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"space-y-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-6 lg:flex-row lg:gap-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-10 w-64\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-full max-w-xl\"}],[\"$\",\"div\",null,{\"className\":\"flex gap-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-16\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-20\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-14\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"w-full lg:w-80\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-32 w-full\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-10 w-64\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-64 w-full\"}]]}]]}],\"children\":\"$L16\"}]}]]}]\n"])</script><script>self.__next_f.push([1,"13:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"17:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"IconMark\"]\n11:null\n15:[[\"$\",\"title\",\"0\",{\"children\":\"@liascript/editor - npm explorer\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"An extended Markdown interpreter for the creation of interactive online courses.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/icon-light-32x32.png\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"/icon-dark-32x32.png\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/icon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"5\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png\"}],[\"$\",\"$L17\",\"6\",{}]]\n"])</script><title>@liascript/editor - npm explorer</title><meta name="description" content="An extended Markdown interpreter for the creation of interactive online courses."/><link rel="icon" href="/icon-light-32x32.png" media="(prefers-color-scheme: light)"/><link rel="icon" href="/icon-dark-32x32.png" media="(prefers-color-scheme: dark)"/><link rel="icon" href="/icon.svg" type="image/svg+xml"/><link rel="apple-touch-icon" href="/apple-icon.png"/><script >document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><div style="display:none" id="S:2"></div><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0}; $RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:2","S:2")</script><div style="display:none" id="S:0"></div><script>$RC("B:0","S:0")</script><script>self.__next_f.push([1,"16:[\"$\",\"div\",null,{\"className\":\"space-y-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-6 lg:flex-row lg:gap-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start gap-3\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"font-mono text-2xl font-bold sm:text-3xl\",\"children\":\"@liascript/editor\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a\u0026]:hover:bg-secondary/90 font-mono\",\"children\":[\"v\",\"1.1.41--1.0.1\"]}],\"$undefined\",\"$undefined\"]}]]}],\"$undefined\",[\"$\",\"p\",null,{\"className\":\"text-lg text-muted-foreground\",\"children\":\"An extended Markdown interpreter for the creation of interactive online courses.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5\",\"children\":[[\"$\",\"$L5\",\"LiaScript\",{\"href\":\"/search?q=LiaScript\",\"children\":[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-normal hover:bg-accent\",\"children\":\"LiaScript\"}]}],[\"$\",\"$L5\",\"education\",{\"href\":\"/search?q=education\",\"children\":[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-normal hover:bg-accent\",\"children\":\"education\"}]}],[\"$\",\"$L5\",\"OER\",{\"href\":\"/search?q=OER\",\"children\":[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-normal hover:bg-accent\",\"children\":\"OER\"}]}],[\"$\",\"$L5\",\"Markdown\",{\"href\":\"/search?q=Markdown\",\"children\":[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-normal hover:bg-accent\",\"children\":\"Markdown\"}]}]]}],\"$L18\",\"$L19\"]}],\"$L1a\"]}],\"$L1b\"]}]\n"])</script><script>self.__next_f.push([1,"1c:I[33485,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"InstallCommands\"]\n1d:I[27341,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"Tabs\"]\n1e:I[27341,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"TabsList\"]\n1f:I[27341,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"TabsTrigger\"]\n20:I[27341,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"TabsContent\"]\n21:I[77801,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"ReadmeViewer\"]\n"])</script><script>self.__next_f.push([1,"18:[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-4 text-sm text-muted-foreground\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-download h-4 w-4\",\"children\":[[\"$\",\"path\",\"ih7n3h\",{\"d\":\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"}],[\"$\",\"polyline\",\"2ggqvy\",{\"points\":\"7 10 12 15 17 10\"}],[\"$\",\"line\",\"1vk2je\",{\"x1\":\"12\",\"x2\":\"12\",\"y1\":\"15\",\"y2\":\"3\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"font-medium text-foreground\",\"children\":\"0\"}],\"/week\"]}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-calendar h-4 w-4\",\"children\":[[\"$\",\"path\",\"1cmpym\",{\"d\":\"M8 2v4\"}],[\"$\",\"path\",\"4m81vk\",{\"d\":\"M16 2v4\"}],[\"$\",\"rect\",\"1hopcy\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"4\",\"rx\":\"2\"}],[\"$\",\"path\",\"8toen8\",{\"d\":\"M3 10h18\"}],\"$undefined\"]}],\"Updated \",\"2 weeks ago\"]}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-scale h-4 w-4\",\"children\":[[\"$\",\"path\",\"7g6ntu\",{\"d\":\"m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z\"}],[\"$\",\"path\",\"ijws7r\",{\"d\":\"m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z\"}],[\"$\",\"path\",\"1b0cd5\",{\"d\":\"M7 21h10\"}],[\"$\",\"path\",\"108xh3\",{\"d\":\"M12 3v18\"}],[\"$\",\"path\",\"3gwbw2\",{\"d\":\"M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2\"}],\"$undefined\"]}],\"BSD-3-Clause\"]}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[\"Unpacked: \",\"16.0 MB\"]}]]}]\n"])</script><script>self.__next_f.push([1,"19:[\"$\",\"div\",null,{\"className\":\"text-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Published by \"}],[\"$\",\"$L5\",null,{\"href\":\"/~Andr%C3%A9%20Dietrich\",\"className\":\"font-medium hover:underline\",\"children\":\"André Dietrich\"}]]}]\n"])</script><script>self.__next_f.push([1,"1a:[\"$\",\"div\",null,{\"className\":\"w-full space-y-4 lg:w-80\",\"children\":[[\"$\",\"$L1c\",null,{\"packageName\":\"@liascript/editor\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-2\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://github.com/liascript/liascript\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-github mr-1.5 h-4 w-4\",\"children\":[[\"$\",\"path\",\"tonef\",{\"d\":\"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4\"}],[\"$\",\"path\",\"9comsn\",{\"d\":\"M9 18c-4.51 2-5-2-7-2\"}],\"$undefined\"]}],\"Repository\"],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[\u003esvg]:px-2.5\",\"ref\":null}],[\"$\",\"a\",null,{\"href\":\"https://github.com/LiaScript/LiaScript/blob/development/docs/EDITOR.md\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-house mr-1.5 h-4 w-4\",\"children\":[[\"$\",\"path\",\"5wwlr5\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"$\",\"path\",\"1d0kgt\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}],\"$undefined\"]}],\"Homepage\"],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[\u003esvg]:px-2.5\",\"ref\":null}],\"$undefined\",[\"$\",\"a\",null,{\"href\":\"https://npmjs.com/package/@liascript/editor\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-external-link mr-1.5 h-4 w-4\",\"children\":[[\"$\",\"path\",\"1q9fwt\",{\"d\":\"M15 3h6v6\"}],[\"$\",\"path\",\"gplh6r\",{\"d\":\"M10 14 21 3\"}],[\"$\",\"path\",\"a6xqqp\",{\"d\":\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"}],\"$undefined\"]}],\"npm\"],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[\u003esvg]:px-2.5\",\"ref\":null}]]}],false]}]\n"])</script><script>self.__next_f.push([1,"22:T15d1,"])</script><script>self.__next_f.push([1,"# LiaScript/Editor\n\n[LiaScript/Editor](https://github.com/LiaScript/LiaScript/tree/editor) is a\nspecial branch of LiaScript that can be used to easily create preview-plugins\nfor different editor.\n\nCurrent examples are:\n\n- [**liascript-preview**](https://atom.io/packages/liascript-preview): a plugin\n for the [Atom editor](https://atom.io)\n\n Code: https://github.com/andre-dietrich/liascript-preview\n\n- [**CodiLIA**](https://github.com/liascript/codilia): a fork of the\n collaborative Markdown [CodiMD](https://github.com/hackmdio/codimd)\n\n Code: https://github.com/liascript/codilia\n\n## Installation\n\ninstall via npm:\n\n`npm i @liascript/editor`\n\n\u003e **Note:** The version information might look a bit different e.g.\n\u003e `1.1.32--0.17.3`. The second version mirrors current version of LiaScript,\n\u003e while the first number is referring to the changes of the editor-branch.\n\n## HowTo\n\nThe project itself is a fully fledged LiaScript interpreter that runs on a\nwebsite. Thus, if you have installed the editor version via npm, you can\ndirectly call the index.hml and add the url of your file to preview as a\nparameter:\n\n`node_modules/@liascript/editor/dist/index.html?file://..../Readme.md`\n\nIt is recommended to use a separate webview or iframe for this task\n\n`\u003cwebview src=\"...index.html?file://.../Readme.md\"\u003e`\n\n`\u003ciframe src=\"...index.html?file://.../Readme.md\"\u003e`\n\nWhenever you want to trigger a reload, probably every time the the user saves\nthe document, you only have to trigger a page reload and the entire content is\nparsed again.\n\n\u003e **Note:** Since LiaScript also evaluates JavaScript code, it is always the\n\u003e most secure way of using iframes and webviews, since they decouple your editor\n\u003e from the LiaScript-view, furthermore webviews run within their own thread, so\n\u003e that your IDE does not have to share resources for editing and rendering.\n\nHowever there are two additional features, that can also be used in conjunction\nwith this branch...\n\n### Navigation\n\nTo enable editor to preview navigation, you will have to identify the current\nline-position within the editor that you want to see also on the preview.\nIdeally this is triggered by **(1)** subscribing for a double-click event,\n**(2)** identify the current cursor-position, **(3.1)** post a message to the\nwebview or iframe **(3.2)** or directly call `liaGoto`.\n\n```javascript\nlet line = editor_.getCursorBufferPosition().row + 1\n\n// 3.1\nwebview.contentWindow.postMessage({ cmd: 'goto', param: line })\n\n// 3.2\nwebview.contentWindow.LIA.goto(line)\n```\n\nThe other way around works similar, you will have to overwrite internally\nexposed global function `liaGoto` and move your cursor to the provided line:\n\n```javascript\nwebview.contentWindow.LIA.goto = function (line) {\n editor.setCursor({ line: line, ch: 0 })\n editor.focus()\n}\n```\n\n### Just-in-Time compilation\n\nInstead of forcing the preview to reload all content, you can also use the\nexperimental Just-in-Time compilation feature, to update the preview while\ntyping.\n\nIt is recommended to load your document, as it was done initially in section\n[Usage](#usage), to wait for the ready signal and then to apply an additional\ndebouncer to minimize the update overhead and increase performance 😏\n\nSimilar to the previous example, there are two ways of updating the code, either\nby messaging or by calling the exposed function `jitLia`. `isReady` will be\ncalled by LiaScript if everything is set-up and the first instance of the course\nwas loaded and parsed.\n\n```javascript\nlet isReady = false\nwindow.liaReady = function() {\n isReady = true\n}\n\nlet jit = function () {\n webview.contentWindow.postMessage({cmd: \"jit\", param: editor_.getText()});\n}\n\nlet jit = function () {\n webview.contentWindow.jitLia(editor_.getText())\n}\n\n// atom example of a subscription to editor changes\nthis.subscriptions.add(\n this.editor.getBuffer().onDidChange(\n if (isReady) {\n debounce(jit, 500)\n }\n )\n);\n```\n\n\u003e Calling `jit` applies some form of dynamic parsing to increase the parsing\n\u003e speed and to minimize computational overhead. Thus, it is a bit tricky at the\n\u003e moment, if you are working with javascript that gets reevaluted on every\n\u003e change (for the visible slide).\n\u003e\n\u003e I would recommend two modes: **load on save** and **jit** and let the user\n\u003e decide, if possible.\n\n### Text2Speech output\n\nUnfortunately, there is currently no general browser support for text2speech\noutput. [responsivevoice](https://responsivevoice.org) is applied by LiaScript\nas the default text2speech engine. It is free for non-profit \u0026 educational\nprojects. However, you will have to provide a key for your project/website.\n\nThere are multiple ways s of injecting code, one way is to dynamically insert\na new script to your document, as it is depicted below.\n_(But you can also edit the index.html and add a script manually)_\n\n```javascript\nwindow.onload = function () {\n let responsiveVoiceKey = '*******'\n\n var script = document.createElement('script')\n script.src =\n 'https://code.responsivevoice.org/responsivevoice.js?key=' +\n responsiveVoiceKey\n\n document.body.appendChild(script)\n\n // IMPORTANT: This is mandatory, otherwise responsiveVoice\n // might not be initialized correctly!!!\n script.onload = () =\u003e {\n window.responsiveVoice.init()\n }\n}\n```\n\nHowever, you can also use one of the following methods:\n\n```javascript\nwebview.contentWindow.postMessage({ cmd: 'responsivevoice', param: 'YOUR_KEY' })\n\nwebview.contentWindow.setResponsiveVoiceKey('YOUR_KEY')\n```\n\n## Contact\n\nAuthor: André Dietrich\n\neMail: LiaScript@web.de\n\nWebsite: https://LiaScript.github.io\n"])</script><script>self.__next_f.push([1,"1b:[\"$\",\"$L1d\",null,{\"defaultValue\":\"readme\",\"className\":\"w-full\",\"children\":[[\"$\",\"$L1e\",null,{\"children\":[[\"$\",\"$L1f\",null,{\"value\":\"readme\",\"children\":\"Readme\"}],[\"$\",\"$L1f\",null,{\"value\":\"dependencies\",\"children\":[\"Dependencies\",[\"$\",\"span\",null,{\"className\":\"ml-1.5 text-xs text-muted-foreground\",\"children\":[\"(\",1,\")\"]}]]}],[\"$\",\"$L1f\",null,{\"value\":\"versions\",\"children\":[\"Versions\",[\"$\",\"span\",null,{\"className\":\"ml-1.5 text-xs text-muted-foreground\",\"children\":[\"(\",203,\")\"]}]]}]]}],[\"$\",\"$L20\",null,{\"value\":\"readme\",\"className\":\"mt-6\",\"children\":[\"$\",\"$L21\",null,{\"readme\":\"$22\"}]}],\"$L23\",\"$L24\"]}]\n"])</script><script>self.__next_f.push([1,"26:I[7860,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"VersionList\"]\n"])</script><script>self.__next_f.push([1,"23:[\"$\",\"$L20\",null,{\"value\":\"dependencies\",\"className\":\"mt-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-6 lg:grid-cols-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border shadow-sm py-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-2\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-title\",\"className\":\"font-semibold flex items-center gap-2 text-base\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-package h-4 w-4\",\"children\":[[\"$\",\"path\",\"1a0edw\",{\"d\":\"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z\"}],[\"$\",\"path\",\"d0xqtd\",{\"d\":\"M12 22V12\"}],[\"$\",\"path\",\"yx3hmr\",{\"d\":\"m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7\"}],[\"$\",\"path\",\"1c824w\",{\"d\":\"m7.5 4.27 9 5.15\"}],\"$undefined\"]}],\"Dependencies\",[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a\u0026]:hover:bg-secondary/90 ml-auto text-xs\",\"children\":1}]]}]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-1\",\"children\":[[\"$\",\"$L5\",\"pako\",{\"href\":\"/package/pako\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"pako\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.1.0\"}]]}]]}]}]]}],false,[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border shadow-sm py-4 lg:col-span-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-2\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-title\",\"className\":\"font-semibold flex items-center gap-2 text-base\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-wrench h-4 w-4\",\"children\":[[\"$\",\"path\",\"cbrjhi\",{\"d\":\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"}],\"$undefined\"]}],\"Dev Dependencies\",[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a\u0026]:hover:bg-secondary/90 ml-auto text-xs\",\"children\":49}]]}]}],\"$L25\"]}]]}]}]\n"])</script><script>self.__next_f.push([1,"24:[\"$\",\"$L20\",null,{\"value\":\"versions\",\"className\":\"mt-6\",\"children\":[\"$\",\"$L26\",null,{\"packageName\":\"@liascript/editor\",\"versions\":[{\"version\":\"1.1.41--1.0.1\",\"date\":\"2026-01-20T21:17:01.979Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.41--1.0.0\",\"date\":\"2026-01-06T22:27:30.156Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.40--1.0.0\",\"date\":\"2026-01-06T22:20:51.142Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.39--1.0.0\",\"date\":\"2026-01-06T22:12:03.803Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.38--1.0.0\",\"date\":\"2026-01-06T13:13:35.814Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.37--1.0.0\",\"date\":\"2026-01-06T12:50:15.529Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.36--1.0.0\",\"date\":\"2026-01-06T12:24:58.619Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.35--1.0.0\",\"date\":\"2026-01-06T12:08:44.598Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.34--1.0.0\",\"date\":\"2026-01-06T10:58:10.439Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.34--0.17.10\",\"date\":\"2025-11-17T19:34:10.154Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.34--0.17.9\",\"date\":\"2025-11-17T17:24:38.064Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.34--0.17.8\",\"date\":\"2025-10-31T12:23:15.251Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.34--0.17.7\",\"date\":\"2025-10-16T13:30:05.493Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.34--0.17.6\",\"date\":\"2025-09-19T20:49:24.191Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.34--0.17.5\",\"date\":\"2025-09-17T07:24:29.490Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.34--0.17.4\",\"date\":\"2025-08-25T08:06:18.498Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.34--0.17.3\",\"date\":\"2025-07-18T08:55:56.750Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.33--0.17.3\",\"date\":\"2025-07-15T13:09:24.734Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.32--0.17.3\",\"date\":\"2025-06-23T11:32:49.756Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.32--0.17.2\",\"date\":\"2025-06-18T06:38:08.453Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.31--0.17.2\",\"date\":\"2025-06-11T17:23:12.825Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.30--0.17.2\",\"date\":\"2025-06-06T07:43:32.130Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.29--0.17.2\",\"date\":\"2025-06-04T21:02:59.221Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.29--0.17.1\",\"date\":\"2025-06-02T11:50:08.860Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.28--0.17.1\",\"date\":\"2025-06-02T11:22:04.648Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.27--0.17.1\",\"date\":\"2025-06-02T11:06:33.680Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.26--0.17.1\",\"date\":\"2025-06-02T10:43:52.245Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.25--0.17.1\",\"date\":\"2025-05-20T06:59:52.305Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.24--0.17.1\",\"date\":\"2025-05-19T18:36:54.702Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.23--0.17.1\",\"date\":\"2025-05-19T10:48:56.671Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.23--0.17.0\",\"date\":\"2025-05-14T22:12:11.453Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.22--0.17.0\",\"date\":\"2025-05-13T10:36:26.995Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.22--0.16.15\",\"date\":\"2025-05-08T13:27:36.181Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.22--0.16.14\",\"date\":\"2025-04-14T15:04:21.899Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.22--0.16.12\",\"date\":\"2025-04-04T15:31:50.007Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.22--0.16.11\",\"date\":\"2025-03-11T12:59:50.351Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.21--0.16.11\",\"date\":\"2025-03-06T20:40:44.307Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.21--0.16.10\",\"date\":\"2025-02-21T10:47:34.555Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.20--0.16.10\",\"date\":\"2025-02-20T12:31:49.215Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.19--0.16.10\",\"date\":\"2025-02-13T16:34:47.271Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.18--0.16.10\",\"date\":\"2025-02-08T16:01:05.922Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.17--0.16.10\",\"date\":\"2025-02-08T15:48:15.663Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.16--0.16.10\",\"date\":\"2025-02-04T08:08:26.140Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.16--0.16.9\",\"date\":\"2025-02-03T17:55:33.534Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.16--0.16.8\",\"date\":\"2025-02-03T09:23:51.352Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.15--0.16.8\",\"date\":\"2025-02-02T07:15:23.566Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.14--0.16.8\",\"date\":\"2025-01-31T08:25:52.037Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.12--0.16.8\",\"date\":\"2025-01-30T11:41:11.504Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.11--0.16.8\",\"date\":\"2025-01-15T18:25:34.546Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.10--0.16.8\",\"date\":\"2025-01-14T13:56:16.861Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.9--0.16.8\",\"date\":\"2025-01-13T09:44:03.006Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.8--0.16.8\",\"date\":\"2025-01-09T13:19:17.453Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.7--0.16.8\",\"date\":\"2025-01-06T18:11:58.679Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.7--0.16.7\",\"date\":\"2024-11-14T15:13:29.340Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.7--0.16.6\",\"date\":\"2024-11-08T10:18:00.128Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.7--0.16.5\",\"date\":\"2024-11-07T09:38:24.078Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.7--0.16.4\",\"date\":\"2024-10-29T11:04:29.005Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.7--0.16.3\",\"date\":\"2024-10-21T11:04:35.441Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.7--0.16.2\",\"date\":\"2024-10-04T15:31:42.458Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.7--0.16.1\",\"date\":\"2024-09-27T12:34:11.214Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.7--0.16.0\",\"date\":\"2024-09-27T11:25:11.077Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.7--0.15.12\",\"date\":\"2024-08-29T07:27:50.791Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.6--0.15.12\",\"date\":\"2024-08-29T07:20:40.803Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.6--0.15.11\",\"date\":\"2024-08-22T20:52:31.761Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.6--0.15.10\",\"date\":\"2024-08-14T12:22:35.715Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.6--0.15.9\",\"date\":\"2024-08-12T11:04:33.360Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.6--0.15.8\",\"date\":\"2024-08-08T20:37:44.141Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.5--0.15.8\",\"date\":\"2024-08-07T19:24:46.551Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.5--0.15.7\",\"date\":\"2024-07-29T12:29:31.602Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.5--0.15.6\",\"date\":\"2024-07-26T12:00:24.531Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.5--0.15.5\",\"date\":\"2024-07-15T08:18:43.490Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.5--0.15.4\",\"date\":\"2024-07-03T18:54:43.535Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.5--0.15.3\",\"date\":\"2024-06-25T15:00:58.522Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.5--0.15.2\",\"date\":\"2024-06-25T08:51:20.726Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.5--0.15.1\",\"date\":\"2024-06-20T12:33:03.396Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.4--0.15.1\",\"date\":\"2024-06-14T12:07:08.019Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.4--0.15.0\",\"date\":\"2024-06-14T11:00:19.214Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.4--0.14.12\",\"date\":\"2024-05-15T06:50:44.622Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.4--0.14.11\",\"date\":\"2024-04-15T09:04:47.652Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.4--0.14.10\",\"date\":\"2024-03-16T12:49:33.892Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.3--0.14.10\",\"date\":\"2024-03-04T09:42:16.818Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.3--0.14.9\",\"date\":\"2024-03-02T11:15:15.203Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.3--0.14.8\",\"date\":\"2024-02-29T21:06:04.265Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.3--0.14.7\",\"date\":\"2024-02-29T20:32:20.419Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.3--0.14.6\",\"date\":\"2024-02-25T15:14:18.370Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.3--0.14.5\",\"date\":\"2024-02-23T20:20:49.864Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.3--0.14.4\",\"date\":\"2024-01-30T08:43:12.249Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.3--0.14.3\",\"date\":\"2024-01-03T09:50:33.294Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.3--0.14.2\",\"date\":\"2023-12-24T23:04:52.093Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.3--0.14.1\",\"date\":\"2023-12-21T11:44:42.364Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.3--0.14.0\",\"date\":\"2023-12-19T19:08:14.724Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.3--0.12.12\",\"date\":\"2023-12-01T10:19:53.276Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.2--0.12.12\",\"date\":\"2023-11-22T12:27:44.512Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.2--0.12.11\",\"date\":\"2023-11-15T18:26:57.014Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.2--0.12.10\",\"date\":\"2023-11-15T16:13:02.138Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.2--0.12.9\",\"date\":\"2023-11-14T09:35:41.104Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.2--0.12.8\",\"date\":\"2023-09-26T08:35:20.766Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.2--0.12.7\",\"date\":\"2023-09-22T07:47:45.819Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.2--0.12.6\",\"date\":\"2023-09-21T15:00:14.811Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.2--0.12.5\",\"date\":\"2023-09-21T11:28:50.911Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.1--0.12.5\",\"date\":\"2023-09-21T10:59:13.993Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.1--0.12.4\",\"date\":\"2023-07-11T12:19:33.820Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.1--0.12.3\",\"date\":\"2023-06-23T06:05:56.000Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.1--0.12.2-1\",\"date\":\"2023-06-12T10:20:04.035Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.1--0.12.2\",\"date\":\"2023-05-22T13:06:54.710Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.12.2\",\"date\":\"2023-04-24T19:47:59.771Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.12.1\",\"date\":\"2023-04-24T09:01:38.133Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.12.0\",\"date\":\"2023-04-24T07:02:36.619Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.11.1\",\"date\":\"2023-04-10T16:49:10.927Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.11.0\",\"date\":\"2023-03-29T09:30:13.603Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.33\",\"date\":\"2023-03-22T08:10:52.982Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.32\",\"date\":\"2023-03-14T06:04:55.899Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.31\",\"date\":\"2023-03-02T06:57:35.013Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.30\",\"date\":\"2023-02-21T08:22:58.368Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.28\",\"date\":\"2023-02-14T16:54:46.250Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.26\",\"date\":\"2023-01-16T13:28:10.904Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.25\",\"date\":\"2022-12-05T12:15:31.679Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.24\",\"date\":\"2022-11-28T11:12:34.771Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.22\",\"date\":\"2022-10-14T12:43:16.555Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.21\",\"date\":\"2022-09-09T07:19:11.522Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.20\",\"date\":\"2022-08-30T06:24:38.850Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.19\",\"date\":\"2022-08-24T11:03:28.063Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.18\",\"date\":\"2022-07-18T07:15:16.883Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.17\",\"date\":\"2022-06-29T12:45:18.950Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.16\",\"date\":\"2022-06-28T10:40:05.228Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.15\",\"date\":\"2022-06-27T11:34:09.956Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.14\",\"date\":\"2022-06-18T16:39:42.784Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.12\",\"date\":\"2022-06-02T19:28:00.404Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.11\",\"date\":\"2022-05-30T10:08:17.035Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.10\",\"date\":\"2022-05-24T11:33:05.566Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.9\",\"date\":\"2022-05-10T07:44:48.067Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.8\",\"date\":\"2022-04-10T19:04:53.769Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.7\",\"date\":\"2022-04-07T10:17:06.545Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.5\",\"date\":\"2022-03-23T14:50:18.405Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.4\",\"date\":\"2022-03-23T10:40:38.567Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.2\",\"date\":\"2022-03-08T16:42:25.321Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.1\",\"date\":\"2022-02-25T12:39:40.698Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0--0.10.0\",\"date\":\"2022-02-17T11:37:00.461Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.51\",\"date\":\"2022-01-26T06:01:54.635Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.50\",\"date\":\"2022-01-25T21:37:31.941Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.49\",\"date\":\"2022-01-24T18:54:05.715Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.48\",\"date\":\"2022-01-24T17:26:52.949Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.47\",\"date\":\"2022-01-14T13:06:32.517Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.46\",\"date\":\"2022-01-09T17:28:10.602Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.45\",\"date\":\"2022-01-06T13:05:52.783Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.44\",\"date\":\"2022-01-06T11:47:04.810Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.43\",\"date\":\"2021-12-14T07:33:49.603Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.42\",\"date\":\"2021-12-12T13:49:58.598Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.41\",\"date\":\"2021-12-06T21:14:30.812Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.40\",\"date\":\"2021-10-21T13:59:51.453Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.39\",\"date\":\"2021-10-04T09:40:33.429Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.38\",\"date\":\"2021-10-04T08:40:35.892Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.37\",\"date\":\"2021-10-01T12:06:09.626Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.36\",\"date\":\"2021-10-01T11:42:25.029Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.35\",\"date\":\"2021-09-26T18:29:32.493Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.34\",\"date\":\"2021-09-24T12:40:57.460Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.33\",\"date\":\"2021-09-16T07:32:58.108Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.32\",\"date\":\"2021-09-06T08:52:56.415Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.31\",\"date\":\"2021-08-30T15:54:57.253Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.30\",\"date\":\"2021-08-27T08:57:01.108Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.29\",\"date\":\"2021-08-24T10:20:59.386Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.28\",\"date\":\"2021-08-23T12:41:14.294Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.27\",\"date\":\"2021-08-17T12:37:47.748Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.26\",\"date\":\"2021-08-17T11:12:44.848Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.25\",\"date\":\"2021-08-17T09:14:50.811Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.24\",\"date\":\"2021-07-30T11:38:13.461Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.23\",\"date\":\"2021-07-17T15:40:41.527Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.22\",\"date\":\"2021-07-17T15:24:36.051Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.21\",\"date\":\"2021-06-22T09:23:21.454Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.20\",\"date\":\"2021-06-22T08:59:40.880Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.19\",\"date\":\"2021-06-09T07:19:12.648Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.18\",\"date\":\"2021-05-28T12:41:47.680Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.17\",\"date\":\"2021-05-26T09:37:17.197Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.16\",\"date\":\"2021-05-17T17:45:01.403Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.15\",\"date\":\"2021-05-17T17:03:09.899Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4--0.9.14\",\"date\":\"2021-05-12T11:29:38.493Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.3--0.9.14\",\"date\":\"2021-05-08T15:24:59.433Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.3--0.9.12\",\"date\":\"2021-05-04T14:59:48.050Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.3--0.9.11\",\"date\":\"2021-05-04T11:34:52.227Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.3--0.9.10\",\"date\":\"2021-04-27T12:52:09.069Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.3--0.9.9\",\"date\":\"2021-04-26T11:04:23.913Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.3--0.9.8\",\"date\":\"2021-04-23T19:16:04.119Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.3--0.9.6\",\"date\":\"2021-04-20T12:14:42.876Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.3--0.9.5\",\"date\":\"2021-04-13T14:47:59.583Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.3--0.9.4\",\"date\":\"2021-04-12T09:45:21.025Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.2--0.9.4\",\"date\":\"2021-04-12T09:41:44.579Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.3--0.9.3\",\"date\":\"2021-04-08T18:11:01.707Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.2--0.9.2\",\"date\":\"2021-04-08T15:16:54.998Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.2--0.9.1\",\"date\":\"2021-04-08T07:23:22.059Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.2--0.9.0\",\"date\":\"2021-04-06T14:22:18.884Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.1--0.9.0--alpha5\",\"date\":\"2021-04-06T14:13:29.838Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.1--0.9.0--alpha4\",\"date\":\"2021-04-06T14:05:43.724Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.1--0.9.0--alpha3\",\"date\":\"2021-04-06T13:52:39.850Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.1--0.9.0--alpha2\",\"date\":\"2021-04-06T13:13:43.622Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.1--0.9.0--alpha1\",\"date\":\"2021-04-06T12:28:12.981Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.1--0.9.1--alpha1\",\"date\":\"2021-04-05T15:32:34.875Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.1--0.9.1--alpha\",\"date\":\"2021-04-05T15:28:59.472Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.1--0.9.0\",\"date\":\"2021-04-05T07:54:08.551Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.0--0.9.0-alpha4\",\"date\":\"2021-04-04T18:39:03.119Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.0--0.9.0-alpha3\",\"date\":\"2021-04-02T21:53:42.617Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.1--0.9.0-alpha2\",\"date\":\"2021-04-02T18:13:10.211Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.0--0.9.0-alpha1\",\"date\":\"2021-04-02T08:23:43.394Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.0--0.8.12\",\"date\":\"2021-02-01T08:37:38.909Z\",\"deprecated\":\"$undefined\"}],\"currentVersion\":\"1.1.41--1.0.1\"}]}]\n"])</script><div style="display:none" id="S:1"><div class="space-y-8"><div class="flex flex-col gap-6 lg:flex-row lg:gap-8"><div class="flex-1 space-y-4"><div class="flex flex-wrap items-start gap-3"><h1 class="font-mono text-2xl font-bold sm:text-3xl">@liascript/editor</h1><div class="flex flex-wrap items-center gap-2"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 font-mono">v1.1.41--1.0.1</span></div></div><p class="text-lg text-muted-foreground">An extended Markdown interpreter for the creation of interactive online courses.</p><div class="flex flex-wrap gap-1.5"><a href="/search?q=LiaScript"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-normal hover:bg-accent">LiaScript</span></a><a href="/search?q=education"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-normal hover:bg-accent">education</span></a><a href="/search?q=OER"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-normal hover:bg-accent">OER</span></a><a href="/search?q=Markdown"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-normal hover:bg-accent">Markdown</span></a></div><div class="flex flex-wrap gap-4 text-sm text-muted-foreground"><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg><span class="font-medium text-foreground">0</span>/week</span><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-4 w-4"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>Updated 2 weeks ago</span><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scale h-4 w-4"><path d="m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"></path><path d="m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"></path><path d="M7 21h10"></path><path d="M12 3v18"></path><path d="M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2"></path></svg>BSD-3-Clause</span><span class="flex items-center gap-1.5">Unpacked: 16.0 MB</span></div><div class="text-sm"><span class="text-muted-foreground">Published by </span><a class="font-medium hover:underline" href="/~Andr%C3%A9%20Dietrich">André Dietrich</a></div></div><div class="w-full space-y-4 lg:w-80"><div class="rounded-lg border bg-card"><div dir="ltr" data-orientation="horizontal" data-slot="tabs" class="flex flex-col gap-2"><div role="tablist" aria-orientation="horizontal" data-slot="tabs-list" class="text-muted-foreground inline-flex h-9 items-center w-full justify-start rounded-none border-b bg-transparent p-0" tabindex="-1" data-orientation="horizontal" style="outline:none"><button type="button" role="tab" aria-selected="true" aria-controls="radix-_R_36av5ubrb_-content-npm" data-state="active" id="radix-_R_36av5ubrb_-trigger-npm" data-slot="tabs-trigger" class="dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">npm</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_36av5ubrb_-content-yarn" data-state="inactive" id="radix-_R_36av5ubrb_-trigger-yarn" data-slot="tabs-trigger" class="dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">yarn</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_36av5ubrb_-content-pnpm" data-state="inactive" id="radix-_R_36av5ubrb_-trigger-pnpm" data-slot="tabs-trigger" class="dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">pnpm</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_36av5ubrb_-content-bun" data-state="inactive" id="radix-_R_36av5ubrb_-trigger-bun" data-slot="tabs-trigger" class="dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">bun</button></div><div data-state="active" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_36av5ubrb_-trigger-npm" id="radix-_R_36av5ubrb_-content-npm" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0" style="animation-duration:0s"><div class="flex items-center justify-between gap-2 p-3"><code class="flex-1 overflow-x-auto whitespace-nowrap font-mono text-sm">npm install @liascript/editor</code><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 size-9 h-8 w-8 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-4 w-4"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></button></div></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_36av5ubrb_-trigger-yarn" hidden="" id="radix-_R_36av5ubrb_-content-yarn" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0"></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_36av5ubrb_-trigger-pnpm" hidden="" id="radix-_R_36av5ubrb_-content-pnpm" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0"></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_36av5ubrb_-trigger-bun" hidden="" id="radix-_R_36av5ubrb_-content-bun" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0"></div></div></div><div class="flex flex-wrap gap-2"><a href="https://github.com/liascript/liascript" target="_blank" rel="noopener noreferrer" data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github mr-1.5 h-4 w-4"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg>Repository</a><a href="https://github.com/LiaScript/LiaScript/blob/development/docs/EDITOR.md" target="_blank" rel="noopener noreferrer" data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house mr-1.5 h-4 w-4"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg>Homepage</a><a href="https://npmjs.com/package/@liascript/editor" target="_blank" rel="noopener noreferrer" data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link mr-1.5 h-4 w-4"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>npm</a></div></div></div><div dir="ltr" data-orientation="horizontal" data-slot="tabs" class="flex flex-col gap-2 w-full"><div role="tablist" aria-orientation="horizontal" data-slot="tabs-list" class="bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]" tabindex="-1" data-orientation="horizontal" style="outline:none"><button type="button" role="tab" aria-selected="true" aria-controls="radix-_R_aav5ubrb_-content-readme" data-state="active" id="radix-_R_aav5ubrb_-trigger-readme" data-slot="tabs-trigger" class="data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">Readme</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_aav5ubrb_-content-dependencies" data-state="inactive" id="radix-_R_aav5ubrb_-trigger-dependencies" data-slot="tabs-trigger" class="data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">Dependencies<span class="ml-1.5 text-xs text-muted-foreground">(1)</span></button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_aav5ubrb_-content-versions" data-state="inactive" id="radix-_R_aav5ubrb_-trigger-versions" data-slot="tabs-trigger" class="data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">Versions<span class="ml-1.5 text-xs text-muted-foreground">(203)</span></button></div><div data-state="active" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_aav5ubrb_-trigger-readme" id="radix-_R_aav5ubrb_-content-readme" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-6" style="animation-duration:0s"><div class="relative"><div class="prose prose-sm dark:prose-invert max-w-none overflow-hidden rounded-lg border p-6" style="max-height:500px"><p><h1 class="text-2xl font-bold mt-6 mb-4">LiaScript/Editor</h1></p><p class="my-3"><a href="https://github.com/LiaScript/LiaScript/tree/editor" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">LiaScript/Editor</a> is a<br />special branch of LiaScript that can be used to easily create preview-plugins<br />for different editor.</p><p class="my-3">Current examples are:</p><p class="my-3">- <a href="https://atom.io/packages/liascript-preview" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer"><strong>liascript-preview</strong></a>: a plugin<br /> for the <a href="https://atom.io" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">Atom editor</a></p><p class="my-3"> Code: https://github.com/andre-dietrich/liascript-preview</p><p class="my-3">- <a href="https://github.com/liascript/codilia" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer"><strong>CodiLIA</strong></a>: a fork of the<br /> collaborative Markdown <a href="https://github.com/hackmdio/codimd" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">CodiMD</a></p><p class="my-3"> Code: https://github.com/liascript/codilia</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Installation</h2></p><p class="my-3">install via npm:</p><p class="my-3"><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">npm i @liascript/editor</code></p><p class="my-3">> <strong>Note:</strong> The version information might look a bit different e.g.<br />> <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">1.1.32--0.17.3</code>. The second version mirrors current version of LiaScript,<br />> while the first number is referring to the changes of the editor-branch.</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">HowTo</h2></p><p class="my-3">The project itself is a fully fledged LiaScript interpreter that runs on a<br />website. Thus, if you have installed the editor version via npm, you can<br />directly call the index.hml and add the url of your file to preview as a<br />parameter:</p><p class="my-3"><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">node_modules/@liascript/editor/dist/index.html?file://..../Readme.md</code></p><p class="my-3">It is recommended to use a separate webview or iframe for this task</p><p class="my-3"><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><webview src="...index.html?file://.../Readme.md"></code></p><p class="my-3"><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><iframe src="...index.html?file://.../Readme.md"></code></p><p class="my-3">Whenever you want to trigger a reload, probably every time the the user saves<br />the document, you only have to trigger a page reload and the entire content is<br />parsed again.</p><p class="my-3">> <strong>Note:</strong> Since LiaScript also evaluates JavaScript code, it is always the<br />> most secure way of using iframes and webviews, since they decouple your editor<br />> from the LiaScript-view, furthermore webviews run within their own thread, so<br />> that your IDE does not have to share resources for editing and rendering.</p><p class="my-3">However there are two additional features, that can also be used in conjunction<br />with this branch...</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">To enable editor to preview navigation, you will have to identify the current<br />line-position within the editor that you want to see also on the preview.<br />Ideally this is triggered by <strong>(1)</strong> subscribing for a double-click event,<br /><strong>(2)</strong> identify the current cursor-position, <strong>(3.1)</strong> post a message to the<br />webview or iframe <strong>(3.2)</strong> or directly call <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">liaGoto</code>.</p><p class="my-3">``<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />let line = editor_.getCursorBufferPosition().row + 1</p><p class="my-3">// 3.1<br />webview.contentWindow.postMessage({ cmd: 'goto', param: line })</p><p class="my-3">// 3.2<br />webview.contentWindow.LIA.goto(line)<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">The other way around works similar, you will have to overwrite internally<br />exposed global function </code>liaGoto<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> and move your cursor to the provided line:</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />webview.contentWindow.LIA.goto = function (line) {<br /> editor.setCursor({ line: line, ch: 0 })<br /> editor.focus()<br />}<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">Instead of forcing the preview to reload all content, you can also use the<br />experimental Just-in-Time compilation feature, to update the preview while<br />typing.</p><p class="my-3">It is recommended to load your document, as it was done initially in section<br /><a href="#usage" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">Usage</a>, to wait for the ready signal and then to apply an additional<br />debouncer to minimize the update overhead and increase performance 😏</p><p class="my-3">Similar to the previous example, there are two ways of updating the code, either<br />by messaging or by calling the exposed function </code>jitLia<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">. </code>isReady<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> will be<br />called by LiaScript if everything is set-up and the first instance of the course<br />was loaded and parsed.</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />let isReady = false<br />window.liaReady = function() {<br /> isReady = true<br />}</p><p class="my-3">let jit = function () {<br /> webview.contentWindow.postMessage({cmd: "jit", param: editor_.getText()});<br />}</p><p class="my-3">let jit = function () {<br /> webview.contentWindow.jitLia(editor_.getText())<br />}</p><p class="my-3">// atom example of a subscription to editor changes<br />this.subscriptions.add(<br /> this.editor.getBuffer().onDidChange(<br /> if (isReady) {<br /> debounce(jit, 500)<br /> }<br /> )<br />);<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">> Calling </code>jit<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> applies some form of dynamic parsing to increase the parsing<br />> speed and to minimize computational overhead. Thus, it is a bit tricky at the<br />> moment, if you are working with javascript that gets reevaluted on every<br />> change (for the visible slide).<br />><br />> I would recommend two modes: <strong>load on save</strong> and <strong>jit</strong> and let the user<br />> decide, if possible.</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">Unfortunately, there is currently no general browser support for text2speech<br />output. <a href="https://responsivevoice.org" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">responsivevoice</a> is applied by LiaScript<br />as the default text2speech engine. It is free for non-profit & educational<br />projects. However, you will have to provide a key for your project/website.</p><p class="my-3">There are multiple ways s of injecting code, one way is to dynamically insert<br />a new script to your document, as it is depicted below.<br />_(But you can also edit the index.html and add a script manually)_</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />window.onload = function () {<br /> let responsiveVoiceKey = '<strong><em></strong></em>*'</p><p class="my-3"> var script = document.createElement('script')<br /> script.src =<br /> 'https://code.responsivevoice.org/responsivevoice.js?key=' +<br /> responsiveVoiceKey</p><p class="my-3"> document.body.appendChild(script)</p><p class="my-3"> // IMPORTANT: This is mandatory, otherwise responsiveVoice<br /> // might not be initialized correctly!!!<br /> script.onload = () => {<br /> window.responsiveVoice.init()<br /> }<br />}<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">However, you can also use one of the following methods:</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />webview.contentWindow.postMessage({ cmd: 'responsivevoice', param: 'YOUR_KEY' })</p><p class="my-3">webview.contentWindow.setResponsiveVoiceKey('YOUR_KEY')<br /></code>``</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Contact</h2></p><p class="my-3">Author: André Dietrich</p><p class="my-3">eMail: LiaScript@web.de</p><p class="my-3">Website: https://LiaScript.github.io<br /></p></div><div class="flex justify-center absolute inset-x-0 bottom-0 bg-gradient-to-t from-background via-background to-transparent pb-4 pt-16"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down mr-1 h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg>Show more</button></div></div></div><template id="P:3"></template><template id="P:4"></template></div></div></div><script>self.__next_f.push([1,"25:[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-1 sm:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"$L5\",\"@convergencelabs/ace-collab-ext\",{\"href\":\"/package/%40convergencelabs%2Face-collab-ext\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@convergencelabs/ace-collab-ext\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.6.0\"}]]}],[\"$\",\"$L5\",\"@parcel/packager-raw-url\",{\"href\":\"/package/%40parcel%2Fpackager-raw-url\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@parcel/packager-raw-url\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.8.3\"}]]}],[\"$\",\"$L5\",\"@parcel/reporter-bundle-analyzer\",{\"href\":\"/package/%40parcel%2Freporter-bundle-analyzer\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@parcel/reporter-bundle-analyzer\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.8.3\"}]]}],[\"$\",\"$L5\",\"@parcel/transformer-elm\",{\"href\":\"/package/%40parcel%2Ftransformer-elm\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@parcel/transformer-elm\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.8.3\"}]]}],[\"$\",\"$L5\",\"@parcel/transformer-image\",{\"href\":\"/package/%40parcel%2Ftransformer-image\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[\"$L27\",\"$undefined\"]}],\"@parcel/transformer-image\"]}],\"$L28\"]}],\"$L29\",\"$L2a\",\"$L2b\",\"$L2c\",\"$L2d\",\"$L2e\",\"$L2f\",\"$L30\",\"$L31\",\"$L32\",\"$L33\",\"$L34\",\"$L35\",\"$L36\",\"$L37\",\"$L38\",\"$L39\",\"$L3a\",\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\",\"$L3f\",\"$L40\",\"$L41\",\"$L42\",\"$L43\",\"$L44\",\"$L45\",\"$L46\",\"$L47\",\"$L48\",\"$L49\",\"$L4a\",\"$L4b\",\"$L4c\",\"$L4d\",\"$L4e\",\"$L4f\",\"$L50\",\"$L51\",\"$L52\",\"$L53\",\"$L54\"]}]}]\n"])</script><script>self.__next_f.push([1,"27:[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}]\n28:[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.8.3\"}]\n29:[\"$\",\"$L5\",\"@parcel/transformer-inline-string\",{\"href\":\"/package/%40parcel%2Ftransformer-inline-string\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@parcel/transformer-inline-string\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.8.3\"}]]}]\n2a:[\"$\",\"$L5\",\"@parcel/transformer-sass\",{\"href\":\"/package/%40parcel%2Ftransformer-sass\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@parcel/transformer-sass\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.8.3\"}]]}]\n2b:[\"$\",\"$L5\",\"@parcel/transformer-webmanifest\",{\"href\":\"/package/%40parcel%2Ftransformer-webmanifest\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@parcel/transformer-webmanifest\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.8.3\"}]]}]\n2c:[\"$\",\"$L5\",\"@types/katex\",{\"href\":\"/package/%40types%2Fkatex\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@types/katex\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.16.8\"}]]}]\n2d:[\"$\",\"$L5\",\"@typescript-eslint/eslint-plugin\",{\"href\":\"/package/%40typescript-eslint%2Feslint-plugin\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"htt"])</script><script>self.__next_f.push([1,"p://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@typescript-eslint/eslint-plugin\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^8.48.0\"}]]}]\n2e:[\"$\",\"$L5\",\"@typescript-eslint/parser\",{\"href\":\"/package/%40typescript-eslint%2Fparser\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@typescript-eslint/parser\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^8.48.0\"}]]}]\n2f:[\"$\",\"$L5\",\"@webcomponents/webcomponentsjs\",{\"href\":\"/package/%40webcomponents%2Fwebcomponentsjs\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@webcomponents/webcomponentsjs\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.8.0\"}]]}]\n30:[\"$\",\"$L5\",\"abortcontroller-polyfill\",{\"href\":\"/package/abortcontroller-polyfill\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"abortcontroller-polyfill\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^1.7.8\"}]]}]\n31:[\"$\",\"$L5\",\"ace-builds\",{\"href\":\"/package/ace-builds\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"ace-builds\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^1.43.5\"}]]}]\n32:[\"$\",\"$L5\",\"caniuse-lite\",{\"href\":\"/package/caniuse-lite\",\"class"])</script><script>self.__next_f.push([1,"Name\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"caniuse-lite\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^1.0.30001764\"}]]}]\n33:[\"$\",\"$L5\",\"crypto-browserify\",{\"href\":\"/package/crypto-browserify\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"crypto-browserify\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^3.5.1\"}]]}]\n34:[\"$\",\"$L5\",\"dexie\",{\"href\":\"/package/dexie\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"dexie\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^4.2.1\"}]]}]\n35:[\"$\",\"$L5\",\"easy-speech\",{\"href\":\"/package/easy-speech\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"easy-speech\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.4.0\"}]]}]\n36:[\"$\",\"$L5\",\"echarts\",{\"href\":\"/package/echarts\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"echarts\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-mut"])</script><script>self.__next_f.push([1,"ed-foreground\",\"children\":\"^5.6.0\"}]]}]\n37:[\"$\",\"$L5\",\"echarts-wordcloud\",{\"href\":\"/package/echarts-wordcloud\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"echarts-wordcloud\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.1.0\"}]]}]\n38:[\"$\",\"$L5\",\"elm\",{\"href\":\"/package/elm\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"elm\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.19.1-5\"}]]}]\n39:[\"$\",\"$L5\",\"elm-hot\",{\"href\":\"/package/elm-hot\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"elm-hot\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^1.1.6\"}]]}]\n3a:[\"$\",\"$L5\",\"elm-optimize-level-2\",{\"href\":\"/package/elm-optimize-level-2\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"elm-optimize-level-2\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.3.5\"}]]}]\n3b:[\"$\",\"$L5\",\"elm-review\",{\"href\":\"/package/elm-review\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9"])</script><script>self.__next_f.push([1," 18 6-6-6-6\"}],\"$undefined\"]}],\"elm-review\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.13.4\"}]]}]\n3c:[\"$\",\"$L5\",\"elm-test\",{\"href\":\"/package/elm-test\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"elm-test\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.19.1-revision12\"}]]}]\n3d:[\"$\",\"$L5\",\"eslint\",{\"href\":\"/package/eslint\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"eslint\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^9.39.1\"}]]}]\n3e:[\"$\",\"$L5\",\"events\",{\"href\":\"/package/events\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"events\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^3.3.0\"}]]}]\n3f:[\"$\",\"$L5\",\"jszip\",{\"href\":\"/package/jszip\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"jszip\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^3.10.1\"}]]}]\n40:[\"$\",\"$L5\",\"katex\",{\"href\":\"/package/katex\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:"])</script><script>self.__next_f.push([1,"opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"katex\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.16.27\"}]]}]\n41:[\"$\",\"$L5\",\"logger.ts\",{\"href\":\"/package/logger.ts\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"logger.ts\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^1.0.5\"}]]}]\n42:[\"$\",\"$L5\",\"minify\",{\"href\":\"/package/minify\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"minify\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^9.2.0\"}]]}]\n43:[\"$\",\"$L5\",\"node-elm-compiler\",{\"href\":\"/package/node-elm-compiler\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"node-elm-compiler\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^5.0.6\"}]]}]\n44:[\"$\",\"$L5\",\"p2pt\",{\"href\":\"/package/p2pt\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"p2pt\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^1.5.1\"}]]}]\n45:[\"$\",\"$L5\",\"parcel\",{\"href\":\"/package/parcel\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right "])</script><script>self.__next_f.push([1,"h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"parcel\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.8.3\"}]]}]\n46:[\"$\",\"$L5\",\"parcel-reporter-static-files-copy\",{\"href\":\"/package/parcel-reporter-static-files-copy\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"parcel-reporter-static-files-copy\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^1.5.3\"}]]}]\n47:[\"$\",\"$L5\",\"patch-package\",{\"href\":\"/package/patch-package\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"patch-package\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^8.0.1\"}]]}]\n48:[\"$\",\"$L5\",\"path-browserify\",{\"href\":\"/package/path-browserify\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"path-browserify\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^1.0.1\"}]]}]\n49:[\"$\",\"$L5\",\"pdfast\",{\"href\":\"/package/pdfast\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"pdfast\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.2.0\"}]]}]\n4a:[\"$\",\"$L5\",\"process\",{\"href\":\"/package/process\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\""])</script><script>self.__next_f.push([1,"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"process\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.11.10\"}]]}]\n4b:[\"$\",\"$L5\",\"resize-observer-polyfill\",{\"href\":\"/package/resize-observer-polyfill\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"resize-observer-polyfill\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^1.5.1\"}]]}]\n4c:[\"$\",\"$L5\",\"sass\",{\"href\":\"/package/sass\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"sass\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^1.97.1\"}]]}]\n4d:[\"$\",\"$L5\",\"svgo\",{\"href\":\"/package/svgo\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"svgo\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^3.3.2\"}]]}]\n4e:[\"$\",\"$L5\",\"tsc\",{\"href\":\"/package/tsc\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"tsc\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.0.4\"}]]}]\n4f:[\"$\",\"$L5\",\"typescript\",{\"href\":\"/package/typescript\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\""])</script><script>self.__next_f.push([1,"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"typescript\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^5.9.3\"}]]}]\n50:[\"$\",\"$L5\",\"uint8-to-base64\",{\"href\":\"/package/uint8-to-base64\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"uint8-to-base64\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.2.1\"}]]}]\n51:[\"$\",\"$L5\",\"util\",{\"href\":\"/package/util\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"util\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.12.5\"}]]}]\n52:[\"$\",\"$L5\",\"workbox-cli\",{\"href\":\"/package/workbox-cli\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"workbox-cli\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^7.4.0\"}]]}]\n53:[\"$\",\"$L5\",\"y-utility\",{\"href\":\"/package/y-utility\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"y-utility\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.1.4\"}]]}]\n54:[\"$\",\"$L5\",\"yjs\",{\"href\":\"/package/yjs\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-cen"])</script><script>self.__next_f.push([1,"ter gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"yjs\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^13.6.27\"}]]}]\n"])</script><div hidden id="S:3"><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_aav5ubrb_-trigger-dependencies" hidden="" id="radix-_R_aav5ubrb_-content-dependencies" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-6"></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:3","P:3")</script><div hidden id="S:4"><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_aav5ubrb_-trigger-versions" hidden="" id="radix-_R_aav5ubrb_-content-versions" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-6"></div></div><script>$RS("S:4","P:4")</script><script>$RC("B:1","S:1")</script></body></html>