2025-06-11 22:23:49 +08:00

3336 lines
377 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html><html lang=en dir=ltr class="docs-wrapper plugin-docs plugin-id-default docs-version-current docs-doc-page docs-doc-id-api/interfaces/EmbedOptions" data-has-hydrated=false><meta charset=UTF-8><meta name=generator content="Docusaurus v3.7.0"><title data-rh=true>Interface: EmbedOptions | LiveCodes</title><meta data-rh=true name=viewport content="width=device-width, initial-scale=1.0"><meta data-rh=true name=twitter:card content=summary_large_image><meta data-rh=true property=og:url content=https://livecodes.io/docs/api/interfaces/EmbedOptions><meta data-rh=true property=og:locale content=en><meta data-rh=true name=docusaurus_locale content=en><meta data-rh=true name=docsearch:language content=en><meta data-rh=true name=docusaurus_version content=current><meta data-rh=true name=docusaurus_tag content=docs-default-current><meta data-rh=true name=docsearch:version content=current><meta data-rh=true name=docsearch:docusaurus_tag content=docs-default-current><meta data-rh=true property=og:title content="Interface: EmbedOptions | LiveCodes"><meta data-rh=true name=description content="An object that represents the playground embed options."><meta data-rh=true property=og:description content="An object that represents the playground embed options."><link data-rh=true rel=icon href=/docs/img/favicon.ico><link data-rh=true rel=canonical href=https://livecodes.io/docs/api/interfaces/EmbedOptions><link data-rh=true rel=alternate href=https://livecodes.io/docs/api/interfaces/EmbedOptions hreflang=en><link data-rh=true rel=alternate href=https://livecodes.io/docs/api/interfaces/EmbedOptions hreflang=x-default><link data-rh=true rel=preconnect href=https://H9Z2PKYS80-dsn.algolia.net crossorigin=anonymous><link rel=search type=application/opensearchdescription+xml title=LiveCodes href=/docs/opensearch.xml><script type=ea-placeholder id=ea-placeholder data-ea-publisher=livecodesio data-ea-manual=true></script><script src=https://unpkg.com/prettier@2.4.1/standalone.js async></script><script src=https://unpkg.com/prettier@2.4.1/parser-babel.js async></script><script src=https://unpkg.com/prettier@2.4.1/parser-html.js async></script><script src=https://media.ethicalads.io/media/client/ethicalads.min.js async defer></script><link rel=stylesheet href=/docs/assets/css/styles.61e3dfbf.css><script src=/docs/assets/js/runtime~main.e1bd469b.js defer></script><script src=/docs/assets/js/main.72616d8f.js defer></script><body class=navigation-with-keyboard><script>!function(){var t,e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t=null!==e?e:"light",document.documentElement.setAttribute("data-theme",t)}(),function(){try{for(var[t,e]of new URLSearchParams(window.location.search).entries())if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id=__docusaurus><link rel=preload as=image href=/docs/img/livecodes-logo.svg><div role=region aria-label="Skip to main content"><a class=skipToContent_fXgn href=#__docusaurus_skipToContent_fallback>Skip to main content</a></div><nav aria-label=Main class="navbar navbar--fixed-top"><div class=navbar__inner><div class=navbar__items><button aria-label="Toggle navigation bar" aria-expanded=false class="navbar__toggle clean-btn" type=button><svg width=30 height=30 viewBox="0 0 30 30" aria-hidden=true><path stroke=currentColor stroke-linecap=round stroke-miterlimit=10 stroke-width=2 d="M4 7h22M4 15h22M4 23h22"/></svg></button><a class=navbar__brand href=/docs/><div class=navbar__logo><img src=/docs/img/livecodes-logo.svg alt="LiveCodes Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src=/docs/img/livecodes-logo.svg alt="LiveCodes Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div><b class="navbar__title text--truncate">LiveCodes</b></a><a class="navbar__item navbar__link" href=/docs/overview>Docs</a><a class="navbar__item navbar__link" href=/docs/sdk>SDK</a><a href=https://blog.livecodes.io target=_self rel="noopener noreferrer" class="navbar__item navbar__link">Blog<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><a href=/docs/../stories target=_blank rel="noopener noreferrer" class="navbar__item navbar__link">Storybook<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a></div><div class="navbar__items navbar__items--right"><a href=/docs/../ target=_blank rel="noopener noreferrer" class="navbar__item navbar__link">App<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><a href=https://twitter.com/livecodes_io target=_blank rel="noopener noreferrer" class="navbar__item navbar__link">𝕏<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><a href=https://github.com/live-codes/livecodes target=_blank rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type=button disabled title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live=polite aria-pressed=false><svg viewBox="0 0 24 24" width=24 height=24 class=lightToggleIcon_pyhR><path fill=currentColor d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"/></svg><svg viewBox="0 0 24 24" width=24 height=24 class=darkToggleIcon_wfgR><path fill=currentColor d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"/></svg></button></div><div class=navbarSearchContainer_Bca1><button type=button class="DocSearch DocSearch-Button" aria-label="Search (Command+K)"><span class=DocSearch-Button-Container><svg width=20 height=20 class=DocSearch-Search-Icon viewBox="0 0 20 20" aria-hidden=true><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke=currentColor fill=none fill-rule=evenodd stroke-linecap=round stroke-linejoin=round /></svg><span class=DocSearch-Button-Placeholder>Search</span></span><span class=DocSearch-Button-Keys></span></button></div></div></div><div role=presentation class=navbar-sidebar__backdrop></div></nav><div id=__docusaurus_skipToContent_fallback class="main-wrapper mainWrapper_z2l0"><div class=docsWrapper_hBAB><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type=button></button><div class=docRoot_UBD9><main class="docMainContainer_TBSr docMainContainerEnhanced_lQrH"><div class="container padding-top--md padding-bottom--lg"><div class=row><div class="col docItemCol_z5aJ"><div class=docItemContainer_c0TR><article><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type=button class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Interface: EmbedOptions</h1><div class="custom-content custom-content-header content_lMOZ undefined"><div data-ea-publisher=livecodesio data-ea-type=image class=horizontal data-ea-manual=true></div></div></header>
<p>An object that represents the playground embed options.</p>
<p>See <a href=https://livecodes.io/docs/sdk/js-ts/#embed-options target=_blank rel="noopener noreferrer">docs</a> for details.</p>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id=properties>Properties<a href=#properties class=hash-link aria-label="Direct link to Properties" title="Direct link to Properties"></a></h2>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id=appurl>appUrl?<a href=#appurl class=hash-link aria-label="Direct link to appUrl?" title="Direct link to appUrl?"></a></h3>
<blockquote>
<p><code>optional</code> <strong>appUrl</strong>: <code>string</code></p>
</blockquote>
<p>Allows loading the playground from a custom URL
(e.g. a <a href=https://livecodes.io/docs/features/self-hosting target=_blank rel="noopener noreferrer">self-hosted app</a> or a <a href=https://livecodes.io/docs/features/permanent-url target=_blank rel="noopener noreferrer">permanent URL</a>).</p>
<p>If supplied with an invalid URL, an error is thrown.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=default>Default<a href=#default class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h4>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>'https://livecodes.io'</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=defined-in>Defined in<a href=#defined-in class=hash-link aria-label="Direct link to Defined in" title="Direct link to Defined in"></a></h4>
<p><a href=https://github.com/live-codes/livecodes/blob/7617d5c8be5a2a8be8133f973d9e69eb9f86434d/src/sdk/models.ts#L314 target=_blank rel="noopener noreferrer">models.ts:314</a></p>
<hr>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id=config>config?<a href=#config class=hash-link aria-label="Direct link to config?" title="Direct link to config?"></a></h3>
<blockquote>
<p><code>optional</code> <strong>config</strong>: <code>string</code> | <code>Partial</code>&lt;<a href=/docs/api/interfaces/Config><code>Config</code></a>></p>
</blockquote>
<p>A <a href=https://livecodes.io/docs/configuration/configuration-object target=_blank rel="noopener noreferrer">configuration object</a> or a URL to a JSON file representing a configuration object to load.</p>
<p>If supplied and is not an object or a valid URL, an error is thrown.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=default-1>Default<a href=#default-1 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h4>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>{</span><span class="token punctuation" style=color:#393A34>}</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=defined-in-1>Defined in<a href=#defined-in-1 class=hash-link aria-label="Direct link to Defined in" title="Direct link to Defined in"></a></h4>
<p><a href=https://github.com/live-codes/livecodes/blob/7617d5c8be5a2a8be8133f973d9e69eb9f86434d/src/sdk/models.ts#L346 target=_blank rel="noopener noreferrer">models.ts:346</a></p>
<hr>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id=headless>headless?<a href=#headless class=hash-link aria-label="Direct link to headless?" title="Direct link to headless?"></a></h3>
<blockquote>
<p><code>optional</code> <strong>headless</strong>: <code>boolean</code></p>
</blockquote>
<p>If <code>true</code>, the playground is loaded in <a href=https://livecodes.io/docs/sdk/headless target=_blank rel="noopener noreferrer">headless mode</a>.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=default-2>Default<a href=#default-2 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h4>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>false</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=defined-in-2>Defined in<a href=#defined-in-2 class=hash-link aria-label="Direct link to Defined in" title="Direct link to Defined in"></a></h4>
<p><a href=https://github.com/live-codes/livecodes/blob/7617d5c8be5a2a8be8133f973d9e69eb9f86434d/src/sdk/models.ts#L352 target=_blank rel="noopener noreferrer">models.ts:352</a></p>
<hr>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id=import>import?<a href=#import class=hash-link aria-label="Direct link to import?" title="Direct link to import?"></a></h3>
<blockquote>
<p><code>optional</code> <strong>import</strong>: <code>string</code></p>
</blockquote>
<p>A resource to <a href=https://livecodes.io/docs/features/import target=_blank rel="noopener noreferrer">import</a> (from any of the supported <a href=https://livecodes.io/docs/features/import#sources target=_blank rel="noopener noreferrer">sources</a>).</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=defined-in-3>Defined in<a href=#defined-in-3 class=hash-link aria-label="Direct link to Defined in" title="Direct link to Defined in"></a></h4>
<p><a href=https://github.com/live-codes/livecodes/blob/7617d5c8be5a2a8be8133f973d9e69eb9f86434d/src/sdk/models.ts#L357 target=_blank rel="noopener noreferrer">models.ts:357</a></p>
<hr>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id=lite><del>lite?</del><a href=#lite class=hash-link aria-label="Direct link to lite" title="Direct link to lite"></a></h3>
<blockquote>
<p><code>optional</code> <strong>lite</strong>: <code>boolean</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=deprecated>Deprecated<a href=#deprecated class=hash-link aria-label="Direct link to Deprecated" title="Direct link to Deprecated"></a></h4>
<p>Use <code>{ config: { mode: "lite" } }</code> instead</p>
<p>If <code>true</code>, the playground is loaded in <a href=https://livecodes.io/docs/features/lite target=_blank rel="noopener noreferrer">lite mode</a>.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=default-3>Default<a href=#default-3 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h4>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>false</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=defined-in-4>Defined in<a href=#defined-in-4 class=hash-link aria-label="Direct link to Defined in" title="Direct link to Defined in"></a></h4>
<p><a href=https://github.com/live-codes/livecodes/blob/7617d5c8be5a2a8be8133f973d9e69eb9f86434d/src/sdk/models.ts#L367 target=_blank rel="noopener noreferrer">models.ts:367</a></p>
<hr>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id=loading>loading?<a href=#loading class=hash-link aria-label="Direct link to loading?" title="Direct link to loading?"></a></h3>
<blockquote>
<p><code>optional</code> <strong>loading</strong>: <code>"click"</code> | <code>"eager"</code> | <code>"lazy"</code></p>
</blockquote>
<p>Sets how the playground loads:</p>
<ul>
<li><code>"eager"</code>: The playground loads immediately.</li>
<li><code>"lazy"</code>: A playground embedded low down in the page will not load until the user scrolls so that it approaches the viewport.</li>
<li><code>"click"</code>: The playground does not load automatically. Instead, a "Click-to-load" screen is shown.</li>
</ul>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=default-4>Default<a href=#default-4 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h4>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>"lazy"</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=defined-in-5>Defined in<a href=#defined-in-5 class=hash-link aria-label="Direct link to Defined in" title="Direct link to Defined in"></a></h4>
<p><a href=https://github.com/live-codes/livecodes/blob/7617d5c8be5a2a8be8133f973d9e69eb9f86434d/src/sdk/models.ts#L377 target=_blank rel="noopener noreferrer">models.ts:377</a></p>
<hr>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id=params>params?<a href=#params class=hash-link aria-label="Direct link to params?" title="Direct link to params?"></a></h3>
<blockquote>
<p><code>optional</code> <strong>params</strong>: <code>object</code></p>
</blockquote>
<p>An object that represents the <a href=https://livecodes.io/docs/configuration/query-params target=_blank rel="noopener noreferrer">URL Query parameters</a>, that can be used to configure the playground.</p>
<p>These 2 snippets produce similar output:</p>
<div class="language-js codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-js codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token keyword module" style=color:#00009f>import</span><span class="token plain"> </span><span class="token imports punctuation" style=color:#393A34>{</span><span class="token imports"> createPlayground </span><span class="token imports punctuation" style=color:#393A34>}</span><span class="token plain"> </span><span class="token keyword module" style=color:#00009f>from</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>'livecodes'</span><span class="token punctuation" style=color:#393A34>;</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain" style=display:inline-block></span><br></span><span class=token-line style=color:#393A34><span class="token plain"></span><span class="token comment" style=color:#999988;font-style:italic>// use config</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"></span><span class="token function" style=color:#d73a49>createPlayground</span><span class="token punctuation" style=color:#393A34>(</span><span class="token string" style=color:#e3116c>'#container'</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token literal-property property" style=color:#36acaa>config</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token literal-property property" style=color:#36acaa>markup</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token literal-property property" style=color:#36acaa>language</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>'markdown'</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token literal-property property" style=color:#36acaa>content</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>'# Hello World!'</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"></span><span class="token punctuation" style=color:#393A34>}</span><span class="token punctuation" style=color:#393A34>)</span><span class="token punctuation" style=color:#393A34>;</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain" style=display:inline-block></span><br></span><span class=token-line style=color:#393A34><span class="token plain"></span><span class="token comment" style=color:#999988;font-style:italic>// use params</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"></span><span class="token function" style=color:#d73a49>createPlayground</span><span class="token punctuation" style=color:#393A34>(</span><span class="token string" style=color:#e3116c>'#container'</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"> </span><span class="token literal-property property" style=color:#36acaa>params</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"> </span><span class="token literal-property property" style=color:#36acaa>md</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>'# Hello World!'</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token punctuation" style=color:#393A34>)</span><span class="token punctuation" style=color:#393A34>;</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=active>active?<a href=#active class=hash-link aria-label="Direct link to active?" title="Direct link to active?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>active</strong>: <code>0</code> | <code>2</code> | <code>1</code> | <a href=/docs/api/internal/type-aliases/EditorId><code>EditorId</code></a></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=activeeditor>activeEditor?<a href=#activeeditor class=hash-link aria-label="Direct link to activeEditor?" title="Direct link to activeEditor?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>activeEditor</strong>: <code>0</code> | <code>2</code> | <code>1</code> | <a href=/docs/api/internal/type-aliases/EditorId><code>EditorId</code></a></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=adoc>adoc<a href=#adoc class=hash-link aria-label="Direct link to adoc" title="Direct link to adoc"></a></h4>
<blockquote>
<p><strong>adoc</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=adoc-selector>adoc-selector<a href=#adoc-selector class=hash-link aria-label="Direct link to adoc-selector" title="Direct link to adoc-selector"></a></h4>
<blockquote>
<p><strong>adoc-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=allowlangchange>allowLangChange?<a href=#allowlangchange class=hash-link aria-label="Direct link to allowLangChange?" title="Direct link to allowLangChange?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>allowLangChange</strong>: <code>boolean</code></p>
</blockquote>
<p>If <code>false</code>, the UI will not show the menu that allows changing editor language.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-5>Default<a href=#default-5 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>true</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=appsvelte>app.svelte<a href=#appsvelte class=hash-link aria-label="Direct link to app.svelte" title="Direct link to app.svelte"></a></h4>
<blockquote>
<p><strong>svelte</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=appsvelte-selector>app.svelte-selector<a href=#appsvelte-selector class=hash-link aria-label="Direct link to app.svelte-selector" title="Direct link to app.svelte-selector"></a></h4>
<blockquote>
<p><strong>svelte-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=appvue>app.vue<a href=#appvue class=hash-link aria-label="Direct link to app.vue" title="Direct link to app.vue"></a></h4>
<blockquote>
<p><strong>vue</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=appvue-selector>app.vue-selector<a href=#appvue-selector class=hash-link aria-label="Direct link to app.vue-selector" title="Direct link to app.vue-selector"></a></h4>
<blockquote>
<p><strong>vue-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=applanguage>appLanguage?<a href=#applanguage class=hash-link aria-label="Direct link to appLanguage?" title="Direct link to appLanguage?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>appLanguage</strong>: <a href=/docs/api/internal/type-aliases/AppLanguage><code>AppLanguage</code></a></p>
</blockquote>
<p>Sets the app UI language used.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=appurl-1>appUrl?<a href=#appurl-1 class=hash-link aria-label="Direct link to appUrl?" title="Direct link to appUrl?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>appUrl</strong>: <code>string</code></p>
</blockquote>
<p>Allows loading the playground from a custom URL
(e.g. a <a href=https://livecodes.io/docs/features/self-hosting target=_blank rel="noopener noreferrer">self-hosted app</a> or a <a href=https://livecodes.io/docs/features/permanent-url target=_blank rel="noopener noreferrer">permanent URL</a>).</p>
<p>If supplied with an invalid URL, an error is thrown.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-6>Default<a href=#default-6 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>'https://livecodes.io'</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=art>art<a href=#art class=hash-link aria-label="Direct link to art" title="Direct link to art"></a></h4>
<blockquote>
<p><strong>art</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=art-selector>art-selector<a href=#art-selector class=hash-link aria-label="Direct link to art-selector" title="Direct link to art-selector"></a></h4>
<blockquote>
<p><strong>art-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=art-template>art-template<a href=#art-template class=hash-link aria-label="Direct link to art-template" title="Direct link to art-template"></a></h4>
<blockquote>
<p><strong>art-template</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=art-template-selector>art-template-selector<a href=#art-template-selector class=hash-link aria-label="Direct link to art-template-selector" title="Direct link to art-template-selector"></a></h4>
<blockquote>
<p><strong>art-template-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=as>as<a href=#as class=hash-link aria-label="Direct link to as" title="Direct link to as"></a></h4>
<blockquote>
<p><strong>as</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=as-selector>as-selector<a href=#as-selector class=hash-link aria-label="Direct link to as-selector" title="Direct link to as-selector"></a></h4>
<blockquote>
<p><strong>as-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=asc>asc<a href=#asc class=hash-link aria-label="Direct link to asc" title="Direct link to asc"></a></h4>
<blockquote>
<p><strong>asc</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=asc-selector>asc-selector<a href=#asc-selector class=hash-link aria-label="Direct link to asc-selector" title="Direct link to asc-selector"></a></h4>
<blockquote>
<p><strong>asc-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=asciidoc>asciidoc<a href=#asciidoc class=hash-link aria-label="Direct link to asciidoc" title="Direct link to asciidoc"></a></h4>
<blockquote>
<p><strong>asciidoc</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=asciidoc-selector>asciidoc-selector<a href=#asciidoc-selector class=hash-link aria-label="Direct link to asciidoc-selector" title="Direct link to asciidoc-selector"></a></h4>
<blockquote>
<p><strong>asciidoc-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=assemblyscript>assemblyscript<a href=#assemblyscript class=hash-link aria-label="Direct link to assemblyscript" title="Direct link to assemblyscript"></a></h4>
<blockquote>
<p><strong>assemblyscript</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=assemblyscript-selector>assemblyscript-selector<a href=#assemblyscript-selector class=hash-link aria-label="Direct link to assemblyscript-selector" title="Direct link to assemblyscript-selector"></a></h4>
<blockquote>
<p><strong>assemblyscript-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=astro>astro<a href=#astro class=hash-link aria-label="Direct link to astro" title="Direct link to astro"></a></h4>
<blockquote>
<p><strong>astro</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=astro-selector>astro-selector<a href=#astro-selector class=hash-link aria-label="Direct link to astro-selector" title="Direct link to astro-selector"></a></h4>
<blockquote>
<p><strong>astro-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=autosave>autosave?<a href=#autosave class=hash-link aria-label="Direct link to autosave?" title="Direct link to autosave?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>autosave</strong>: <code>boolean</code></p>
</blockquote>
<p>If <code>true</code>, the project is automatically saved on code change,
after time <a href=https://livecodes.io/docs/configuration/configuration-object#delay target=_blank rel="noopener noreferrer">delay</a>.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-7>Default<a href=#default-7 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>false</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=autotest>autotest?<a href=#autotest class=hash-link aria-label="Direct link to autotest?" title="Direct link to autotest?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>autotest</strong>: <code>boolean</code></p>
</blockquote>
<p>If <code>true</code>, the project is watched for code changes which trigger tests to auto-run.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-8>Default<a href=#default-8 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>false</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=autoupdate>autoupdate?<a href=#autoupdate class=hash-link aria-label="Direct link to autoupdate?" title="Direct link to autoupdate?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>autoupdate</strong>: <code>boolean</code></p>
</blockquote>
<p>If <code>true</code>, the result page is automatically updated on code change,
after time <a href=https://livecodes.io/docs/configuration/configuration-object#delay target=_blank rel="noopener noreferrer">delay</a>.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-9>Default<a href=#default-9 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>true</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=babel>babel<a href=#babel class=hash-link aria-label="Direct link to babel" title="Direct link to babel"></a></h4>
<blockquote>
<p><strong>babel</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=babel-selector>babel-selector<a href=#babel-selector class=hash-link aria-label="Direct link to babel-selector" title="Direct link to babel-selector"></a></h4>
<blockquote>
<p><strong>babel-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=bb>bb<a href=#bb class=hash-link aria-label="Direct link to bb" title="Direct link to bb"></a></h4>
<blockquote>
<p><strong>bb</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=bb-selector>bb-selector<a href=#bb-selector class=hash-link aria-label="Direct link to bb-selector" title="Direct link to bb-selector"></a></h4>
<blockquote>
<p><strong>bb-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=bbcode>bbcode<a href=#bbcode class=hash-link aria-label="Direct link to bbcode" title="Direct link to bbcode"></a></h4>
<blockquote>
<p><strong>bbcode</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=bbcode-selector>bbcode-selector<a href=#bbcode-selector class=hash-link aria-label="Direct link to bbcode-selector" title="Direct link to bbcode-selector"></a></h4>
<blockquote>
<p><strong>bbcode-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=binary>Binary<a href=#binary class=hash-link aria-label="Direct link to Binary" title="Direct link to Binary"></a></h4>
<blockquote>
<p><strong>Binary</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=binary-selector>Binary-selector<a href=#binary-selector class=hash-link aria-label="Direct link to Binary-selector" title="Direct link to Binary-selector"></a></h4>
<blockquote>
<p><strong>Binary-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=blockly>blockly<a href=#blockly class=hash-link aria-label="Direct link to blockly" title="Direct link to blockly"></a></h4>
<blockquote>
<p><strong>blockly</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=blockly-selector>blockly-selector<a href=#blockly-selector class=hash-link aria-label="Direct link to blockly-selector" title="Direct link to blockly-selector"></a></h4>
<blockquote>
<p><strong>blockly-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=blocklyxml>blockly.xml<a href=#blocklyxml class=hash-link aria-label="Direct link to blockly.xml" title="Direct link to blockly.xml"></a></h4>
<blockquote>
<p><strong>xml</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=blocklyxml-selector>blockly.xml-selector<a href=#blocklyxml-selector class=hash-link aria-label="Direct link to blockly.xml-selector" title="Direct link to blockly.xml-selector"></a></h4>
<blockquote>
<p><strong>xml-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=c>c<a href=#c class=hash-link aria-label="Direct link to c" title="Direct link to c"></a></h4>
<blockquote>
<p><strong>c</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=c-1>C<a href=#c-1 class=hash-link aria-label="Direct link to C" title="Direct link to C"></a></h4>
<blockquote>
<p><strong>C</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=c-selector>c-selector<a href=#c-selector class=hash-link aria-label="Direct link to c-selector" title="Direct link to c-selector"></a></h4>
<blockquote>
<p><strong>c-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=c-selector-1>C-selector<a href=#c-selector-1 class=hash-link aria-label="Direct link to C-selector" title="Direct link to C-selector"></a></h4>
<blockquote>
<p><strong>C-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=c-2>c++<a href=#c-2 class=hash-link aria-label="Direct link to c++" title="Direct link to c++"></a></h4>
<blockquote>
<p><strong>c++</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=c-selector-2>c++-selector<a href=#c-selector-2 class=hash-link aria-label="Direct link to c++-selector" title="Direct link to c++-selector"></a></h4>
<blockquote>
<p><strong>c++-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=civet>civet<a href=#civet class=hash-link aria-label="Direct link to civet" title="Direct link to civet"></a></h4>
<blockquote>
<p><strong>civet</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=civet-selector>civet-selector<a href=#civet-selector class=hash-link aria-label="Direct link to civet-selector" title="Direct link to civet-selector"></a></h4>
<blockquote>
<p><strong>civet-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=clang>clang<a href=#clang class=hash-link aria-label="Direct link to clang" title="Direct link to clang"></a></h4>
<blockquote>
<p><strong>clang</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=clang-selector>clang-selector<a href=#clang-selector class=hash-link aria-label="Direct link to clang-selector" title="Direct link to clang-selector"></a></h4>
<blockquote>
<p><strong>clang-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=clangcpp>clang.cpp<a href=#clangcpp class=hash-link aria-label="Direct link to clang.cpp" title="Direct link to clang.cpp"></a></h4>
<blockquote>
<p><strong>cpp</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=clangcpp-selector>clang.cpp-selector<a href=#clangcpp-selector class=hash-link aria-label="Direct link to clang.cpp-selector" title="Direct link to clang.cpp-selector"></a></h4>
<blockquote>
<p><strong>cpp-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=clio>clio<a href=#clio class=hash-link aria-label="Direct link to clio" title="Direct link to clio"></a></h4>
<blockquote>
<p><strong>clio</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=clio-selector>clio-selector<a href=#clio-selector class=hash-link aria-label="Direct link to clio-selector" title="Direct link to clio-selector"></a></h4>
<blockquote>
<p><strong>clio-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=clj>clj<a href=#clj class=hash-link aria-label="Direct link to clj" title="Direct link to clj"></a></h4>
<blockquote>
<p><strong>clj</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=clj-selector>clj-selector<a href=#clj-selector class=hash-link aria-label="Direct link to clj-selector" title="Direct link to clj-selector"></a></h4>
<blockquote>
<p><strong>clj-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cljc>cljc<a href=#cljc class=hash-link aria-label="Direct link to cljc" title="Direct link to cljc"></a></h4>
<blockquote>
<p><strong>cljc</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cljc-selector>cljc-selector<a href=#cljc-selector class=hash-link aria-label="Direct link to cljc-selector" title="Direct link to cljc-selector"></a></h4>
<blockquote>
<p><strong>cljc-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cljs>cljs<a href=#cljs class=hash-link aria-label="Direct link to cljs" title="Direct link to cljs"></a></h4>
<blockquote>
<p><strong>cljs</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cljs-selector>cljs-selector<a href=#cljs-selector class=hash-link aria-label="Direct link to cljs-selector" title="Direct link to cljs-selector"></a></h4>
<blockquote>
<p><strong>cljs-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=clojure>clojure<a href=#clojure class=hash-link aria-label="Direct link to clojure" title="Direct link to clojure"></a></h4>
<blockquote>
<p><strong>clojure</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=clojure-selector>clojure-selector<a href=#clojure-selector class=hash-link aria-label="Direct link to clojure-selector" title="Direct link to clojure-selector"></a></h4>
<blockquote>
<p><strong>clojure-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=clojurescript>clojurescript<a href=#clojurescript class=hash-link aria-label="Direct link to clojurescript" title="Direct link to clojurescript"></a></h4>
<blockquote>
<p><strong>clojurescript</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=clojurescript-selector>clojurescript-selector<a href=#clojurescript-selector class=hash-link aria-label="Direct link to clojurescript-selector" title="Direct link to clojurescript-selector"></a></h4>
<blockquote>
<p><strong>clojurescript-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=closebrackets>closeBrackets?<a href=#closebrackets class=hash-link aria-label="Direct link to closeBrackets?" title="Direct link to closeBrackets?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>closeBrackets</strong>: <code>boolean</code></p>
</blockquote>
<p>Use auto-complete to close brackets and quotes.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-10>Default<a href=#default-10 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>true</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=coffee>coffee<a href=#coffee class=hash-link aria-label="Direct link to coffee" title="Direct link to coffee"></a></h4>
<blockquote>
<p><strong>coffee</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=coffee-selector>coffee-selector<a href=#coffee-selector class=hash-link aria-label="Direct link to coffee-selector" title="Direct link to coffee-selector"></a></h4>
<blockquote>
<p><strong>coffee-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=coffeescript>coffeescript<a href=#coffeescript class=hash-link aria-label="Direct link to coffeescript" title="Direct link to coffeescript"></a></h4>
<blockquote>
<p><strong>coffeescript</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=coffeescript-selector>coffeescript-selector<a href=#coffeescript-selector class=hash-link aria-label="Direct link to coffeescript-selector" title="Direct link to coffeescript-selector"></a></h4>
<blockquote>
<p><strong>coffeescript-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=common-lisp>common-lisp<a href=#common-lisp class=hash-link aria-label="Direct link to common-lisp" title="Direct link to common-lisp"></a></h4>
<blockquote>
<p><strong>common-lisp</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=common-lisp-selector>common-lisp-selector<a href=#common-lisp-selector class=hash-link aria-label="Direct link to common-lisp-selector" title="Direct link to common-lisp-selector"></a></h4>
<blockquote>
<p><strong>common-lisp-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=commonlisp>commonlisp<a href=#commonlisp class=hash-link aria-label="Direct link to commonlisp" title="Direct link to commonlisp"></a></h4>
<blockquote>
<p><strong>commonlisp</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=commonlisp-selector>commonlisp-selector<a href=#commonlisp-selector class=hash-link aria-label="Direct link to commonlisp-selector" title="Direct link to commonlisp-selector"></a></h4>
<blockquote>
<p><strong>commonlisp-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=compiled>compiled<a href=#compiled class=hash-link aria-label="Direct link to compiled" title="Direct link to compiled"></a></h4>
<blockquote>
<p><strong>compiled</strong>: <code>undefined</code> | <code>""</code> | <code>"true"</code> | <code>"none"</code> | <code>"closed"</code> | <code>"open"</code> | <code>"full"</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=config-1>config?<a href=#config-1 class=hash-link aria-label="Direct link to config?" title="Direct link to config?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>config</strong>: <code>string</code> | <code>Partial</code>&lt;<a href=/docs/api/interfaces/Config><code>Config</code></a>> & <code>string</code></p>
</blockquote>
<p>A <a href=https://livecodes.io/docs/configuration/configuration-object target=_blank rel="noopener noreferrer">configuration object</a> or a URL to a JSON file representing a configuration object to load.</p>
<p>If supplied and is not an object or a valid URL, an error is thrown.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-11>Default<a href=#default-11 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>{</span><span class="token punctuation" style=color:#393A34>}</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=console>console<a href=#console class=hash-link aria-label="Direct link to console" title="Direct link to console"></a></h4>
<blockquote>
<p><strong>console</strong>: <code>undefined</code> | <code>""</code> | <code>"true"</code> | <code>"none"</code> | <code>"closed"</code> | <code>"open"</code> | <code>"full"</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cp>cp<a href=#cp class=hash-link aria-label="Direct link to cp" title="Direct link to cp"></a></h4>
<blockquote>
<p><strong>cp</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cp-selector>cp-selector<a href=#cp-selector class=hash-link aria-label="Direct link to cp-selector" title="Direct link to cp-selector"></a></h4>
<blockquote>
<p><strong>cp-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cpp>cpp<a href=#cpp class=hash-link aria-label="Direct link to cpp" title="Direct link to cpp"></a></h4>
<blockquote>
<p><strong>cpp</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cpp-selector>cpp-selector<a href=#cpp-selector class=hash-link aria-label="Direct link to cpp-selector" title="Direct link to cpp-selector"></a></h4>
<blockquote>
<p><strong>cpp-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cpp-wasm>cpp-wasm<a href=#cpp-wasm class=hash-link aria-label="Direct link to cpp-wasm" title="Direct link to cpp-wasm"></a></h4>
<blockquote>
<p><strong>cpp-wasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cpp-wasm-selector>cpp-wasm-selector<a href=#cpp-wasm-selector class=hash-link aria-label="Direct link to cpp-wasm-selector" title="Direct link to cpp-wasm-selector"></a></h4>
<blockquote>
<p><strong>cpp-wasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cppm>cppm<a href=#cppm class=hash-link aria-label="Direct link to cppm" title="Direct link to cppm"></a></h4>
<blockquote>
<p><strong>cppm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cppm-selector>cppm-selector<a href=#cppm-selector class=hash-link aria-label="Direct link to cppm-selector" title="Direct link to cppm-selector"></a></h4>
<blockquote>
<p><strong>cppm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cppwasm>cppwasm<a href=#cppwasm class=hash-link aria-label="Direct link to cppwasm" title="Direct link to cppwasm"></a></h4>
<blockquote>
<p><strong>cppwasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cppwasm-selector>cppwasm-selector<a href=#cppwasm-selector class=hash-link aria-label="Direct link to cppwasm-selector" title="Direct link to cppwasm-selector"></a></h4>
<blockquote>
<p><strong>cppwasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cs>cs<a href=#cs class=hash-link aria-label="Direct link to cs" title="Direct link to cs"></a></h4>
<blockquote>
<p><strong>cs</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cs-selector>cs-selector<a href=#cs-selector class=hash-link aria-label="Direct link to cs-selector" title="Direct link to cs-selector"></a></h4>
<blockquote>
<p><strong>cs-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cs-wasm>cs-wasm<a href=#cs-wasm class=hash-link aria-label="Direct link to cs-wasm" title="Direct link to cs-wasm"></a></h4>
<blockquote>
<p><strong>cs-wasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cs-wasm-selector>cs-wasm-selector<a href=#cs-wasm-selector class=hash-link aria-label="Direct link to cs-wasm-selector" title="Direct link to cs-wasm-selector"></a></h4>
<blockquote>
<p><strong>cs-wasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=csharp>csharp<a href=#csharp class=hash-link aria-label="Direct link to csharp" title="Direct link to csharp"></a></h4>
<blockquote>
<p><strong>csharp</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=csharp-selector>csharp-selector<a href=#csharp-selector class=hash-link aria-label="Direct link to csharp-selector" title="Direct link to csharp-selector"></a></h4>
<blockquote>
<p><strong>csharp-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=csharp-wasm>csharp-wasm<a href=#csharp-wasm class=hash-link aria-label="Direct link to csharp-wasm" title="Direct link to csharp-wasm"></a></h4>
<blockquote>
<p><strong>csharp-wasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=csharp-wasm-selector>csharp-wasm-selector<a href=#csharp-wasm-selector class=hash-link aria-label="Direct link to csharp-wasm-selector" title="Direct link to csharp-wasm-selector"></a></h4>
<blockquote>
<p><strong>csharp-wasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=css>css<a href=#css class=hash-link aria-label="Direct link to css" title="Direct link to css"></a></h4>
<blockquote>
<p><strong>css</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=css-selector>css-selector<a href=#css-selector class=hash-link aria-label="Direct link to css-selector" title="Direct link to css-selector"></a></h4>
<blockquote>
<p><strong>css-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=csspreset>cssPreset?<a href=#csspreset class=hash-link aria-label="Direct link to cssPreset?" title="Direct link to cssPreset?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>cssPreset</strong>: <a href=/docs/api/internal/type-aliases/CssPresetId><code>CssPresetId</code></a></p>
</blockquote>
<p><a href=https://livecodes.io/docs/features/external-resources#css-presets target=_blank rel="noopener noreferrer">CSS Preset</a> to use.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettings>customSettings?<a href=#customsettings class=hash-link aria-label="Direct link to customSettings?" title="Direct link to customSettings?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>customSettings</strong>: <code>object</code></p>
</blockquote>
<p>Defines <a href=https://livecodes.io/docs/advanced/custom-settings target=_blank rel="noopener noreferrer">custom settings</a> for the current project.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsadoc>customSettings.adoc<a href=#customsettingsadoc class=hash-link aria-label="Direct link to customSettings.adoc" title="Direct link to customSettings.adoc"></a></h4>
<blockquote>
<p><strong>adoc</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsappsvelte>customSettings.app.svelte<a href=#customsettingsappsvelte class=hash-link aria-label="Direct link to customSettings.app.svelte" title="Direct link to customSettings.app.svelte"></a></h4>
<blockquote>
<p><strong>svelte</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsappvue>customSettings.app.vue<a href=#customsettingsappvue class=hash-link aria-label="Direct link to customSettings.app.vue" title="Direct link to customSettings.app.vue"></a></h4>
<blockquote>
<p><strong>vue</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsart>customSettings.art<a href=#customsettingsart class=hash-link aria-label="Direct link to customSettings.art" title="Direct link to customSettings.art"></a></h4>
<blockquote>
<p><strong>art</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsart-template>customSettings.art-template<a href=#customsettingsart-template class=hash-link aria-label="Direct link to customSettings.art-template" title="Direct link to customSettings.art-template"></a></h4>
<blockquote>
<p><strong>art-template</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsas>customSettings.as<a href=#customsettingsas class=hash-link aria-label="Direct link to customSettings.as" title="Direct link to customSettings.as"></a></h4>
<blockquote>
<p><strong>as</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsasc>customSettings.asc<a href=#customsettingsasc class=hash-link aria-label="Direct link to customSettings.asc" title="Direct link to customSettings.asc"></a></h4>
<blockquote>
<p><strong>asc</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsasciidoc>customSettings.asciidoc<a href=#customsettingsasciidoc class=hash-link aria-label="Direct link to customSettings.asciidoc" title="Direct link to customSettings.asciidoc"></a></h4>
<blockquote>
<p><strong>asciidoc</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsassemblyscript>customSettings.assemblyscript<a href=#customsettingsassemblyscript class=hash-link aria-label="Direct link to customSettings.assemblyscript" title="Direct link to customSettings.assemblyscript"></a></h4>
<blockquote>
<p><strong>assemblyscript</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsastro>customSettings.astro<a href=#customsettingsastro class=hash-link aria-label="Direct link to customSettings.astro" title="Direct link to customSettings.astro"></a></h4>
<blockquote>
<p><strong>astro</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsautoprefixer>customSettings.autoprefixer<a href=#customsettingsautoprefixer class=hash-link aria-label="Direct link to customSettings.autoprefixer" title="Direct link to customSettings.autoprefixer"></a></h4>
<blockquote>
<p><strong>autoprefixer</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsbabel>customSettings.babel<a href=#customsettingsbabel class=hash-link aria-label="Direct link to customSettings.babel" title="Direct link to customSettings.babel"></a></h4>
<blockquote>
<p><strong>babel</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsbb>customSettings.bb<a href=#customsettingsbb class=hash-link aria-label="Direct link to customSettings.bb" title="Direct link to customSettings.bb"></a></h4>
<blockquote>
<p><strong>bb</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsbbcode>customSettings.bbcode<a href=#customsettingsbbcode class=hash-link aria-label="Direct link to customSettings.bbcode" title="Direct link to customSettings.bbcode"></a></h4>
<blockquote>
<p><strong>bbcode</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsbinary>customSettings.Binary<a href=#customsettingsbinary class=hash-link aria-label="Direct link to customSettings.Binary" title="Direct link to customSettings.Binary"></a></h4>
<blockquote>
<p><strong>Binary</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsblockly>customSettings.blockly<a href=#customsettingsblockly class=hash-link aria-label="Direct link to customSettings.blockly" title="Direct link to customSettings.blockly"></a></h4>
<blockquote>
<p><strong>blockly</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsblocklyxml>customSettings.blockly.xml<a href=#customsettingsblocklyxml class=hash-link aria-label="Direct link to customSettings.blockly.xml" title="Direct link to customSettings.blockly.xml"></a></h4>
<blockquote>
<p><strong>xml</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsc>customSettings.c<a href=#customsettingsc class=hash-link aria-label="Direct link to customSettings.c" title="Direct link to customSettings.c"></a></h4>
<blockquote>
<p><strong>c</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsc-1>customSettings.C<a href=#customsettingsc-1 class=hash-link aria-label="Direct link to customSettings.C" title="Direct link to customSettings.C"></a></h4>
<blockquote>
<p><strong>C</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsc-2>customSettings.c++<a href=#customsettingsc-2 class=hash-link aria-label="Direct link to customSettings.c++" title="Direct link to customSettings.c++"></a></h4>
<blockquote>
<p><strong>c++</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscivet>customSettings.civet<a href=#customsettingscivet class=hash-link aria-label="Direct link to customSettings.civet" title="Direct link to customSettings.civet"></a></h4>
<blockquote>
<p><strong>civet</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsclang>customSettings.clang<a href=#customsettingsclang class=hash-link aria-label="Direct link to customSettings.clang" title="Direct link to customSettings.clang"></a></h4>
<blockquote>
<p><strong>clang</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsclangcpp>customSettings.clang.cpp<a href=#customsettingsclangcpp class=hash-link aria-label="Direct link to customSettings.clang.cpp" title="Direct link to customSettings.clang.cpp"></a></h4>
<blockquote>
<p><strong>cpp</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsclio>customSettings.clio<a href=#customsettingsclio class=hash-link aria-label="Direct link to customSettings.clio" title="Direct link to customSettings.clio"></a></h4>
<blockquote>
<p><strong>clio</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsclj>customSettings.clj<a href=#customsettingsclj class=hash-link aria-label="Direct link to customSettings.clj" title="Direct link to customSettings.clj"></a></h4>
<blockquote>
<p><strong>clj</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscljc>customSettings.cljc<a href=#customsettingscljc class=hash-link aria-label="Direct link to customSettings.cljc" title="Direct link to customSettings.cljc"></a></h4>
<blockquote>
<p><strong>cljc</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscljs>customSettings.cljs<a href=#customsettingscljs class=hash-link aria-label="Direct link to customSettings.cljs" title="Direct link to customSettings.cljs"></a></h4>
<blockquote>
<p><strong>cljs</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsclojure>customSettings.clojure<a href=#customsettingsclojure class=hash-link aria-label="Direct link to customSettings.clojure" title="Direct link to customSettings.clojure"></a></h4>
<blockquote>
<p><strong>clojure</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsclojurescript>customSettings.clojurescript<a href=#customsettingsclojurescript class=hash-link aria-label="Direct link to customSettings.clojurescript" title="Direct link to customSettings.clojurescript"></a></h4>
<blockquote>
<p><strong>clojurescript</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscoffee>customSettings.coffee<a href=#customsettingscoffee class=hash-link aria-label="Direct link to customSettings.coffee" title="Direct link to customSettings.coffee"></a></h4>
<blockquote>
<p><strong>coffee</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscoffeescript>customSettings.coffeescript<a href=#customsettingscoffeescript class=hash-link aria-label="Direct link to customSettings.coffeescript" title="Direct link to customSettings.coffeescript"></a></h4>
<blockquote>
<p><strong>coffeescript</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscommon-lisp>customSettings.common-lisp<a href=#customsettingscommon-lisp class=hash-link aria-label="Direct link to customSettings.common-lisp" title="Direct link to customSettings.common-lisp"></a></h4>
<blockquote>
<p><strong>common-lisp</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscommonlisp>customSettings.commonlisp<a href=#customsettingscommonlisp class=hash-link aria-label="Direct link to customSettings.commonlisp" title="Direct link to customSettings.commonlisp"></a></h4>
<blockquote>
<p><strong>commonlisp</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsconvertcommonjs>customSettings.convertCommonjs?<a href=#customsettingsconvertcommonjs class=hash-link aria-label="Direct link to customSettings.convertCommonjs?" title="Direct link to customSettings.convertCommonjs?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>convertCommonjs</strong>: <code>boolean</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscp>customSettings.cp<a href=#customsettingscp class=hash-link aria-label="Direct link to customSettings.cp" title="Direct link to customSettings.cp"></a></h4>
<blockquote>
<p><strong>cp</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscpp>customSettings.cpp<a href=#customsettingscpp class=hash-link aria-label="Direct link to customSettings.cpp" title="Direct link to customSettings.cpp"></a></h4>
<blockquote>
<p><strong>cpp</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscpp-wasm>customSettings.cpp-wasm<a href=#customsettingscpp-wasm class=hash-link aria-label="Direct link to customSettings.cpp-wasm" title="Direct link to customSettings.cpp-wasm"></a></h4>
<blockquote>
<p><strong>cpp-wasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscppm>customSettings.cppm<a href=#customsettingscppm class=hash-link aria-label="Direct link to customSettings.cppm" title="Direct link to customSettings.cppm"></a></h4>
<blockquote>
<p><strong>cppm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscppwasm>customSettings.cppwasm<a href=#customsettingscppwasm class=hash-link aria-label="Direct link to customSettings.cppwasm" title="Direct link to customSettings.cppwasm"></a></h4>
<blockquote>
<p><strong>cppwasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscs>customSettings.cs<a href=#customsettingscs class=hash-link aria-label="Direct link to customSettings.cs" title="Direct link to customSettings.cs"></a></h4>
<blockquote>
<p><strong>cs</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscs-wasm>customSettings.cs-wasm<a href=#customsettingscs-wasm class=hash-link aria-label="Direct link to customSettings.cs-wasm" title="Direct link to customSettings.cs-wasm"></a></h4>
<blockquote>
<p><strong>cs-wasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscsharp>customSettings.csharp<a href=#customsettingscsharp class=hash-link aria-label="Direct link to customSettings.csharp" title="Direct link to customSettings.csharp"></a></h4>
<blockquote>
<p><strong>csharp</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscsharp-wasm>customSettings.csharp-wasm<a href=#customsettingscsharp-wasm class=hash-link aria-label="Direct link to customSettings.csharp-wasm" title="Direct link to customSettings.csharp-wasm"></a></h4>
<blockquote>
<p><strong>csharp-wasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscss>customSettings.css<a href=#customsettingscss class=hash-link aria-label="Direct link to customSettings.css" title="Direct link to customSettings.css"></a></h4>
<blockquote>
<p><strong>css</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscssmodules>customSettings.cssmodules<a href=#customsettingscssmodules class=hash-link aria-label="Direct link to customSettings.cssmodules" title="Direct link to customSettings.cssmodules"></a></h4>
<blockquote>
<p><strong>cssmodules</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscssnano>customSettings.cssnano<a href=#customsettingscssnano class=hash-link aria-label="Direct link to customSettings.cssnano" title="Direct link to customSettings.cssnano"></a></h4>
<blockquote>
<p><strong>cssnano</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscwasm>customSettings.cwasm<a href=#customsettingscwasm class=hash-link aria-label="Direct link to customSettings.cwasm" title="Direct link to customSettings.cwasm"></a></h4>
<blockquote>
<p><strong>cwasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingscxx>customSettings.cxx<a href=#customsettingscxx class=hash-link aria-label="Direct link to customSettings.cxx" title="Direct link to customSettings.cxx"></a></h4>
<blockquote>
<p><strong>cxx</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsdefaultcdn>customSettings.defaultCDN?<a href=#customsettingsdefaultcdn class=hash-link aria-label="Direct link to customSettings.defaultCDN?" title="Direct link to customSettings.defaultCDN?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>defaultCDN</strong>: <a href=/docs/api/internal/type-aliases/CDN><code>CDN</code></a></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsdiagram>customSettings.diagram<a href=#customsettingsdiagram class=hash-link aria-label="Direct link to customSettings.diagram" title="Direct link to customSettings.diagram"></a></h4>
<blockquote>
<p><strong>diagram</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsdiagrams>customSettings.diagrams<a href=#customsettingsdiagrams class=hash-link aria-label="Direct link to customSettings.diagrams" title="Direct link to customSettings.diagrams"></a></h4>
<blockquote>
<p><strong>diagrams</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsdot>customSettings.dot<a href=#customsettingsdot class=hash-link aria-label="Direct link to customSettings.dot" title="Direct link to customSettings.dot"></a></h4>
<blockquote>
<p><strong>dot</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsedn>customSettings.edn<a href=#customsettingsedn class=hash-link aria-label="Direct link to customSettings.edn" title="Direct link to customSettings.edn"></a></h4>
<blockquote>
<p><strong>edn</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsejs>customSettings.ejs<a href=#customsettingsejs class=hash-link aria-label="Direct link to customSettings.ejs" title="Direct link to customSettings.ejs"></a></h4>
<blockquote>
<p><strong>ejs</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingses>customSettings.es<a href=#customsettingses class=hash-link aria-label="Direct link to customSettings.es" title="Direct link to customSettings.es"></a></h4>
<blockquote>
<p><strong>es</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingseta>customSettings.eta<a href=#customsettingseta class=hash-link aria-label="Direct link to customSettings.eta" title="Direct link to customSettings.eta"></a></h4>
<blockquote>
<p><strong>eta</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsfennel>customSettings.fennel<a href=#customsettingsfennel class=hash-link aria-label="Direct link to customSettings.fennel" title="Direct link to customSettings.fennel"></a></h4>
<blockquote>
<p><strong>fennel</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsflow>customSettings.flow<a href=#customsettingsflow class=hash-link aria-label="Direct link to customSettings.flow" title="Direct link to customSettings.flow"></a></h4>
<blockquote>
<p><strong>flow</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsfnl>customSettings.fnl<a href=#customsettingsfnl class=hash-link aria-label="Direct link to customSettings.fnl" title="Direct link to customSettings.fnl"></a></h4>
<blockquote>
<p><strong>fnl</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsgleam>customSettings.gleam<a href=#customsettingsgleam class=hash-link aria-label="Direct link to customSettings.gleam" title="Direct link to customSettings.gleam"></a></h4>
<blockquote>
<p><strong>gleam</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsgo>customSettings.go<a href=#customsettingsgo class=hash-link aria-label="Direct link to customSettings.go" title="Direct link to customSettings.go"></a></h4>
<blockquote>
<p><strong>go</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsgolang>customSettings.golang<a href=#customsettingsgolang class=hash-link aria-label="Direct link to customSettings.golang" title="Direct link to customSettings.golang"></a></h4>
<blockquote>
<p><strong>golang</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsgraph>customSettings.graph<a href=#customsettingsgraph class=hash-link aria-label="Direct link to customSettings.graph" title="Direct link to customSettings.graph"></a></h4>
<blockquote>
<p><strong>graph</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsh>customSettings.h<a href=#customsettingsh class=hash-link aria-label="Direct link to customSettings.h" title="Direct link to customSettings.h"></a></h4>
<blockquote>
<p><strong>h</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingshaml>customSettings.haml<a href=#customsettingshaml class=hash-link aria-label="Direct link to customSettings.haml" title="Direct link to customSettings.haml"></a></h4>
<blockquote>
<p><strong>haml</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingshandlebars>customSettings.handlebars<a href=#customsettingshandlebars class=hash-link aria-label="Direct link to customSettings.handlebars" title="Direct link to customSettings.handlebars"></a></h4>
<blockquote>
<p><strong>handlebars</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingshbs>customSettings.hbs<a href=#customsettingshbs class=hash-link aria-label="Direct link to customSettings.hbs" title="Direct link to customSettings.hbs"></a></h4>
<blockquote>
<p><strong>hbs</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingshpp>customSettings.hpp<a href=#customsettingshpp class=hash-link aria-label="Direct link to customSettings.hpp" title="Direct link to customSettings.hpp"></a></h4>
<blockquote>
<p><strong>hpp</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingshtm>customSettings.htm<a href=#customsettingshtm class=hash-link aria-label="Direct link to customSettings.htm" title="Direct link to customSettings.htm"></a></h4>
<blockquote>
<p><strong>htm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingshtml>customSettings.html<a href=#customsettingshtml class=hash-link aria-label="Direct link to customSettings.html" title="Direct link to customSettings.html"></a></h4>
<blockquote>
<p><strong>html</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsii>customSettings.ii<a href=#customsettingsii class=hash-link aria-label="Direct link to customSettings.ii" title="Direct link to customSettings.ii"></a></h4>
<blockquote>
<p><strong>ii</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsimba>customSettings.imba<a href=#customsettingsimba class=hash-link aria-label="Direct link to customSettings.imba" title="Direct link to customSettings.imba"></a></h4>
<blockquote>
<p><strong>imba</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsimports>customSettings.imports?<a href=#customsettingsimports class=hash-link aria-label="Direct link to customSettings.imports?" title="Direct link to customSettings.imports?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>imports</strong>: <code>Record</code>&lt;<code>string</code>, <code>string</code>></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsixx>customSettings.ixx<a href=#customsettingsixx class=hash-link aria-label="Direct link to customSettings.ixx" title="Direct link to customSettings.ixx"></a></h4>
<blockquote>
<p><strong>ixx</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsjade>customSettings.jade<a href=#customsettingsjade class=hash-link aria-label="Direct link to customSettings.jade" title="Direct link to customSettings.jade"></a></h4>
<blockquote>
<p><strong>jade</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsjava>customSettings.java<a href=#customsettingsjava class=hash-link aria-label="Direct link to customSettings.java" title="Direct link to customSettings.java"></a></h4>
<blockquote>
<p><strong>java</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsjavascript>customSettings.javascript<a href=#customsettingsjavascript class=hash-link aria-label="Direct link to customSettings.javascript" title="Direct link to customSettings.javascript"></a></h4>
<blockquote>
<p><strong>javascript</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsjinja>customSettings.jinja<a href=#customsettingsjinja class=hash-link aria-label="Direct link to customSettings.jinja" title="Direct link to customSettings.jinja"></a></h4>
<blockquote>
<p><strong>jinja</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsjl>customSettings.jl<a href=#customsettingsjl class=hash-link aria-label="Direct link to customSettings.jl" title="Direct link to customSettings.jl"></a></h4>
<blockquote>
<p><strong>jl</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsjs>customSettings.js<a href=#customsettingsjs class=hash-link aria-label="Direct link to customSettings.js" title="Direct link to customSettings.js"></a></h4>
<blockquote>
<p><strong>js</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsjson>customSettings.json<a href=#customsettingsjson class=hash-link aria-label="Direct link to customSettings.json" title="Direct link to customSettings.json"></a></h4>
<blockquote>
<p><strong>json</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsjsx>customSettings.jsx<a href=#customsettingsjsx class=hash-link aria-label="Direct link to customSettings.jsx" title="Direct link to customSettings.jsx"></a></h4>
<blockquote>
<p><strong>jsx</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsjulia>customSettings.julia<a href=#customsettingsjulia class=hash-link aria-label="Direct link to customSettings.julia" title="Direct link to customSettings.julia"></a></h4>
<blockquote>
<p><strong>julia</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsless>customSettings.less<a href=#customsettingsless class=hash-link aria-label="Direct link to customSettings.less" title="Direct link to customSettings.less"></a></h4>
<blockquote>
<p><strong>less</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingslightningcss>customSettings.lightningcss<a href=#customsettingslightningcss class=hash-link aria-label="Direct link to customSettings.lightningcss" title="Direct link to customSettings.lightningcss"></a></h4>
<blockquote>
<p><strong>lightningcss</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsliquid>customSettings.liquid<a href=#customsettingsliquid class=hash-link aria-label="Direct link to customSettings.liquid" title="Direct link to customSettings.liquid"></a></h4>
<blockquote>
<p><strong>liquid</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsliquidjs>customSettings.liquidjs<a href=#customsettingsliquidjs class=hash-link aria-label="Direct link to customSettings.liquidjs" title="Direct link to customSettings.liquidjs"></a></h4>
<blockquote>
<p><strong>liquidjs</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingslisp>customSettings.lisp<a href=#customsettingslisp class=hash-link aria-label="Direct link to customSettings.lisp" title="Direct link to customSettings.lisp"></a></h4>
<blockquote>
<p><strong>lisp</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingslivescript>customSettings.livescript<a href=#customsettingslivescript class=hash-link aria-label="Direct link to customSettings.livescript" title="Direct link to customSettings.livescript"></a></h4>
<blockquote>
<p><strong>livescript</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsls>customSettings.ls<a href=#customsettingsls class=hash-link aria-label="Direct link to customSettings.ls" title="Direct link to customSettings.ls"></a></h4>
<blockquote>
<p><strong>ls</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingslua>customSettings.lua<a href=#customsettingslua class=hash-link aria-label="Direct link to customSettings.lua" title="Direct link to customSettings.lua"></a></h4>
<blockquote>
<p><strong>lua</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingslua-wasm>customSettings.lua-wasm<a href=#customsettingslua-wasm class=hash-link aria-label="Direct link to customSettings.lua-wasm" title="Direct link to customSettings.lua-wasm"></a></h4>
<blockquote>
<p><strong>lua-wasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsluawasm>customSettings.luawasm<a href=#customsettingsluawasm class=hash-link aria-label="Direct link to customSettings.luawasm" title="Direct link to customSettings.luawasm"></a></h4>
<blockquote>
<p><strong>luawasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsmalina>customSettings.malina<a href=#customsettingsmalina class=hash-link aria-label="Direct link to customSettings.malina" title="Direct link to customSettings.malina"></a></h4>
<blockquote>
<p><strong>malina</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsmalinajs>customSettings.malinajs<a href=#customsettingsmalinajs class=hash-link aria-label="Direct link to customSettings.malinajs" title="Direct link to customSettings.malinajs"></a></h4>
<blockquote>
<p><strong>malinajs</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsmapimports>customSettings.mapImports?<a href=#customsettingsmapimports class=hash-link aria-label="Direct link to customSettings.mapImports?" title="Direct link to customSettings.mapImports?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>mapImports</strong>: <code>boolean</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsmarkdown>customSettings.markdown<a href=#customsettingsmarkdown class=hash-link aria-label="Direct link to customSettings.markdown" title="Direct link to customSettings.markdown"></a></h4>
<blockquote>
<p><strong>markdown</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsmd>customSettings.md<a href=#customsettingsmd class=hash-link aria-label="Direct link to customSettings.md" title="Direct link to customSettings.md"></a></h4>
<blockquote>
<p><strong>md</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsmdown>customSettings.mdown<a href=#customsettingsmdown class=hash-link aria-label="Direct link to customSettings.mdown" title="Direct link to customSettings.mdown"></a></h4>
<blockquote>
<p><strong>mdown</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsmdx>customSettings.mdx<a href=#customsettingsmdx class=hash-link aria-label="Direct link to customSettings.mdx" title="Direct link to customSettings.mdx"></a></h4>
<blockquote>
<p><strong>mdx</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsmjml>customSettings.mjml<a href=#customsettingsmjml class=hash-link aria-label="Direct link to customSettings.mjml" title="Direct link to customSettings.mjml"></a></h4>
<blockquote>
<p><strong>mjml</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsmkdn>customSettings.mkdn<a href=#customsettingsmkdn class=hash-link aria-label="Direct link to customSettings.mkdn" title="Direct link to customSettings.mkdn"></a></h4>
<blockquote>
<p><strong>mkdn</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsml>customSettings.ml<a href=#customsettingsml class=hash-link aria-label="Direct link to customSettings.ml" title="Direct link to customSettings.ml"></a></h4>
<blockquote>
<p><strong>ml</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsmli>customSettings.mli<a href=#customsettingsmli class=hash-link aria-label="Direct link to customSettings.mli" title="Direct link to customSettings.mli"></a></h4>
<blockquote>
<p><strong>mli</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsmustache>customSettings.mustache<a href=#customsettingsmustache class=hash-link aria-label="Direct link to customSettings.mustache" title="Direct link to customSettings.mustache"></a></h4>
<blockquote>
<p><strong>mustache</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsnjk>customSettings.njk<a href=#customsettingsnjk class=hash-link aria-label="Direct link to customSettings.njk" title="Direct link to customSettings.njk"></a></h4>
<blockquote>
<p><strong>njk</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsnunjucks>customSettings.nunjucks<a href=#customsettingsnunjucks class=hash-link aria-label="Direct link to customSettings.nunjucks" title="Direct link to customSettings.nunjucks"></a></h4>
<blockquote>
<p><strong>nunjucks</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsocaml>customSettings.ocaml<a href=#customsettingsocaml class=hash-link aria-label="Direct link to customSettings.ocaml" title="Direct link to customSettings.ocaml"></a></h4>
<blockquote>
<p><strong>ocaml</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsperl>customSettings.perl<a href=#customsettingsperl class=hash-link aria-label="Direct link to customSettings.perl" title="Direct link to customSettings.perl"></a></h4>
<blockquote>
<p><strong>perl</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspg>customSettings.pg<a href=#customsettingspg class=hash-link aria-label="Direct link to customSettings.pg" title="Direct link to customSettings.pg"></a></h4>
<blockquote>
<p><strong>pg</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspgsql>customSettings.pg.sql<a href=#customsettingspgsql class=hash-link aria-label="Direct link to customSettings.pg.sql" title="Direct link to customSettings.pg.sql"></a></h4>
<blockquote>
<p><strong>sql</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspglite>customSettings.pglite<a href=#customsettingspglite class=hash-link aria-label="Direct link to customSettings.pglite" title="Direct link to customSettings.pglite"></a></h4>
<blockquote>
<p><strong>pglite</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspglitesql>customSettings.pglite.sql<a href=#customsettingspglitesql class=hash-link aria-label="Direct link to customSettings.pglite.sql" title="Direct link to customSettings.pglite.sql"></a></h4>
<blockquote>
<p><strong>sql</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspgsql-1>customSettings.pgsql<a href=#customsettingspgsql-1 class=hash-link aria-label="Direct link to customSettings.pgsql" title="Direct link to customSettings.pgsql"></a></h4>
<blockquote>
<p><strong>pgsql</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspgsqlsql>customSettings.pgsql.sql<a href=#customsettingspgsqlsql class=hash-link aria-label="Direct link to customSettings.pgsql.sql" title="Direct link to customSettings.pgsql.sql"></a></h4>
<blockquote>
<p><strong>sql</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsphp>customSettings.php<a href=#customsettingsphp class=hash-link aria-label="Direct link to customSettings.php" title="Direct link to customSettings.php"></a></h4>
<blockquote>
<p><strong>php</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsphp-wasm>customSettings.php-wasm<a href=#customsettingsphp-wasm class=hash-link aria-label="Direct link to customSettings.php-wasm" title="Direct link to customSettings.php-wasm"></a></h4>
<blockquote>
<p><strong>php-wasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsphpwasm>customSettings.phpwasm<a href=#customsettingsphpwasm class=hash-link aria-label="Direct link to customSettings.phpwasm" title="Direct link to customSettings.phpwasm"></a></h4>
<blockquote>
<p><strong>phpwasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspintora>customSettings.pintora<a href=#customsettingspintora class=hash-link aria-label="Direct link to customSettings.pintora" title="Direct link to customSettings.pintora"></a></h4>
<blockquote>
<p><strong>pintora</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspl>customSettings.pl<a href=#customsettingspl class=hash-link aria-label="Direct link to customSettings.pl" title="Direct link to customSettings.pl"></a></h4>
<blockquote>
<p><strong>pl</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsplt>customSettings.plt<a href=#customsettingsplt class=hash-link aria-label="Direct link to customSettings.plt" title="Direct link to customSettings.plt"></a></h4>
<blockquote>
<p><strong>plt</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspm>customSettings.pm<a href=#customsettingspm class=hash-link aria-label="Direct link to customSettings.pm" title="Direct link to customSettings.pm"></a></h4>
<blockquote>
<p><strong>pm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspostcss>customSettings.postcss<a href=#customsettingspostcss class=hash-link aria-label="Direct link to customSettings.postcss" title="Direct link to customSettings.postcss"></a></h4>
<blockquote>
<p><strong>postcss</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspostcssimporturl>customSettings.postcssImportUrl<a href=#customsettingspostcssimporturl class=hash-link aria-label="Direct link to customSettings.postcssImportUrl" title="Direct link to customSettings.postcssImportUrl"></a></h4>
<blockquote>
<p><strong>postcssImportUrl</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspostcsspresetenv>customSettings.postcssPresetEnv<a href=#customsettingspostcsspresetenv class=hash-link aria-label="Direct link to customSettings.postcssPresetEnv" title="Direct link to customSettings.postcssPresetEnv"></a></h4>
<blockquote>
<p><strong>postcssPresetEnv</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspostgresql>customSettings.postgre.sql<a href=#customsettingspostgresql class=hash-link aria-label="Direct link to customSettings.postgre.sql" title="Direct link to customSettings.postgre.sql"></a></h4>
<blockquote>
<p><strong>sql</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspostgres>customSettings.postgres<a href=#customsettingspostgres class=hash-link aria-label="Direct link to customSettings.postgres" title="Direct link to customSettings.postgres"></a></h4>
<blockquote>
<p><strong>postgres</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspostgresql-1>customSettings.postgresql<a href=#customsettingspostgresql-1 class=hash-link aria-label="Direct link to customSettings.postgresql" title="Direct link to customSettings.postgresql"></a></h4>
<blockquote>
<p><strong>postgresql</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspostgresqlsql>customSettings.postgresql.sql<a href=#customsettingspostgresqlsql class=hash-link aria-label="Direct link to customSettings.postgresql.sql" title="Direct link to customSettings.postgresql.sql"></a></h4>
<blockquote>
<p><strong>sql</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsprolog>customSettings.prolog<a href=#customsettingsprolog class=hash-link aria-label="Direct link to customSettings.prolog" title="Direct link to customSettings.prolog"></a></h4>
<blockquote>
<p><strong>prolog</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsprologpl>customSettings.prolog.pl<a href=#customsettingsprologpl class=hash-link aria-label="Direct link to customSettings.prolog.pl" title="Direct link to customSettings.prolog.pl"></a></h4>
<blockquote>
<p><strong>pl</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspug>customSettings.pug<a href=#customsettingspug class=hash-link aria-label="Direct link to customSettings.pug" title="Direct link to customSettings.pug"></a></h4>
<blockquote>
<p><strong>pug</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspurgecss>customSettings.purgecss<a href=#customsettingspurgecss class=hash-link aria-label="Direct link to customSettings.purgecss" title="Direct link to customSettings.purgecss"></a></h4>
<blockquote>
<p><strong>purgecss</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspy>customSettings.py<a href=#customsettingspy class=hash-link aria-label="Direct link to customSettings.py" title="Direct link to customSettings.py"></a></h4>
<blockquote>
<p><strong>py</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspy-wasm>customSettings.py-wasm<a href=#customsettingspy-wasm class=hash-link aria-label="Direct link to customSettings.py-wasm" title="Direct link to customSettings.py-wasm"></a></h4>
<blockquote>
<p><strong>py-wasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspy3>customSettings.py3<a href=#customsettingspy3 class=hash-link aria-label="Direct link to customSettings.py3" title="Direct link to customSettings.py3"></a></h4>
<blockquote>
<p><strong>py3</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspyodide>customSettings.pyodide<a href=#customsettingspyodide class=hash-link aria-label="Direct link to customSettings.pyodide" title="Direct link to customSettings.pyodide"></a></h4>
<blockquote>
<p><strong>pyodide</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspython>customSettings.python<a href=#customsettingspython class=hash-link aria-label="Direct link to customSettings.python" title="Direct link to customSettings.python"></a></h4>
<blockquote>
<p><strong>python</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspython-wasm>customSettings.python-wasm<a href=#customsettingspython-wasm class=hash-link aria-label="Direct link to customSettings.python-wasm" title="Direct link to customSettings.python-wasm"></a></h4>
<blockquote>
<p><strong>python-wasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspythonwasm>customSettings.pythonwasm<a href=#customsettingspythonwasm class=hash-link aria-label="Direct link to customSettings.pythonwasm" title="Direct link to customSettings.pythonwasm"></a></h4>
<blockquote>
<p><strong>pythonwasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingspywasm>customSettings.pywasm<a href=#customsettingspywasm class=hash-link aria-label="Direct link to customSettings.pywasm" title="Direct link to customSettings.pywasm"></a></h4>
<blockquote>
<p><strong>pywasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsr>customSettings.r<a href=#customsettingsr class=hash-link aria-label="Direct link to customSettings.r" title="Direct link to customSettings.r"></a></h4>
<blockquote>
<p><strong>r</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsr-wasm>customSettings.r-wasm<a href=#customsettingsr-wasm class=hash-link aria-label="Direct link to customSettings.r-wasm" title="Direct link to customSettings.r-wasm"></a></h4>
<blockquote>
<p><strong>r-wasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsrb>customSettings.rb<a href=#customsettingsrb class=hash-link aria-label="Direct link to customSettings.rb" title="Direct link to customSettings.rb"></a></h4>
<blockquote>
<p><strong>rb</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsre>customSettings.re<a href=#customsettingsre class=hash-link aria-label="Direct link to customSettings.re" title="Direct link to customSettings.re"></a></h4>
<blockquote>
<p><strong>re</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsreact>customSettings.react<a href=#customsettingsreact class=hash-link aria-label="Direct link to customSettings.react" title="Direct link to customSettings.react"></a></h4>
<blockquote>
<p><strong>react</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsreact-jsx>customSettings.react-jsx<a href=#customsettingsreact-jsx class=hash-link aria-label="Direct link to customSettings.react-jsx" title="Direct link to customSettings.react-jsx"></a></h4>
<blockquote>
<p><strong>react-jsx</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsreact-native>customSettings.react-native<a href=#customsettingsreact-native class=hash-link aria-label="Direct link to customSettings.react-native" title="Direct link to customSettings.react-native"></a></h4>
<blockquote>
<p><strong>react-native</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsreact-native-tsx>customSettings.react-native-tsx<a href=#customsettingsreact-native-tsx class=hash-link aria-label="Direct link to customSettings.react-native-tsx" title="Direct link to customSettings.react-native-tsx"></a></h4>
<blockquote>
<p><strong>react-native-tsx</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsreact-nativejsx>customSettings.react-native.jsx<a href=#customsettingsreact-nativejsx class=hash-link aria-label="Direct link to customSettings.react-native.jsx" title="Direct link to customSettings.react-native.jsx"></a></h4>
<blockquote>
<p><strong>jsx</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsreact-nativetsx>customSettings.react-native.tsx<a href=#customsettingsreact-nativetsx class=hash-link aria-label="Direct link to customSettings.react-native.tsx" title="Direct link to customSettings.react-native.tsx"></a></h4>
<blockquote>
<p><strong>tsx</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsreact-tsx>customSettings.react-tsx<a href=#customsettingsreact-tsx class=hash-link aria-label="Direct link to customSettings.react-tsx" title="Direct link to customSettings.react-tsx"></a></h4>
<blockquote>
<p><strong>react-tsx</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsreactjsx>customSettings.react.jsx<a href=#customsettingsreactjsx class=hash-link aria-label="Direct link to customSettings.react.jsx" title="Direct link to customSettings.react.jsx"></a></h4>
<blockquote>
<p><strong>jsx</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsreacttsx>customSettings.react.tsx<a href=#customsettingsreacttsx class=hash-link aria-label="Direct link to customSettings.react.tsx" title="Direct link to customSettings.react.tsx"></a></h4>
<blockquote>
<p><strong>tsx</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsreason>customSettings.reason<a href=#customsettingsreason class=hash-link aria-label="Direct link to customSettings.reason" title="Direct link to customSettings.reason"></a></h4>
<blockquote>
<p><strong>reason</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsrei>customSettings.rei<a href=#customsettingsrei class=hash-link aria-label="Direct link to customSettings.rei" title="Direct link to customSettings.rei"></a></h4>
<blockquote>
<p><strong>rei</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsres>customSettings.res<a href=#customsettingsres class=hash-link aria-label="Direct link to customSettings.res" title="Direct link to customSettings.res"></a></h4>
<blockquote>
<p><strong>res</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsrescript>customSettings.rescript<a href=#customsettingsrescript class=hash-link aria-label="Direct link to customSettings.rescript" title="Direct link to customSettings.rescript"></a></h4>
<blockquote>
<p><strong>rescript</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsresi>customSettings.resi<a href=#customsettingsresi class=hash-link aria-label="Direct link to customSettings.resi" title="Direct link to customSettings.resi"></a></h4>
<blockquote>
<p><strong>resi</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsrich>customSettings.rich<a href=#customsettingsrich class=hash-link aria-label="Direct link to customSettings.rich" title="Direct link to customSettings.rich"></a></h4>
<blockquote>
<p><strong>rich</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsrichtext>customSettings.richtext<a href=#customsettingsrichtext class=hash-link aria-label="Direct link to customSettings.richtext" title="Direct link to customSettings.richtext"></a></h4>
<blockquote>
<p><strong>richtext</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsriot>customSettings.riot<a href=#customsettingsriot class=hash-link aria-label="Direct link to customSettings.riot" title="Direct link to customSettings.riot"></a></h4>
<blockquote>
<p><strong>riot</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsriotjs>customSettings.riotjs<a href=#customsettingsriotjs class=hash-link aria-label="Direct link to customSettings.riotjs" title="Direct link to customSettings.riotjs"></a></h4>
<blockquote>
<p><strong>riotjs</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsrlang>customSettings.rlang<a href=#customsettingsrlang class=hash-link aria-label="Direct link to customSettings.rlang" title="Direct link to customSettings.rlang"></a></h4>
<blockquote>
<p><strong>rlang</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsrstats>customSettings.rstats<a href=#customsettingsrstats class=hash-link aria-label="Direct link to customSettings.rstats" title="Direct link to customSettings.rstats"></a></h4>
<blockquote>
<p><strong>rstats</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsrte>customSettings.rte<a href=#customsettingsrte class=hash-link aria-label="Direct link to customSettings.rte" title="Direct link to customSettings.rte"></a></h4>
<blockquote>
<p><strong>rte</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsrtehtml>customSettings.rte.html<a href=#customsettingsrtehtml class=hash-link aria-label="Direct link to customSettings.rte.html" title="Direct link to customSettings.rte.html"></a></h4>
<blockquote>
<p><strong>html</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsruby>customSettings.ruby<a href=#customsettingsruby class=hash-link aria-label="Direct link to customSettings.ruby" title="Direct link to customSettings.ruby"></a></h4>
<blockquote>
<p><strong>ruby</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsruby-wasm>customSettings.ruby-wasm<a href=#customsettingsruby-wasm class=hash-link aria-label="Direct link to customSettings.ruby-wasm" title="Direct link to customSettings.ruby-wasm"></a></h4>
<blockquote>
<p><strong>ruby-wasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsrubywasm>customSettings.rubywasm<a href=#customsettingsrubywasm class=hash-link aria-label="Direct link to customSettings.rubywasm" title="Direct link to customSettings.rubywasm"></a></h4>
<blockquote>
<p><strong>rubywasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingssass>customSettings.sass<a href=#customsettingssass class=hash-link aria-label="Direct link to customSettings.sass" title="Direct link to customSettings.sass"></a></h4>
<blockquote>
<p><strong>sass</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsscheme>customSettings.scheme<a href=#customsettingsscheme class=hash-link aria-label="Direct link to customSettings.scheme" title="Direct link to customSettings.scheme"></a></h4>
<blockquote>
<p><strong>scheme</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsscm>customSettings.scm<a href=#customsettingsscm class=hash-link aria-label="Direct link to customSettings.scm" title="Direct link to customSettings.scm"></a></h4>
<blockquote>
<p><strong>scm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsscripttype>customSettings.scriptType?<a href=#customsettingsscripttype class=hash-link aria-label="Direct link to customSettings.scriptType?" title="Direct link to customSettings.scriptType?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>scriptType</strong>: <code>""</code> | <code>"module"</code> | <code>"text/liquid"</code> | <code>"text/python"</code> | <code>"text/r"</code> | <code>"text/ruby-wasm"</code> | <code>"text/x-uniter-php"</code> | <code>"text/php-wasm"</code> | <code>"text/cpp"</code> | <code>"text/java"</code> | <code>"text/csharp-wasm"</code> | <code>"text/perl"</code> | <code>"text/julia"</code> | <code>"text/biwascheme"</code> | <code>"text/commonlisp"</code> | <code>"text/tcl"</code> | <code>"text/prolog"</code> | <code>"application/json"</code> | <code>"application/lua"</code> | <code>"text/fennel"</code> | <code>"application/wasm-uint8"</code> | <code>"application/javascript"</code> | <code>"application/ecmascript"</code> | <code>"text/javascript"</code> | <code>"text/ecmascript"</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsscss>customSettings.scss<a href=#customsettingsscss class=hash-link aria-label="Direct link to customSettings.scss" title="Direct link to customSettings.scss"></a></h4>
<blockquote>
<p><strong>scss</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingssolid>customSettings.solid<a href=#customsettingssolid class=hash-link aria-label="Direct link to customSettings.solid" title="Direct link to customSettings.solid"></a></h4>
<blockquote>
<p><strong>solid</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingssolidjsx>customSettings.solid.jsx<a href=#customsettingssolidjsx class=hash-link aria-label="Direct link to customSettings.solid.jsx" title="Direct link to customSettings.solid.jsx"></a></h4>
<blockquote>
<p><strong>jsx</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingssolidtsx>customSettings.solid.tsx<a href=#customsettingssolidtsx class=hash-link aria-label="Direct link to customSettings.solid.tsx" title="Direct link to customSettings.solid.tsx"></a></h4>
<blockquote>
<p><strong>tsx</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingssql>customSettings.sql<a href=#customsettingssql class=hash-link aria-label="Direct link to customSettings.sql" title="Direct link to customSettings.sql"></a></h4>
<blockquote>
<p><strong>sql</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingssqlite>customSettings.sqlite<a href=#customsettingssqlite class=hash-link aria-label="Direct link to customSettings.sqlite" title="Direct link to customSettings.sqlite"></a></h4>
<blockquote>
<p><strong>sqlite</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingssqlite3>customSettings.sqlite3<a href=#customsettingssqlite3 class=hash-link aria-label="Direct link to customSettings.sqlite3" title="Direct link to customSettings.sqlite3"></a></h4>
<blockquote>
<p><strong>sqlite3</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsstencil>customSettings.stencil<a href=#customsettingsstencil class=hash-link aria-label="Direct link to customSettings.stencil" title="Direct link to customSettings.stencil"></a></h4>
<blockquote>
<p><strong>stencil</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsstenciltsx>customSettings.stencil.tsx<a href=#customsettingsstenciltsx class=hash-link aria-label="Direct link to customSettings.stencil.tsx" title="Direct link to customSettings.stencil.tsx"></a></h4>
<blockquote>
<p><strong>tsx</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsstyl>customSettings.styl<a href=#customsettingsstyl class=hash-link aria-label="Direct link to customSettings.styl" title="Direct link to customSettings.styl"></a></h4>
<blockquote>
<p><strong>styl</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsstylis>customSettings.stylis<a href=#customsettingsstylis class=hash-link aria-label="Direct link to customSettings.stylis" title="Direct link to customSettings.stylis"></a></h4>
<blockquote>
<p><strong>stylis</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsstylus>customSettings.stylus<a href=#customsettingsstylus class=hash-link aria-label="Direct link to customSettings.stylus" title="Direct link to customSettings.stylus"></a></h4>
<blockquote>
<p><strong>stylus</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingssucrase>customSettings.sucrase<a href=#customsettingssucrase class=hash-link aria-label="Direct link to customSettings.sucrase" title="Direct link to customSettings.sucrase"></a></h4>
<blockquote>
<p><strong>sucrase</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingssvelte>customSettings.svelte<a href=#customsettingssvelte class=hash-link aria-label="Direct link to customSettings.svelte" title="Direct link to customSettings.svelte"></a></h4>
<blockquote>
<p><strong>svelte</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingssvelte-app>customSettings.svelte-app<a href=#customsettingssvelte-app class=hash-link aria-label="Direct link to customSettings.svelte-app" title="Direct link to customSettings.svelte-app"></a></h4>
<blockquote>
<p><strong>svelte-app</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingstailwindcss>customSettings.tailwindcss<a href=#customsettingstailwindcss class=hash-link aria-label="Direct link to customSettings.tailwindcss" title="Direct link to customSettings.tailwindcss"></a></h4>
<blockquote>
<p><strong>tailwindcss</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingstcl>customSettings.tcl<a href=#customsettingstcl class=hash-link aria-label="Direct link to customSettings.tcl" title="Direct link to customSettings.tcl"></a></h4>
<blockquote>
<p><strong>tcl</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsteal>customSettings.teal<a href=#customsettingsteal class=hash-link aria-label="Direct link to customSettings.teal" title="Direct link to customSettings.teal"></a></h4>
<blockquote>
<p><strong>teal</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingstemplate>customSettings.template?<a href=#customsettingstemplate class=hash-link aria-label="Direct link to customSettings.template?" title="Direct link to customSettings.template?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>template</strong>: <code>object</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingstemplatedata>customSettings.template.data?<a href=#customsettingstemplatedata class=hash-link aria-label="Direct link to customSettings.template.data?" title="Direct link to customSettings.template.data?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>data</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingstemplateprerender>customSettings.template.prerender?<a href=#customsettingstemplateprerender class=hash-link aria-label="Direct link to customSettings.template.prerender?" title="Direct link to customSettings.template.prerender?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>prerender</strong>: <code>boolean</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingstl>customSettings.tl<a href=#customsettingstl class=hash-link aria-label="Direct link to customSettings.tl" title="Direct link to customSettings.tl"></a></h4>
<blockquote>
<p><strong>tl</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingstokencss>customSettings.tokencss<a href=#customsettingstokencss class=hash-link aria-label="Direct link to customSettings.tokencss" title="Direct link to customSettings.tokencss"></a></h4>
<blockquote>
<p><strong>tokencss</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsts>customSettings.ts<a href=#customsettingsts class=hash-link aria-label="Direct link to customSettings.ts" title="Direct link to customSettings.ts"></a></h4>
<blockquote>
<p><strong>ts</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingstsx>customSettings.tsx<a href=#customsettingstsx class=hash-link aria-label="Direct link to customSettings.tsx" title="Direct link to customSettings.tsx"></a></h4>
<blockquote>
<p><strong>tsx</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingstwig>customSettings.twig<a href=#customsettingstwig class=hash-link aria-label="Direct link to customSettings.twig" title="Direct link to customSettings.twig"></a></h4>
<blockquote>
<p><strong>twig</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingstypes>customSettings.types?<a href=#customsettingstypes class=hash-link aria-label="Direct link to customSettings.types?" title="Direct link to customSettings.types?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>types</strong>: <a href=/docs/api/internal/interfaces/Types><code>Types</code></a></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingstypescript>customSettings.typescript<a href=#customsettingstypescript class=hash-link aria-label="Direct link to customSettings.typescript" title="Direct link to customSettings.typescript"></a></h4>
<blockquote>
<p><strong>typescript</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsunocss>customSettings.unocss<a href=#customsettingsunocss class=hash-link aria-label="Direct link to customSettings.unocss" title="Direct link to customSettings.unocss"></a></h4>
<blockquote>
<p><strong>unocss</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsvento>customSettings.vento<a href=#customsettingsvento class=hash-link aria-label="Direct link to customSettings.vento" title="Direct link to customSettings.vento"></a></h4>
<blockquote>
<p><strong>vento</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsvto>customSettings.vto<a href=#customsettingsvto class=hash-link aria-label="Direct link to customSettings.vto" title="Direct link to customSettings.vto"></a></h4>
<blockquote>
<p><strong>vto</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsvue>customSettings.vue<a href=#customsettingsvue class=hash-link aria-label="Direct link to customSettings.vue" title="Direct link to customSettings.vue"></a></h4>
<blockquote>
<p><strong>vue</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsvue-app>customSettings.vue-app<a href=#customsettingsvue-app class=hash-link aria-label="Direct link to customSettings.vue-app" title="Direct link to customSettings.vue-app"></a></h4>
<blockquote>
<p><strong>vue-app</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsvue2>customSettings.vue2<a href=#customsettingsvue2 class=hash-link aria-label="Direct link to customSettings.vue2" title="Direct link to customSettings.vue2"></a></h4>
<blockquote>
<p><strong>vue2</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsvue3>customSettings.vue3<a href=#customsettingsvue3 class=hash-link aria-label="Direct link to customSettings.vue3" title="Direct link to customSettings.vue3"></a></h4>
<blockquote>
<p><strong>vue3</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingswasm>customSettings.wasm<a href=#customsettingswasm class=hash-link aria-label="Direct link to customSettings.wasm" title="Direct link to customSettings.wasm"></a></h4>
<blockquote>
<p><strong>wasm</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingswasmcpp>customSettings.wasm.cpp<a href=#customsettingswasmcpp class=hash-link aria-label="Direct link to customSettings.wasm.cpp" title="Direct link to customSettings.wasm.cpp"></a></h4>
<blockquote>
<p><strong>cpp</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingswasmcs>customSettings.wasm.cs<a href=#customsettingswasmcs class=hash-link aria-label="Direct link to customSettings.wasm.cs" title="Direct link to customSettings.wasm.cs"></a></h4>
<blockquote>
<p><strong>cs</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingswasmlua>customSettings.wasm.lua<a href=#customsettingswasmlua class=hash-link aria-label="Direct link to customSettings.wasm.lua" title="Direct link to customSettings.wasm.lua"></a></h4>
<blockquote>
<p><strong>lua</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingswasmphp>customSettings.wasm.php<a href=#customsettingswasmphp class=hash-link aria-label="Direct link to customSettings.wasm.php" title="Direct link to customSettings.wasm.php"></a></h4>
<blockquote>
<p><strong>php</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingswasmpy>customSettings.wasm.py<a href=#customsettingswasmpy class=hash-link aria-label="Direct link to customSettings.wasm.py" title="Direct link to customSettings.wasm.py"></a></h4>
<blockquote>
<p><strong>py</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingswasmrb>customSettings.wasm.rb<a href=#customsettingswasmrb class=hash-link aria-label="Direct link to customSettings.wasm.rb" title="Direct link to customSettings.wasm.rb"></a></h4>
<blockquote>
<p><strong>rb</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingswast>customSettings.wast<a href=#customsettingswast class=hash-link aria-label="Direct link to customSettings.wast" title="Direct link to customSettings.wast"></a></h4>
<blockquote>
<p><strong>wast</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingswat>customSettings.wat<a href=#customsettingswat class=hash-link aria-label="Direct link to customSettings.wat" title="Direct link to customSettings.wat"></a></h4>
<blockquote>
<p><strong>wat</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingswebassembly>customSettings.webassembly<a href=#customsettingswebassembly class=hash-link aria-label="Direct link to customSettings.webassembly" title="Direct link to customSettings.webassembly"></a></h4>
<blockquote>
<p><strong>webassembly</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingswindicss>customSettings.windicss<a href=#customsettingswindicss class=hash-link aria-label="Direct link to customSettings.windicss" title="Direct link to customSettings.windicss"></a></h4>
<blockquote>
<p><strong>windicss</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsxht>customSettings.xht<a href=#customsettingsxht class=hash-link aria-label="Direct link to customSettings.xht" title="Direct link to customSettings.xht"></a></h4>
<blockquote>
<p><strong>xht</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=customsettingsxml>customSettings.xml<a href=#customsettingsxml class=hash-link aria-label="Direct link to customSettings.xml" title="Direct link to customSettings.xml"></a></h4>
<blockquote>
<p><strong>xml</strong>: <code>any</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cwasm>cwasm<a href=#cwasm class=hash-link aria-label="Direct link to cwasm" title="Direct link to cwasm"></a></h4>
<blockquote>
<p><strong>cwasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cwasm-selector>cwasm-selector<a href=#cwasm-selector class=hash-link aria-label="Direct link to cwasm-selector" title="Direct link to cwasm-selector"></a></h4>
<blockquote>
<p><strong>cwasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cxx>cxx<a href=#cxx class=hash-link aria-label="Direct link to cxx" title="Direct link to cxx"></a></h4>
<blockquote>
<p><strong>cxx</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=cxx-selector>cxx-selector<a href=#cxx-selector class=hash-link aria-label="Direct link to cxx-selector" title="Direct link to cxx-selector"></a></h4>
<blockquote>
<p><strong>cxx-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=delay>delay?<a href=#delay class=hash-link aria-label="Direct link to delay?" title="Direct link to delay?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>delay</strong>: <code>number</code></p>
</blockquote>
<p>Time delay (in milliseconds) following code change,
after which the result page is updated (if <a href=https://livecodes.io/docs/configuration/configuration-object#autoupdate target=_blank rel="noopener noreferrer"><code>autoupdate</code></a> is <code>true</code>)
and/or the project is saved (if <a href=https://livecodes.io/docs/configuration/configuration-object#autosave target=_blank rel="noopener noreferrer"><code>autosave</code></a> is <code>true</code>).</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-12>Default<a href=#default-12 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token number" style=color:#36acaa>1500</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=description>description?<a href=#description class=hash-link aria-label="Direct link to description?" title="Direct link to description?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>description</strong>: <code>string</code></p>
</blockquote>
<p>Project description. Used in <a href=https://livecodes.io/docs/features/projects target=_blank rel="noopener noreferrer">project</a> search
and <a href=https://livecodes.io/docs/features/result target=_blank rel="noopener noreferrer">result page</a> description meta tag.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-13>Default<a href=#default-13 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>""</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=diagram>diagram<a href=#diagram class=hash-link aria-label="Direct link to diagram" title="Direct link to diagram"></a></h4>
<blockquote>
<p><strong>diagram</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=diagram-selector>diagram-selector<a href=#diagram-selector class=hash-link aria-label="Direct link to diagram-selector" title="Direct link to diagram-selector"></a></h4>
<blockquote>
<p><strong>diagram-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=diagrams>diagrams<a href=#diagrams class=hash-link aria-label="Direct link to diagrams" title="Direct link to diagrams"></a></h4>
<blockquote>
<p><strong>diagrams</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=diagrams-selector>diagrams-selector<a href=#diagrams-selector class=hash-link aria-label="Direct link to diagrams-selector" title="Direct link to diagrams-selector"></a></h4>
<blockquote>
<p><strong>diagrams-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=disableai>disableAI?<a href=#disableai class=hash-link aria-label="Direct link to disableAI?" title="Direct link to disableAI?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>disableAI</strong>: <code>boolean</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=dot>dot<a href=#dot class=hash-link aria-label="Direct link to dot" title="Direct link to dot"></a></h4>
<blockquote>
<p><strong>dot</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=dot-selector>dot-selector<a href=#dot-selector class=hash-link aria-label="Direct link to dot-selector" title="Direct link to dot-selector"></a></h4>
<blockquote>
<p><strong>dot-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=editor>editor?<a href=#editor class=hash-link aria-label="Direct link to editor?" title="Direct link to editor?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>editor</strong>: <code>"auto"</code> | <code>"monaco"</code> | <code>"codemirror"</code> | <code>"codejar"</code></p>
</blockquote>
<p>Selects the <a href=https://livecodes.io/docs/features/editor-settings#code-editor target=_blank rel="noopener noreferrer">code editor</a> to use.</p>
<p>If <code>undefined</code> (the default), Monaco editor is used on desktop,
CodeMirror is used on mobile and in <code>simple</code> mode,
while CodeJar is used in <code>codeblock</code> mode, in <code>lite</code> mode and in <code>readonly</code> playgrounds.</p>
<p>If set to <code>auto</code>, Monaco editor is used on desktop and CodeMirror is used on mobile regardless of other settings.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-14>Default<a href=#default-14 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token keyword" style=color:#00009f>undefined</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=editormode>editorMode?<a href=#editormode class=hash-link aria-label="Direct link to editorMode?" title="Direct link to editorMode?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>editorMode</strong>: <code>"vim"</code> | <code>"emacs"</code></p>
</blockquote>
<p>Sets <a href=https://livecodes.io/docs/features/editor-settings#editor-modes target=_blank rel="noopener noreferrer">editor mode</a>.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=editortheme>editorTheme?<a href=#editortheme class=hash-link aria-label="Direct link to editorTheme?" title="Direct link to editorTheme?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>editorTheme</strong>: <code>string</code> | <a href=/docs/api/internal/type-aliases/EditorTheme><code>EditorTheme</code></a>[]</p>
</blockquote>
<p>Sets the <a href=https://livecodes.io/docs/features/editor-settings target=_blank rel="noopener noreferrer">code editor</a> themes.</p>
<p>See docs for <a href=https://livecodes.io/docs/configuration/configuration-object#editortheme target=_blank rel="noopener noreferrer">editor themes</a> for details.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=examples>Examples<a href=#examples class=hash-link aria-label="Direct link to Examples" title="Direct link to Examples"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>"vs"</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>"monaco:twilight, codemirror:one-dark"</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>[</span><span class="token string" style=color:#e3116c>"vs@light"</span><span class="token punctuation" style=color:#393A34>]</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>[</span><span class="token string" style=color:#e3116c>"vs@light"</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>"vs-dark@dark"</span><span class="token punctuation" style=color:#393A34>]</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>[</span><span class="token string" style=color:#e3116c>"monaco:vs@light"</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>"codemirror:github-light@light"</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>"dracula@dark"</span><span class="token punctuation" style=color:#393A34>]</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=edn>edn<a href=#edn class=hash-link aria-label="Direct link to edn" title="Direct link to edn"></a></h4>
<blockquote>
<p><strong>edn</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=edn-selector>edn-selector<a href=#edn-selector class=hash-link aria-label="Direct link to edn-selector" title="Direct link to edn-selector"></a></h4>
<blockquote>
<p><strong>edn-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ejs>ejs<a href=#ejs class=hash-link aria-label="Direct link to ejs" title="Direct link to ejs"></a></h4>
<blockquote>
<p><strong>ejs</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ejs-selector>ejs-selector<a href=#ejs-selector class=hash-link aria-label="Direct link to ejs-selector" title="Direct link to ejs-selector"></a></h4>
<blockquote>
<p><strong>ejs-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=embed>embed?<a href=#embed class=hash-link aria-label="Direct link to embed?" title="Direct link to embed?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>embed</strong>: <code>boolean</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=emmet>emmet?<a href=#emmet class=hash-link aria-label="Direct link to emmet?" title="Direct link to emmet?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>emmet</strong>: <code>boolean</code></p>
</blockquote>
<p>Enables <a href=https://livecodes.io/docs/features/editor-settings#emmet target=_blank rel="noopener noreferrer">Emmet</a>.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-15>Default<a href=#default-15 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>true</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=enableai>enableAI?<a href=#enableai class=hash-link aria-label="Direct link to enableAI?" title="Direct link to enableAI?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>enableAI</strong>: <code>boolean</code></p>
</blockquote>
<p>If <code>true</code>, <a href=https://livecodes.io/docs/features/ai target=_blank rel="noopener noreferrer">AI code assistant</a> is enabled.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-16>Default<a href=#default-16 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>false</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=es>es<a href=#es class=hash-link aria-label="Direct link to es" title="Direct link to es"></a></h4>
<blockquote>
<p><strong>es</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=es-selector>es-selector<a href=#es-selector class=hash-link aria-label="Direct link to es-selector" title="Direct link to es-selector"></a></h4>
<blockquote>
<p><strong>es-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=eta>eta<a href=#eta class=hash-link aria-label="Direct link to eta" title="Direct link to eta"></a></h4>
<blockquote>
<p><strong>eta</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=eta-selector>eta-selector<a href=#eta-selector class=hash-link aria-label="Direct link to eta-selector" title="Direct link to eta-selector"></a></h4>
<blockquote>
<p><strong>eta-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=fennel>fennel<a href=#fennel class=hash-link aria-label="Direct link to fennel" title="Direct link to fennel"></a></h4>
<blockquote>
<p><strong>fennel</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=fennel-selector>fennel-selector<a href=#fennel-selector class=hash-link aria-label="Direct link to fennel-selector" title="Direct link to fennel-selector"></a></h4>
<blockquote>
<p><strong>fennel-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=files>files?<a href=#files class=hash-link aria-label="Direct link to files?" title="Direct link to files?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>files</strong>: <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=flow>flow<a href=#flow class=hash-link aria-label="Direct link to flow" title="Direct link to flow"></a></h4>
<blockquote>
<p><strong>flow</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=flow-selector>flow-selector<a href=#flow-selector class=hash-link aria-label="Direct link to flow-selector" title="Direct link to flow-selector"></a></h4>
<blockquote>
<p><strong>flow-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=fnl>fnl<a href=#fnl class=hash-link aria-label="Direct link to fnl" title="Direct link to fnl"></a></h4>
<blockquote>
<p><strong>fnl</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=fnl-selector>fnl-selector<a href=#fnl-selector class=hash-link aria-label="Direct link to fnl-selector" title="Direct link to fnl-selector"></a></h4>
<blockquote>
<p><strong>fnl-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=foldregions>foldRegions?<a href=#foldregions class=hash-link aria-label="Direct link to foldRegions?" title="Direct link to foldRegions?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>foldRegions</strong>: <code>boolean</code></p>
</blockquote>
<p>When set to <code>true</code>, regions marked by <code>#region</code> and <code>#endregion</code> comments are folded when the project is loaded.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-17>Default<a href=#default-17 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>false</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=fontfamily>fontFamily?<a href=#fontfamily class=hash-link aria-label="Direct link to fontFamily?" title="Direct link to fontFamily?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>fontFamily</strong>: <code>string</code></p>
</blockquote>
<p>Sets the <a href=https://livecodes.io/docs/features/editor-settings target=_blank rel="noopener noreferrer">code editor</a> font family.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=fontsize>fontSize?<a href=#fontsize class=hash-link aria-label="Direct link to fontSize?" title="Direct link to fontSize?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>fontSize</strong>: <code>number</code></p>
</blockquote>
<p>Sets the font size.</p>
<p>If <code>undefined</code> (the default), the font size is set to 14 for the full app and 12 for <a href=https://livecodes.io/docs/features/embeds target=_blank rel="noopener noreferrer">embeds</a>.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-18>Default<a href=#default-18 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token keyword" style=color:#00009f>undefined</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=formatonsave>formatOnsave?<a href=#formatonsave class=hash-link aria-label="Direct link to formatOnsave?" title="Direct link to formatOnsave?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>formatOnsave</strong>: <code>boolean</code></p>
</blockquote>
<p>If <code>true</code>, the code is automatically <a href=https://livecodes.io/docs/features/code-format target=_blank rel="noopener noreferrer">formatted</a> on saving the project.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-19>Default<a href=#default-19 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>false</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=gleam>gleam<a href=#gleam class=hash-link aria-label="Direct link to gleam" title="Direct link to gleam"></a></h4>
<blockquote>
<p><strong>gleam</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=gleam-selector>gleam-selector<a href=#gleam-selector class=hash-link aria-label="Direct link to gleam-selector" title="Direct link to gleam-selector"></a></h4>
<blockquote>
<p><strong>gleam-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=go>go<a href=#go class=hash-link aria-label="Direct link to go" title="Direct link to go"></a></h4>
<blockquote>
<p><strong>go</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=go-selector>go-selector<a href=#go-selector class=hash-link aria-label="Direct link to go-selector" title="Direct link to go-selector"></a></h4>
<blockquote>
<p><strong>go-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=golang>golang<a href=#golang class=hash-link aria-label="Direct link to golang" title="Direct link to golang"></a></h4>
<blockquote>
<p><strong>golang</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=golang-selector>golang-selector<a href=#golang-selector class=hash-link aria-label="Direct link to golang-selector" title="Direct link to golang-selector"></a></h4>
<blockquote>
<p><strong>golang-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=graph>graph<a href=#graph class=hash-link aria-label="Direct link to graph" title="Direct link to graph"></a></h4>
<blockquote>
<p><strong>graph</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=graph-selector>graph-selector<a href=#graph-selector class=hash-link aria-label="Direct link to graph-selector" title="Direct link to graph-selector"></a></h4>
<blockquote>
<p><strong>graph-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=h>h<a href=#h class=hash-link aria-label="Direct link to h" title="Direct link to h"></a></h4>
<blockquote>
<p><strong>h</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=h-selector>h-selector<a href=#h-selector class=hash-link aria-label="Direct link to h-selector" title="Direct link to h-selector"></a></h4>
<blockquote>
<p><strong>h-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=haml>haml<a href=#haml class=hash-link aria-label="Direct link to haml" title="Direct link to haml"></a></h4>
<blockquote>
<p><strong>haml</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=haml-selector>haml-selector<a href=#haml-selector class=hash-link aria-label="Direct link to haml-selector" title="Direct link to haml-selector"></a></h4>
<blockquote>
<p><strong>haml-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=handlebars>handlebars<a href=#handlebars class=hash-link aria-label="Direct link to handlebars" title="Direct link to handlebars"></a></h4>
<blockquote>
<p><strong>handlebars</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=handlebars-selector>handlebars-selector<a href=#handlebars-selector class=hash-link aria-label="Direct link to handlebars-selector" title="Direct link to handlebars-selector"></a></h4>
<blockquote>
<p><strong>handlebars-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=hbs>hbs<a href=#hbs class=hash-link aria-label="Direct link to hbs" title="Direct link to hbs"></a></h4>
<blockquote>
<p><strong>hbs</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=hbs-selector>hbs-selector<a href=#hbs-selector class=hash-link aria-label="Direct link to hbs-selector" title="Direct link to hbs-selector"></a></h4>
<blockquote>
<p><strong>hbs-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=head>head?<a href=#head class=hash-link aria-label="Direct link to head?" title="Direct link to head?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>head</strong>: <code>string</code></p>
</blockquote>
<p>Content added to the <a href=https://livecodes.io/docs/features/result target=_blank rel="noopener noreferrer">result page</a> <code>&lt;head></code> element.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-20>Default<a href=#default-20 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>'&lt;meta charset="UTF-8" />\n&lt;meta name="viewport" content="width=device-width, initial-scale=1.0" />'</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=headless-1>headless?<a href=#headless-1 class=hash-link aria-label="Direct link to headless?" title="Direct link to headless?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>headless</strong>: <code>boolean</code></p>
</blockquote>
<p>If <code>true</code>, the playground is loaded in <a href=https://livecodes.io/docs/sdk/headless target=_blank rel="noopener noreferrer">headless mode</a>.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-21>Default<a href=#default-21 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>false</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=hpp>hpp<a href=#hpp class=hash-link aria-label="Direct link to hpp" title="Direct link to hpp"></a></h4>
<blockquote>
<p><strong>hpp</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=hpp-selector>hpp-selector<a href=#hpp-selector class=hash-link aria-label="Direct link to hpp-selector" title="Direct link to hpp-selector"></a></h4>
<blockquote>
<p><strong>hpp-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=htm>htm<a href=#htm class=hash-link aria-label="Direct link to htm" title="Direct link to htm"></a></h4>
<blockquote>
<p><strong>htm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=htm-selector>htm-selector<a href=#htm-selector class=hash-link aria-label="Direct link to htm-selector" title="Direct link to htm-selector"></a></h4>
<blockquote>
<p><strong>htm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=html>html<a href=#html class=hash-link aria-label="Direct link to html" title="Direct link to html"></a></h4>
<blockquote>
<p><strong>html</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=html-selector>html-selector<a href=#html-selector class=hash-link aria-label="Direct link to html-selector" title="Direct link to html-selector"></a></h4>
<blockquote>
<p><strong>html-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=htmlattrs>htmlAttrs?<a href=#htmlattrs class=hash-link aria-label="Direct link to htmlAttrs?" title="Direct link to htmlAttrs?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>htmlAttrs</strong>: <code>string</code> | <code>Record</code>&lt;<code>string</code>, <code>string</code>></p>
</blockquote>
<p>Attributes added to the <a href=https://livecodes.io/docs/features/result target=_blank rel="noopener noreferrer">result page</a> <code>&lt;html></code> element.
It can be an object or a string.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=example>Example<a href=#example class=hash-link aria-label="Direct link to Example" title="Direct link to Example"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"> lang</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>"en"</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> </span><span class="token keyword" style=color:#00009f>class</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>"dark"</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"></span><span class="token string" style=color:#e3116c>'lang="en" class="dark"'</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ii>ii<a href=#ii class=hash-link aria-label="Direct link to ii" title="Direct link to ii"></a></h4>
<blockquote>
<p><strong>ii</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ii-selector>ii-selector<a href=#ii-selector class=hash-link aria-label="Direct link to ii-selector" title="Direct link to ii-selector"></a></h4>
<blockquote>
<p><strong>ii-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=imba>imba<a href=#imba class=hash-link aria-label="Direct link to imba" title="Direct link to imba"></a></h4>
<blockquote>
<p><strong>imba</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=imba-selector>imba-selector<a href=#imba-selector class=hash-link aria-label="Direct link to imba-selector" title="Direct link to imba-selector"></a></h4>
<blockquote>
<p><strong>imba-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=import-1>import?<a href=#import-1 class=hash-link aria-label="Direct link to import?" title="Direct link to import?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>import</strong>: <code>string</code></p>
</blockquote>
<p>A resource to <a href=https://livecodes.io/docs/features/import target=_blank rel="noopener noreferrer">import</a> (from any of the supported <a href=https://livecodes.io/docs/features/import#sources target=_blank rel="noopener noreferrer">sources</a>).</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=imports>imports?<a href=#imports class=hash-link aria-label="Direct link to imports?" title="Direct link to imports?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>imports</strong>: <code>object</code></p>
</blockquote>
<p>Allows specifying custom <a href=https://github.com/WICG/import-maps target=_blank rel="noopener noreferrer">import maps</a> for <a href=https://livecodes.io/docs/features/module-resolution#custom-module-resolution target=_blank rel="noopener noreferrer">module imports</a>.</p>
<p><strong>Example</strong></p>
<p>Setting <code>imports</code> like this:</p>
<div class="language-js codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-js codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string-property property" style=color:#36acaa>"imports"</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token string-property property" style=color:#36acaa>"moment"</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>"https://cdn.jsdelivr.net/npm/moment@2.29.4/dist/moment.js"</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"></span><span class="token punctuation" style=color:#393A34>}</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<p>results in the following import map:</p>
<div class="language-html codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-html codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token tag punctuation" style=color:#393A34>&lt;</span><span class="token tag" style=color:#00009f>script</span><span class="token tag" style=color:#00009f> </span><span class="token tag attr-name" style=color:#00a4db>type</span><span class="token tag attr-value punctuation attr-equals" style=color:#393A34>=</span><span class="token tag attr-value punctuation" style=color:#393A34>"</span><span class="token tag attr-value" style=color:#e3116c>importmap</span><span class="token tag attr-value punctuation" style=color:#393A34>"</span><span class="token tag punctuation" style=color:#393A34>></span><span class="token script language-javascript"></span><br></span><span class=token-line style=color:#393A34><span class="token script language-javascript"> </span><span class="token script language-javascript punctuation" style=color:#393A34>{</span><span class="token script language-javascript"></span><br></span><span class=token-line style=color:#393A34><span class="token script language-javascript"> </span><span class="token script language-javascript string-property property" style=color:#36acaa>"imports"</span><span class="token script language-javascript operator" style=color:#393A34>:</span><span class="token script language-javascript"> </span><span class="token script language-javascript punctuation" style=color:#393A34>{</span><span class="token script language-javascript"></span><br></span><span class=token-line style=color:#393A34><span class="token script language-javascript"> </span><span class="token script language-javascript string-property property" style=color:#36acaa>"moment"</span><span class="token script language-javascript operator" style=color:#393A34>:</span><span class="token script language-javascript"> </span><span class="token script language-javascript string" style=color:#e3116c>"https://cdn.jsdelivr.net/npm/moment@2.29.4/dist/moment.js"</span><span class="token script language-javascript"></span><br></span><span class=token-line style=color:#393A34><span class="token script language-javascript"> </span><span class="token script language-javascript punctuation" style=color:#393A34>}</span><span class="token script language-javascript"></span><br></span><span class=token-line style=color:#393A34><span class="token script language-javascript"> </span><span class="token script language-javascript punctuation" style=color:#393A34>}</span><span class="token script language-javascript"></span><br></span><span class=token-line style=color:#393A34><span class="token script language-javascript"></span><span class="token tag punctuation" style=color:#393A34>&lt;/</span><span class="token tag" style=color:#00009f>script</span><span class="token tag punctuation" style=color:#393A34>></span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<p>See docs for <a href=https://livecodes.io/docs/configuration/configuration-object#imports target=_blank rel="noopener noreferrer">Imports</a>
and <a href=https://livecodes.io/docs/features/module-resolution/#custom-module-resolution target=_blank rel="noopener noreferrer">Custom Module Resolution</a></p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=index-signature>Index Signature<a href=#index-signature class=hash-link aria-label="Direct link to Index Signature" title="Direct link to Index Signature"></a></h5>
<p>[<code>key</code>: <code>string</code>]: <code>string</code></p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ixx>ixx<a href=#ixx class=hash-link aria-label="Direct link to ixx" title="Direct link to ixx"></a></h4>
<blockquote>
<p><strong>ixx</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ixx-selector>ixx-selector<a href=#ixx-selector class=hash-link aria-label="Direct link to ixx-selector" title="Direct link to ixx-selector"></a></h4>
<blockquote>
<p><strong>ixx-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=jade>jade<a href=#jade class=hash-link aria-label="Direct link to jade" title="Direct link to jade"></a></h4>
<blockquote>
<p><strong>jade</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=jade-selector>jade-selector<a href=#jade-selector class=hash-link aria-label="Direct link to jade-selector" title="Direct link to jade-selector"></a></h4>
<blockquote>
<p><strong>jade-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=java>java<a href=#java class=hash-link aria-label="Direct link to java" title="Direct link to java"></a></h4>
<blockquote>
<p><strong>java</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=java-selector>java-selector<a href=#java-selector class=hash-link aria-label="Direct link to java-selector" title="Direct link to java-selector"></a></h4>
<blockquote>
<p><strong>java-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=javascript>javascript<a href=#javascript class=hash-link aria-label="Direct link to javascript" title="Direct link to javascript"></a></h4>
<blockquote>
<p><strong>javascript</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=javascript-selector>javascript-selector<a href=#javascript-selector class=hash-link aria-label="Direct link to javascript-selector" title="Direct link to javascript-selector"></a></h4>
<blockquote>
<p><strong>javascript-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=jinja>jinja<a href=#jinja class=hash-link aria-label="Direct link to jinja" title="Direct link to jinja"></a></h4>
<blockquote>
<p><strong>jinja</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=jinja-selector>jinja-selector<a href=#jinja-selector class=hash-link aria-label="Direct link to jinja-selector" title="Direct link to jinja-selector"></a></h4>
<blockquote>
<p><strong>jinja-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=jl>jl<a href=#jl class=hash-link aria-label="Direct link to jl" title="Direct link to jl"></a></h4>
<blockquote>
<p><strong>jl</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=jl-selector>jl-selector<a href=#jl-selector class=hash-link aria-label="Direct link to jl-selector" title="Direct link to jl-selector"></a></h4>
<blockquote>
<p><strong>jl-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=js>js<a href=#js class=hash-link aria-label="Direct link to js" title="Direct link to js"></a></h4>
<blockquote>
<p><strong>js</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=js-selector>js-selector<a href=#js-selector class=hash-link aria-label="Direct link to js-selector" title="Direct link to js-selector"></a></h4>
<blockquote>
<p><strong>js-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=json>json<a href=#json class=hash-link aria-label="Direct link to json" title="Direct link to json"></a></h4>
<blockquote>
<p><strong>json</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=json-selector>json-selector<a href=#json-selector class=hash-link aria-label="Direct link to json-selector" title="Direct link to json-selector"></a></h4>
<blockquote>
<p><strong>json-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=jsx>jsx<a href=#jsx class=hash-link aria-label="Direct link to jsx" title="Direct link to jsx"></a></h4>
<blockquote>
<p><strong>jsx</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=jsx-selector>jsx-selector<a href=#jsx-selector class=hash-link aria-label="Direct link to jsx-selector" title="Direct link to jsx-selector"></a></h4>
<blockquote>
<p><strong>jsx-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=julia>julia<a href=#julia class=hash-link aria-label="Direct link to julia" title="Direct link to julia"></a></h4>
<blockquote>
<p><strong>julia</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=julia-selector>julia-selector<a href=#julia-selector class=hash-link aria-label="Direct link to julia-selector" title="Direct link to julia-selector"></a></h4>
<blockquote>
<p><strong>julia-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=lang>lang?<a href=#lang class=hash-link aria-label="Direct link to lang?" title="Direct link to lang?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>lang</strong>: <a href=/docs/api/type-aliases/Language><code>Language</code></a></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=language>language?<a href=#language class=hash-link aria-label="Direct link to language?" title="Direct link to language?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>language</strong>: <a href=/docs/api/type-aliases/Language><code>Language</code></a></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=languages>languages?<a href=#languages class=hash-link aria-label="Direct link to languages?" title="Direct link to languages?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>languages</strong>: <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=layout>layout?<a href=#layout class=hash-link aria-label="Direct link to layout?" title="Direct link to layout?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>layout</strong>: <code>"horizontal"</code> | <code>"vertical"</code> | <code>"responsive"</code></p>
</blockquote>
<p>Sets the app layout to horizontal or vertical.
If set to <code>"responsive"</code> (the default) or <code>undefined</code>,
the layout is vertical in small screens when the playground height is larger than its width,
otherwise horizontal.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-22>Default<a href=#default-22 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>"responsive"</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=less>less<a href=#less class=hash-link aria-label="Direct link to less" title="Direct link to less"></a></h4>
<blockquote>
<p><strong>less</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=less-selector>less-selector<a href=#less-selector class=hash-link aria-label="Direct link to less-selector" title="Direct link to less-selector"></a></h4>
<blockquote>
<p><strong>less-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=linenumbers>lineNumbers?<a href=#linenumbers class=hash-link aria-label="Direct link to lineNumbers?" title="Direct link to lineNumbers?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>lineNumbers</strong>: <code>boolean</code> | <code>"relative"</code></p>
</blockquote>
<p>Show line numbers in <a href=https://livecodes.io/docs/features/editor-settings target=_blank rel="noopener noreferrer">code editor</a>.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-23>Default<a href=#default-23 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>true</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=liquid>liquid<a href=#liquid class=hash-link aria-label="Direct link to liquid" title="Direct link to liquid"></a></h4>
<blockquote>
<p><strong>liquid</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=liquid-selector>liquid-selector<a href=#liquid-selector class=hash-link aria-label="Direct link to liquid-selector" title="Direct link to liquid-selector"></a></h4>
<blockquote>
<p><strong>liquid-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=liquidjs>liquidjs<a href=#liquidjs class=hash-link aria-label="Direct link to liquidjs" title="Direct link to liquidjs"></a></h4>
<blockquote>
<p><strong>liquidjs</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=liquidjs-selector>liquidjs-selector<a href=#liquidjs-selector class=hash-link aria-label="Direct link to liquidjs-selector" title="Direct link to liquidjs-selector"></a></h4>
<blockquote>
<p><strong>liquidjs-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=lisp>lisp<a href=#lisp class=hash-link aria-label="Direct link to lisp" title="Direct link to lisp"></a></h4>
<blockquote>
<p><strong>lisp</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=lisp-selector>lisp-selector<a href=#lisp-selector class=hash-link aria-label="Direct link to lisp-selector" title="Direct link to lisp-selector"></a></h4>
<blockquote>
<p><strong>lisp-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=lite-1><del>lite?</del><a href=#lite-1 class=hash-link aria-label="Direct link to lite-1" title="Direct link to lite-1"></a></h4>
<blockquote>
<p><code>optional</code> <strong>lite</strong>: <code>boolean</code></p>
</blockquote>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=deprecated-1>Deprecated<a href=#deprecated-1 class=hash-link aria-label="Direct link to Deprecated" title="Direct link to Deprecated"></a></h5>
<p>Use <code>{ config: { mode: "lite" } }</code> instead</p>
<p>If <code>true</code>, the playground is loaded in <a href=https://livecodes.io/docs/features/lite target=_blank rel="noopener noreferrer">lite mode</a>.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-24>Default<a href=#default-24 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>false</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=livescript>livescript<a href=#livescript class=hash-link aria-label="Direct link to livescript" title="Direct link to livescript"></a></h4>
<blockquote>
<p><strong>livescript</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=livescript-selector>livescript-selector<a href=#livescript-selector class=hash-link aria-label="Direct link to livescript-selector" title="Direct link to livescript-selector"></a></h4>
<blockquote>
<p><strong>livescript-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=loading-1>loading?<a href=#loading-1 class=hash-link aria-label="Direct link to loading?" title="Direct link to loading?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>loading</strong>: <code>"click"</code> | <code>"eager"</code> | <code>"lazy"</code></p>
</blockquote>
<p>Sets how the playground loads:</p>
<ul>
<li><code>"eager"</code>: The playground loads immediately.</li>
<li><code>"lazy"</code>: A playground embedded low down in the page will not load until the user scrolls so that it approaches the viewport.</li>
<li><code>"click"</code>: The playground does not load automatically. Instead, a "Click-to-load" screen is shown.</li>
</ul>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-25>Default<a href=#default-25 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>"lazy"</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ls>ls<a href=#ls class=hash-link aria-label="Direct link to ls" title="Direct link to ls"></a></h4>
<blockquote>
<p><strong>ls</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ls-selector>ls-selector<a href=#ls-selector class=hash-link aria-label="Direct link to ls-selector" title="Direct link to ls-selector"></a></h4>
<blockquote>
<p><strong>ls-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=lua>lua<a href=#lua class=hash-link aria-label="Direct link to lua" title="Direct link to lua"></a></h4>
<blockquote>
<p><strong>lua</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=lua-selector>lua-selector<a href=#lua-selector class=hash-link aria-label="Direct link to lua-selector" title="Direct link to lua-selector"></a></h4>
<blockquote>
<p><strong>lua-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=lua-wasm>lua-wasm<a href=#lua-wasm class=hash-link aria-label="Direct link to lua-wasm" title="Direct link to lua-wasm"></a></h4>
<blockquote>
<p><strong>lua-wasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=lua-wasm-selector>lua-wasm-selector<a href=#lua-wasm-selector class=hash-link aria-label="Direct link to lua-wasm-selector" title="Direct link to lua-wasm-selector"></a></h4>
<blockquote>
<p><strong>lua-wasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=luawasm>luawasm<a href=#luawasm class=hash-link aria-label="Direct link to luawasm" title="Direct link to luawasm"></a></h4>
<blockquote>
<p><strong>luawasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=luawasm-selector>luawasm-selector<a href=#luawasm-selector class=hash-link aria-label="Direct link to luawasm-selector" title="Direct link to luawasm-selector"></a></h4>
<blockquote>
<p><strong>luawasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=malina>malina<a href=#malina class=hash-link aria-label="Direct link to malina" title="Direct link to malina"></a></h4>
<blockquote>
<p><strong>malina</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=malina-selector>malina-selector<a href=#malina-selector class=hash-link aria-label="Direct link to malina-selector" title="Direct link to malina-selector"></a></h4>
<blockquote>
<p><strong>malina-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=malinajs>malinajs<a href=#malinajs class=hash-link aria-label="Direct link to malinajs" title="Direct link to malinajs"></a></h4>
<blockquote>
<p><strong>malinajs</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=malinajs-selector>malinajs-selector<a href=#malinajs-selector class=hash-link aria-label="Direct link to malinajs-selector" title="Direct link to malinajs-selector"></a></h4>
<blockquote>
<p><strong>malinajs-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=markdown>markdown<a href=#markdown class=hash-link aria-label="Direct link to markdown" title="Direct link to markdown"></a></h4>
<blockquote>
<p><strong>markdown</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=markdown-selector>markdown-selector<a href=#markdown-selector class=hash-link aria-label="Direct link to markdown-selector" title="Direct link to markdown-selector"></a></h4>
<blockquote>
<p><strong>markdown-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=markup>markup?<a href=#markup class=hash-link aria-label="Direct link to markup?" title="Direct link to markup?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>markup</strong>: <code>object</code></p>
</blockquote>
<p>An object that configures the language and content of the markup editor.</p>
<p>See <a href=https://livecodes.io/docs/configuration/configuration-object/#markup target=_blank rel="noopener noreferrer">docs</a> for details.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-26>Default<a href=#default-26 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"> language</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>"html"</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> content</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>""</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=markupcontent>markup.content?<a href=#markupcontent class=hash-link aria-label="Direct link to markup.content?" title="Direct link to markup.content?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>content</strong>: <code>string</code></p>
</blockquote>
<p>The initial content of the code editor.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-27>Default<a href=#default-27 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>""</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=markupcontenturl>markup.contentUrl?<a href=#markupcontenturl class=hash-link aria-label="Direct link to markup.contentUrl?" title="Direct link to markup.contentUrl?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>contentUrl</strong>: <code>string</code></p>
</blockquote>
<p>A URL to load <code>content</code> from. It has to be a valid URL that is CORS-enabled.</p>
<p>The URL is only fetched if <code>content</code> property had no value.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=markupfoldedlines>markup.foldedLines?<a href=#markupfoldedlines class=hash-link aria-label="Direct link to markup.foldedLines?" title="Direct link to markup.foldedLines?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>foldedLines</strong>: <code>object</code>[]</p>
</blockquote>
<p>Lines that get folded when the editor loads.</p>
<p>This can be used for less relevant content.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=example-1>Example<a href=#example-1 class=hash-link aria-label="Direct link to Example" title="Direct link to Example"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>[</span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"> from</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>5</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> to</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>8</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"> from</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>15</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> to</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>20</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token punctuation" style=color:#393A34>]</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=markuphiddencontent>markup.hiddenContent?<a href=#markuphiddencontent class=hash-link aria-label="Direct link to markup.hiddenContent?" title="Direct link to markup.hiddenContent?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>hiddenContent</strong>: <code>string</code></p>
</blockquote>
<p>Hidden content that gets evaluated without being visible in the code editor.</p>
<p>This can be useful in embedded playgrounds (e.g. for adding helper functions, utilities or tests)</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=markuphiddencontenturl>markup.hiddenContentUrl?<a href=#markuphiddencontenturl class=hash-link aria-label="Direct link to markup.hiddenContentUrl?" title="Direct link to markup.hiddenContentUrl?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>hiddenContentUrl</strong>: <code>string</code></p>
</blockquote>
<p>A URL to load <code>hiddenContent</code> from. It has to be a valid URL that is CORS-enabled.</p>
<p>The URL is only fetched if <code>hiddenContent</code> property had no value.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=markuphidetitle>markup.hideTitle?<a href=#markuphidetitle class=hash-link aria-label="Direct link to markup.hideTitle?" title="Direct link to markup.hideTitle?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>hideTitle</strong>: <code>boolean</code></p>
</blockquote>
<p>If <code>true</code>, the title of the code editor is hidden, however its code is still evaluated.</p>
<p>This can be useful in embedded playgrounds (e.g. for hiding unnecessary code).</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=markuplanguage>markup.language<a href=#markuplanguage class=hash-link aria-label="Direct link to markup.language" title="Direct link to markup.language"></a></h4>
<blockquote>
<p><strong>language</strong>: <a href=/docs/api/type-aliases/Language><code>Language</code></a></p>
</blockquote>
<p>A language name, extension or alias (as defined in <a href=https://livecodes.io/docs/languages/ target=_blank rel="noopener noreferrer">language documentations</a>).</p>
<p>For the list of supported values, see <a href=https://livecodes.io/docs/api/type-aliases/Language target=_blank rel="noopener noreferrer">Language</a></p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=markuporder>markup.order?<a href=#markuporder class=hash-link aria-label="Direct link to markup.order?" title="Direct link to markup.order?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>order</strong>: <code>number</code></p>
</blockquote>
<p>The order of the editor in the UI.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-28>Default<a href=#default-28 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token number" style=color:#36acaa>0</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=markupposition>markup.position?<a href=#markupposition class=hash-link aria-label="Direct link to markup.position?" title="Direct link to markup.position?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>position</strong>: <a href=/docs/api/internal/interfaces/EditorPosition><code>EditorPosition</code></a></p>
</blockquote>
<p>The initial position of the cursor in the code editor.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=example-2>Example<a href=#example-2 class=hash-link aria-label="Direct link to Example" title="Direct link to Example"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>{</span><span class="token plain">lineNumber</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>5</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> column</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>10</span><span class="token punctuation" style=color:#393A34>}</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=markupselector>markup.selector?<a href=#markupselector class=hash-link aria-label="Direct link to markup.selector?" title="Direct link to markup.selector?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>selector</strong>: <code>string</code></p>
</blockquote>
<p>A CSS selector to load content from <a href=https://livecodes.io/docs/features/import#import-code-from-dom target=_blank rel="noopener noreferrer">DOM import</a>.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=markuptitle>markup.title?<a href=#markuptitle class=hash-link aria-label="Direct link to markup.title?" title="Direct link to markup.title?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>title</strong>: <code>string</code></p>
</blockquote>
<p>If set, this is used as the title of the editor in the UI,
overriding the default title set to the language name
(e.g. <code>"Python"</code> can be used instead of <code>"Py (Wasm)"</code>).</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=md>md<a href=#md class=hash-link aria-label="Direct link to md" title="Direct link to md"></a></h4>
<blockquote>
<p><strong>md</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=md-selector>md-selector<a href=#md-selector class=hash-link aria-label="Direct link to md-selector" title="Direct link to md-selector"></a></h4>
<blockquote>
<p><strong>md-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=mdown>mdown<a href=#mdown class=hash-link aria-label="Direct link to mdown" title="Direct link to mdown"></a></h4>
<blockquote>
<p><strong>mdown</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=mdown-selector>mdown-selector<a href=#mdown-selector class=hash-link aria-label="Direct link to mdown-selector" title="Direct link to mdown-selector"></a></h4>
<blockquote>
<p><strong>mdown-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=mdx>mdx<a href=#mdx class=hash-link aria-label="Direct link to mdx" title="Direct link to mdx"></a></h4>
<blockquote>
<p><strong>mdx</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=mdx-selector>mdx-selector<a href=#mdx-selector class=hash-link aria-label="Direct link to mdx-selector" title="Direct link to mdx-selector"></a></h4>
<blockquote>
<p><strong>mdx-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=mjml>mjml<a href=#mjml class=hash-link aria-label="Direct link to mjml" title="Direct link to mjml"></a></h4>
<blockquote>
<p><strong>mjml</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=mjml-selector>mjml-selector<a href=#mjml-selector class=hash-link aria-label="Direct link to mjml-selector" title="Direct link to mjml-selector"></a></h4>
<blockquote>
<p><strong>mjml-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=mkdn>mkdn<a href=#mkdn class=hash-link aria-label="Direct link to mkdn" title="Direct link to mkdn"></a></h4>
<blockquote>
<p><strong>mkdn</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=mkdn-selector>mkdn-selector<a href=#mkdn-selector class=hash-link aria-label="Direct link to mkdn-selector" title="Direct link to mkdn-selector"></a></h4>
<blockquote>
<p><strong>mkdn-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ml>ml<a href=#ml class=hash-link aria-label="Direct link to ml" title="Direct link to ml"></a></h4>
<blockquote>
<p><strong>ml</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ml-selector>ml-selector<a href=#ml-selector class=hash-link aria-label="Direct link to ml-selector" title="Direct link to ml-selector"></a></h4>
<blockquote>
<p><strong>ml-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=mli>mli<a href=#mli class=hash-link aria-label="Direct link to mli" title="Direct link to mli"></a></h4>
<blockquote>
<p><strong>mli</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=mli-selector>mli-selector<a href=#mli-selector class=hash-link aria-label="Direct link to mli-selector" title="Direct link to mli-selector"></a></h4>
<blockquote>
<p><strong>mli-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=mode>mode?<a href=#mode class=hash-link aria-label="Direct link to mode?" title="Direct link to mode?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>mode</strong>: <code>"focus"</code> | <code>"full"</code> | <code>"result"</code> | <code>"editor"</code> | <code>"lite"</code> | <code>"simple"</code> | <code>"codeblock"</code></p>
</blockquote>
<p>Sets the <a href=https://livecodes.io/docs/features/display-modes target=_blank rel="noopener noreferrer">display mode</a>.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-29>Default<a href=#default-29 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>"full"</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=mustache>mustache<a href=#mustache class=hash-link aria-label="Direct link to mustache" title="Direct link to mustache"></a></h4>
<blockquote>
<p><strong>mustache</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=mustache-selector>mustache-selector<a href=#mustache-selector class=hash-link aria-label="Direct link to mustache-selector" title="Direct link to mustache-selector"></a></h4>
<blockquote>
<p><strong>mustache-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=new>new?<a href=#new class=hash-link aria-label="Direct link to new?" title="Direct link to new?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>new</strong>: <code>""</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=njk>njk<a href=#njk class=hash-link aria-label="Direct link to njk" title="Direct link to njk"></a></h4>
<blockquote>
<p><strong>njk</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=njk-selector>njk-selector<a href=#njk-selector class=hash-link aria-label="Direct link to njk-selector" title="Direct link to njk-selector"></a></h4>
<blockquote>
<p><strong>njk-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=no-defaults>no-defaults?<a href=#no-defaults class=hash-link aria-label="Direct link to no-defaults?" title="Direct link to no-defaults?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>no-defaults</strong>: <code>boolean</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=nunjucks>nunjucks<a href=#nunjucks class=hash-link aria-label="Direct link to nunjucks" title="Direct link to nunjucks"></a></h4>
<blockquote>
<p><strong>nunjucks</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=nunjucks-selector>nunjucks-selector<a href=#nunjucks-selector class=hash-link aria-label="Direct link to nunjucks-selector" title="Direct link to nunjucks-selector"></a></h4>
<blockquote>
<p><strong>nunjucks-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ocaml>ocaml<a href=#ocaml class=hash-link aria-label="Direct link to ocaml" title="Direct link to ocaml"></a></h4>
<blockquote>
<p><strong>ocaml</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ocaml-selector>ocaml-selector<a href=#ocaml-selector class=hash-link aria-label="Direct link to ocaml-selector" title="Direct link to ocaml-selector"></a></h4>
<blockquote>
<p><strong>ocaml-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=params-1>params?<a href=#params-1 class=hash-link aria-label="Direct link to params?" title="Direct link to params?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>params</strong>: { appUrl?: string | undefined; params?: ... | undefined; config?: string | (Partial&lt;Config> & string) | undefined; headless?: boolean | undefined; import?: string | undefined; ... 475 more ...; compiled?: "" | ... 5 more ... | undefined; } | undefined</p>
</blockquote>
<p>An object that represents the <a href=https://livecodes.io/docs/configuration/query-params target=_blank rel="noopener noreferrer">URL Query parameters</a>, that can be used to configure the playground.</p>
<p>These 2 snippets produce similar output:</p>
<div class="language-js codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-js codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token keyword module" style=color:#00009f>import</span><span class="token plain"> </span><span class="token imports punctuation" style=color:#393A34>{</span><span class="token imports"> createPlayground </span><span class="token imports punctuation" style=color:#393A34>}</span><span class="token plain"> </span><span class="token keyword module" style=color:#00009f>from</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>'livecodes'</span><span class="token punctuation" style=color:#393A34>;</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain" style=display:inline-block></span><br></span><span class=token-line style=color:#393A34><span class="token plain"></span><span class="token comment" style=color:#999988;font-style:italic>// use config</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"></span><span class="token function" style=color:#d73a49>createPlayground</span><span class="token punctuation" style=color:#393A34>(</span><span class="token string" style=color:#e3116c>'#container'</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token literal-property property" style=color:#36acaa>config</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token literal-property property" style=color:#36acaa>markup</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token literal-property property" style=color:#36acaa>language</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>'markdown'</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token literal-property property" style=color:#36acaa>content</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>'# Hello World!'</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"></span><span class="token punctuation" style=color:#393A34>}</span><span class="token punctuation" style=color:#393A34>)</span><span class="token punctuation" style=color:#393A34>;</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain" style=display:inline-block></span><br></span><span class=token-line style=color:#393A34><span class="token plain"></span><span class="token comment" style=color:#999988;font-style:italic>// use params</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"></span><span class="token function" style=color:#d73a49>createPlayground</span><span class="token punctuation" style=color:#393A34>(</span><span class="token string" style=color:#e3116c>'#container'</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"> </span><span class="token literal-property property" style=color:#36acaa>params</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"> </span><span class="token literal-property property" style=color:#36acaa>md</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>'# Hello World!'</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token punctuation" style=color:#393A34>)</span><span class="token punctuation" style=color:#393A34>;</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=perl>perl<a href=#perl class=hash-link aria-label="Direct link to perl" title="Direct link to perl"></a></h4>
<blockquote>
<p><strong>perl</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=perl-selector>perl-selector<a href=#perl-selector class=hash-link aria-label="Direct link to perl-selector" title="Direct link to perl-selector"></a></h4>
<blockquote>
<p><strong>perl-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pg>pg<a href=#pg class=hash-link aria-label="Direct link to pg" title="Direct link to pg"></a></h4>
<blockquote>
<p><strong>pg</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pg-selector>pg-selector<a href=#pg-selector class=hash-link aria-label="Direct link to pg-selector" title="Direct link to pg-selector"></a></h4>
<blockquote>
<p><strong>pg-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pgsql>pg.sql<a href=#pgsql class=hash-link aria-label="Direct link to pg.sql" title="Direct link to pg.sql"></a></h4>
<blockquote>
<p><strong>sql</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pgsql-selector>pg.sql-selector<a href=#pgsql-selector class=hash-link aria-label="Direct link to pg.sql-selector" title="Direct link to pg.sql-selector"></a></h4>
<blockquote>
<p><strong>sql-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pglite>pglite<a href=#pglite class=hash-link aria-label="Direct link to pglite" title="Direct link to pglite"></a></h4>
<blockquote>
<p><strong>pglite</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pglite-selector>pglite-selector<a href=#pglite-selector class=hash-link aria-label="Direct link to pglite-selector" title="Direct link to pglite-selector"></a></h4>
<blockquote>
<p><strong>pglite-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pglitesql>pglite.sql<a href=#pglitesql class=hash-link aria-label="Direct link to pglite.sql" title="Direct link to pglite.sql"></a></h4>
<blockquote>
<p><strong>sql</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pglitesql-selector>pglite.sql-selector<a href=#pglitesql-selector class=hash-link aria-label="Direct link to pglite.sql-selector" title="Direct link to pglite.sql-selector"></a></h4>
<blockquote>
<p><strong>sql-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pgsql-1>pgsql<a href=#pgsql-1 class=hash-link aria-label="Direct link to pgsql" title="Direct link to pgsql"></a></h4>
<blockquote>
<p><strong>pgsql</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pgsql-selector-1>pgsql-selector<a href=#pgsql-selector-1 class=hash-link aria-label="Direct link to pgsql-selector" title="Direct link to pgsql-selector"></a></h4>
<blockquote>
<p><strong>pgsql-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pgsqlsql>pgsql.sql<a href=#pgsqlsql class=hash-link aria-label="Direct link to pgsql.sql" title="Direct link to pgsql.sql"></a></h4>
<blockquote>
<p><strong>sql</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pgsqlsql-selector>pgsql.sql-selector<a href=#pgsqlsql-selector class=hash-link aria-label="Direct link to pgsql.sql-selector" title="Direct link to pgsql.sql-selector"></a></h4>
<blockquote>
<p><strong>sql-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=php>php<a href=#php class=hash-link aria-label="Direct link to php" title="Direct link to php"></a></h4>
<blockquote>
<p><strong>php</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=php-selector>php-selector<a href=#php-selector class=hash-link aria-label="Direct link to php-selector" title="Direct link to php-selector"></a></h4>
<blockquote>
<p><strong>php-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=php-wasm>php-wasm<a href=#php-wasm class=hash-link aria-label="Direct link to php-wasm" title="Direct link to php-wasm"></a></h4>
<blockquote>
<p><strong>php-wasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=php-wasm-selector>php-wasm-selector<a href=#php-wasm-selector class=hash-link aria-label="Direct link to php-wasm-selector" title="Direct link to php-wasm-selector"></a></h4>
<blockquote>
<p><strong>php-wasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=phpwasm>phpwasm<a href=#phpwasm class=hash-link aria-label="Direct link to phpwasm" title="Direct link to phpwasm"></a></h4>
<blockquote>
<p><strong>phpwasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=phpwasm-selector>phpwasm-selector<a href=#phpwasm-selector class=hash-link aria-label="Direct link to phpwasm-selector" title="Direct link to phpwasm-selector"></a></h4>
<blockquote>
<p><strong>phpwasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pintora>pintora<a href=#pintora class=hash-link aria-label="Direct link to pintora" title="Direct link to pintora"></a></h4>
<blockquote>
<p><strong>pintora</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pintora-selector>pintora-selector<a href=#pintora-selector class=hash-link aria-label="Direct link to pintora-selector" title="Direct link to pintora-selector"></a></h4>
<blockquote>
<p><strong>pintora-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pl>pl<a href=#pl class=hash-link aria-label="Direct link to pl" title="Direct link to pl"></a></h4>
<blockquote>
<p><strong>pl</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pl-selector>pl-selector<a href=#pl-selector class=hash-link aria-label="Direct link to pl-selector" title="Direct link to pl-selector"></a></h4>
<blockquote>
<p><strong>pl-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=plt>plt<a href=#plt class=hash-link aria-label="Direct link to plt" title="Direct link to plt"></a></h4>
<blockquote>
<p><strong>plt</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=plt-selector>plt-selector<a href=#plt-selector class=hash-link aria-label="Direct link to plt-selector" title="Direct link to plt-selector"></a></h4>
<blockquote>
<p><strong>plt-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pm>pm<a href=#pm class=hash-link aria-label="Direct link to pm" title="Direct link to pm"></a></h4>
<blockquote>
<p><strong>pm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pm-selector>pm-selector<a href=#pm-selector class=hash-link aria-label="Direct link to pm-selector" title="Direct link to pm-selector"></a></h4>
<blockquote>
<p><strong>pm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=postcss>postcss<a href=#postcss class=hash-link aria-label="Direct link to postcss" title="Direct link to postcss"></a></h4>
<blockquote>
<p><strong>postcss</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=postcss-selector>postcss-selector<a href=#postcss-selector class=hash-link aria-label="Direct link to postcss-selector" title="Direct link to postcss-selector"></a></h4>
<blockquote>
<p><strong>postcss-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=postgresql>postgre.sql<a href=#postgresql class=hash-link aria-label="Direct link to postgre.sql" title="Direct link to postgre.sql"></a></h4>
<blockquote>
<p><strong>sql</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=postgresql-selector>postgre.sql-selector<a href=#postgresql-selector class=hash-link aria-label="Direct link to postgre.sql-selector" title="Direct link to postgre.sql-selector"></a></h4>
<blockquote>
<p><strong>sql-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=postgres>postgres<a href=#postgres class=hash-link aria-label="Direct link to postgres" title="Direct link to postgres"></a></h4>
<blockquote>
<p><strong>postgres</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=postgres-selector>postgres-selector<a href=#postgres-selector class=hash-link aria-label="Direct link to postgres-selector" title="Direct link to postgres-selector"></a></h4>
<blockquote>
<p><strong>postgres-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=postgresql-1>postgresql<a href=#postgresql-1 class=hash-link aria-label="Direct link to postgresql" title="Direct link to postgresql"></a></h4>
<blockquote>
<p><strong>postgresql</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=postgresql-selector-1>postgresql-selector<a href=#postgresql-selector-1 class=hash-link aria-label="Direct link to postgresql-selector" title="Direct link to postgresql-selector"></a></h4>
<blockquote>
<p><strong>postgresql-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=postgresqlsql>postgresql.sql<a href=#postgresqlsql class=hash-link aria-label="Direct link to postgresql.sql" title="Direct link to postgresql.sql"></a></h4>
<blockquote>
<p><strong>sql</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=postgresqlsql-selector>postgresql.sql-selector<a href=#postgresqlsql-selector class=hash-link aria-label="Direct link to postgresql.sql-selector" title="Direct link to postgresql.sql-selector"></a></h4>
<blockquote>
<p><strong>sql-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=preview>preview?<a href=#preview class=hash-link aria-label="Direct link to preview?" title="Direct link to preview?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>preview</strong>: <code>boolean</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=processors>processors?<a href=#processors class=hash-link aria-label="Direct link to processors?" title="Direct link to processors?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>processors</strong>: <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=prolog>prolog<a href=#prolog class=hash-link aria-label="Direct link to prolog" title="Direct link to prolog"></a></h4>
<blockquote>
<p><strong>prolog</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=prolog-selector>prolog-selector<a href=#prolog-selector class=hash-link aria-label="Direct link to prolog-selector" title="Direct link to prolog-selector"></a></h4>
<blockquote>
<p><strong>prolog-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=prologpl>prolog.pl<a href=#prologpl class=hash-link aria-label="Direct link to prolog.pl" title="Direct link to prolog.pl"></a></h4>
<blockquote>
<p><strong>pl</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=prologpl-selector>prolog.pl-selector<a href=#prologpl-selector class=hash-link aria-label="Direct link to prolog.pl-selector" title="Direct link to prolog.pl-selector"></a></h4>
<blockquote>
<p><strong>pl-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pug>pug<a href=#pug class=hash-link aria-label="Direct link to pug" title="Direct link to pug"></a></h4>
<blockquote>
<p><strong>pug</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pug-selector>pug-selector<a href=#pug-selector class=hash-link aria-label="Direct link to pug-selector" title="Direct link to pug-selector"></a></h4>
<blockquote>
<p><strong>pug-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=py>py<a href=#py class=hash-link aria-label="Direct link to py" title="Direct link to py"></a></h4>
<blockquote>
<p><strong>py</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=py-selector>py-selector<a href=#py-selector class=hash-link aria-label="Direct link to py-selector" title="Direct link to py-selector"></a></h4>
<blockquote>
<p><strong>py-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=py-wasm>py-wasm<a href=#py-wasm class=hash-link aria-label="Direct link to py-wasm" title="Direct link to py-wasm"></a></h4>
<blockquote>
<p><strong>py-wasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=py-wasm-selector>py-wasm-selector<a href=#py-wasm-selector class=hash-link aria-label="Direct link to py-wasm-selector" title="Direct link to py-wasm-selector"></a></h4>
<blockquote>
<p><strong>py-wasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=py3>py3<a href=#py3 class=hash-link aria-label="Direct link to py3" title="Direct link to py3"></a></h4>
<blockquote>
<p><strong>py3</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=py3-selector>py3-selector<a href=#py3-selector class=hash-link aria-label="Direct link to py3-selector" title="Direct link to py3-selector"></a></h4>
<blockquote>
<p><strong>py3-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pyodide>pyodide<a href=#pyodide class=hash-link aria-label="Direct link to pyodide" title="Direct link to pyodide"></a></h4>
<blockquote>
<p><strong>pyodide</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pyodide-selector>pyodide-selector<a href=#pyodide-selector class=hash-link aria-label="Direct link to pyodide-selector" title="Direct link to pyodide-selector"></a></h4>
<blockquote>
<p><strong>pyodide-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=python>python<a href=#python class=hash-link aria-label="Direct link to python" title="Direct link to python"></a></h4>
<blockquote>
<p><strong>python</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=python-selector>python-selector<a href=#python-selector class=hash-link aria-label="Direct link to python-selector" title="Direct link to python-selector"></a></h4>
<blockquote>
<p><strong>python-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=python-wasm>python-wasm<a href=#python-wasm class=hash-link aria-label="Direct link to python-wasm" title="Direct link to python-wasm"></a></h4>
<blockquote>
<p><strong>python-wasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=python-wasm-selector>python-wasm-selector<a href=#python-wasm-selector class=hash-link aria-label="Direct link to python-wasm-selector" title="Direct link to python-wasm-selector"></a></h4>
<blockquote>
<p><strong>python-wasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pythonwasm>pythonwasm<a href=#pythonwasm class=hash-link aria-label="Direct link to pythonwasm" title="Direct link to pythonwasm"></a></h4>
<blockquote>
<p><strong>pythonwasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pythonwasm-selector>pythonwasm-selector<a href=#pythonwasm-selector class=hash-link aria-label="Direct link to pythonwasm-selector" title="Direct link to pythonwasm-selector"></a></h4>
<blockquote>
<p><strong>pythonwasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pywasm>pywasm<a href=#pywasm class=hash-link aria-label="Direct link to pywasm" title="Direct link to pywasm"></a></h4>
<blockquote>
<p><strong>pywasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=pywasm-selector>pywasm-selector<a href=#pywasm-selector class=hash-link aria-label="Direct link to pywasm-selector" title="Direct link to pywasm-selector"></a></h4>
<blockquote>
<p><strong>pywasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=r>r<a href=#r class=hash-link aria-label="Direct link to r" title="Direct link to r"></a></h4>
<blockquote>
<p><strong>r</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=r-selector>r-selector<a href=#r-selector class=hash-link aria-label="Direct link to r-selector" title="Direct link to r-selector"></a></h4>
<blockquote>
<p><strong>r-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=r-wasm>r-wasm<a href=#r-wasm class=hash-link aria-label="Direct link to r-wasm" title="Direct link to r-wasm"></a></h4>
<blockquote>
<p><strong>r-wasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=r-wasm-selector>r-wasm-selector<a href=#r-wasm-selector class=hash-link aria-label="Direct link to r-wasm-selector" title="Direct link to r-wasm-selector"></a></h4>
<blockquote>
<p><strong>r-wasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=raw>raw?<a href=#raw class=hash-link aria-label="Direct link to raw?" title="Direct link to raw?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>raw</strong>: <a href=/docs/api/type-aliases/Language><code>Language</code></a></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rb>rb<a href=#rb class=hash-link aria-label="Direct link to rb" title="Direct link to rb"></a></h4>
<blockquote>
<p><strong>rb</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rb-selector>rb-selector<a href=#rb-selector class=hash-link aria-label="Direct link to rb-selector" title="Direct link to rb-selector"></a></h4>
<blockquote>
<p><strong>rb-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=re>re<a href=#re class=hash-link aria-label="Direct link to re" title="Direct link to re"></a></h4>
<blockquote>
<p><strong>re</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=re-selector>re-selector<a href=#re-selector class=hash-link aria-label="Direct link to re-selector" title="Direct link to re-selector"></a></h4>
<blockquote>
<p><strong>re-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=react>react<a href=#react class=hash-link aria-label="Direct link to react" title="Direct link to react"></a></h4>
<blockquote>
<p><strong>react</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=react-jsx>react-jsx<a href=#react-jsx class=hash-link aria-label="Direct link to react-jsx" title="Direct link to react-jsx"></a></h4>
<blockquote>
<p><strong>react-jsx</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=react-jsx-selector>react-jsx-selector<a href=#react-jsx-selector class=hash-link aria-label="Direct link to react-jsx-selector" title="Direct link to react-jsx-selector"></a></h4>
<blockquote>
<p><strong>react-jsx-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=react-native>react-native<a href=#react-native class=hash-link aria-label="Direct link to react-native" title="Direct link to react-native"></a></h4>
<blockquote>
<p><strong>react-native</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=react-native-selector>react-native-selector<a href=#react-native-selector class=hash-link aria-label="Direct link to react-native-selector" title="Direct link to react-native-selector"></a></h4>
<blockquote>
<p><strong>react-native-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=react-native-tsx>react-native-tsx<a href=#react-native-tsx class=hash-link aria-label="Direct link to react-native-tsx" title="Direct link to react-native-tsx"></a></h4>
<blockquote>
<p><strong>react-native-tsx</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=react-native-tsx-selector>react-native-tsx-selector<a href=#react-native-tsx-selector class=hash-link aria-label="Direct link to react-native-tsx-selector" title="Direct link to react-native-tsx-selector"></a></h4>
<blockquote>
<p><strong>react-native-tsx-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=react-nativejsx>react-native.jsx<a href=#react-nativejsx class=hash-link aria-label="Direct link to react-native.jsx" title="Direct link to react-native.jsx"></a></h4>
<blockquote>
<p><strong>jsx</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=react-nativejsx-selector>react-native.jsx-selector<a href=#react-nativejsx-selector class=hash-link aria-label="Direct link to react-native.jsx-selector" title="Direct link to react-native.jsx-selector"></a></h4>
<blockquote>
<p><strong>jsx-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=react-nativetsx>react-native.tsx<a href=#react-nativetsx class=hash-link aria-label="Direct link to react-native.tsx" title="Direct link to react-native.tsx"></a></h4>
<blockquote>
<p><strong>tsx</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=react-nativetsx-selector>react-native.tsx-selector<a href=#react-nativetsx-selector class=hash-link aria-label="Direct link to react-native.tsx-selector" title="Direct link to react-native.tsx-selector"></a></h4>
<blockquote>
<p><strong>tsx-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=react-selector>react-selector<a href=#react-selector class=hash-link aria-label="Direct link to react-selector" title="Direct link to react-selector"></a></h4>
<blockquote>
<p><strong>react-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=react-tsx>react-tsx<a href=#react-tsx class=hash-link aria-label="Direct link to react-tsx" title="Direct link to react-tsx"></a></h4>
<blockquote>
<p><strong>react-tsx</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=react-tsx-selector>react-tsx-selector<a href=#react-tsx-selector class=hash-link aria-label="Direct link to react-tsx-selector" title="Direct link to react-tsx-selector"></a></h4>
<blockquote>
<p><strong>react-tsx-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=reactjsx>react.jsx<a href=#reactjsx class=hash-link aria-label="Direct link to react.jsx" title="Direct link to react.jsx"></a></h4>
<blockquote>
<p><strong>jsx</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=reactjsx-selector>react.jsx-selector<a href=#reactjsx-selector class=hash-link aria-label="Direct link to react.jsx-selector" title="Direct link to react.jsx-selector"></a></h4>
<blockquote>
<p><strong>jsx-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=reacttsx>react.tsx<a href=#reacttsx class=hash-link aria-label="Direct link to react.tsx" title="Direct link to react.tsx"></a></h4>
<blockquote>
<p><strong>tsx</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=reacttsx-selector>react.tsx-selector<a href=#reacttsx-selector class=hash-link aria-label="Direct link to react.tsx-selector" title="Direct link to react.tsx-selector"></a></h4>
<blockquote>
<p><strong>tsx-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=readonly>readonly?<a href=#readonly class=hash-link aria-label="Direct link to readonly?" title="Direct link to readonly?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>readonly</strong>: <code>boolean</code></p>
</blockquote>
<p>If <code>true</code>, editors are loaded in read-only mode, where the user is not allowed to change the code.</p>
<p>By default, when readonly is set to true, the light-weight code editor <a href=https://livecodes.io/docs/features/editor-settings#code-editor target=_blank rel="noopener noreferrer">CodeJar</a> is used.
If you wish to use another editor, set the <a href=https://livecodes.io/docs/configuration/configuration-object#editor target=_blank rel="noopener noreferrer">editor</a> property.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-30>Default<a href=#default-30 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>false</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=reason>reason<a href=#reason class=hash-link aria-label="Direct link to reason" title="Direct link to reason"></a></h4>
<blockquote>
<p><strong>reason</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=reason-selector>reason-selector<a href=#reason-selector class=hash-link aria-label="Direct link to reason-selector" title="Direct link to reason-selector"></a></h4>
<blockquote>
<p><strong>reason-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=recoverunsaved>recoverUnsaved?<a href=#recoverunsaved class=hash-link aria-label="Direct link to recoverUnsaved?" title="Direct link to recoverUnsaved?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>recoverUnsaved</strong>: <code>boolean</code></p>
</blockquote>
<p>Enables <a href=https://livecodes.io/docs/features/recover target=_blank rel="noopener noreferrer">recovering last unsaved project</a> when the app is reopened.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-31>Default<a href=#default-31 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>true</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rei>rei<a href=#rei class=hash-link aria-label="Direct link to rei" title="Direct link to rei"></a></h4>
<blockquote>
<p><strong>rei</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rei-selector>rei-selector<a href=#rei-selector class=hash-link aria-label="Direct link to rei-selector" title="Direct link to rei-selector"></a></h4>
<blockquote>
<p><strong>rei-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=res>res<a href=#res class=hash-link aria-label="Direct link to res" title="Direct link to res"></a></h4>
<blockquote>
<p><strong>res</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=res-selector>res-selector<a href=#res-selector class=hash-link aria-label="Direct link to res-selector" title="Direct link to res-selector"></a></h4>
<blockquote>
<p><strong>res-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rescript>rescript<a href=#rescript class=hash-link aria-label="Direct link to rescript" title="Direct link to rescript"></a></h4>
<blockquote>
<p><strong>rescript</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rescript-selector>rescript-selector<a href=#rescript-selector class=hash-link aria-label="Direct link to rescript-selector" title="Direct link to rescript-selector"></a></h4>
<blockquote>
<p><strong>rescript-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=resi>resi<a href=#resi class=hash-link aria-label="Direct link to resi" title="Direct link to resi"></a></h4>
<blockquote>
<p><strong>resi</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=resi-selector>resi-selector<a href=#resi-selector class=hash-link aria-label="Direct link to resi-selector" title="Direct link to resi-selector"></a></h4>
<blockquote>
<p><strong>resi-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rich>rich<a href=#rich class=hash-link aria-label="Direct link to rich" title="Direct link to rich"></a></h4>
<blockquote>
<p><strong>rich</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rich-selector>rich-selector<a href=#rich-selector class=hash-link aria-label="Direct link to rich-selector" title="Direct link to rich-selector"></a></h4>
<blockquote>
<p><strong>rich-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=richtext>richtext<a href=#richtext class=hash-link aria-label="Direct link to richtext" title="Direct link to richtext"></a></h4>
<blockquote>
<p><strong>richtext</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=richtext-selector>richtext-selector<a href=#richtext-selector class=hash-link aria-label="Direct link to richtext-selector" title="Direct link to richtext-selector"></a></h4>
<blockquote>
<p><strong>richtext-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=riot>riot<a href=#riot class=hash-link aria-label="Direct link to riot" title="Direct link to riot"></a></h4>
<blockquote>
<p><strong>riot</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=riot-selector>riot-selector<a href=#riot-selector class=hash-link aria-label="Direct link to riot-selector" title="Direct link to riot-selector"></a></h4>
<blockquote>
<p><strong>riot-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=riotjs>riotjs<a href=#riotjs class=hash-link aria-label="Direct link to riotjs" title="Direct link to riotjs"></a></h4>
<blockquote>
<p><strong>riotjs</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=riotjs-selector>riotjs-selector<a href=#riotjs-selector class=hash-link aria-label="Direct link to riotjs-selector" title="Direct link to riotjs-selector"></a></h4>
<blockquote>
<p><strong>riotjs-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rlang>rlang<a href=#rlang class=hash-link aria-label="Direct link to rlang" title="Direct link to rlang"></a></h4>
<blockquote>
<p><strong>rlang</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rlang-selector>rlang-selector<a href=#rlang-selector class=hash-link aria-label="Direct link to rlang-selector" title="Direct link to rlang-selector"></a></h4>
<blockquote>
<p><strong>rlang-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rstats>rstats<a href=#rstats class=hash-link aria-label="Direct link to rstats" title="Direct link to rstats"></a></h4>
<blockquote>
<p><strong>rstats</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rstats-selector>rstats-selector<a href=#rstats-selector class=hash-link aria-label="Direct link to rstats-selector" title="Direct link to rstats-selector"></a></h4>
<blockquote>
<p><strong>rstats-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rte>rte<a href=#rte class=hash-link aria-label="Direct link to rte" title="Direct link to rte"></a></h4>
<blockquote>
<p><strong>rte</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rte-selector>rte-selector<a href=#rte-selector class=hash-link aria-label="Direct link to rte-selector" title="Direct link to rte-selector"></a></h4>
<blockquote>
<p><strong>rte-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rtehtml>rte.html<a href=#rtehtml class=hash-link aria-label="Direct link to rte.html" title="Direct link to rte.html"></a></h4>
<blockquote>
<p><strong>html</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rtehtml-selector>rte.html-selector<a href=#rtehtml-selector class=hash-link aria-label="Direct link to rte.html-selector" title="Direct link to rte.html-selector"></a></h4>
<blockquote>
<p><strong>html-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ruby>ruby<a href=#ruby class=hash-link aria-label="Direct link to ruby" title="Direct link to ruby"></a></h4>
<blockquote>
<p><strong>ruby</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ruby-selector>ruby-selector<a href=#ruby-selector class=hash-link aria-label="Direct link to ruby-selector" title="Direct link to ruby-selector"></a></h4>
<blockquote>
<p><strong>ruby-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ruby-wasm>ruby-wasm<a href=#ruby-wasm class=hash-link aria-label="Direct link to ruby-wasm" title="Direct link to ruby-wasm"></a></h4>
<blockquote>
<p><strong>ruby-wasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ruby-wasm-selector>ruby-wasm-selector<a href=#ruby-wasm-selector class=hash-link aria-label="Direct link to ruby-wasm-selector" title="Direct link to ruby-wasm-selector"></a></h4>
<blockquote>
<p><strong>ruby-wasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rubywasm>rubywasm<a href=#rubywasm class=hash-link aria-label="Direct link to rubywasm" title="Direct link to rubywasm"></a></h4>
<blockquote>
<p><strong>rubywasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=rubywasm-selector>rubywasm-selector<a href=#rubywasm-selector class=hash-link aria-label="Direct link to rubywasm-selector" title="Direct link to rubywasm-selector"></a></h4>
<blockquote>
<p><strong>rubywasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=sass>sass<a href=#sass class=hash-link aria-label="Direct link to sass" title="Direct link to sass"></a></h4>
<blockquote>
<p><strong>sass</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=sass-selector>sass-selector<a href=#sass-selector class=hash-link aria-label="Direct link to sass-selector" title="Direct link to sass-selector"></a></h4>
<blockquote>
<p><strong>sass-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scheme>scheme<a href=#scheme class=hash-link aria-label="Direct link to scheme" title="Direct link to scheme"></a></h4>
<blockquote>
<p><strong>scheme</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scheme-selector>scheme-selector<a href=#scheme-selector class=hash-link aria-label="Direct link to scheme-selector" title="Direct link to scheme-selector"></a></h4>
<blockquote>
<p><strong>scheme-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scm>scm<a href=#scm class=hash-link aria-label="Direct link to scm" title="Direct link to scm"></a></h4>
<blockquote>
<p><strong>scm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scm-selector>scm-selector<a href=#scm-selector class=hash-link aria-label="Direct link to scm-selector" title="Direct link to scm-selector"></a></h4>
<blockquote>
<p><strong>scm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=screen>screen?<a href=#screen class=hash-link aria-label="Direct link to screen?" title="Direct link to screen?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>screen</strong>: <code>"new"</code> | <code>"open"</code> | <code>"embed"</code> | <code>"sync"</code> | <code>"about"</code> | <code>"welcome"</code> | <code>"add-snippet"</code> | <code>"login"</code> | <code>"info"</code> | <code>"assets"</code> | <code>"add-asset"</code> | <code>"snippets"</code> | <code>"import"</code> | <code>"resources"</code> | <code>"share"</code> | <code>"deploy"</code> | <code>"backup"</code> | <code>"broadcast"</code> | <code>"custom-settings"</code> | <code>"editor-settings"</code> | <code>"code-to-image"</code> | <code>"test-editor"</code> | <code>"keyboard-shortcuts"</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=script>script?<a href=#script class=hash-link aria-label="Direct link to script?" title="Direct link to script?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>script</strong>: <code>object</code></p>
</blockquote>
<p>An object that configures the language and content of the script editor.</p>
<p>See <a href=https://livecodes.io/docs/configuration/configuration-object/#markup target=_blank rel="noopener noreferrer">docs</a> for details.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-32>Default<a href=#default-32 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"> language</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>"javascript"</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> content</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>""</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scriptcontent>script.content?<a href=#scriptcontent class=hash-link aria-label="Direct link to script.content?" title="Direct link to script.content?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>content</strong>: <code>string</code></p>
</blockquote>
<p>The initial content of the code editor.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-33>Default<a href=#default-33 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>""</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scriptcontenturl>script.contentUrl?<a href=#scriptcontenturl class=hash-link aria-label="Direct link to script.contentUrl?" title="Direct link to script.contentUrl?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>contentUrl</strong>: <code>string</code></p>
</blockquote>
<p>A URL to load <code>content</code> from. It has to be a valid URL that is CORS-enabled.</p>
<p>The URL is only fetched if <code>content</code> property had no value.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scriptfoldedlines>script.foldedLines?<a href=#scriptfoldedlines class=hash-link aria-label="Direct link to script.foldedLines?" title="Direct link to script.foldedLines?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>foldedLines</strong>: <code>object</code>[]</p>
</blockquote>
<p>Lines that get folded when the editor loads.</p>
<p>This can be used for less relevant content.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=example-3>Example<a href=#example-3 class=hash-link aria-label="Direct link to Example" title="Direct link to Example"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>[</span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"> from</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>5</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> to</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>8</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"> from</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>15</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> to</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>20</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token punctuation" style=color:#393A34>]</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scripthiddencontent>script.hiddenContent?<a href=#scripthiddencontent class=hash-link aria-label="Direct link to script.hiddenContent?" title="Direct link to script.hiddenContent?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>hiddenContent</strong>: <code>string</code></p>
</blockquote>
<p>Hidden content that gets evaluated without being visible in the code editor.</p>
<p>This can be useful in embedded playgrounds (e.g. for adding helper functions, utilities or tests)</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scripthiddencontenturl>script.hiddenContentUrl?<a href=#scripthiddencontenturl class=hash-link aria-label="Direct link to script.hiddenContentUrl?" title="Direct link to script.hiddenContentUrl?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>hiddenContentUrl</strong>: <code>string</code></p>
</blockquote>
<p>A URL to load <code>hiddenContent</code> from. It has to be a valid URL that is CORS-enabled.</p>
<p>The URL is only fetched if <code>hiddenContent</code> property had no value.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scripthidetitle>script.hideTitle?<a href=#scripthidetitle class=hash-link aria-label="Direct link to script.hideTitle?" title="Direct link to script.hideTitle?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>hideTitle</strong>: <code>boolean</code></p>
</blockquote>
<p>If <code>true</code>, the title of the code editor is hidden, however its code is still evaluated.</p>
<p>This can be useful in embedded playgrounds (e.g. for hiding unnecessary code).</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scriptlanguage>script.language<a href=#scriptlanguage class=hash-link aria-label="Direct link to script.language" title="Direct link to script.language"></a></h4>
<blockquote>
<p><strong>language</strong>: <a href=/docs/api/type-aliases/Language><code>Language</code></a></p>
</blockquote>
<p>A language name, extension or alias (as defined in <a href=https://livecodes.io/docs/languages/ target=_blank rel="noopener noreferrer">language documentations</a>).</p>
<p>For the list of supported values, see <a href=https://livecodes.io/docs/api/type-aliases/Language target=_blank rel="noopener noreferrer">Language</a></p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scriptorder>script.order?<a href=#scriptorder class=hash-link aria-label="Direct link to script.order?" title="Direct link to script.order?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>order</strong>: <code>number</code></p>
</blockquote>
<p>The order of the editor in the UI.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-34>Default<a href=#default-34 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token number" style=color:#36acaa>0</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scriptposition>script.position?<a href=#scriptposition class=hash-link aria-label="Direct link to script.position?" title="Direct link to script.position?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>position</strong>: <a href=/docs/api/internal/interfaces/EditorPosition><code>EditorPosition</code></a></p>
</blockquote>
<p>The initial position of the cursor in the code editor.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=example-4>Example<a href=#example-4 class=hash-link aria-label="Direct link to Example" title="Direct link to Example"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>{</span><span class="token plain">lineNumber</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>5</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> column</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>10</span><span class="token punctuation" style=color:#393A34>}</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scriptselector>script.selector?<a href=#scriptselector class=hash-link aria-label="Direct link to script.selector?" title="Direct link to script.selector?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>selector</strong>: <code>string</code></p>
</blockquote>
<p>A CSS selector to load content from <a href=https://livecodes.io/docs/features/import#import-code-from-dom target=_blank rel="noopener noreferrer">DOM import</a>.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scripttitle>script.title?<a href=#scripttitle class=hash-link aria-label="Direct link to script.title?" title="Direct link to script.title?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>title</strong>: <code>string</code></p>
</blockquote>
<p>If set, this is used as the title of the editor in the UI,
overriding the default title set to the language name
(e.g. <code>"Python"</code> can be used instead of <code>"Py (Wasm)"</code>).</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scripts>scripts?<a href=#scripts class=hash-link aria-label="Direct link to scripts?" title="Direct link to scripts?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>scripts</strong>: <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scrollposition>scrollPosition?<a href=#scrollposition class=hash-link aria-label="Direct link to scrollPosition?" title="Direct link to scrollPosition?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>scrollPosition</strong>: <code>boolean</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scss>scss<a href=#scss class=hash-link aria-label="Direct link to scss" title="Direct link to scss"></a></h4>
<blockquote>
<p><strong>scss</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=scss-selector>scss-selector<a href=#scss-selector class=hash-link aria-label="Direct link to scss-selector" title="Direct link to scss-selector"></a></h4>
<blockquote>
<p><strong>scss-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=sdkversion>sdkVersion?<a href=#sdkversion class=hash-link aria-label="Direct link to sdkVersion?" title="Direct link to sdkVersion?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>sdkVersion</strong>: <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=semicolons>semicolons?<a href=#semicolons class=hash-link aria-label="Direct link to semicolons?" title="Direct link to semicolons?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>semicolons</strong>: <code>boolean</code></p>
</blockquote>
<p>Configures Prettier <a href=https://livecodes.io/docs/features/code-format target=_blank rel="noopener noreferrer">code formatter</a> to use semi-colons.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-35>Default<a href=#default-35 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>true</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=showspacing>showSpacing?<a href=#showspacing class=hash-link aria-label="Direct link to showSpacing?" title="Direct link to showSpacing?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>showSpacing</strong>: <code>boolean</code></p>
</blockquote>
<p>Enables <a href=https://livecodes.io/docs/features/result#show-spacings target=_blank rel="noopener noreferrer">showing element spacing</a> in the result page.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-36>Default<a href=#default-36 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>false</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=singlequote>singleQuote?<a href=#singlequote class=hash-link aria-label="Direct link to singleQuote?" title="Direct link to singleQuote?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>singleQuote</strong>: <code>boolean</code></p>
</blockquote>
<p>Configures Prettier <a href=https://livecodes.io/docs/features/code-format target=_blank rel="noopener noreferrer">code formatter</a> to use single quotes instead of double quotes.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-37>Default<a href=#default-37 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>false</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=solid>solid<a href=#solid class=hash-link aria-label="Direct link to solid" title="Direct link to solid"></a></h4>
<blockquote>
<p><strong>solid</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=solid-selector>solid-selector<a href=#solid-selector class=hash-link aria-label="Direct link to solid-selector" title="Direct link to solid-selector"></a></h4>
<blockquote>
<p><strong>solid-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=solidjsx>solid.jsx<a href=#solidjsx class=hash-link aria-label="Direct link to solid.jsx" title="Direct link to solid.jsx"></a></h4>
<blockquote>
<p><strong>jsx</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=solidjsx-selector>solid.jsx-selector<a href=#solidjsx-selector class=hash-link aria-label="Direct link to solid.jsx-selector" title="Direct link to solid.jsx-selector"></a></h4>
<blockquote>
<p><strong>jsx-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=solidtsx>solid.tsx<a href=#solidtsx class=hash-link aria-label="Direct link to solid.tsx" title="Direct link to solid.tsx"></a></h4>
<blockquote>
<p><strong>tsx</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=solidtsx-selector>solid.tsx-selector<a href=#solidtsx-selector class=hash-link aria-label="Direct link to solid.tsx-selector" title="Direct link to solid.tsx-selector"></a></h4>
<blockquote>
<p><strong>tsx-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=sql>sql<a href=#sql class=hash-link aria-label="Direct link to sql" title="Direct link to sql"></a></h4>
<blockquote>
<p><strong>sql</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=sql-selector>sql-selector<a href=#sql-selector class=hash-link aria-label="Direct link to sql-selector" title="Direct link to sql-selector"></a></h4>
<blockquote>
<p><strong>sql-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=sqlite>sqlite<a href=#sqlite class=hash-link aria-label="Direct link to sqlite" title="Direct link to sqlite"></a></h4>
<blockquote>
<p><strong>sqlite</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=sqlite-selector>sqlite-selector<a href=#sqlite-selector class=hash-link aria-label="Direct link to sqlite-selector" title="Direct link to sqlite-selector"></a></h4>
<blockquote>
<p><strong>sqlite-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=sqlite3>sqlite3<a href=#sqlite3 class=hash-link aria-label="Direct link to sqlite3" title="Direct link to sqlite3"></a></h4>
<blockquote>
<p><strong>sqlite3</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=sqlite3-selector>sqlite3-selector<a href=#sqlite3-selector class=hash-link aria-label="Direct link to sqlite3-selector" title="Direct link to sqlite3-selector"></a></h4>
<blockquote>
<p><strong>sqlite3-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stencil>stencil<a href=#stencil class=hash-link aria-label="Direct link to stencil" title="Direct link to stencil"></a></h4>
<blockquote>
<p><strong>stencil</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stencil-selector>stencil-selector<a href=#stencil-selector class=hash-link aria-label="Direct link to stencil-selector" title="Direct link to stencil-selector"></a></h4>
<blockquote>
<p><strong>stencil-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stenciltsx>stencil.tsx<a href=#stenciltsx class=hash-link aria-label="Direct link to stencil.tsx" title="Direct link to stencil.tsx"></a></h4>
<blockquote>
<p><strong>tsx</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stenciltsx-selector>stencil.tsx-selector<a href=#stenciltsx-selector class=hash-link aria-label="Direct link to stencil.tsx-selector" title="Direct link to stencil.tsx-selector"></a></h4>
<blockquote>
<p><strong>tsx-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=styl>styl<a href=#styl class=hash-link aria-label="Direct link to styl" title="Direct link to styl"></a></h4>
<blockquote>
<p><strong>styl</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=styl-selector>styl-selector<a href=#styl-selector class=hash-link aria-label="Direct link to styl-selector" title="Direct link to styl-selector"></a></h4>
<blockquote>
<p><strong>styl-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=style>style?<a href=#style class=hash-link aria-label="Direct link to style?" title="Direct link to style?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>style</strong>: <code>object</code></p>
</blockquote>
<p>An object that configures the language and content of the style editor.</p>
<p>See <a href=https://livecodes.io/docs/configuration/configuration-object/#markup target=_blank rel="noopener noreferrer">docs</a> for details.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-38>Default<a href=#default-38 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"> language</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>"css"</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> content</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>""</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stylecontent>style.content?<a href=#stylecontent class=hash-link aria-label="Direct link to style.content?" title="Direct link to style.content?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>content</strong>: <code>string</code></p>
</blockquote>
<p>The initial content of the code editor.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-39>Default<a href=#default-39 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>""</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stylecontenturl>style.contentUrl?<a href=#stylecontenturl class=hash-link aria-label="Direct link to style.contentUrl?" title="Direct link to style.contentUrl?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>contentUrl</strong>: <code>string</code></p>
</blockquote>
<p>A URL to load <code>content</code> from. It has to be a valid URL that is CORS-enabled.</p>
<p>The URL is only fetched if <code>content</code> property had no value.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stylefoldedlines>style.foldedLines?<a href=#stylefoldedlines class=hash-link aria-label="Direct link to style.foldedLines?" title="Direct link to style.foldedLines?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>foldedLines</strong>: <code>object</code>[]</p>
</blockquote>
<p>Lines that get folded when the editor loads.</p>
<p>This can be used for less relevant content.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=example-5>Example<a href=#example-5 class=hash-link aria-label="Direct link to Example" title="Direct link to Example"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>[</span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"> from</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>5</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> to</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>8</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"> from</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>15</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> to</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>20</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token punctuation" style=color:#393A34>]</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stylehiddencontent>style.hiddenContent?<a href=#stylehiddencontent class=hash-link aria-label="Direct link to style.hiddenContent?" title="Direct link to style.hiddenContent?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>hiddenContent</strong>: <code>string</code></p>
</blockquote>
<p>Hidden content that gets evaluated without being visible in the code editor.</p>
<p>This can be useful in embedded playgrounds (e.g. for adding helper functions, utilities or tests)</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stylehiddencontenturl>style.hiddenContentUrl?<a href=#stylehiddencontenturl class=hash-link aria-label="Direct link to style.hiddenContentUrl?" title="Direct link to style.hiddenContentUrl?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>hiddenContentUrl</strong>: <code>string</code></p>
</blockquote>
<p>A URL to load <code>hiddenContent</code> from. It has to be a valid URL that is CORS-enabled.</p>
<p>The URL is only fetched if <code>hiddenContent</code> property had no value.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stylehidetitle>style.hideTitle?<a href=#stylehidetitle class=hash-link aria-label="Direct link to style.hideTitle?" title="Direct link to style.hideTitle?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>hideTitle</strong>: <code>boolean</code></p>
</blockquote>
<p>If <code>true</code>, the title of the code editor is hidden, however its code is still evaluated.</p>
<p>This can be useful in embedded playgrounds (e.g. for hiding unnecessary code).</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stylelanguage>style.language<a href=#stylelanguage class=hash-link aria-label="Direct link to style.language" title="Direct link to style.language"></a></h4>
<blockquote>
<p><strong>language</strong>: <a href=/docs/api/type-aliases/Language><code>Language</code></a></p>
</blockquote>
<p>A language name, extension or alias (as defined in <a href=https://livecodes.io/docs/languages/ target=_blank rel="noopener noreferrer">language documentations</a>).</p>
<p>For the list of supported values, see <a href=https://livecodes.io/docs/api/type-aliases/Language target=_blank rel="noopener noreferrer">Language</a></p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=styleorder>style.order?<a href=#styleorder class=hash-link aria-label="Direct link to style.order?" title="Direct link to style.order?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>order</strong>: <code>number</code></p>
</blockquote>
<p>The order of the editor in the UI.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-40>Default<a href=#default-40 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token number" style=color:#36acaa>0</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=styleposition>style.position?<a href=#styleposition class=hash-link aria-label="Direct link to style.position?" title="Direct link to style.position?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>position</strong>: <a href=/docs/api/internal/interfaces/EditorPosition><code>EditorPosition</code></a></p>
</blockquote>
<p>The initial position of the cursor in the code editor.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=example-6>Example<a href=#example-6 class=hash-link aria-label="Direct link to Example" title="Direct link to Example"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>{</span><span class="token plain">lineNumber</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>5</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> column</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>10</span><span class="token punctuation" style=color:#393A34>}</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=styleselector>style.selector?<a href=#styleselector class=hash-link aria-label="Direct link to style.selector?" title="Direct link to style.selector?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>selector</strong>: <code>string</code></p>
</blockquote>
<p>A CSS selector to load content from <a href=https://livecodes.io/docs/features/import#import-code-from-dom target=_blank rel="noopener noreferrer">DOM import</a>.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=styletitle>style.title?<a href=#styletitle class=hash-link aria-label="Direct link to style.title?" title="Direct link to style.title?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>title</strong>: <code>string</code></p>
</blockquote>
<p>If set, this is used as the title of the editor in the UI,
overriding the default title set to the language name
(e.g. <code>"Python"</code> can be used instead of <code>"Py (Wasm)"</code>).</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stylesheets>stylesheets?<a href=#stylesheets class=hash-link aria-label="Direct link to stylesheets?" title="Direct link to stylesheets?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>stylesheets</strong>: <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stylis>stylis<a href=#stylis class=hash-link aria-label="Direct link to stylis" title="Direct link to stylis"></a></h4>
<blockquote>
<p><strong>stylis</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stylis-selector>stylis-selector<a href=#stylis-selector class=hash-link aria-label="Direct link to stylis-selector" title="Direct link to stylis-selector"></a></h4>
<blockquote>
<p><strong>stylis-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stylus>stylus<a href=#stylus class=hash-link aria-label="Direct link to stylus" title="Direct link to stylus"></a></h4>
<blockquote>
<p><strong>stylus</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=stylus-selector>stylus-selector<a href=#stylus-selector class=hash-link aria-label="Direct link to stylus-selector" title="Direct link to stylus-selector"></a></h4>
<blockquote>
<p><strong>stylus-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=sucrase>sucrase<a href=#sucrase class=hash-link aria-label="Direct link to sucrase" title="Direct link to sucrase"></a></h4>
<blockquote>
<p><strong>sucrase</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=sucrase-selector>sucrase-selector<a href=#sucrase-selector class=hash-link aria-label="Direct link to sucrase-selector" title="Direct link to sucrase-selector"></a></h4>
<blockquote>
<p><strong>sucrase-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=svelte>svelte<a href=#svelte class=hash-link aria-label="Direct link to svelte" title="Direct link to svelte"></a></h4>
<blockquote>
<p><strong>svelte</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=svelte-app>svelte-app<a href=#svelte-app class=hash-link aria-label="Direct link to svelte-app" title="Direct link to svelte-app"></a></h4>
<blockquote>
<p><strong>svelte-app</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=svelte-app-selector>svelte-app-selector<a href=#svelte-app-selector class=hash-link aria-label="Direct link to svelte-app-selector" title="Direct link to svelte-app-selector"></a></h4>
<blockquote>
<p><strong>svelte-app-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=svelte-selector>svelte-selector<a href=#svelte-selector class=hash-link aria-label="Direct link to svelte-selector" title="Direct link to svelte-selector"></a></h4>
<blockquote>
<p><strong>svelte-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=tabsize>tabSize?<a href=#tabsize class=hash-link aria-label="Direct link to tabSize?" title="Direct link to tabSize?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>tabSize</strong>: <code>number</code></p>
</blockquote>
<p>The number of spaces per indentation-level.</p>
<p>Also used in <a href=https://livecodes.io/docs/features/code-format target=_blank rel="noopener noreferrer">code formatting</a>.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-41>Default<a href=#default-41 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token number" style=color:#36acaa>2</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=tags>tags?<a href=#tags class=hash-link aria-label="Direct link to tags?" title="Direct link to tags?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>tags</strong>: <code>string</code> | <code>string</code>[]</p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=tcl>tcl<a href=#tcl class=hash-link aria-label="Direct link to tcl" title="Direct link to tcl"></a></h4>
<blockquote>
<p><strong>tcl</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=tcl-selector>tcl-selector<a href=#tcl-selector class=hash-link aria-label="Direct link to tcl-selector" title="Direct link to tcl-selector"></a></h4>
<blockquote>
<p><strong>tcl-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=teal>teal<a href=#teal class=hash-link aria-label="Direct link to teal" title="Direct link to teal"></a></h4>
<blockquote>
<p><strong>teal</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=teal-selector>teal-selector<a href=#teal-selector class=hash-link aria-label="Direct link to teal-selector" title="Direct link to teal-selector"></a></h4>
<blockquote>
<p><strong>teal-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=template>template?<a href=#template class=hash-link aria-label="Direct link to template?" title="Direct link to template?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>template</strong>: <a href=/docs/api/internal/type-aliases/TemplateName><code>TemplateName</code></a></p>
</blockquote>
<p>A <a href=https://livecodes.io/docs/features/templates target=_blank rel="noopener noreferrer">starter template</a> to load.
Allowed valued can be found <a href=https://livecodes.io/docs/api/internal/type-aliases/TemplateName target=_blank rel="noopener noreferrer">here</a>.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=tests>tests?<a href=#tests class=hash-link aria-label="Direct link to tests?" title="Direct link to tests?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>tests</strong>: ({ language?: Language | undefined; content?: string | undefined; contentUrl?: string | undefined; hiddenContent?: string | undefined; hiddenContentUrl?: string | undefined; ... 5 more ...; position?: EditorPosition | undefined; } | undefined) & ("" | ... 4 more ... | "full")</p>
</blockquote>
<p>Configures the <a href=https://livecodes.io/docs/features/tests#supported-languages target=_blank rel="noopener noreferrer">language</a>
and content of <a href=https://livecodes.io/docs/features/tests target=_blank rel="noopener noreferrer">tests</a>.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=theme>theme?<a href=#theme class=hash-link aria-label="Direct link to theme?" title="Direct link to theme?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>theme</strong>: <a href=/docs/api/internal/type-aliases/Theme><code>Theme</code></a></p>
</blockquote>
<p>Sets the app <a href=https://livecodes.io/docs/features/themes target=_blank rel="noopener noreferrer">theme</a> to light/dark mode.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-42>Default<a href=#default-42 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>"dark"</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=themecolor>themeColor?<a href=#themecolor class=hash-link aria-label="Direct link to themeColor?" title="Direct link to themeColor?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>themeColor</strong>: <code>string</code></p>
</blockquote>
<p>Sets the app theme color.
If <code>undefined</code>, it is set to <code>"hsl(214, 40%, 50%)"</code>.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-43>Default<a href=#default-43 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token keyword" style=color:#00009f>undefined</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=title>title?<a href=#title class=hash-link aria-label="Direct link to title?" title="Direct link to title?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>title</strong>: <code>string</code></p>
</blockquote>
<p>Project title.
This is used as <a href=https://livecodes.io/docs/features/result target=_blank rel="noopener noreferrer">result page</a> title and title meta tag.
Also used in project search.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-44>Default<a href=#default-44 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>"Untitled Project"</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=tl>tl<a href=#tl class=hash-link aria-label="Direct link to tl" title="Direct link to tl"></a></h4>
<blockquote>
<p><strong>tl</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=tl-selector>tl-selector<a href=#tl-selector class=hash-link aria-label="Direct link to tl-selector" title="Direct link to tl-selector"></a></h4>
<blockquote>
<p><strong>tl-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=tools>tools?<a href=#tools class=hash-link aria-label="Direct link to tools?" title="Direct link to tools?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>tools</strong>: <code>"none"</code> | <code>"closed"</code> | <code>"open"</code> | <code>"full"</code> | <code>"console"</code> | <code>"compiled"</code> | <code>"tests"</code> | "console|undefined" | "console|" | "console|none" | "console|closed" | "console|open" | "console|full" | "compiled|undefined" | "compiled|" | "compiled|none" | "compiled|closed" | "compiled|open" | "compiled|full" | "tests|undefined" | "tests|" | "tests|none" | "tests|closed" | "tests|open" | "tests|full" | "console,console|undefined" | "console,console|" | "console,console|none" | "console,console|closed" | "console,console|open" | "console,console|full" | "console,compiled|undefined" | "console,compiled|" | "console,compiled|none" | "console,compiled|closed" | "console,compiled|open" | "console,compiled|full" | "console,tests|undefined" | "console,tests|" | "console,tests|none" | "console,tests|closed" | "console,tests|open" | "console,tests|full" | "compiled,console|undefined" | "compiled,console|" | "compiled,console|none" | "compiled,console|closed" | "compiled,console|open" | "compiled,console|full" | "compiled,compiled|undefined" | "compiled,compiled|" | "compiled,compiled|none" | "compiled,compiled|closed" | "compiled,compiled|open" | "compiled,compiled|full" | "compiled,tests|undefined" | "compiled,tests|" | "compiled,tests|none" | "compiled,tests|closed" | "compiled,tests|open" | "compiled,tests|full" | "tests,console|undefined" | "tests,console|" | "tests,console|none" | "tests,console|closed" | "tests,console|open" | "tests,console|full" | "tests,compiled|undefined" | "tests,compiled|" | "tests,compiled|none" | "tests,compiled|closed" | "tests,compiled|open" | "tests,compiled|full" | "tests,tests|undefined" | "tests,tests|" | "tests,tests|none" | "tests,tests|closed" | "tests,tests|open" | "tests,tests|full" | "console,console,console|undefined" | "console,console,console|" | "console,console,console|none" | "console,console,console|closed" | "console,console,console|open" | "console,console,console|full" | "console,console,compiled|undefined" | "console,console,compiled|" | "console,console,compiled|none" | "console,console,compiled|closed" | "console,console,compiled|open" | "console,console,compiled|full" | "console,console,tests|undefined" | "console,console,tests|" | "console,console,tests|none" | "console,console,tests|closed" | "console,console,tests|open" | "console,console,tests|full" | "console,compiled,console|undefined" | "console,compiled,console|" | "console,compiled,console|none" | "console,compiled,console|closed" | "console,compiled,console|open" | "console,compiled,console|full" | "console,compiled,compiled|undefined" | "console,compiled,compiled|" | "console,compiled,compiled|none" | "console,compiled,compiled|closed" | "console,compiled,compiled|open" | "console,compiled,compiled|full" | "console,compiled,tests|undefined" | "console,compiled,tests|" | "console,compiled,tests|none" | "console,compiled,tests|closed" | "console,compiled,tests|open" | "console,compiled,tests|full" | "console,tests,console|undefined" | "console,tests,console|" | "console,tests,console|none" | "console,tests,console|closed" | "console,tests,console|open" | "console,tests,console|full" | "console,tests,compiled|undefined" | "console,tests,compiled|" | "console,tests,compiled|none" | "console,tests,compiled|closed" | "console,tests,compiled|open" | "console,tests,compiled|full" | "console,tests,tests|undefined" | "console,tests,tests|" | "console,tests,tests|none" | "console,tests,tests|closed" | "console,tests,tests|open" | "console,tests,tests|full" | "compiled,console,console|undefined" | "compiled,console,console|" | "compiled,console,console|none" | "compiled,console,console|closed" | "compiled,console,console|open" | "compiled,console,console|full" | "compiled,console,compiled|undefined" | "compiled,console,compiled|" | "compiled,console,compiled|none" | "compiled,console,compiled|closed" | "compiled,console,compiled|open" | "compiled,console,compiled|full" | "compiled,console,tests|undefined" | "compiled,console,tests|" | "compiled,console,tests|none" | "compiled,console,tests|closed" | "compiled,console,tests|open" | "compiled,console,tests|full" | "compiled,compiled,console|undefined" | "compiled,compiled,console|" | "compiled,compiled,console|none" | "compiled,compiled,console|closed" | "compiled,compiled,console|open" | "compiled,compiled,console|full" | "compiled,compiled,compiled|undefined" | "compiled,compiled,compiled|" | "compiled,compiled,compiled|none" | "compiled,compiled,compiled|closed" | "compiled,compiled,compiled|open" | "compiled,compiled,compiled|full" | "compiled,compiled,tests|undefined" | "compiled,compiled,tests|" | "compiled,compiled,tests|none" | "compiled,compiled,tests|closed" | "compiled,compiled,tests|open" | "compiled,compiled,tests|full" | "compiled,tests,console|undefined" | "compiled,tests,console|" | "compiled,tests,console|none" | "compiled,tests,console|closed" | "compiled,tests,console|open" | "compiled,tests,console|full" | "compiled,tests,compiled|undefined" | "compiled,tests,compiled|" | "compiled,tests,compiled|none" | "compiled,tests,compiled|closed" | "compiled,tests,compiled|open" | "compiled,tests,compiled|full" | "compiled,tests,tests|undefined" | "compiled,tests,tests|" | "compiled,tests,tests|none" | "compiled,tests,tests|closed" | "compiled,tests,tests|open" | "compiled,tests,tests|full" | "tests,console,console|undefined" | "tests,console,console|" | "tests,console,console|none" | "tests,console,console|closed" | "tests,console,console|open" | "tests,console,console|full" | "tests,console,compiled|undefined" | "tests,console,compiled|" | "tests,console,compiled|none" | "tests,console,compiled|closed" | "tests,console,compiled|open" | "tests,console,compiled|full" | "tests,console,tests|undefined" | "tests,console,tests|" | "tests,console,tests|none" | "tests,console,tests|closed" | "tests,console,tests|open" | "tests,console,tests|full" | "tests,compiled,console|undefined" | "tests,compiled,console|" | "tests,compiled,console|none" | "tests,compiled,console|closed" | "tests,compiled,console|open" | "tests,compiled,console|full" | "tests,compiled,compiled|undefined" | "tests,compiled,compiled|" | "tests,compiled,compiled|none" | "tests,compiled,compiled|closed" | "tests,compiled,compiled|open" | "tests,compiled,compiled|full" | "tests,compiled,tests|undefined" | "tests,compiled,tests|" | "tests,compiled,tests|none" | "tests,compiled,tests|closed" | "tests,compiled,tests|open" | "tests,compiled,tests|full" | "tests,tests,console|undefined" | "tests,tests,console|" | "tests,tests,console|none" | "tests,tests,console|closed" | "tests,tests,console|open" | "tests,tests,console|full" | "tests,tests,compiled|undefined" | "tests,tests,compiled|" | "tests,tests,compiled|none" | "tests,tests,compiled|closed" | "tests,tests,compiled|open" | "tests,tests,compiled|full" | "tests,tests,tests|undefined" | "tests,tests,tests|" | "tests,tests,tests|none" | "tests,tests,tests|closed" | "tests,tests,tests|open" | "tests,tests,tests|full"</p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=trailingcomma>trailingComma?<a href=#trailingcomma class=hash-link aria-label="Direct link to trailingComma?" title="Direct link to trailingComma?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>trailingComma</strong>: <code>boolean</code></p>
</blockquote>
<p>Configures Prettier <a href=https://livecodes.io/docs/features/code-format target=_blank rel="noopener noreferrer">code formatter</a> to use <a href=https://prettier.io/docs/en/options.html#trailing-commas target=_blank rel="noopener noreferrer">trailing commas</a>.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-45>Default<a href=#default-45 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>true</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ts>ts<a href=#ts class=hash-link aria-label="Direct link to ts" title="Direct link to ts"></a></h4>
<blockquote>
<p><strong>ts</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=ts-selector>ts-selector<a href=#ts-selector class=hash-link aria-label="Direct link to ts-selector" title="Direct link to ts-selector"></a></h4>
<blockquote>
<p><strong>ts-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=tsx>tsx<a href=#tsx class=hash-link aria-label="Direct link to tsx" title="Direct link to tsx"></a></h4>
<blockquote>
<p><strong>tsx</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=tsx-selector>tsx-selector<a href=#tsx-selector class=hash-link aria-label="Direct link to tsx-selector" title="Direct link to tsx-selector"></a></h4>
<blockquote>
<p><strong>tsx-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=twig>twig<a href=#twig class=hash-link aria-label="Direct link to twig" title="Direct link to twig"></a></h4>
<blockquote>
<p><strong>twig</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=twig-selector>twig-selector<a href=#twig-selector class=hash-link aria-label="Direct link to twig-selector" title="Direct link to twig-selector"></a></h4>
<blockquote>
<p><strong>twig-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=types>types?<a href=#types class=hash-link aria-label="Direct link to types?" title="Direct link to types?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>types</strong>: <code>object</code></p>
</blockquote>
<p>Allows providing custom TypeScript type declarations for better <a href=https://livecodes.io/docs/features/intellisense target=_blank rel="noopener noreferrer">editor intellisense</a>.</p>
<p>It is an object where each key represents module name and value represents the types.</p>
<p>See docs for <a href=https://livecodes.io/docs/configuration/configuration-object#types target=_blank rel="noopener noreferrer">Types</a>
and <a href=https://livecodes.io/docs/features/intellisense#custom-types target=_blank rel="noopener noreferrer">Custom Types</a></p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=examples-1>Examples<a href=#examples-1 class=hash-link aria-label="Direct link to Examples" title="Direct link to Examples"></a></h5>
<div class="language-js codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-js codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token string-property property" style=color:#36acaa>"types"</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token string-property property" style=color:#36acaa>"my-demo-lib"</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>"https://my-custom-domain/my-type-declarations.d.ts"</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>}</span><span class="token plain"></span><br></span><span class=token-line style=color:#393A34><span class="token plain"></span><span class="token punctuation" style=color:#393A34>}</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-text codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token plain">{</span><br></span><span class=token-line style=color:#393A34><span class="token plain"> "types": {</span><br></span><span class=token-line style=color:#393A34><span class="token plain"> "my-demo-lib": {</span><br></span><span class=token-line style=color:#393A34><span class="token plain"> "url": "https://my-custom-domain/types.d.ts",</span><br></span><span class=token-line style=color:#393A34><span class="token plain"> "autoload": true,</span><br></span><span class=token-line style=color:#393A34><span class="token plain"> "declareAsModule": true</span><br></span><span class=token-line style=color:#393A34><span class="token plain"> }</span><br></span><span class=token-line style=color:#393A34><span class="token plain">}</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=typescript>typescript<a href=#typescript class=hash-link aria-label="Direct link to typescript" title="Direct link to typescript"></a></h4>
<blockquote>
<p><strong>typescript</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=typescript-selector>typescript-selector<a href=#typescript-selector class=hash-link aria-label="Direct link to typescript-selector" title="Direct link to typescript-selector"></a></h4>
<blockquote>
<p><strong>typescript-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=usetabs>useTabs?<a href=#usetabs class=hash-link aria-label="Direct link to useTabs?" title="Direct link to useTabs?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>useTabs</strong>: <code>boolean</code></p>
</blockquote>
<p>If <code>true</code>, lines are indented with tabs instead of spaces.</p>
<p>Also used in <a href=https://livecodes.io/docs/features/code-format target=_blank rel="noopener noreferrer">code formatting</a>.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-46>Default<a href=#default-46 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>false</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=vento>vento<a href=#vento class=hash-link aria-label="Direct link to vento" title="Direct link to vento"></a></h4>
<blockquote>
<p><strong>vento</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=vento-selector>vento-selector<a href=#vento-selector class=hash-link aria-label="Direct link to vento-selector" title="Direct link to vento-selector"></a></h4>
<blockquote>
<p><strong>vento-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=version>version?<a href=#version class=hash-link aria-label="Direct link to version?" title="Direct link to version?"></a></h4>
<blockquote>
<p><code>readonly</code> <code>optional</code> <strong>version</strong>: <code>string</code></p>
</blockquote>
<p>This is a read-only property which specifies the current LiveCodes version.</p>
<p>Version specified in <a href=https://livecodes.io/docs/features/export target=_blank rel="noopener noreferrer">exported</a> projects allows automatically upgrading the project configuration when imported by an app with a newer version.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=view><del>view?</del><a href=#view class=hash-link aria-label="Direct link to view" title="Direct link to view"></a></h4>
<blockquote>
<p><code>optional</code> <strong>view</strong>: <code>"split"</code> | <code>"result"</code> | <code>"editor"</code></p>
</blockquote>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=deprecated-2>Deprecated<a href=#deprecated-2 class=hash-link aria-label="Direct link to Deprecated" title="Direct link to Deprecated"></a></h5>
<p>The <code>view</code> option has been moved to <code>config.view</code>.
For headless mode use <code>headless: true</code>.</p>
<p>The <a href=https://livecodes.io/docs/features/default-view target=_blank rel="noopener noreferrer">default view</a> for the playground.</p>
<p>When set to <code>"headless"</code>, the playground is loaded in <a href=https://livecodes.io/docs/sdk/headless target=_blank rel="noopener noreferrer">headless mode</a>.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-47>Default<a href=#default-47 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>"split"</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=vto>vto<a href=#vto class=hash-link aria-label="Direct link to vto" title="Direct link to vto"></a></h4>
<blockquote>
<p><strong>vto</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=vto-selector>vto-selector<a href=#vto-selector class=hash-link aria-label="Direct link to vto-selector" title="Direct link to vto-selector"></a></h4>
<blockquote>
<p><strong>vto-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=vue>vue<a href=#vue class=hash-link aria-label="Direct link to vue" title="Direct link to vue"></a></h4>
<blockquote>
<p><strong>vue</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=vue-app>vue-app<a href=#vue-app class=hash-link aria-label="Direct link to vue-app" title="Direct link to vue-app"></a></h4>
<blockquote>
<p><strong>vue-app</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=vue-app-selector>vue-app-selector<a href=#vue-app-selector class=hash-link aria-label="Direct link to vue-app-selector" title="Direct link to vue-app-selector"></a></h4>
<blockquote>
<p><strong>vue-app-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=vue-selector>vue-selector<a href=#vue-selector class=hash-link aria-label="Direct link to vue-selector" title="Direct link to vue-selector"></a></h4>
<blockquote>
<p><strong>vue-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=vue2>vue2<a href=#vue2 class=hash-link aria-label="Direct link to vue2" title="Direct link to vue2"></a></h4>
<blockquote>
<p><strong>vue2</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=vue2-selector>vue2-selector<a href=#vue2-selector class=hash-link aria-label="Direct link to vue2-selector" title="Direct link to vue2-selector"></a></h4>
<blockquote>
<p><strong>vue2-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=vue3>vue3<a href=#vue3 class=hash-link aria-label="Direct link to vue3" title="Direct link to vue3"></a></h4>
<blockquote>
<p><strong>vue3</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=vue3-selector>vue3-selector<a href=#vue3-selector class=hash-link aria-label="Direct link to vue3-selector" title="Direct link to vue3-selector"></a></h4>
<blockquote>
<p><strong>vue3-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wasm>wasm<a href=#wasm class=hash-link aria-label="Direct link to wasm" title="Direct link to wasm"></a></h4>
<blockquote>
<p><strong>wasm</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wasm-selector>wasm-selector<a href=#wasm-selector class=hash-link aria-label="Direct link to wasm-selector" title="Direct link to wasm-selector"></a></h4>
<blockquote>
<p><strong>wasm-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wasmcpp>wasm.cpp<a href=#wasmcpp class=hash-link aria-label="Direct link to wasm.cpp" title="Direct link to wasm.cpp"></a></h4>
<blockquote>
<p><strong>cpp</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wasmcpp-selector>wasm.cpp-selector<a href=#wasmcpp-selector class=hash-link aria-label="Direct link to wasm.cpp-selector" title="Direct link to wasm.cpp-selector"></a></h4>
<blockquote>
<p><strong>cpp-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wasmcs>wasm.cs<a href=#wasmcs class=hash-link aria-label="Direct link to wasm.cs" title="Direct link to wasm.cs"></a></h4>
<blockquote>
<p><strong>cs</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wasmcs-selector>wasm.cs-selector<a href=#wasmcs-selector class=hash-link aria-label="Direct link to wasm.cs-selector" title="Direct link to wasm.cs-selector"></a></h4>
<blockquote>
<p><strong>cs-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wasmlua>wasm.lua<a href=#wasmlua class=hash-link aria-label="Direct link to wasm.lua" title="Direct link to wasm.lua"></a></h4>
<blockquote>
<p><strong>lua</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wasmlua-selector>wasm.lua-selector<a href=#wasmlua-selector class=hash-link aria-label="Direct link to wasm.lua-selector" title="Direct link to wasm.lua-selector"></a></h4>
<blockquote>
<p><strong>lua-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wasmphp>wasm.php<a href=#wasmphp class=hash-link aria-label="Direct link to wasm.php" title="Direct link to wasm.php"></a></h4>
<blockquote>
<p><strong>php</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wasmphp-selector>wasm.php-selector<a href=#wasmphp-selector class=hash-link aria-label="Direct link to wasm.php-selector" title="Direct link to wasm.php-selector"></a></h4>
<blockquote>
<p><strong>php-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wasmpy>wasm.py<a href=#wasmpy class=hash-link aria-label="Direct link to wasm.py" title="Direct link to wasm.py"></a></h4>
<blockquote>
<p><strong>py</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wasmpy-selector>wasm.py-selector<a href=#wasmpy-selector class=hash-link aria-label="Direct link to wasm.py-selector" title="Direct link to wasm.py-selector"></a></h4>
<blockquote>
<p><strong>py-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wasmrb>wasm.rb<a href=#wasmrb class=hash-link aria-label="Direct link to wasm.rb" title="Direct link to wasm.rb"></a></h4>
<blockquote>
<p><strong>rb</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wasmrb-selector>wasm.rb-selector<a href=#wasmrb-selector class=hash-link aria-label="Direct link to wasm.rb-selector" title="Direct link to wasm.rb-selector"></a></h4>
<blockquote>
<p><strong>rb-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wast>wast<a href=#wast class=hash-link aria-label="Direct link to wast" title="Direct link to wast"></a></h4>
<blockquote>
<p><strong>wast</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wast-selector>wast-selector<a href=#wast-selector class=hash-link aria-label="Direct link to wast-selector" title="Direct link to wast-selector"></a></h4>
<blockquote>
<p><strong>wast-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wat>wat<a href=#wat class=hash-link aria-label="Direct link to wat" title="Direct link to wat"></a></h4>
<blockquote>
<p><strong>wat</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wat-selector>wat-selector<a href=#wat-selector class=hash-link aria-label="Direct link to wat-selector" title="Direct link to wat-selector"></a></h4>
<blockquote>
<p><strong>wat-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=webassembly>webassembly<a href=#webassembly class=hash-link aria-label="Direct link to webassembly" title="Direct link to webassembly"></a></h4>
<blockquote>
<p><strong>webassembly</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=webassembly-selector>webassembly-selector<a href=#webassembly-selector class=hash-link aria-label="Direct link to webassembly-selector" title="Direct link to webassembly-selector"></a></h4>
<blockquote>
<p><strong>webassembly-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=welcome>welcome?<a href=#welcome class=hash-link aria-label="Direct link to welcome?" title="Direct link to welcome?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>welcome</strong>: <code>boolean</code></p>
</blockquote>
<p>If <code>true</code>, the <a href=https://livecodes.io/docs/features/welcome target=_blank rel="noopener noreferrer">welcome screen</a> is displayed when the app loads.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=wordwrap>wordWrap?<a href=#wordwrap class=hash-link aria-label="Direct link to wordWrap?" title="Direct link to wordWrap?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>wordWrap</strong>: <code>boolean</code></p>
</blockquote>
<p>Enables word-wrap for long lines.</p>
<h5 class="anchor anchorWithStickyNavbar_LWe7" id=default-48>Default<a href=#default-48 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h5>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token boolean" style=color:#36acaa>false</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=x>x?<a href=#x class=hash-link aria-label="Direct link to x?" title="Direct link to x?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>x</strong>: <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=xht>xht<a href=#xht class=hash-link aria-label="Direct link to xht" title="Direct link to xht"></a></h4>
<blockquote>
<p><strong>xht</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=xht-selector>xht-selector<a href=#xht-selector class=hash-link aria-label="Direct link to xht-selector" title="Direct link to xht-selector"></a></h4>
<blockquote>
<p><strong>xht-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=xml>xml<a href=#xml class=hash-link aria-label="Direct link to xml" title="Direct link to xml"></a></h4>
<blockquote>
<p><strong>xml</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=xml-selector>xml-selector<a href=#xml-selector class=hash-link aria-label="Direct link to xml-selector" title="Direct link to xml-selector"></a></h4>
<blockquote>
<p><strong>xml-selector</strong>: <code>undefined</code> | <code>string</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=zoom>zoom?<a href=#zoom class=hash-link aria-label="Direct link to zoom?" title="Direct link to zoom?"></a></h4>
<blockquote>
<p><code>optional</code> <strong>zoom</strong>: <code>1</code> | <code>0.5</code> | <code>0.25</code></p>
</blockquote>
<p>Sets result page <a href=https://livecodes.io/docs/features/result#result-page-zoom target=_blank rel="noopener noreferrer">zoom level</a>.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=defined-in-6>Defined in<a href=#defined-in-6 class=hash-link aria-label="Direct link to Defined in" title="Direct link to Defined in"></a></h4>
<p><a href=https://github.com/live-codes/livecodes/blob/7617d5c8be5a2a8be8133f973d9e69eb9f86434d/src/sdk/models.ts#L338 target=_blank rel="noopener noreferrer">models.ts:338</a></p>
<hr>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id=template-1>template?<a href=#template-1 class=hash-link aria-label="Direct link to template?" title="Direct link to template?"></a></h3>
<blockquote>
<p><code>optional</code> <strong>template</strong>: <a href=/docs/api/internal/type-aliases/TemplateName><code>TemplateName</code></a></p>
</blockquote>
<p>A <a href=https://livecodes.io/docs/features/templates target=_blank rel="noopener noreferrer">starter template</a> to load.
Allowed valued can be found <a href=https://livecodes.io/docs/api/internal/type-aliases/TemplateName target=_blank rel="noopener noreferrer">here</a>.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=defined-in-7>Defined in<a href=#defined-in-7 class=hash-link aria-label="Direct link to Defined in" title="Direct link to Defined in"></a></h4>
<p><a href=https://github.com/live-codes/livecodes/blob/7617d5c8be5a2a8be8133f973d9e69eb9f86434d/src/sdk/models.ts#L383 target=_blank rel="noopener noreferrer">models.ts:383</a></p>
<hr>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id=view-1><del>view?</del><a href=#view-1 class=hash-link aria-label="Direct link to view-1" title="Direct link to view-1"></a></h3>
<blockquote>
<p><code>optional</code> <strong>view</strong>: <code>"split"</code> | <code>"result"</code> | <code>"editor"</code> | <code>"headless"</code></p>
</blockquote>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=deprecated-3>Deprecated<a href=#deprecated-3 class=hash-link aria-label="Direct link to Deprecated" title="Direct link to Deprecated"></a></h4>
<p>The <code>view</code> option has been moved to <code>config.view</code>.
For headless mode use <code>headless: true</code>.</p>
<p>The <a href=https://livecodes.io/docs/features/default-view target=_blank rel="noopener noreferrer">default view</a> for the playground.</p>
<p>When set to <code>"headless"</code>, the playground is loaded in <a href=https://livecodes.io/docs/sdk/headless target=_blank rel="noopener noreferrer">headless mode</a>.</p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=default-49>Default<a href=#default-49 class=hash-link aria-label="Direct link to Default" title="Direct link to Default"></a></h4>
<div class="language-ts codeBlockContainer_Ckt0 theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_biex><pre tabindex=0 class="prism-code language-ts codeBlock_bY9V thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_e6Vv><span class=token-line style=color:#393A34><span class="token string" style=color:#e3116c>"split"</span><br></span></code></pre><div class=buttonGroup__atx><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_eSgA aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_y97N><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_LjdS><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id=defined-in-8>Defined in<a href=#defined-in-8 class=hash-link aria-label="Direct link to Defined in" title="Direct link to Defined in"></a></h4>
<p><a href=https://github.com/live-codes/livecodes/blob/7617d5c8be5a2a8be8133f973d9e69eb9f86434d/src/sdk/models.ts#L396 target=_blank rel="noopener noreferrer">models.ts:396</a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class=col><a href=https://github.com/live-codes/livecodes/tree/develop/docs/docs/api/interfaces/EmbedOptions.md target=_blank rel="noopener noreferrer" class=theme-edit-this-page><svg fill=currentColor height=20 width=20 viewBox="0 0 40 40" class=iconEdit_Z9Sw aria-hidden=true><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"/></g></svg>Edit this page</a></div><div class="col lastUpdated_JAkA"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href=#properties class="table-of-contents__link toc-highlight">Properties</a><ul><li><a href=#appurl class="table-of-contents__link toc-highlight">appUrl?</a><li><a href=#config class="table-of-contents__link toc-highlight">config?</a><li><a href=#headless class="table-of-contents__link toc-highlight">headless?</a><li><a href=#import class="table-of-contents__link toc-highlight">import?</a><li><a href=#lite class="table-of-contents__link toc-highlight"><del>lite?</del></a><li><a href=#loading class="table-of-contents__link toc-highlight">loading?</a><li><a href=#params class="table-of-contents__link toc-highlight">params?</a><li><a href=#template-1 class="table-of-contents__link toc-highlight">template?</a><li><a href=#view-1 class="table-of-contents__link toc-highlight"><del>view?</del></a></ul></ul><div class="custom-content custom-content-toc content_kfNa">
<div class=sponsors>
<div class=sponsors-title>Sponsors</div>
<ul>
<li><a href=https://livecodes.io/docs/sponsor title="Become a sponsor">Your Logo</a></li>
</ul>
</div>
</div></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class=footer__title>Docs</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/docs/overview>Overview</a><li class=footer__item><a class=footer__link-item href=/docs/why>Why Another Playground?</a><li class=footer__item><a class=footer__link-item href=/docs/getting-started>Getting Started</a><li class=footer__item><a class=footer__link-item href=/docs/features>Features</a><li class=footer__item><a class=footer__link-item href=/docs/languages>Languages</a><li class=footer__item><a class=footer__link-item href=/docs/sdk>SDK</a></ul></div><div class="col footer__col"><div class=footer__title>LiveCodes</div><ul class="footer__items clean-list"><li class=footer__item><a href=/docs/../ target=_blank rel="noopener noreferrer" class=footer__link-item>App<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=/docs/../?new target=_blank rel="noopener noreferrer" class=footer__link-item>Starter Templates<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href="/docs/../?screen=import" target=_blank rel="noopener noreferrer" class=footer__link-item>Import...<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a class=footer__link-item href=/docs/features/ai>AI Code Assistant 🪄</a><li class=footer__item><a class=footer__link-item href=/docs/bookmarklet>Bookmarklet</a><li class=footer__item><span style="display: flex; gap: 0.5em; align-items: baseline;"><a href=/docs/llms.txt target=_blank class=footer__link-item>llms.txt</a>-<a href=/docs/llms-full.txt target=_blank class=footer__link-item>llms-full.txt</a></span></ul></div><div class="col footer__col"><div class=footer__title>Info</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/docs/credits>Credits</a><li class=footer__item><a class=footer__link-item href=/docs/license>License</a><li class=footer__item><a class=footer__link-item href=/docs/sponsor>Sponsor 💚</a><li class=footer__item><a class=footer__link-item href=/docs/contact>Contact</a><li class=footer__item><a class=footer__link-item href=/docs/about>About us</a></ul></div><div class="col footer__col"><div class=footer__title>More</div><ul class="footer__items clean-list"><li class=footer__item><a href=https://blog.livecodes.io target=_self rel="noopener noreferrer" class=footer__link-item>Blog<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://github.com/live-codes/livecodes target=_blank rel="noopener noreferrer" class=footer__link-item>GitHub<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://twitter.com/livecodes_io target=_blank rel="noopener noreferrer" class=footer__link-item>𝕏 / Twitter<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://dev.to/livecodes_io target=_blank rel="noopener noreferrer" class=footer__link-item>Dev<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://www.npmjs.com/package/livecodes target=_blank rel="noopener noreferrer" class=footer__link-item>npm<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://status.livecodes.io target=_blank rel="noopener noreferrer" class="footer__link-item status-link"><span>Status</span><svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24"><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a></ul></div></div><div class="footer__bottom text--center"><div class=footer__copyright><br> Released under the MIT License <br>
Copyright © 2025
<a href=https://github.com/hatemhosny target=_blank rel="noopener noreferrer">Hatem Hosny</a></div></div></div></footer></div>