"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([["4467"],{9989:function(e){e.exports=JSON.parse('{"version":{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"docsSidebar":[{"type":"category","label":"Docs","collapsible":false,"items":[{"type":"link","label":"Why Another Playground?","href":"/docs/why","docId":"why","unlisted":false},{"type":"link","label":"Getting Started","href":"/docs/getting-started","docId":"getting-started","unlisted":false},{"type":"category","label":"Features","items":[{"type":"link","label":"Projects","href":"/docs/features/projects","docId":"features/projects","unlisted":false},{"type":"link","label":"Templates","href":"/docs/features/templates","docId":"features/templates","unlisted":false},{"type":"link","label":"CSS","href":"/docs/features/css","docId":"features/css","unlisted":false},{"type":"link","label":"Result Page","href":"/docs/features/result","docId":"features/result","unlisted":false},{"type":"link","label":"External Resources","href":"/docs/features/external-resources","docId":"features/external-resources","unlisted":false},{"type":"link","label":"Tools Pane","href":"/docs/features/tools-pane","docId":"features/tools-pane","unlisted":false},{"type":"link","label":"Console","href":"/docs/features/console","docId":"features/console","unlisted":false},{"type":"link","label":"Compiled Code","href":"/docs/features/compiled-code","docId":"features/compiled-code","unlisted":false},{"type":"link","label":"Tests","href":"/docs/features/tests","docId":"features/tests","unlisted":false},{"type":"link","label":"Module Resolution","href":"/docs/features/module-resolution","docId":"features/module-resolution","unlisted":false},{"type":"link","label":"IntelliSense","href":"/docs/features/intellisense","docId":"features/intellisense","unlisted":false},{"type":"link","label":"AI Code Assistant \uD83E\uDE84","href":"/docs/features/ai","docId":"features/ai","unlisted":false},{"type":"link","label":"Code Format","href":"/docs/features/code-format","docId":"features/code-format","unlisted":false},{"type":"link","label":"Command Menu","href":"/docs/features/command-menu","docId":"features/command-menu","unlisted":false},{"type":"link","label":"Keyboard Shortcuts","href":"/docs/features/keyboard-shortcuts","docId":"features/keyboard-shortcuts","unlisted":false},{"type":"link","label":"User Settings","href":"/docs/features/user-settings","docId":"features/user-settings","unlisted":false},{"type":"link","label":"Editor Settings","href":"/docs/features/editor-settings","docId":"features/editor-settings","unlisted":false},{"type":"link","label":"Internationalization (i18n)","href":"/docs/features/i18n","docId":"features/i18n","unlisted":false},{"type":"link","label":"Default Template/Language","href":"/docs/features/default-template-language","docId":"features/default-template-language","unlisted":false},{"type":"link","label":"Assets","href":"/docs/features/assets","docId":"features/assets","unlisted":false},{"type":"link","label":"Code Snippets","href":"/docs/features/snippets","docId":"features/snippets","unlisted":false},{"type":"link","label":"Import","href":"/docs/features/import","docId":"features/import","unlisted":false},{"type":"link","label":"Export","href":"/docs/features/export","docId":"features/export","unlisted":false},{"type":"link","label":"Share","href":"/docs/features/share","docId":"features/share","unlisted":false},{"type":"link","label":"Welcome Screen","href":"/docs/features/welcome","docId":"features/welcome","unlisted":false},{"type":"link","label":"Recover Unsaved","href":"/docs/features/recover","docId":"features/recover","unlisted":false},{"type":"link","label":"Code to Image","href":"/docs/features/code-to-image","docId":"features/code-to-image","unlisted":false},{"type":"link","label":"Display Modes","href":"/docs/features/display-modes","docId":"features/display-modes","unlisted":false},{"type":"link","label":"Default View","href":"/docs/features/default-view","docId":"features/default-view","unlisted":false},{"type":"link","label":"Themes","href":"/docs/features/themes","docId":"features/themes","unlisted":false},{"type":"link","label":"Mobile Support","href":"/docs/features/mobile","docId":"features/mobile","unlisted":false},{"type":"link","label":"Embedded Playgrounds","href":"/docs/features/embeds","docId":"features/embeds","unlisted":false},{"type":"link","label":"Lite Mode","href":"/docs/features/lite","docId":"features/lite","unlisted":false},{"type":"link","label":"Read-Only","href":"/docs/features/read-only","docId":"features/read-only","unlisted":false},{"type":"link","label":"Permanent URL","href":"/docs/features/permanent-url","docId":"features/permanent-url","unlisted":false},{"type":"link","label":"Code Prefill","href":"/docs/features/code-prefill","docId":"features/code-prefill","unlisted":false},{"type":"link","label":"Data URLs","href":"/docs/features/data-urls","docId":"features/data-urls","unlisted":false},{"type":"link","label":"Deploy","href":"/docs/features/deploy","docId":"features/deploy","unlisted":false},{"type":"link","label":"Sync","href":"/docs/features/sync","docId":"features/sync","unlisted":false},{"type":"link","label":"Broadcast","href":"/docs/features/broadcast","docId":"features/broadcast","unlisted":false},{"type":"link","label":"Backup / Restore","href":"/docs/features/backup-restore","docId":"features/backup-restore","unlisted":false},{"type":"link","label":"GitHub Integration","href":"/docs/features/github-integration","docId":"features/github-integration","unlisted":false},{"type":"link","label":"Integrations","href":"/docs/features/integrations","docId":"features/integrations","unlisted":false},{"type":"link","label":"User Management","href":"/docs/features/user-management","docId":"features/user-management","unlisted":false},{"type":"link","label":"Security","href":"/docs/features/security","docId":"features/security","unlisted":false},{"type":"link","label":"Self-Hosting","href":"/docs/features/self-hosting","docId":"features/self-hosting","unlisted":false}],"collapsed":true,"collapsible":true,"href":"/docs/features/"},{"type":"category","label":"Configuration","items":[{"type":"link","label":"Configuration Object","href":"/docs/configuration/configuration-object","docId":"configuration/configuration-object","unlisted":false},{"type":"link","label":"Query Parameters","href":"/docs/configuration/query-params","docId":"configuration/query-params","unlisted":false}],"collapsed":true,"collapsible":true,"href":"/docs/configuration/"},{"type":"category","label":"SDK","items":[{"type":"link","label":"JS/TS SDK","href":"/docs/sdk/js-ts","docId":"sdk/js-ts","unlisted":false},{"type":"link","label":"React SDK","href":"/docs/sdk/react","docId":"sdk/react","unlisted":false},{"type":"link","label":"Vue SDK","href":"/docs/sdk/vue","docId":"sdk/vue","unlisted":false},{"type":"link","label":"Svelte","href":"/docs/sdk/svelte","docId":"sdk/svelte","unlisted":false},{"type":"link","label":"Headless Mode","href":"/docs/sdk/headless","docId":"sdk/headless","unlisted":false}],"collapsed":true,"collapsible":true,"href":"/docs/sdk/"},{"type":"category","label":"Advanced","items":[{"type":"link","label":"Custom Settings","href":"/docs/advanced/custom-settings","docId":"advanced/custom-settings","unlisted":false},{"type":"link","label":"Services","href":"/docs/advanced/services","docId":"advanced/services","unlisted":false}],"collapsed":true,"collapsible":true,"href":"/docs/advanced/"},{"type":"category","label":"Languages","items":[{"type":"link","label":"art-template","href":"/docs/languages/art-template","docId":"languages/art-template","unlisted":false},{"type":"link","label":"AsciiDoc","href":"/docs/languages/asciidoc","docId":"languages/asciidoc","unlisted":false},{"type":"link","label":"AssemblyScript","href":"/docs/languages/assemblyscript","docId":"languages/assemblyscript","unlisted":false},{"type":"link","label":"Astro","href":"/docs/languages/astro","docId":"languages/astro","unlisted":false},{"type":"link","label":"Autoprefixer","href":"/docs/languages/autoprefixer","docId":"languages/autoprefixer","unlisted":false},{"type":"link","label":"Babel","href":"/docs/languages/babel","docId":"languages/babel","unlisted":false},{"type":"link","label":"BBCode","href":"/docs/languages/bbcode","docId":"languages/bbcode","unlisted":false},{"type":"link","label":"Blockly","href":"/docs/languages/blockly","docId":"languages/blockly","unlisted":false},{"type":"link","label":"Civet","href":"/docs/languages/civet","docId":"languages/civet","unlisted":false},{"type":"link","label":"Clio","href":"/docs/languages/clio","docId":"languages/clio","unlisted":false},{"type":"link","label":"ClojureScript","href":"/docs/languages/clojurescript","docId":"languages/clojurescript","unlisted":false},{"type":"link","label":"CoffeeScript","href":"/docs/languages/coffeescript","docId":"languages/coffeescript","unlisted":false},{"type":"link","label":"Common Lisp","href":"/docs/languages/commonlisp","docId":"languages/commonlisp","unlisted":false},{"type":"link","label":"C/C++ (Wasm)","href":"/docs/languages/cpp-wasm","docId":"languages/cpp-wasm","unlisted":false},{"type":"link","label":"C++","href":"/docs/languages/cpp","docId":"languages/cpp","unlisted":false},{"type":"link","label":"C# (Wasm)","href":"/docs/languages/csharp-wasm","docId":"languages/csharp-wasm","unlisted":false},{"type":"link","label":"CSS","href":"/docs/languages/css","docId":"languages/css","unlisted":false},{"type":"link","label":"CSS Modules","href":"/docs/languages/cssmodules","docId":"languages/cssmodules","unlisted":false},{"type":"link","label":"cssnano","href":"/docs/languages/cssnano","docId":"languages/cssnano","unlisted":false},{"type":"link","label":"Diagrams","href":"/docs/languages/diagrams","docId":"languages/diagrams","unlisted":false},{"type":"link","label":"doT","href":"/docs/languages/dot","docId":"languages/dot","unlisted":false},{"type":"link","label":"EJS","href":"/docs/languages/ejs","docId":"languages/ejs","unlisted":false},{"type":"link","label":"Eta","href":"/docs/languages/eta","docId":"languages/eta","unlisted":false},{"type":"link","label":"Fennel","href":"/docs/languages/fennel","docId":"languages/fennel","unlisted":false},{"type":"link","label":"Flow","href":"/docs/languages/flow","docId":"languages/flow","unlisted":false},{"type":"link","label":"Gleam","href":"/docs/languages/gleam","docId":"languages/gleam","unlisted":false},{"type":"link","label":"Go (Golang)","href":"/docs/languages/go","docId":"languages/go","unlisted":false},{"type":"link","label":"Haml","href":"/docs/languages/haml","docId":"languages/haml","unlisted":false},{"type":"link","label":"Handlebars","href":"/docs/languages/handlebars","docId":"languages/handlebars","unlisted":false},{"type":"link","label":"HTML","href":"/docs/languages/html","docId":"languages/html","unlisted":false},{"type":"link","label":"Imba","href":"/docs/languages/imba","docId":"languages/imba","unlisted":false},{"type":"link","label":"Java","href":"/docs/languages/java","docId":"languages/java","unlisted":false},{"type":"link","label":"JavaScript","href":"/docs/languages/javascript","docId":"languages/javascript","unlisted":false},{"type":"link","label":"Jinja","href":"/docs/languages/jinja","docId":"languages/jinja","unlisted":false},{"type":"link","label":"JSX","href":"/docs/languages/jsx","docId":"languages/jsx","unlisted":false},{"type":"link","label":"Julia","href":"/docs/languages/julia","docId":"languages/julia","unlisted":false},{"type":"link","label":"Less","href":"/docs/languages/less","docId":"languages/less","unlisted":false},{"type":"link","label":"Lightning CSS","href":"/docs/languages/lightningcss","docId":"languages/lightningcss","unlisted":false},{"type":"link","label":"Liquid","href":"/docs/languages/liquid","docId":"languages/liquid","unlisted":false},{"type":"link","label":"LiveScript","href":"/docs/languages/livescript","docId":"languages/livescript","unlisted":false},{"type":"link","label":"Lua (Wasm)","href":"/docs/languages/lua-wasm","docId":"languages/lua-wasm","unlisted":false},{"type":"link","label":"Lua","href":"/docs/languages/lua","docId":"languages/lua","unlisted":false},{"type":"link","label":"Malina.js","href":"/docs/languages/malina","docId":"languages/malina","unlisted":false},{"type":"link","label":"Markdown","href":"/docs/languages/markdown","docId":"languages/markdown","unlisted":false},{"type":"link","label":"MDX","href":"/docs/languages/mdx","docId":"languages/mdx","unlisted":false},{"type":"link","label":"MJML","href":"/docs/languages/mjml","docId":"languages/mjml","unlisted":false},{"type":"link","label":"Mustache","href":"/docs/languages/mustache","docId":"languages/mustache","unlisted":false},{"type":"link","label":"Nunjucks","href":"/docs/languages/nunjucks","docId":"languages/nunjucks","unlisted":false},{"type":"link","label":"OCaml","href":"/docs/languages/ocaml","docId":"languages/ocaml","unlisted":false},{"type":"link","label":"Perl","href":"/docs/languages/perl","docId":"languages/perl","unlisted":false},{"type":"link","label":"PHP (Wasm)","href":"/docs/languages/php-wasm","docId":"languages/php-wasm","unlisted":false},{"type":"link","label":"PHP","href":"/docs/languages/php","docId":"languages/php","unlisted":false},{"type":"link","label":"PostCSS","href":"/docs/languages/postcss","docId":"languages/postcss","unlisted":false},{"type":"link","label":"Import Url","href":"/docs/languages/postcssImportUrl","docId":"languages/postcssImportUrl","unlisted":false},{"type":"link","label":"Preset Env","href":"/docs/languages/postcssPresetEnv","docId":"languages/postcssPresetEnv","unlisted":false},{"type":"link","label":"PostgreSQL","href":"/docs/languages/postgresql","docId":"languages/postgresql","unlisted":false},{"type":"link","label":"Prolog","href":"/docs/languages/prolog","docId":"languages/prolog","unlisted":false},{"type":"link","label":"Pug","href":"/docs/languages/pug","docId":"languages/pug","unlisted":false},{"type":"link","label":"PurgeCSS","href":"/docs/languages/purgecss","docId":"languages/purgecss","unlisted":false},{"type":"link","label":"Python (Wasm)","href":"/docs/languages/python-wasm","docId":"languages/python-wasm","unlisted":false},{"type":"link","label":"Python","href":"/docs/languages/python","docId":"languages/python","unlisted":false},{"type":"link","label":"R","href":"/docs/languages/r","docId":"languages/r","unlisted":false},{"type":"link","label":"React Native (TSX)","href":"/docs/languages/react-native-tsx","docId":"languages/react-native-tsx","unlisted":false},{"type":"link","label":"React Native","href":"/docs/languages/react-native","docId":"languages/react-native","unlisted":false},{"type":"link","label":"React (TSX)","href":"/docs/languages/react-tsx","docId":"languages/react-tsx","unlisted":false},{"type":"link","label":"React","href":"/docs/languages/react","docId":"languages/react","unlisted":false},{"type":"link","label":"Reason","href":"/docs/languages/reason","docId":"languages/reason","unlisted":false},{"type":"link","label":"ReScript","href":"/docs/languages/rescript","docId":"languages/rescript","unlisted":false},{"type":"link","label":"Rich Text Editor","href":"/docs/languages/richtext","docId":"languages/richtext","unlisted":false},{"type":"link","label":"Riot.js","href":"/docs/languages/riot","docId":"languages/riot","unlisted":false},{"type":"link","label":"Ruby (Wasm)","href":"/docs/languages/ruby-wasm","docId":"languages/ruby-wasm","unlisted":false},{"type":"link","label":"Ruby","href":"/docs/languages/ruby","docId":"languages/ruby","unlisted":false},{"type":"link","label":"Sass","href":"/docs/languages/sass","docId":"languages/sass","unlisted":false},{"type":"link","label":"Scheme","href":"/docs/languages/scheme","docId":"languages/scheme","unlisted":false},{"type":"link","label":"SCSS","href":"/docs/languages/scss","docId":"languages/scss","unlisted":false},{"type":"link","label":"Solid","href":"/docs/languages/solid","docId":"languages/solid","unlisted":false},{"type":"link","label":"Solid (TS)","href":"/docs/languages/solid.tsx","docId":"languages/solid.tsx","unlisted":false},{"type":"link","label":"SQL (SQLite)","href":"/docs/languages/sql","docId":"languages/sql","unlisted":false},{"type":"link","label":"Stencil","href":"/docs/languages/stencil","docId":"languages/stencil","unlisted":false},{"type":"link","label":"Stylis","href":"/docs/languages/stylis","docId":"languages/stylis","unlisted":false},{"type":"link","label":"Stylus","href":"/docs/languages/stylus","docId":"languages/stylus","unlisted":false},{"type":"link","label":"Sucrase","href":"/docs/languages/sucrase","docId":"languages/sucrase","unlisted":false},{"type":"link","label":"Svelte","href":"/docs/languages/svelte","docId":"languages/svelte","unlisted":false},{"type":"link","label":"Tailwind CSS","href":"/docs/languages/tailwindcss","docId":"languages/tailwindcss","unlisted":false},{"type":"link","label":"Tcl","href":"/docs/languages/tcl","docId":"languages/tcl","unlisted":false},{"type":"link","label":"Teal","href":"/docs/languages/teal","docId":"languages/teal","unlisted":false},{"type":"link","label":"Token CSS","href":"/docs/languages/tokencss","docId":"languages/tokencss","unlisted":false},{"type":"link","label":"TSX","href":"/docs/languages/tsx","docId":"languages/tsx","unlisted":false},{"type":"link","label":"Twig","href":"/docs/languages/twig","docId":"languages/twig","unlisted":false},{"type":"link","label":"TypeScript","href":"/docs/languages/typescript","docId":"languages/typescript","unlisted":false},{"type":"link","label":"UnoCSS","href":"/docs/languages/unocss","docId":"languages/unocss","unlisted":false},{"type":"link","label":"Vento","href":"/docs/languages/vento","docId":"languages/vento","unlisted":false},{"type":"link","label":"Vue SFC","href":"/docs/languages/vue","docId":"languages/vue","unlisted":false},{"type":"link","label":"Vue 2 SFC","href":"/docs/languages/vue2","docId":"languages/vue2","unlisted":false},{"type":"link","label":"WebAssembly Text","href":"/docs/languages/wat","docId":"languages/wat","unlisted":false},{"type":"link","label":"Windi CSS","href":"/docs/languages/windicss","docId":"languages/windicss","unlisted":false}],"collapsed":true,"collapsible":true,"href":"/docs/languages/"},{"type":"link","label":"Bookmarklet","href":"/docs/bookmarklet","docId":"bookmarklet","unlisted":false},{"type":"link","label":"GitHub Action \u26A1","href":"/docs/gh-action","docId":"gh-action","unlisted":false},{"type":"link","label":"Markdown to LiveCodes","href":"/docs/markdown-to-livecodes","docId":"markdown-to-livecodes","unlisted":false},{"type":"link","label":"Contribution","href":"/docs/contribution","docId":"contribution","unlisted":false},{"type":"link","label":"Credits","href":"/docs/credits","docId":"credits","unlisted":false},{"type":"link","label":"License","href":"/docs/license","docId":"license","unlisted":false},{"type":"link","label":"Sponsor","href":"/docs/sponsor","docId":"sponsor","unlisted":false},{"type":"link","label":"Contact","href":"/docs/contact","docId":"contact","unlisted":false},{"type":"link","label":"About us","href":"/docs/about","docId":"about","unlisted":false}],"collapsed":false,"href":"/docs/overview"}],"examplesSidebar":[{"type":"category","label":"Display Modes","items":[{"type":"link","label":"full","href":"/docs/examples/display-modes/full","docId":"examples/display-modes/full","unlisted":false},{"type":"link","label":"editor","href":"/docs/examples/display-modes/editor","docId":"examples/display-modes/editor","unlisted":false},{"type":"link","label":"codeblock","href":"/docs/examples/display-modes/codeblock","docId":"examples/display-modes/codeblock","unlisted":false},{"type":"link","label":"result","href":"/docs/examples/display-modes/result","docId":"examples/display-modes/result","unlisted":false}],"collapsed":true,"collapsible":true,"href":"/docs/examples/display-modes/"}]},"docs":{"about":{"id":"about","title":"About us","description":"LiveCodes is built and maintained by Hatem Hosny, and wonderful contributors.","sidebar":"docsSidebar"},"advanced/custom-settings":{"id":"advanced/custom-settings","title":"Custom Settings","description":"","sidebar":"docsSidebar"},"advanced/index":{"id":"advanced/index","title":"Advanced Topics","description":"advanced-topics-custom-content-top}","sidebar":"docsSidebar"},"advanced/services":{"id":"advanced/services","title":"Services","description":"LiveCodes (being a client-side app) uses multiple services (for example for authentication, sharing, module resolution, etc).","sidebar":"docsSidebar"},"api/functions/createPlayground":{"id":"api/functions/createPlayground","title":"Function: createPlayground()","description":"createPlayground(container, options)"},"api/functions/getPlaygroundUrl":{"id":"api/functions/getPlaygroundUrl","title":"Function: getPlaygroundUrl()","description":"getPlaygroundUrl(options): string"},"api/globals":{"id":"api/globals","title":"livecodes","description":"Modules"},"api/index":{"id":"api/index","title":"LiveCodes","description":"A Code Playground That Just Works!"},"api/interfaces/Code":{"id":"api/interfaces/Code","title":"Interface: Code","description":"An object that contains the language, content and compiled code for each of the 3 code editors"},"api/interfaces/Config":{"id":"api/interfaces/Config","title":"Interface: Config","description":"The playground configuration object."},"api/interfaces/EmbedOptions":{"id":"api/interfaces/EmbedOptions","title":"Interface: EmbedOptions","description":"An object that represents the playground embed options."},"api/interfaces/Playground":{"id":"api/interfaces/Playground","title":"Interface: Playground","description":"An object that represents the LiveCodes playground instance."},"api/internal/index":{"id":"api/internal/index","title":"\\\\_internal","description":"Index"},"api/internal/interfaces/API":{"id":"api/internal/interfaces/API","title":"Interface: API","description":"Extended by"},"api/internal/interfaces/AppConfig":{"id":"api/internal/interfaces/AppConfig","title":"Interface: AppConfig","description":"These are properties that define how the app behaves."},"api/internal/interfaces/ContentConfig":{"id":"api/internal/interfaces/ContentConfig","title":"Interface: ContentConfig","description":"The properties that define the content of the current project."},"api/internal/interfaces/EditorConfig":{"id":"api/internal/interfaces/EditorConfig","title":"Interface: EditorConfig","description":"Extended by"},"api/internal/interfaces/EditorPosition":{"id":"api/internal/interfaces/EditorPosition","title":"Interface: EditorPosition","description":"Properties"},"api/internal/interfaces/FormatterConfig":{"id":"api/internal/interfaces/FormatterConfig","title":"Interface: FormatterConfig","description":"Extended by"},"api/internal/interfaces/TestResult":{"id":"api/internal/interfaces/TestResult","title":"Interface: TestResult","description":"Properties"},"api/internal/interfaces/Types":{"id":"api/internal/interfaces/Types","title":"Interface: Types","description":"Indexable"},"api/internal/interfaces/UserConfig":{"id":"api/internal/interfaces/UserConfig","title":"Interface: UserConfig","description":"Extends"},"api/internal/type-aliases/APICommands":{"id":"api/internal/type-aliases/APICommands","title":"Type Alias: APICommands","description":"APICommands: \\"setBroadcastToken\\" \\\\| \\"showVersion\\""},"api/internal/type-aliases/AppLanguage":{"id":"api/internal/type-aliases/AppLanguage","title":"Type Alias: AppLanguage","description":"AppLanguage: \\"auto\\" \\\\| \\"ar\\" \\\\| \\"de\\" \\\\| \\"en\\" \\\\| \\"es\\" \\\\| \\"fr\\" \\\\| \\"hi\\" \\\\| \\"it\\" \\\\| \\"ja\\" \\\\| \\"pt\\" \\\\| \\"ru\\" \\\\| \\"ur\\" \\\\| \\"zh-CN\\""},"api/internal/type-aliases/CDN":{"id":"api/internal/type-aliases/CDN","title":"Type Alias: CDN","description":"CDN: \\"jspm\\" \\\\| \\"skypack\\" \\\\| \\"jsdelivr\\" \\\\| \\"fastly.jsdelivr\\" \\\\| \\"gcore.jsdelivr\\" \\\\| \\"testingcf.jsdelivr\\" \\\\| \\"jsdelivr.b-cdn\\" \\\\| \\"jsdelivr.gh\\" \\\\| \\"fastly.jsdelivr.gh\\" \\\\| \\"gcore.jsdelivr.gh\\" \\\\| \\"testingcf.jsdelivr.gh\\" \\\\| \\"jsdelivr.b-cdn.gh\\" \\\\| \\"jsdelivr.esm\\" \\\\| \\"fastly.jsdelivr.esm\\" \\\\| \\"gcore.jsdelivr.esm\\" \\\\| \\"testingcf.jsdelivr.esm\\" \\\\| \\"jsdelivr.b-cdn.esm\\" \\\\| \\"esm.run\\" \\\\| \\"esm.sh\\" \\\\| \\"esbuild\\" \\\\| \\"bundle.run\\" \\\\| \\"unpkg\\" \\\\| \\"npmcdn\\" \\\\| \\"statically\\""},"api/internal/type-aliases/CodejarTheme":{"id":"api/internal/type-aliases/CodejarTheme","title":"Type Alias: CodejarTheme","description":"CodejarTheme: \\"a11y-dark\\" \\\\| \\"atom-dark\\" \\\\| \\"base16-ateliersulphurpool-light\\" \\\\| \\"catppuccin-latte\\" \\\\| \\"catppuccin-frappe\\" \\\\| \\"catppuccin-macchiato\\" \\\\| \\"catppuccin-mocha\\" \\\\| \\"cb\\" \\\\| \\"coldark-cold\\" \\\\| \\"coldark-dark\\" \\\\| \\"coy\\" \\\\| \\"coy-without-shadows\\" \\\\| \\"darcula\\" \\\\| \\"dark\\" \\\\| \\"dracula\\" \\\\| \\"duotone-dark\\" \\\\| \\"duotone-earth\\" \\\\| \\"duotone-forest\\" \\\\| \\"duotone-light\\" \\\\| \\"duotone-sea\\" \\\\| \\"duotone-space\\" \\\\| \\"funky\\" \\\\| \\"ghcolors\\" \\\\| \\"gruvbox-dark\\" \\\\| \\"gruvbox-light\\" \\\\| \\"holi-theme\\" \\\\| \\"hopscotch\\" \\\\| \\"laserwave\\" \\\\| \\"lucario\\" \\\\| \\"material-dark\\" \\\\| \\"material-light\\" \\\\| \\"material-oceanic\\" \\\\| \\"monochrome\\" \\\\| \\"monochrome-dark\\" \\\\| \\"night-owl\\" \\\\| \\"nord\\" \\\\| \\"nord-2\\" \\\\| \\"okaidia\\" \\\\| \\"one-dark\\" \\\\| \\"one-light\\" \\\\| \\"pojoaque\\" \\\\| \\"shades-of-purple\\" \\\\| \\"solarized-dark-atom\\" \\\\| \\"solarized-light\\" \\\\| \\"synthwave84\\" \\\\| \\"tomorrow\\" \\\\| \\"twilight\\" \\\\| \\"vs\\" \\\\| \\"vsc-dark-plus\\" \\\\| \\"xonokai\\" \\\\| \\"z-touchs\\""},"api/internal/type-aliases/CodemirrorTheme":{"id":"api/internal/type-aliases/CodemirrorTheme","title":"Type Alias: CodemirrorTheme","description":"CodemirrorTheme: \\"amy\\" \\\\| \\"aura\\" \\\\| \\"ayu-light\\" \\\\| \\"barf\\" \\\\| \\"basic-light\\" \\\\| \\"basic-dark\\" \\\\| \\"bespin\\" \\\\| \\"birds-of-paradise\\" \\\\| \\"boys-and-girls\\" \\\\| \\"catppuccin-latte\\" \\\\| \\"catppuccin-frappe\\" \\\\| \\"catppuccin-macchiato\\" \\\\| \\"catppuccin-mocha\\" \\\\| \\"clouds\\" \\\\| \\"cm-light\\" \\\\| \\"cobalt\\" \\\\| \\"cool-glow\\" \\\\| \\"dracula\\" \\\\| \\"espresso\\" \\\\| \\"github-dark\\" \\\\| \\"github-light\\" \\\\| \\"gruvbox-dark\\" \\\\| \\"gruvbox-light\\" \\\\| \\"material-dark\\" \\\\| \\"material-light\\" \\\\| \\"monochrome\\" \\\\| \\"monochrome-dark\\" \\\\| \\"noctis-lilac\\" \\\\| \\"nord\\" \\\\| \\"one-dark\\" \\\\| \\"rose-pine-dawn\\" \\\\| \\"smoothy\\" \\\\| \\"solarized-light\\" \\\\| \\"solarized-dark\\" \\\\| \\"tokyo-night\\" \\\\| \\"tokyo-night-day\\" \\\\| \\"tokyo-night-storm\\" \\\\| \\"tomorrow\\""},"api/internal/type-aliases/CssPresetId":{"id":"api/internal/type-aliases/CssPresetId","title":"Type Alias: CssPresetId","description":"CssPresetId: \\"\\" \\\\| \\"normalize.css\\" \\\\| \\"reset-css\\""},"api/internal/type-aliases/EditorId":{"id":"api/internal/type-aliases/EditorId","title":"Type Alias: EditorId","description":"EditorId: \\"markup\\" \\\\| \\"style\\" \\\\| \\"script\\""},"api/internal/type-aliases/EditorTheme":{"id":"api/internal/type-aliases/EditorTheme","title":"Type Alias: EditorTheme","description":"EditorTheme$\\\\{MonacoTheme\\\\}\\\\ \\\\| \\\\codemirror$\\\\{CodejarTheme\\\\}\\\\ \\\\| \\\\monaco$\\\\{CodemirrorTheme\\\\}@$\\\\{Theme\\\\}\\\\ \\\\| \\\\codejar:$\\\\{CodejarTheme\\\\}@$\\\\{Theme\\\\}\\\\"},"api/internal/type-aliases/MonacoTheme":{"id":"api/internal/type-aliases/MonacoTheme","title":"Type Alias: MonacoTheme","description":"MonacoTheme: \\"active4d\\" \\\\| \\"all-hallows-eve\\" \\\\| \\"amy\\" \\\\| \\"birds-of-paradise\\" \\\\| \\"blackboard\\" \\\\| \\"brilliance-black\\" \\\\| \\"brilliance-dull\\" \\\\| \\"catppuccin-latte\\" \\\\| \\"catppuccin-frappe\\" \\\\| \\"catppuccin-macchiato\\" \\\\| \\"catppuccin-mocha\\" \\\\| \\"chrome-devtools\\" \\\\| \\"clouds-midnight\\" \\\\| \\"clouds\\" \\\\| \\"cobalt\\" \\\\| \\"cobalt2\\" \\\\| \\"custom-vs-light\\" \\\\| \\"custom-vs-dark\\" \\\\| \\"dawn\\" \\\\| \\"dracula\\" \\\\| \\"dreamweaver\\" \\\\| \\"eiffel\\" \\\\| \\"espresso-libre\\" \\\\| \\"github\\" \\\\| \\"github-dark\\" \\\\| \\"github-light\\" \\\\| \\"hc-black\\" \\\\| \\"hc-light\\" \\\\| \\"idle\\" \\\\| \\"idlefingers\\" \\\\| \\"iplastic\\" \\\\| \\"katzenmilch\\" \\\\| \\"krtheme\\" \\\\| \\"kuroir\\" \\\\| \\"lazy\\" \\\\| \\"magicwb-amiga\\" \\\\| \\"merbivore-soft\\" \\\\| \\"merbivore\\" \\\\| \\"monochrome\\" \\\\| \\"monochrome-dark\\" \\\\| \\"monokai\\" \\\\| \\"monokai-bright\\" \\\\| \\"monoindustrial\\" \\\\| \\"night-owl\\" \\\\| \\"nord\\" \\\\| \\"oceanic-next\\" \\\\| \\"pastels-on-dark\\" \\\\| \\"slush-and-poppies\\" \\\\| \\"solarized-dark\\" \\\\| \\"solarized-light\\" \\\\| \\"spacecadet\\" \\\\| \\"sunburst\\" \\\\| \\"textmate-mac-classic\\" \\\\| \\"tomorrow\\" \\\\| \\"tomorrow-night\\" \\\\| \\"tomorrow-night-blue\\" \\\\| \\"tomorrow-night-bright\\" \\\\| \\"tomorrow-night-eighties\\" \\\\| \\"twilight\\" \\\\| \\"upstream-sunburst\\" \\\\| \\"vibrant-ink\\" \\\\| \\"vs\\" \\\\| \\"vs-dark\\" \\\\| \\"xcode-default\\" \\\\| \\"zenburnesque\\""},"api/internal/type-aliases/Processor":{"id":"api/internal/type-aliases/Processor","title":"Type Alias: Processor","description":"Processor: \\"postcss\\" \\\\| \\"postcssImportUrl\\" \\\\| \\"tailwindcss\\" \\\\| \\"windicss\\" \\\\| \\"unocss\\" \\\\| \\"tokencss\\" \\\\| \\"lightningcss\\" \\\\| \\"autoprefixer\\" \\\\| \\"postcssPresetEnv\\" \\\\| \\"cssmodules\\" \\\\| \\"purgecss\\" \\\\| \\"cssnano\\""},"api/internal/type-aliases/TemplateName":{"id":"api/internal/type-aliases/TemplateName","title":"Type Alias: TemplateName","description":"TemplateName: \\"blank\\" \\\\| \\"javascript\\" \\\\| \\"typescript\\" \\\\| \\"react\\" \\\\| \\"react-native\\" \\\\| \\"vue2\\" \\\\| \\"vue\\" \\\\| \\"angular\\" \\\\| \\"preact\\" \\\\| \\"svelte\\" \\\\| \\"solid\\" \\\\| \\"lit\\" \\\\| \\"stencil\\" \\\\| \\"mdx\\" \\\\| \\"astro\\" \\\\| \\"riot\\" \\\\| \\"malina\\" \\\\| \\"jquery\\" \\\\| \\"backbone\\" \\\\| \\"knockout\\" \\\\| \\"jest\\" \\\\| \\"jest-react\\" \\\\| \\"bootstrap\\" \\\\| \\"tailwindcss\\" \\\\| \\"shadcn-ui\\" \\\\| \\"daisyui\\" \\\\| \\"d3\\" \\\\| \\"phaser\\" \\\\| \\"coffeescript\\" \\\\| \\"livescript\\" \\\\| \\"civet\\" \\\\| \\"clio\\" \\\\| \\"imba\\" \\\\| \\"rescript\\" \\\\| \\"reason\\" \\\\| \\"ocaml\\" \\\\| \\"python\\" \\\\| \\"pyodide\\" \\\\| \\"python-wasm\\" \\\\| \\"r\\" \\\\| \\"ruby\\" \\\\| \\"ruby-wasm\\" \\\\| \\"go\\" \\\\| \\"php\\" \\\\| \\"php-wasm\\" \\\\| \\"cpp\\" \\\\| \\"clang\\" \\\\| \\"cpp-wasm\\" \\\\| \\"java\\" \\\\| \\"csharp-wasm\\" \\\\| \\"perl\\" \\\\| \\"lua\\" \\\\| \\"lua-wasm\\" \\\\| \\"teal\\" \\\\| \\"fennel\\" \\\\| \\"julia\\" \\\\| \\"scheme\\" \\\\| \\"commonlisp\\" \\\\| \\"clojurescript\\" \\\\| \\"gleam\\" \\\\| \\"tcl\\" \\\\| \\"markdown\\" \\\\| \\"assemblyscript\\" \\\\| \\"wat\\" \\\\| \\"sql\\" \\\\| \\"postgresql\\" \\\\| \\"prolog\\" \\\\| \\"blockly\\" \\\\| \\"diagrams\\""},"api/internal/type-aliases/Theme":{"id":"api/internal/type-aliases/Theme","title":"Type Alias: Theme","description":"Theme: \\"light\\" \\\\| \\"dark\\""},"api/internal/type-aliases/ToolsPaneStatus":{"id":"api/internal/type-aliases/ToolsPaneStatus","title":"Type Alias: ToolsPaneStatus","description":"ToolsPaneStatus: \\"closed\\" \\\\| \\"open\\" \\\\| \\"full\\" \\\\| \\"none\\" \\\\| \\"\\""},"api/internal/type-aliases/WatchCode":{"id":"api/internal/type-aliases/WatchCode","title":"Type Alias: WatchCode()","description":"WatchCode: (event, fn) => object"},"api/internal/type-aliases/WatchConsole":{"id":"api/internal/type-aliases/WatchConsole","title":"Type Alias: WatchConsole()","description":"WatchConsole: (event, fn) => object"},"api/internal/type-aliases/WatchDestroy":{"id":"api/internal/type-aliases/WatchDestroy","title":"Type Alias: WatchDestroy()","description":"WatchDestroy: (event, fn) => object"},"api/internal/type-aliases/WatchLoad":{"id":"api/internal/type-aliases/WatchLoad","title":"Type Alias: WatchLoad()","description":"WatchLoad: (event, fn) => object"},"api/internal/type-aliases/WatchReady":{"id":"api/internal/type-aliases/WatchReady","title":"Type Alias: WatchReady()","description":"WatchReady: (event, fn) => object"},"api/internal/type-aliases/WatchTests":{"id":"api/internal/type-aliases/WatchTests","title":"Type Alias: WatchTests()","description":"WatchTests: (event, fn) => object"},"api/type-aliases/Language":{"id":"api/type-aliases/Language","title":"Type Alias: Language","description":"Language: \\"html\\" \\\\| \\"htm\\" \\\\| \\"markdown\\" \\\\| \\"md\\" \\\\| \\"mdown\\" \\\\| \\"mkdn\\" \\\\| \\"mdx\\" \\\\| \\"astro\\" \\\\| \\"pug\\" \\\\| \\"jade\\" \\\\| \\"haml\\" \\\\| \\"asciidoc\\" \\\\| \\"adoc\\" \\\\| \\"asc\\" \\\\| \\"mustache\\" \\\\| \\"handlebars\\" \\\\| \\"hbs\\" \\\\| \\"ejs\\" \\\\| \\"eta\\" \\\\| \\"nunjucks\\" \\\\| \\"njk\\" \\\\| \\"liquid\\" \\\\| \\"liquidjs\\" \\\\| \\"dot\\" \\\\| \\"twig\\" \\\\| \\"vento\\" \\\\| \\"vto\\" \\\\| \\"art-template\\" \\\\| \\"art\\" \\\\| \\"jinja\\" \\\\| \\"bbcode\\" \\\\| \\"bb\\" \\\\| \\"mjml\\" \\\\| \\"diagrams\\" \\\\| \\"diagram\\" \\\\| \\"graph\\" \\\\| \\"plt\\" \\\\| \\"richtext\\" \\\\| \\"rte\\" \\\\| \\"rich\\" \\\\| \\"rte.html\\" \\\\| \\"css\\" \\\\| \\"scss\\" \\\\| \\"sass\\" \\\\| \\"less\\" \\\\| \\"stylus\\" \\\\| \\"styl\\" \\\\| \\"stylis\\" \\\\| \\"postcss\\" \\\\| \\"javascript\\" \\\\| \\"js\\" \\\\| \\"json\\" \\\\| \\"babel\\" \\\\| \\"es\\" \\\\| \\"sucrase\\" \\\\| \\"typescript\\" \\\\| \\"flow\\" \\\\| \\"ts\\" \\\\| \\"jsx\\" \\\\| \\"tsx\\" \\\\| \\"react\\" \\\\| \\"react-jsx\\" \\\\| \\"react.jsx\\" \\\\| \\"react-tsx\\" \\\\| \\"react.tsx\\" \\\\| \\"react-native\\" \\\\| \\"react-native.jsx\\" \\\\| \\"react-native-tsx\\" \\\\| \\"react-native.tsx\\" \\\\| \\"vue\\" \\\\| \\"vue3\\" \\\\| \\"vue2\\" \\\\| \\"vue-app\\" \\\\| \\"app.vue\\" \\\\| \\"svelte\\" \\\\| \\"svelte-app\\" \\\\| \\"app.svelte\\" \\\\| \\"stencil\\" \\\\| \\"stencil.tsx\\" \\\\| \\"solid\\" \\\\| \\"solid.jsx\\" \\\\| \\"solid.tsx\\" \\\\| \\"riot\\" \\\\| \\"riotjs\\" \\\\| \\"malina\\" \\\\| \\"malinajs\\" \\\\| \\"xht\\" \\\\| \\"coffeescript\\" \\\\| \\"coffee\\" \\\\| \\"livescript\\" \\\\| \\"ls\\" \\\\| \\"civet\\" \\\\| \\"clio\\" \\\\| \\"imba\\" \\\\| \\"assemblyscript\\" \\\\| \\"as\\" \\\\| \\"python\\" \\\\| \\"py\\" \\\\| \\"pyodide\\" \\\\| \\"python-wasm\\" \\\\| \\"py-wasm\\" \\\\| \\"pythonwasm\\" \\\\| \\"pywasm\\" \\\\| \\"py3\\" \\\\| \\"wasm.py\\" \\\\| \\"r\\" \\\\| \\"rlang\\" \\\\| \\"rstats\\" \\\\| \\"r-wasm\\" \\\\| \\"ruby\\" \\\\| \\"rb\\" \\\\| \\"ruby-wasm\\" \\\\| \\"wasm.rb\\" \\\\| \\"rubywasm\\" \\\\| \\"go\\" \\\\| \\"golang\\" \\\\| \\"php\\" \\\\| \\"php-wasm\\" \\\\| \\"phpwasm\\" \\\\| \\"wasm.php\\" \\\\| \\"cpp\\" \\\\| \\"c\\" \\\\| \\"C\\" \\\\| \\"cp\\" \\\\| \\"cxx\\" \\\\| \\"c++\\" \\\\| \\"cppm\\" \\\\| \\"ixx\\" \\\\| \\"ii\\" \\\\| \\"hpp\\" \\\\| \\"h\\" \\\\| \\"cpp-wasm\\" \\\\| \\"cppwasm\\" \\\\| \\"cwasm\\" \\\\| \\"wasm.cpp\\" \\\\| \\"clang\\" \\\\| \\"clang.cpp\\" \\\\| \\"java\\" \\\\| \\"csharp\\" \\\\| \\"csharp-wasm\\" \\\\| \\"cs\\" \\\\| \\"cs-wasm\\" \\\\| \\"wasm.cs\\" \\\\| \\"perl\\" \\\\| \\"pl\\" \\\\| \\"pm\\" \\\\| \\"lua\\" \\\\| \\"lua-wasm\\" \\\\| \\"luawasm\\" \\\\| \\"wasm.lua\\" \\\\| \\"teal\\" \\\\| \\"tl\\" \\\\| \\"fennel\\" \\\\| \\"fnl\\" \\\\| \\"julia\\" \\\\| \\"jl\\" \\\\| \\"scheme\\" \\\\| \\"scm\\" \\\\| \\"commonlisp\\" \\\\| \\"common-lisp\\" \\\\| \\"lisp\\" \\\\| \\"clojurescript\\" \\\\| \\"clojure\\" \\\\| \\"cljs\\" \\\\| \\"clj\\" \\\\| \\"cljc\\" \\\\| \\"edn\\" \\\\| \\"gleam\\" \\\\| \\"rescript\\" \\\\| \\"res\\" \\\\| \\"resi\\" \\\\| \\"reason\\" \\\\| \\"re\\" \\\\| \\"rei\\" \\\\| \\"ocaml\\" \\\\| \\"ml\\" \\\\| \\"mli\\" \\\\| \\"tcl\\" \\\\| \\"wat\\" \\\\| \\"wast\\" \\\\| \\"webassembly\\" \\\\| \\"wasm\\" \\\\| \\"Binary\\" \\\\| \\"sql\\" \\\\| \\"sqlite\\" \\\\| \\"sqlite3\\" \\\\| \\"pg.sql\\" \\\\| \\"pgsql.sql\\" \\\\| \\"pgsql\\" \\\\| \\"pg\\" \\\\| \\"pglite\\" \\\\| \\"pglite.sql\\" \\\\| \\"postgresql\\" \\\\| \\"postgres\\" \\\\| \\"postgre.sql\\" \\\\| \\"postgresql.sql\\" \\\\| \\"prolog.pl\\" \\\\| \\"prolog\\" \\\\| \\"blockly\\" \\\\| \\"blockly.xml\\" \\\\| \\"xml\\" \\\\| \\"pintora\\""},"bookmarklet":{"id":"bookmarklet","title":"Bookmarklet","description":"LiveCodes allows importing code from a wide variety of sources.","sidebar":"docsSidebar"},"configuration/configuration-object":{"id":"configuration/configuration-object","title":"Configuration Object","description":"LiveCodes is very flexible and provides a wide range of configuration options.","sidebar":"docsSidebar"},"configuration/index":{"id":"configuration/index","title":"Configuration","description":"LiveCodes is very flexible and provides a wide range of configuration options.","sidebar":"docsSidebar"},"configuration/query-params":{"id":"configuration/query-params","title":"Query Parameters","description":"A flexible and convenient way to configure the app is to use URL query parameters.","sidebar":"docsSidebar"},"contact":{"id":"contact","title":"Contact","description":"contact-custom-content-none}","sidebar":"docsSidebar"},"contribution":{"id":"contribution","title":"Contribution","description":"Contributions are always welcome, no matter how large or small. Before contributing,","sidebar":"docsSidebar"},"contribution/adding-languages":{"id":"contribution/adding-languages","title":"Adding Languages","description":"Criteria for a new language"},"contribution/i18n":{"id":"contribution/i18n","title":"i18n","description":"This document provides a guide on how to contribute to the translation of the app."},"contribution/release":{"id":"contribution/release","title":"Release","description":"To start a new release:"},"credits":{"id":"credits","title":"Credits","description":"Services","sidebar":"docsSidebar"},"examples/display-modes/codeblock":{"id":"examples/display-modes/codeblock","title":"codeblock","description":"","sidebar":"examplesSidebar"},"examples/display-modes/editor":{"id":"examples/display-modes/editor","title":"editor","description":"","sidebar":"examplesSidebar"},"examples/display-modes/full":{"id":"examples/display-modes/full","title":"full","description":"","sidebar":"examplesSidebar"},"examples/display-modes/index":{"id":"examples/display-modes/index","title":"Display Modes","description":"","sidebar":"examplesSidebar"},"examples/display-modes/result":{"id":"examples/display-modes/result","title":"result","description":"","sidebar":"examplesSidebar"},"features/ai":{"id":"features/ai","title":"AI Code Assistant \uD83E\uDE84","description":"LiveCodes supports AI-powered code completion, totally for free with no account or API token required, using Codeium, the ultrafast Copilot alternative. This can be easily enabled from the UI (as easy as flipping a switch!)","sidebar":"docsSidebar"},"features/assets":{"id":"features/assets","title":"Assets","description":"Adding local assets (e.g. images, fonts, stylesheets, scripts) that are not hosted online is such a common need that a UI was developed to allow easily adding them.","sidebar":"docsSidebar"},"features/backup-restore":{"id":"features/backup-restore","title":"Backup / Restore","description":"LiveCodes data can be backed-up, so that it can be later restored on the same or different device.","sidebar":"docsSidebar"},"features/broadcast":{"id":"features/broadcast","title":"Broadcast","description":"Overview","sidebar":"docsSidebar"},"features/code-format":{"id":"features/code-format","title":"Code Format","description":"Code formatting is supported for most languages.","sidebar":"docsSidebar"},"features/code-prefill":{"id":"features/code-prefill","title":"Code Prefill","description":"There are many ways to pre-fill code into playgrounds. This is generally achieved either by the SDK or using query params.","sidebar":"docsSidebar"},"features/code-to-image":{"id":"features/code-to-image","title":"Code to Image","description":"LiveCodes has a feature called \\"Code to Image\\" that allows converting the code in the code editor into nice-looking images (or code screenshots), that can be downloaded or shared.","sidebar":"docsSidebar"},"features/command-menu":{"id":"features/command-menu","title":"Command Menu","description":"The command menu allows running a large set of commands from the UI. It is keyboard-friendly and allows for searching and selecting commands. Most of the functionality of LiveCodes can be achieved using the command menu, which can really improve productivity and DX.","sidebar":"docsSidebar"},"features/compiled-code":{"id":"features/compiled-code","title":"Compiled Code","description":"The resulting compiled/transpiled code can be seen in the compiled code viewer (in the tools pane) in real-time, as you type. This works for all compiled code (e.g. Markdown, Pug, SCSS, Less, Stylus, Typescript, CoffeeScript, ...etc.).","sidebar":"docsSidebar"},"features/console":{"id":"features/console","title":"Console","description":"Console messages are shown in the integrated console (in the tools pane, below the result page), without having to open the native browser console.","sidebar":"docsSidebar"},"features/css":{"id":"features/css","title":"CSS","description":"The result page can be styled with CSS using various methods, including:","sidebar":"docsSidebar"},"features/data-urls":{"id":"features/data-urls","title":"Data URLs","description":"Data URLs, URLs prefixed with the data: scheme, allow content creators to embed small files inline in documents.","sidebar":"docsSidebar"},"features/default-template-language":{"id":"features/default-template-language","title":"Default Template/Language","description":"When the app is loaded, by default, the last used language is selected.","sidebar":"docsSidebar"},"features/default-view":{"id":"features/default-view","title":"Default View","description":"The playground can be loaded in one of the following views:","sidebar":"docsSidebar"},"features/deploy":{"id":"features/deploy","title":"Deploy","description":"The result page (of any number of projects) can be deployed and hosted at GitHub Pages (a free service from GitHub for hosting static websites). This requires login with a GitHub account.","sidebar":"docsSidebar"},"features/display-modes":{"id":"features/display-modes","title":"Display Modes","description":"The configuration option mode, also available as query param, can be used to select different display modes.","sidebar":"docsSidebar"},"features/editor-settings":{"id":"features/editor-settings","title":"Editor Settings","description":"LiveCodes allows a lot of flexibility for configuring which code editor to use and its settings.","sidebar":"docsSidebar"},"features/embeds":{"id":"features/embeds","title":"Embedded Playgrounds","description":"Overview","sidebar":"docsSidebar"},"features/emmet":{"id":"features/emmet","title":"Emmet Support","description":""},"features/export":{"id":"features/export","title":"Export","description":"Exporting A Single Project","sidebar":"docsSidebar"},"features/external-resources":{"id":"features/external-resources","title":"External Resources","description":"Stylesheets and Scripts","sidebar":"docsSidebar"},"features/github-integration":{"id":"features/github-integration","title":"GitHub Integration","description":"Generally, LiveCodes can be used anonymously without any accounts. This includes importing code from GitHub gists or public repos.","sidebar":"docsSidebar"},"features/i18n":{"id":"features/i18n","title":"Internationalization (i18n)","description":"LiveCodes currently supports UI internationalization. By default, the UI language will be automatically detected based on your browser settings.","sidebar":"docsSidebar"},"features/import":{"id":"features/import","title":"Import","description":"Overview","sidebar":"docsSidebar"},"features/index":{"id":"features/index","title":"Features","description":"Overview","sidebar":"docsSidebar"},"features/integrations":{"id":"features/integrations","title":"Integrations","description":"","sidebar":"docsSidebar"},"features/intellisense":{"id":"features/intellisense","title":"IntelliSense","description":"The code editor provides a rich experience with intellisense and autocompletion. Many of the features required for this are based on TypeScript types that are either inferred by the editor or supplied as data definition files.","sidebar":"docsSidebar"},"features/keyboard-shortcuts":{"id":"features/keyboard-shortcuts","title":"Keyboard Shortcuts","description":"Many commands can be executed from the keyboard using keyboard shortcuts. The full list can be found in the Keyboard Shortcuts screen, which can be accessed from the Help Menu or from the command menu by pressing Ctrl + K (or \u2318 + K on Mac) and searching for \\"Keyboard Shortcuts\\".","sidebar":"docsSidebar"},"features/lite":{"id":"features/lite","title":"Lite Mode","description":"In case you need to embed a playground in your web page to show case some code and expect users to mainly read through the code and to have just minor edits, it would be an overkill to load full-blown code editors with auto-complete and code formatting, specially if you want to embed more than one playground in the same page. That\'s why the LiveCodes playground has a lite mode.","sidebar":"docsSidebar"},"features/mobile":{"id":"features/mobile","title":"Mobile Support","description":"LiveCodes provides a responsive layout that adapts to different screen sizes. Don\'t wait to be on your desk. Try your ideas on the go!","sidebar":"docsSidebar"},"features/module-resolution":{"id":"features/module-resolution","title":"Module Resolution","description":"NPM Modules","sidebar":"docsSidebar"},"features/permanent-url":{"id":"features/permanent-url","title":"Permanent URL","description":"Any specific version of LiveCodes app can be accessed through the permanent unique URL:","sidebar":"docsSidebar"},"features/projects":{"id":"features/projects","title":"Projects","description":"A LiveCodes project is a combination of markup, styles & scripts that result in a single web page. Check the section about the Result Page to have more details about how this page is constructed.","sidebar":"docsSidebar"},"features/read-only":{"id":"features/read-only","title":"Read-Only","description":"In case you need to embed a playground in your web page to show case some code and want users to read through the code and not allow edits, you may use the readonly setting.","sidebar":"docsSidebar"},"features/recover":{"id":"features/recover","title":"Recover Unsaved","description":"","sidebar":"docsSidebar"},"features/result":{"id":"features/result","title":"Result Page","description":"The output of a LiveCodes project is a single HTML page. This includes the (compiled) code from editors (markup + style + script) and external resources (CSS + JS), in addition to customizations specified in custom settings.","sidebar":"docsSidebar"},"features/security":{"id":"features/security","title":"Security","description":"User privacy and security are taken seriously.","sidebar":"docsSidebar"},"features/self-hosting":{"id":"features/self-hosting","title":"Self-Hosting","description":"The LiveCodes app can be self-hosted on any static file server or CDN.","sidebar":"docsSidebar"},"features/share":{"id":"features/share","title":"Share","description":"It is easy to share LiveCodes projects!","sidebar":"docsSidebar"},"features/snippets":{"id":"features/snippets","title":"Code Snippets","description":"LiveCodes supports saving and organizing code snippets in different languages.","sidebar":"docsSidebar"},"features/sync":{"id":"features/sync","title":"Sync","description":"LiveCodes local data can be synchronized to a GitHub repo. This can be used as a cloud backup, and to synchronize multiple devices.","sidebar":"docsSidebar"},"features/templates":{"id":"features/templates","title":"Templates","description":"A new project can be based on any of the provided starter templates or user templates.","sidebar":"docsSidebar"},"features/tests":{"id":"features/tests","title":"Tests","description":"Overview","sidebar":"docsSidebar"},"features/themes":{"id":"features/themes","title":"Themes","description":"LiveCodes comes with dark and light themes. In addition, a theme color can be set to change the app color.","sidebar":"docsSidebar"},"features/tools-pane":{"id":"features/tools-pane","title":"Tools Pane","description":"The resizeable tools pane (below the result page) provides an area for developer tools. This currently includes:","sidebar":"docsSidebar"},"features/user-management":{"id":"features/user-management","title":"User Management","description":"Generally, LiveCodes can be used anonymously without any accounts. This includes creating/saving projects and importing code from GitHub gists or public repos.","sidebar":"docsSidebar"},"features/user-settings":{"id":"features/user-settings","title":"User Settings","description":"A user can select various settings that are stored locally in the browser and are subsequently used.","sidebar":"docsSidebar"},"features/welcome":{"id":"features/welcome","title":"Welcome Screen","description":"","sidebar":"docsSidebar"},"getting-started":{"id":"getting-started","title":"Getting Started","description":"There are multiple options:","sidebar":"docsSidebar"},"gh-action":{"id":"gh-action","title":"GitHub Action \u26A1","description":"The Preview in LiveCodes GitHub Action generates preview links to playgrounds for code changes in pull requests and posts them as pull request comments.","sidebar":"docsSidebar"},"languages/art-template":{"id":"languages/art-template","title":"art-template","description":"art-template is a high performance JavaScript templating engine.","sidebar":"docsSidebar"},"languages/asciidoc":{"id":"languages/asciidoc","title":"AsciiDoc","description":"AsciiDoc is a plain text markup language for writing technical content. It\u2019s packed with semantic elements and equipped with features to modularize and reuse content. AsciiDoc content can be composed using a text editor, managed in a version control system, and published to multiple output formats.","sidebar":"docsSidebar"},"languages/assemblyscript":{"id":"languages/assemblyscript","title":"AssemblyScript","description":"TODO...","sidebar":"docsSidebar"},"languages/astro":{"id":"languages/astro","title":"Astro","description":"TODO...","sidebar":"docsSidebar"},"languages/autoprefixer":{"id":"languages/autoprefixer","title":"Autoprefixer","description":"TODO...","sidebar":"docsSidebar"},"languages/babel":{"id":"languages/babel","title":"Babel","description":"Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments.","sidebar":"docsSidebar"},"languages/bbcode":{"id":"languages/bbcode","title":"BBCode","description":"BBCode (\\"Bulletin Board Code\\") is a lightweight markup language used to format messages in many Internet forum software.","sidebar":"docsSidebar"},"languages/blockly":{"id":"languages/blockly","title":"Blockly","description":"TODO...","sidebar":"docsSidebar"},"languages/civet":{"id":"languages/civet","title":"Civet","description":"TODO...","sidebar":"docsSidebar"},"languages/clio":{"id":"languages/clio","title":"Clio","description":"TODO...","sidebar":"docsSidebar"},"languages/clojurescript":{"id":"languages/clojurescript","title":"ClojureScript","description":"ClojureScript is a robust, practical, and fast programming language with a set of useful features that together form a simple, coherent, and powerful tool.","sidebar":"docsSidebar"},"languages/coffeescript":{"id":"languages/coffeescript","title":"CoffeeScript","description":"CoffeeScript is a little language that compiles into JavaScript.","sidebar":"docsSidebar"},"languages/commonlisp":{"id":"languages/commonlisp","title":"Common Lisp","description":"Common Lisp is a dialect of the Lisp programming language.","sidebar":"docsSidebar"},"languages/cpp":{"id":"languages/cpp","title":"C++","description":"TODO...","sidebar":"docsSidebar"},"languages/cpp-wasm":{"id":"languages/cpp-wasm","title":"C/C++ (Wasm)","description":"TODO...","sidebar":"docsSidebar"},"languages/csharp-wasm":{"id":"languages/csharp-wasm","title":"C# (Wasm)","description":"(Wasm)","sidebar":"docsSidebar"},"languages/css":{"id":"languages/css","title":"CSS","description":"TODO...","sidebar":"docsSidebar"},"languages/cssmodules":{"id":"languages/cssmodules","title":"CSS Modules","description":"A CSS Module is a CSS file in which all class names and animation names are scoped locally by default.","sidebar":"docsSidebar"},"languages/cssnano":{"id":"languages/cssnano","title":"cssnano","description":"TODO...","sidebar":"docsSidebar"},"languages/diagrams":{"id":"languages/diagrams","title":"Diagrams","description":"Overview","sidebar":"docsSidebar"},"languages/dot":{"id":"languages/dot","title":"doT","description":"doT: The fastest + concise javascript template engine for Node.js and browsers.","sidebar":"docsSidebar"},"languages/ejs":{"id":"languages/ejs","title":"EJS","description":"Embedded JavaScript templating.","sidebar":"docsSidebar"},"languages/eta":{"id":"languages/eta","title":"Eta","description":"Eta is an embedded JS template engine for Node, Deno, and the browser. Lighweight, fast, and pluggable. Written in TypeScript.","sidebar":"docsSidebar"},"languages/fennel":{"id":"languages/fennel","title":"Fennel","description":"Fennel is a programming language that brings together the speed, simplicity, and reach of Lua with the flexibility of a lisp syntax and macro system.","sidebar":"docsSidebar"},"languages/flow":{"id":"languages/flow","title":"Flow","description":"TODO...","sidebar":"docsSidebar"},"languages/gleam":{"id":"languages/gleam","title":"Gleam","description":"Gleam is a friendly language for building type-safe systems that scale!","sidebar":"docsSidebar"},"languages/go":{"id":"languages/go","title":"Go (Golang)","description":"TODO...","sidebar":"docsSidebar"},"languages/haml":{"id":"languages/haml","title":"Haml","description":"Haml compiler for client side javascript view templates using clientside-haml-js.","sidebar":"docsSidebar"},"languages/handlebars":{"id":"languages/handlebars","title":"Handlebars","description":"Handlebars: Minimal templating on steroids.","sidebar":"docsSidebar"},"languages/html":{"id":"languages/html","title":"HTML","description":"HTML (HyperText Markup Language) is the standard markup language for creating web pages and web applications. It defines the structure and content of web pages.","sidebar":"docsSidebar"},"languages/imba":{"id":"languages/imba","title":"Imba","description":"TODO...","sidebar":"docsSidebar"},"languages/index":{"id":"languages/index","title":"Languages","description":"Overview","sidebar":"docsSidebar"},"languages/java":{"id":"languages/java","title":"Java","description":"Java is a high-level, general-purpose, memory-safe, object-oriented programming language.","sidebar":"docsSidebar"},"languages/javascript":{"id":"languages/javascript","title":"JavaScript","description":"TODO...","sidebar":"docsSidebar"},"languages/jinja":{"id":"languages/jinja","title":"Jinja","description":"Jinja is a fast, expressive, extensible templating engine. Special placeholders in the template allow writing code similar to Python syntax. Then the template is passed data to render the final document.","sidebar":"docsSidebar"},"languages/jsx":{"id":"languages/jsx","title":"JSX","description":"JSX is a syntax extension for JavaScript that allows writing HTML-like markup inside JavaScript.","sidebar":"docsSidebar"},"languages/julia":{"id":"languages/julia","title":"Julia","description":"TODO...","sidebar":"docsSidebar"},"languages/less":{"id":"languages/less","title":"Less","description":"TODO...","sidebar":"docsSidebar"},"languages/lightningcss":{"id":"languages/lightningcss","title":"Lightning CSS","description":"TODO...","sidebar":"docsSidebar"},"languages/liquid":{"id":"languages/liquid","title":"Liquid","description":"LiquidJS: A simple, expressive and safe template engine.","sidebar":"docsSidebar"},"languages/livescript":{"id":"languages/livescript","title":"LiveScript","description":"TODO...","sidebar":"docsSidebar"},"languages/lua":{"id":"languages/lua","title":"Lua","description":"Lua is a powerful, efficient, lightweight, embeddable scripting language. It supports procedural programming, object-oriented programming, functional programming, data-driven programming, and data description.","sidebar":"docsSidebar"},"languages/lua-wasm":{"id":"languages/lua-wasm","title":"Lua (Wasm)","description":"Lua is a powerful, efficient, lightweight, embeddable scripting language. It supports procedural programming, object-oriented programming, functional programming, data-driven programming, and data description.","sidebar":"docsSidebar"},"languages/malina":{"id":"languages/malina","title":"Malina.js","description":"TODO...","sidebar":"docsSidebar"},"languages/markdown":{"id":"languages/markdown","title":"Markdown","description":"TODO...","sidebar":"docsSidebar"},"languages/mdx":{"id":"languages/mdx","title":"MDX","description":"TODO...","sidebar":"docsSidebar"},"languages/mjml":{"id":"languages/mjml","title":"MJML","description":"MJML is a markup language designed to reduce the pain of coding a responsive email.","sidebar":"docsSidebar"},"languages/mustache":{"id":"languages/mustache","title":"Mustache","description":"Mustache: Logic-less templates.","sidebar":"docsSidebar"},"languages/nunjucks":{"id":"languages/nunjucks","title":"Nunjucks","description":"Nunjucks is a rich and powerful templating language for JavaScript.","sidebar":"docsSidebar"},"languages/ocaml":{"id":"languages/ocaml","title":"OCaml","description":"TODO...","sidebar":"docsSidebar"},"languages/perl":{"id":"languages/perl","title":"Perl","description":"TODO...","sidebar":"docsSidebar"},"languages/php":{"id":"languages/php","title":"PHP","description":"PHP running client-side in the browser using Uniter.","sidebar":"docsSidebar"},"languages/php-wasm":{"id":"languages/php-wasm","title":"PHP (Wasm)","description":"PHP in Browser, powered by WebAssembly (using php-wasm).","sidebar":"docsSidebar"},"languages/postcss":{"id":"languages/postcss","title":"PostCSS","description":"TODO...","sidebar":"docsSidebar"},"languages/postcssImportUrl":{"id":"languages/postcssImportUrl","title":"Import Url","description":"TODO...","sidebar":"docsSidebar"},"languages/postcssPresetEnv":{"id":"languages/postcssPresetEnv","title":"Preset Env","description":"TODO...","sidebar":"docsSidebar"},"languages/postgresql":{"id":"languages/postgresql","title":"PostgreSQL","description":"PostgreSQL is a powerful, open source object-relational database system. LiveCodes runs PostgreSQL in the browser using PGlite (lightweight Postgres packaged as Wasm).","sidebar":"docsSidebar"},"languages/prolog":{"id":"languages/prolog","title":"Prolog","description":"TODO...","sidebar":"docsSidebar"},"languages/pug":{"id":"languages/pug","title":"Pug","description":"Pug is a high-performance template engine heavily influenced by Haml and implemented with JavaScript for Node.js and browsers. It was formerly known as \\"Jade\\".","sidebar":"docsSidebar"},"languages/purgecss":{"id":"languages/purgecss","title":"PurgeCSS","description":"TODO...","sidebar":"docsSidebar"},"languages/python":{"id":"languages/python","title":"Python","description":"LiveCodes can run Python in the browser using Brython, a Python 3 implementation for client-side web programming.","sidebar":"docsSidebar"},"languages/python-wasm":{"id":"languages/python-wasm","title":"Python (Wasm)","description":"Pyodide is a Python distribution for the browser and Node.js based on WebAssembly.","sidebar":"docsSidebar"},"languages/r":{"id":"languages/r","title":"R","description":"LiveCodes runs R statistical programming language in the browser using WebR.","sidebar":"docsSidebar"},"languages/react":{"id":"languages/react","title":"React","description":"React Compiler is a build-time only tool that automatically optimizes React apps.","sidebar":"docsSidebar"},"languages/react-native":{"id":"languages/react-native","title":"React Native","description":"React Native is a framework for building mobile apps using React and React Native. React Native support in LiveCodes is achieved by using React Native for Web (an accessible implementation of React Native\'s Components and APIs that is interoperable with React DOM).","sidebar":"docsSidebar"},"languages/react-native-tsx":{"id":"languages/react-native-tsx","title":"React Native (TSX)","description":"React Native is a framework for building mobile apps using React and React Native. React Native support in LiveCodes is achieved by using React Native for Web (an accessible implementation of React Native\'s Components and APIs that is interoperable with React DOM).","sidebar":"docsSidebar"},"languages/react-tsx":{"id":"languages/react-tsx","title":"React (TSX)","description":"TSX is a syntax that allows using TypeScript in JSX.","sidebar":"docsSidebar"},"languages/reason":{"id":"languages/reason","title":"Reason","description":"TODO...","sidebar":"docsSidebar"},"languages/rescript":{"id":"languages/rescript","title":"ReScript","description":"TODO...","sidebar":"docsSidebar"},"languages/richtext":{"id":"languages/richtext","title":"Rich Text Editor","description":"TODO...","sidebar":"docsSidebar"},"languages/riot":{"id":"languages/riot","title":"Riot.js","description":"TODO...","sidebar":"docsSidebar"},"languages/ruby":{"id":"languages/ruby","title":"Ruby","description":"Ruby is a dynamic, open source programming language with a focus on simplicity and productivity. It has an elegant syntax that is natural to read and easy to write.","sidebar":"docsSidebar"},"languages/ruby-wasm":{"id":"languages/ruby-wasm","title":"Ruby (Wasm)","description":"Ruby is a dynamic, open source programming language with a focus on simplicity and productivity. It has an elegant syntax that is natural to read and easy to write.","sidebar":"docsSidebar"},"languages/sass":{"id":"languages/sass","title":"Sass","description":"TODO...","sidebar":"docsSidebar"},"languages/scheme":{"id":"languages/scheme","title":"Scheme","description":"Scheme is a classic programming language in the Lisp family. It emphasizes functional programming and domain-specific languages but adapts to other styles.","sidebar":"docsSidebar"},"languages/scss":{"id":"languages/scss","title":"SCSS","description":"TODO...","sidebar":"docsSidebar"},"languages/solid":{"id":"languages/solid","title":"Solid","description":"Solid is a JavaScript framework for making interactive web applications.","sidebar":"docsSidebar"},"languages/solid.tsx":{"id":"languages/solid.tsx","title":"Solid (TS)","description":"Solid is a JavaScript framework for making interactive web applications.","sidebar":"docsSidebar"},"languages/sql":{"id":"languages/sql","title":"SQL (SQLite)","description":"SQLite is a small, fast, self-contained, high-reliability, full-featured, SQL database engine. LiveCodes runs SQLite (compiled to Wasm) in the browser using SQL.js.","sidebar":"docsSidebar"},"languages/stencil":{"id":"languages/stencil","title":"Stencil","description":"TODO...","sidebar":"docsSidebar"},"languages/stylis":{"id":"languages/stylis","title":"Stylis","description":"TODO...","sidebar":"docsSidebar"},"languages/stylus":{"id":"languages/stylus","title":"Stylus","description":"TODO...","sidebar":"docsSidebar"},"languages/sucrase":{"id":"languages/sucrase","title":"Sucrase","description":"Sucrase is a super-fast alternative to Babel for when you can target modern JS runtimes.","sidebar":"docsSidebar"},"languages/svelte":{"id":"languages/svelte","title":"Svelte","description":"Svelte is a framework for building user interfaces on the web. It uses a compiler to turn declarative components written in HTML, CSS and JavaScript.","sidebar":"docsSidebar"},"languages/tailwindcss":{"id":"languages/tailwindcss","title":"Tailwind CSS","description":"TODO...","sidebar":"docsSidebar"},"languages/tcl":{"id":"languages/tcl","title":"Tcl","description":"TODO...","sidebar":"docsSidebar"},"languages/teal":{"id":"languages/teal","title":"Teal","description":"Teal is a typed dialect of Lua.","sidebar":"docsSidebar"},"languages/tokencss":{"id":"languages/tokencss","title":"Token CSS","description":"TODO...","sidebar":"docsSidebar"},"languages/tsx":{"id":"languages/tsx","title":"TSX","description":"TSX is a syntax that allows using TypeScript in JSX.","sidebar":"docsSidebar"},"languages/twig":{"id":"languages/twig","title":"Twig","description":"Twig.js is a pure JavaScript implementation of the Twig PHP templating language.","sidebar":"docsSidebar"},"languages/typescript":{"id":"languages/typescript","title":"TypeScript","description":"TODO...","sidebar":"docsSidebar"},"languages/unocss":{"id":"languages/unocss","title":"UnoCSS","description":"TODO...","sidebar":"docsSidebar"},"languages/vento":{"id":"languages/vento","title":"Vento","description":"Vento is a template engine for Deno. It\'s inspired by other engines, such as Nunjucks, Liquid, Eta, and Mustache.","sidebar":"docsSidebar"},"languages/vue":{"id":"languages/vue","title":"Vue SFC","description":"Vue.js, The Progressive JavaScript Framework, is an approachable, performant and versatile framework for building web user interfaces.","sidebar":"docsSidebar"},"languages/vue2":{"id":"languages/vue2","title":"Vue 2 SFC","description":"Vue.js, The Progressive JavaScript Framework, is an approachable, performant and versatile framework for building web user interfaces.","sidebar":"docsSidebar"},"languages/wat":{"id":"languages/wat","title":"WebAssembly Text","description":"TODO...","sidebar":"docsSidebar"},"languages/windicss":{"id":"languages/windicss","title":"Windi CSS","description":"TODO...","sidebar":"docsSidebar"},"license":{"id":"license","title":"License","description":"LiveCodes is released under the permissive MIT License \xa9 Hatem Hosny.","sidebar":"docsSidebar"},"markdown-to-livecodes":{"id":"markdown-to-livecodes","title":"Markdown to LiveCodes","description":"Markdown and MDX code blocks can be easily converted to interactive LiveCodes playgrounds.","sidebar":"docsSidebar"},"overview":{"id":"overview","title":"Overview","description":"LiveCodes is an open-source client-side code playground. It is feature-rich with support for 90+ languages/frameworks. It can be used as a standalone app or embedded in any web page. A powerful SDK is available to facilitate embedding and communication with embedded playgrounds.","sidebar":"docsSidebar"},"sdk/headless":{"id":"sdk/headless","title":"Headless Mode","description":"The LiveCodes SDK can be used to create playgrounds in headless mode. In this mode, no visible output is displayed in the embedding web page. However, all SDK methods are accessible (e.g. for updating code, getting compiled code, console output, result HTML, shareable URLs, formatting code, running tests, etc).","sidebar":"docsSidebar"},"sdk/index":{"id":"sdk/index","title":"LiveCodes SDK","description":"The Software Development Kit (SDK) provides an easy, yet powerful, interface to embed and communicate with LiveCodes playgrounds.","sidebar":"docsSidebar"},"sdk/js-ts":{"id":"sdk/js-ts","title":"JS/TS SDK","description":"This is the core SDK on which others (React, Vue, and Svelte SDKs) are build on top. It is a light-weight (less than 5kb gzipped), zero-dependencies library that allows creating, embedding and communication with LiveCodes playgrounds. It also allows easily creating links to playgrounds.","sidebar":"docsSidebar"},"sdk/react":{"id":"sdk/react","title":"React SDK","description":"The react SDK is a thin wrapper around the JavaScript SDK to provide an easy to use react component, yet retaining the full power, by having access to the SDK methods.","sidebar":"docsSidebar"},"sdk/svelte":{"id":"sdk/svelte","title":"Svelte","description":"The JS/TS SDK can be used directly in Svelte components without the need for any wrappers.","sidebar":"docsSidebar"},"sdk/vue":{"id":"sdk/vue","title":"Vue SDK","description":"The vue SDK is a thin wrapper around the JavaScript SDK to provide an easy to use vue component, yet retaining the full power, by having access to the SDK methods.","sidebar":"docsSidebar"},"sponsor":{"id":"sponsor","title":"Sponsor","description":"Thank you for considering becoming a sponsor of LiveCodes! \uD83D\uDC9A","sidebar":"docsSidebar"},"why":{"id":"why","title":"Why Another Playground?","description":"There are great products like CodePen, JSFiddle, JS Bin, CodeSandbox, Replit and many others, which LiveCodes does not aim to replace or compete with. On the contrary, it aims to integrate with as many of these services as their APIs allow.","sidebar":"docsSidebar"}}}}')}}]);