2 lines
63 KiB
JavaScript
2 lines
63 KiB
JavaScript
var e={APP_VERSION:"46",SDK_VERSION:"0.11.0",COMMIT_SHA:"7617d5c",REPO_URL:"https://github.com/live-codes/livecodes",DOCS_BASE_URL:"/docs/"};var a=`<section data-lang="art-template"><h3 data-i18n="language-info:artTemplate.name">art-template</h3><div data-i18n="language-info:artTemplate.desc">High performance JavaScript templating engine.</div><ul data-i18n="language-info:artTemplate.link" data-i18n-prop="innerHTML"><li><a href="https://aui.github.io/art-template/" target="_blank" rel="noopener">art-template official website</a></li><li><a href="https://aui.github.io/art-template/docs/" target="_blank" rel="noopener">art-template documentation</a></li></ul></section><section data-lang="asciidoc"><h3 data-i18n="language-info:asciidoc.name">AsciiDoc</h3><div data-i18n="language-info:asciidoc.desc">AsciiDoc compiled to HTML using Asciidoctor.</div><ul data-i18n="language-info:asciidoc.link" data-i18n-prop="innerHTML"><li><a href="https://asciidoc.org/" target="_blank" rel="noopener">AsciiDoc official website</a></li><li><a href="https://asciidoctor.org/" target="_blank" rel="noopener">Asciidoctor official website</a></li><li><a href="https://asciidoctor.org/docs/" target="_blank" rel="noopener">Asciidoctor documentation</a></li><li><a href="https://learnxinyminutes.com/docs/asciidoc/" target="_blank" rel="noopener">Learn X in Y minutes, where X=asciidoc</a></li></ul></section><section data-lang="assemblyscript"><h3 data-i18n="language-info:assemblyscript.name">AssemblyScript</h3><div data-i18n="language-info:assemblyscript.desc">A TypeScript-like language for WebAssembly.</div><ul data-i18n="language-info:assemblyscript.link" data-i18n-prop="innerHTML"><li><a href="https://www.assemblyscript.org/" target="_blank" rel="noopener">AssemblyScript official website</a></li><li><a href="https://www.assemblyscript.org/introduction.html" target="_blank" rel="noopener">AssemblyScript documentation</a></li><li><a href="?template=assemblyscript" class="button" target="_parent" data-template="assemblyscript">Load starter template</a></li></ul></section><section data-lang="astro"><h3 data-i18n="language-info:astro.name">Astro</h3><div data-i18n="language-info:astro.desc">Build faster websites with less client-side Javascript. (Still in Beta)</div><ul data-i18n="language-info:astro.link" data-i18n-prop="innerHTML"><li><a href="https://astro.build/" target="_blank" rel="noopener">Astro official website</a></li><li><a href="https://docs.astro.build/" target="_blank" rel="noopener">Astro documentation</a></li><li><a href="?template=astro" class="button" target="_parent" data-template="astro">Load starter template</a></li></ul></section><section data-lang="babel"><h3 data-i18n="language-info:babel.name">Babel</h3><div data-i18n="language-info:babel.desc">The JavaScript compiler</div><ul data-i18n="language-info:babel.link" data-i18n-prop="innerHTML"><li><a href="https://babeljs.io/" target="_blank" rel="noopener">Official website</a></li><li><a href="https://babeljs.io/docs/" target="_blank" rel="noopener">Babel documentation</a></li></ul></section><section data-lang="bbcode"><h3 data-i18n="language-info:bbcode.name">BBCode</h3><div data-i18n="language-info:bbcode.desc">BBCode ("Bulletin Board Code") is a lightweight markup language used to format messages in many Internet forum software.</div><ul data-i18n="language-info:bbcode.link" data-i18n-prop="innerHTML"><li><a href="https://www.bbcode.org/" target="_blank" rel="noopener">bbcode.org</a></li><li><a href="https://www.phpbb.com/community/help/bbcode" target="_blank" rel="noopener">BBCode guide</a></li><li><a href="https://en.wikipedia.org/wiki/BBCode" target="_blank" rel="noopener">BBCode on Wikipedia</a></li></ul></section><section data-lang="civet"><h3 data-i18n="language-info:civet.name">Civet</h3><div data-i18n="language-info:civet.desc">Civet is a programming language that compiles to TypeScript or JavaScript, so you can use existing tooling but enable concise and powerful syntax.</div><ul data-i18n="language-info:civet.link" data-i18n-prop="innerHTML"><li><a href="https://civet.dev/" target="_blank" rel="noopener">Civet official website</a></li><li><a href="https://civet.dev/cheatsheet/" target="_blank" rel="noopener">Civet cheatsheet</a></li><li><a href="?template=civet" class="button" target="_parent" data-template="civet">Load starter template</a></li></ul></section><section data-lang="clio"><h3 data-i18n="language-info:clio.name">Clio</h3><div data-i18n="language-info:clio.desc">Clio is a fast, distributed, functional programming language that compiles to JavaScript.</div><ul data-i18n="language-info:clio.link" data-i18n-prop="innerHTML"><li><a href="https://clio-lang.org/" target="_blank" rel="noopener">Clio official website</a></li><li><a href="https://docs.clio-lang.org/" target="_blank" rel="noopener">Clio documentation</a></li><li><a href="?template=clio" class="button" target="_parent" data-template="clio">Load starter template</a></li></ul></section><section data-lang="cpp"><h3 data-i18n="language-info:cpp.name">C++</h3><div data-i18n="language-info:cpp.desc1">C++ support using JSCPP (a simple C++ interpreter written in JavaScript).</div><div data-i18n="language-info:cpp.desc2" data-i18n-prop="innerHTML">It is not a complete implementation of C++. Please refer to <a href="https://github.com/felixhao28/JSCPP" target="_blank" rel="noopener">JSCPP documentation</a> for details.</div><ul data-i18n="language-info:cpp.link" data-i18n-prop="innerHTML"><li><a href="https://isocpp.org/" target="_blank" rel="noopener">Standard C++ Foundation</a></li><li><a href="https://github.com/felixhao28/JSCPP" target="_blank" rel="noopener">JSCPP</a></li><li><a href="https://learnxinyminutes.com/docs/c++/" target="_blank" rel="noopener">Learn X in Y minutes, where X=C++</a></li><li><a href="?template=cpp" class="button" target="_parent" data-template="cpp">Load starter template</a></li></ul></section><section data-lang="cpp-wasm"><h3 data-i18n="language-info:cppWasm.name">C/C++ (Wasm)</h3><div data-i18n="language-info:cppWasm.desc" data-i18n-prop="innerHTML">Clang C/C++ compiler running on WebAssembly, using <a href="https://github.com/binji/wasm-clang" target="_blank" rel="noopener">wasm-clang</a> adapted by <a href="https://github.com/chris-koch-penn/polylang.io" target="_blank" rel="noopener">polylang.io</a></div><ul data-i18n="language-info:cppWasm.link" data-i18n-prop="innerHTML"><li><a href="https://isoclang.org/" target="_blank" rel="noopener">Standard C++ Foundation</a></li><li><a href="https://clang.llvm.org/" target="_blank" rel="noopener">Clang official website</a></li><li><a href="https://learnxinyminutes.com/docs/c++/" target="_blank" rel="noopener">Learn X in Y minutes, where X=C++</a></li><li><a href="?template=cpp-wasm" class="button" target="_parent" data-template="cpp-wasm">Load starter template</a></li></ul></section><section data-lang="clojurescript"><h3 data-i18n="language-info:clojurescript.name">ClojureScript (CLJS)</h3><div data-i18n="language-info:clojurescript.desc" data-i18n-prop="innerHTML">ClojureScript is a compiler for <a href="https://clojure.org/" target="_blank" rel="noopener">Clojure</a> that targets JavaScript.<br>In LiveCodes, it runs in the browser using <a href="https://github.com/squint-cljs/cherry" target="_blank" rel="noopener">Cherry</a></div><ul data-i18n="language-info:clojurescript.link" data-i18n-prop="innerHTML"><li><a href="https://clojurescript.org/" target="_blank" rel="noopener">ClojureScript official website</a></li><li><a href="https://clojure.org/" target="_blank" rel="noopener">Clojure official website</a></li><li><a href="https://github.com/squint-cljs/cherry" target="_blank" rel="noopener">Cherry repo</a></li><li><a href="https://learnxinyminutes.com/docs/clojure/" target="_blank" rel="noopener">Learn X in Y minutes, where X=clojure</a></li><li><a href="{{DOCS_BASE_URL}}languages/clojurescript" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=clojurescript" class="button" target="_parent" data-template="clojurescript">Load starter template</a></li></ul></section><section data-lang="coffeescript"><h3 data-i18n="language-info:coffeescript.name">CoffeeScript</h3><div data-i18n="language-info:coffeescript.desc">Unfancy JavaScript.</div><ul data-i18n="language-info:coffeescript.link" data-i18n-prop="innerHTML"><li><a href="https://coffeescript.org/" target="_blank" rel="noopener">CoffeeScript official website</a></li><li><a href="https://learnxinyminutes.com/docs/coffeescript/" target="_blank" rel="noopener">Learn X in Y minutes, where X=coffeescript</a></li><li><a href="?template=coffeescript" class="button" target="_parent" data-template="coffeescript">Load starter template</a></li></ul></section><section data-lang="commonlisp"><h3 data-i18n="language-info:commonlisp.name">Common Lisp</h3><div data-i18n="language-info:commonlisp.desc">A Common Lisp implementation on Javascript using JSCL (a Lisp-to-Javascript compiler bootstrapped from Common Lisp).</div><ul data-i18n="language-info:commonlisp.link" data-i18n-prop="innerHTML"><li><a href="https://common-lisp.net/" target="_blank" rel="noopener">Common-Lisp.net</a></li><li><a href="https://github.com/jscl-project/jscl" target="_blank" rel="noopener">JSCL Project</a></li><li><a href="https://common-lisp.net/documentation" target="_blank" rel="noopener">Common Lisp Resources</a></li><li><a href="https://learnxinyminutes.com/docs/common-lisp/" target="_blank" rel="noopener">Learn X in Y minutes, where X=Common Lisp</a></li><li><a href="?template=commonlisp" class="button" target="_parent" data-template="commonlisp">Load starter template</a></li></ul></section><section data-lang="csharp-wasm"><h3 data-i18n="language-info:csharpWasm.name">C# (Wasm)</h3><div data-i18n="language-info:csharpWasm.desc" data-i18n-prop="innerHTML">C# compiler running on WebAssembly, using <a href="https://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor" target="_blank" rel="noopener">Blazor</a></div><ul data-i18n="language-info:csharpWasm.link" data-i18n-prop="innerHTML"><li><a href="https://learn.microsoft.com/en-us/dotnet/csharp/" target="_blank" rel="noopener">C# language documentation</a></li><li><a href="https://learnxinyminutes.com/docs/csharp/" target="_blank" rel="noopener">Learn X in Y minutes, where X=C#</a></li><li><a href="{{DOCS_BASE_URL}}languages/csharp-wasm" target="_blank" rel="noopener">LiveCodes Documentation</a></li><li><a href="?template=csharp-wasm" class="button" target="_parent" data-template="csharp-wasm">Load starter template</a></li></ul></section><section data-lang="diagrams"><h3 data-i18n="language-info:diagrams.name">Diagrams</h3><div data-i18n="language-info:diagrams.desc1" class="description warn">(Experimental)</div><div data-i18n="language-info:diagrams.desc2">Diagrams-as-code. Supports:</div><ol data-i18n="language-info:diagrams.desc3" data-i18n-prop="innerHTML"><li><a href="https://js.cytoscape.org/" target="_blank" rel="noopener">Cytoscape</a></li><li><a href="https://www.eclipse.org/elk/" target="_blank" rel="noopener">ELK</a> (using <a href="https://github.com/kieler/elkjs" target="_blank" rel="noopener">elkjs</a>)</li><li><a href="http://www.gnuplot.info/" target="_blank" rel="noopener">Gnuplot</a> (using <a href="https://github.com/chhu/gnuplot-JS" target="_blank" rel="noopener">gnuplot-JS</a>)</li><li><a href="https://graphviz.org/" target="_blank" rel="noopener">Graphviz</a> (using <a href="https://github.com/hpcc-systems/hpcc-js-wasm" target="_blank" rel="noopener">@hpcc-js/wasm</a>)</li><li><a href="https://mermaid-js.github.io/mermaid/" target="_blank" rel="noopener">Mermaid</a></li><li><a href="https://nomnoml.com/" target="_blank" rel="noopener">Nomnoml</a></li><li><a href="https://pintorajs.vercel.app/" target="_blank" rel="noopener">Pintora</a></li><li><a href="https://plotly.com/graphing-libraries/" target="_blank" rel="noopener">Plotly</a></li><li><a href="https://github.com/ivanceras/svgbob" target="_blank" rel="noopener">Svgbob</a></li><li><a href="https://vega.github.io/vega/" target="_blank" rel="noopener">Vega</a></li><li><a href="https://vega.github.io/vega-lite/" target="_blank" rel="noopener">VegaLite</a></li><li><a href="https://wavedrom.com/" target="_blank" rel="noopener">WaveDrom</a></li></ol><ul data-i18n="language-info:diagrams.link" data-i18n-prop="innerHTML"><li><a href="?template=diagrams" class="button" target="_parent" data-template="diagrams">Load starter template</a></li><li><a href="{{DOCS_BASE_URL}}languages/diagrams" target="_blank" rel="noopener">LiveCodes Documentation</a></li></ul></section><section data-lang="dot"><h3 data-i18n="language-info:dot.name">doT.js</h3><div data-i18n="language-info:dot.desc">The fastest + concise javascript template engine for Node.js and browsers.</div><ul data-i18n="language-info:dot.link" data-i18n-prop="innerHTML"><li><a href="https://olado.github.io/doT/" target="_blank" rel="noopener">Official website</a></li><li><a href="{{DOCS_BASE_URL}}languages/dot" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="ejs"><h3 data-i18n="language-info:ejs.name">EJS</h3><div data-i18n="language-info:ejs.desc">Embedded JavaScript templating.</div><ul data-i18n="language-info:ejs.link" data-i18n-prop="innerHTML"><li><a href="https://ejs.co/" target="_blank" rel="noopener">Official website</a></li><li><a href="{{DOCS_BASE_URL}}languages/ejs" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="eta"><h3 data-i18n="language-info:eta.name">Eta</h3><div data-i18n="language-info:eta.desc">Embedded JS template engine for Node, Deno, and the browser. Lighweight, fast, and pluggable. Written in TypeScript.</div><ul data-i18n="language-info:eta.link" data-i18n-prop="innerHTML"><li><a href="https://eta.js.org/" target="_blank" rel="noopener">Official website</a></li><li><a href="https://eta.js.org/docs/learn" target="_blank" rel="noopener">Documentation</a></li><li><a href="{{DOCS_BASE_URL}}languages/eta" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="fennel"><h3 data-i18n="language-info:fennel.name">Fennel</h3><div data-i18n="language-info:fennel.desc">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.</div><ul data-i18n="language-info:fennel.link" data-i18n-prop="innerHTML"><li><a href="https://fennel-lang.org/" target="_blank" rel="noopener">Fennel official website</a></li><li><a href="https://fennel-lang.org/tutorial" target="_blank" rel="noopener">Getting Started with Fennel</a></li><li><a href="{{DOCS_BASE_URL}}languages/fennel" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=fennel" class="button" target="_parent" data-template="fennel">Load starter template</a></li></ul></section><section data-lang="flow"><h3 data-i18n="language-info:flow.name">Flow</h3><div data-i18n="language-info:flow.desc">Flow is a static type checker for JavaScript.</div><ul data-i18n="language-info:flow.link" data-i18n-prop="innerHTML"><li><a href="https://flow.org/" target="_blank" rel="noopener">Flow official website</a></li><li><a href="https://flow.org/en/docs/" target="_blank" rel="noopener">Flow documentation</a></li></ul></section><section data-lang="gleam"><h3 data-i18n="language-info:gleam.name">Gleam</h3><div data-i18n="language-info:gleam.desc1">Gleam is a friendly language for building type-safe systems that scale!</div><div data-i18n="language-info:gleam.desc2">Gleam is a statically-typed functional programming language, which compiles to Erlang or JavaScript.</div><ul data-i18n="language-info:gleam.link" data-i18n-prop="innerHTML"><li><a href="https://gleam.run/" target="_blank" rel="noopener">Gleam website</a></li><li><a href="https://gleam.run/documentation/" target="_blank" rel="noopener">Gleam documentation</a></li><li><a href="https://tour.gleam.run/" target="_blank" rel="noopener">Gleam language tour</a></li><li><a href="?template=gleam" class="button" target="_parent" data-template="gleam">Load starter template</a></li></ul></section><section data-lang="go"><h3 data-i18n="language-info:go.name">Go</h3><div data-i18n="language-info:go.desc1">Go (Golang) is an open source programming language that makes it easy to build simple, reliable, and efficient software.</div><div data-i18n="language-info:go.desc2">Here, it is compiled to JavaScript using GopherJS.</div><ul data-i18n="language-info:go.link" data-i18n-prop="innerHTML"><li><a href="https://golang.org/" target="_blank" rel="noopener">Go website</a></li><li><a href="https://golang.org/doc/" target="_blank" rel="noopener">Go documentation</a></li><li><a href="https://github.com/gopherjs/gopherjs" target="_blank" rel="noopener">GopherJS repo</a></li><li><a href="https://learnxinyminutes.com/docs/go/" target="_blank" rel="noopener">Learn X in Y minutes, where X=Go</a></li><li><a href="?template=go" class="button" target="_parent" data-template="go">Load starter template</a></li></ul></section><section data-lang="haml"><h3 data-i18n="language-info:haml.name">Haml</h3><div data-i18n="language-info:haml.desc">Haml compiler for client side javascript view templates using clientside-haml-js.</div><ul data-i18n="language-info:haml.link" data-i18n-prop="innerHTML"><li><a href="https://haml.info/" target="_blank" rel="noopener">Haml official website</a></li><li><a href="https://haml.info/docs.html" target="_blank" rel="noopener">Haml documentation</a></li><li><a href="https://github.com/uglyog/clientside-haml-js" target="_blank" rel="noopener">clientside-haml-js GitHub repo</a></li><li><a href="https://learnxinyminutes.com/docs/haml/" target="_blank" rel="noopener">Learn X in Y minutes, where X=haml</a></li><li><a href="{{DOCS_BASE_URL}}languages/haml" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="handlebars"><h3 data-i18n="language-info:handlebars.name">Handlebars</h3><div data-i18n="language-info:handlebars.desc">Minimal templating on steroids.</div><ul data-i18n="language-info:handlebars.link" data-i18n-prop="innerHTML"><li><a href="https://handlebarsjs.com/" target="_blank" rel="noopener">Official website</a></li><li><a href="{{DOCS_BASE_URL}}languages/handlebars" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="imba"><h3 data-i18n="language-info:imba.name">Imba</h3><div data-i18n="language-info:imba.desc">The friendly full-stack language.</div><ul data-i18n="language-info:imba.link" data-i18n-prop="innerHTML"><li><a href="https://imba.io/" target="_blank" rel="noopener">Official website</a></li></ul></section><section data-lang="java"><h3 data-i18n="language-info:java.name">Java</h3><div data-i18n="language-info:java.desc" data-i18n-prop="innerHTML">JVM running in the browser using DoppioJVM.</div><ul data-i18n="language-info:java.link" data-i18n-prop="innerHTML"><li><a href="https://www.java.com/" target="_blank" rel="noopener">Java official website</a></li><li><a href="https://github.com/plasma-umass/doppio" target="_blank" rel="noopener">DoppioJVM</a></li><li><a href="https://learnxinyminutes.com/docs/java/" target="_blank" rel="noopener">Learn X in Y minutes, where X=java</a></li><li><a href="{{DOCS_BASE_URL}}languages/java" target="_blank" rel="noopener">LiveCodes Documentation</a></li><li><a href="?template=java" class="button" target="_parent" data-template="java">Load starter template</a></li></ul></section><section data-lang="jinja"><h3 data-i18n="language-info:jinja.name">Jinja</h3><div data-i18n="language-info:jinja.desc">Jinja is a fast, expressive, extensible templating engine.</div><ul data-i18n="language-info:jinja.link" data-i18n-prop="innerHTML"><li><a href="https://jinja.palletsprojects.com/" target="_blank" rel="noopener">Official website</a></li><li><a href="https://jinja.palletsprojects.com/en/stable/templates/" target="_blank" rel="noopener">Template documentation</a></li><li><a href="https://github.com/huggingface/huggingface.js/tree/main/packages/jinja" target="_blank" rel="noopener">JavaScript implementation</a></li><li><a href="{{DOCS_BASE_URL}}languages/jinja" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="jsx"><h3 data-i18n="language-info:jsx.name">JSX</h3><div data-i18n="language-info:jsx.desc">JSX is compiled to JavaScript in LiveCodes using the TypeScript Compiler.<br>By default it uses React as the JSX runtime.</div><ul data-i18n="language-info:jsx.link" data-i18n-prop="innerHTML"><li><a href="https://react.dev/" target="_blank" rel="noopener">React official website</a></li><li><a href="https://react.dev/learn/writing-markup-with-jsx" target="_blank" rel="noopener">JSX in React documentation</a></li><li><a href="{{DOCS_BASE_URL}}languages/jsx" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="julia"><h3 data-i18n="language-info:julia.name">Julia</h3><div data-i18n="language-info:julia.desc1" class="description warn">Julia language support in LiveCodes is still experimental</div><div data-i18n="language-info:julia.desc2" data-i18n-prop="innerHTML">Julia compiler and Julia Base running on WASM, using <a href="https://github.com/Keno/julia-wasm" target="_blank" rel="noopener">julia-wasm</a> adapted by <a href="https://github.com/chris-koch-penn/polylang.io" target="_blank" rel="noopener">polylang.io</a></div><ul data-i18n="language-info:julia.link" data-i18n-prop="innerHTML"><li><a href="https://julialang.org/" target="_blank" rel="noopener">Julia official website</a></li><li><a href="https://docs.julialang.org/en/v1/" target="_blank" rel="noopener">Julia documentation</a></li><li><a href="https://learnxinyminutes.com/docs/julia/" target="_blank" rel="noopener">Learn X in Y minutes, where X=Julia</a></li><li><a href="?template=julia" class="button" target="_parent" data-template="julia">Load starter template</a></li></ul></section><section data-lang="less"><h3 data-i18n="language-info:less.name">Less</h3><div data-i18n="language-info:less.desc">It's CSS, with just a little more.</div><ul data-i18n="language-info:less.link" data-i18n-prop="innerHTML"><li><a href="https://lesscss.org/" target="_blank" rel="noopener">Less official website</a></li><li><a href="https://learnxinyminutes.com/docs/less/" target="_blank" rel="noopener">Learn X in Y minutes, where X=less</a></li></ul></section><section data-lang="liquid"><h3 data-i18n="language-info:liquid.name">LiquidJS</h3><div data-i18n="language-info:liquid.desc">A simple, expressive and safe template engine.</div><ul data-i18n="language-info:liquid.link" data-i18n-prop="innerHTML"><li><a href="https://liquidjs.com" target="_blank" rel="noopener">LiquidJS official website</a></li><li><a href="https://liquidjs.com/tutorials/intro-to-liquid.html" target="_blank" rel="noopener">LiquidJS documentation</a></li><li><a href="{{DOCS_BASE_URL}}languages/liquid" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="livescript"><h3 data-i18n="language-info:livescript.name">LiveScript</h3><div data-i18n="language-info:livescript.desc">A language which compiles to JavaScript.</div><ul data-i18n="language-info:livescript.link" data-i18n-prop="innerHTML"><li><a href="https://livescript.net/" target="_blank" rel="noopener">LiveScript official website</a></li><li><a href="https://learnxinyminutes.com/docs/livescript/" target="_blank" rel="noopener">Learn X in Y minutes, where X=LiveScript</a></li><li><a href="?template=livescript" class="button" target="_parent" data-template="livescript">Load starter template</a></li></ul></section><section data-lang="lua"><h3 data-i18n="language-info:lua.name">Lua</h3><div data-i18n="language-info:lua.desc">Lua running in the browser using fengari-web.</div><ul data-i18n="language-info:lua.link" data-i18n-prop="innerHTML"><li><a href="https://www.lua.org/" target="_blank" rel="noopener">Lua official website</a></li><li><a href="https://www.lua.org/manual/5.4/manual.html" target="_blank" rel="noopener">Lua documentation</a></li><li><a href="https://fengari.io/" target="_blank" rel="noopener">Fengari official website</a></li><li><a href="https://github.com/fengari-lua/fengari-web" target="_blank" rel="noopener">fengari-web GitHub repo</a></li><li><a href="https://learnxinyminutes.com/docs/lua/" target="_blank" rel="noopener">Learn X in Y minutes, where X=Lua</a></li><li><a href="{{DOCS_BASE_URL}}languages/lua" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=lua" class="button" target="_parent" data-template="lua">Load starter template</a></li></ul></section><section data-lang="lua-wasm"><h3 data-i18n="language-info:luaWasm.name">Lua (Wasm)</h3><div data-i18n="language-info:luaWasm.desc">Lua running in the browser using Wasmoon, a real lua 5.4 VM with JS bindings made with WebAssembly.</div><ul data-i18n="language-info:luaWasm.link" data-i18n-prop="innerHTML"><li><a href="https://www.lua.org/" target="_blank" rel="noopener">Lua official website</a></li><li><a href="https://www.lua.org/manual/5.4/manual.html" target="_blank" rel="noopener">Lua documentation</a></li><li><a href="https://github.com/ceifa/wasmoon" target="_blank" rel="noopener">Wasmoon GitHub repo</a></li><li><a href="https://learnxinyminutes.com/docs/lua/" target="_blank" rel="noopener">Learn X in Y minutes, where X=Lua</a></li><li><a href="{{DOCS_BASE_URL}}languages/lua-wasm" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=lua-wasm" class="button" target="_parent" data-template="lua-wasm">Load starter template</a></li></ul></section><section data-lang="malina"><h3 data-i18n="language-info:malina.name">Malina.js</h3><div data-i18n="language-info:malina.desc">Frontend compiler, inspired by Svelte.</div><ul data-i18n="language-info:malina.link" data-i18n-prop="innerHTML"><li><a href="https://github.com/malinajs/malinajs" target="_blank" rel="noopener">Malina.js repo</a></li><li><a href="https://malinajs.github.io/docs/" target="_blank" rel="noopener">Malina.js documentation</a></li><li><a href="?template=malina" class="button" target="_parent" data-template="malina">Load starter template</a></li></ul></section><section data-lang="markdown"><h3 data-i18n="language-info:markdown.name">Markdown</h3><div data-i18n="language-info:markdown.desc">Markdown compiled to HTML using Marked.</div><ul data-i18n="language-info:markdown.link" data-i18n-prop="innerHTML"><li><a href="https://daringfireball.net/projects/markdown/" target="_blank" rel="noopener">Markdown official website</a></li><li><a href="https://marked.js.org/" target="_blank" rel="noopener">Marked documentation</a></li><li><a href="https://learnxinyminutes.com/docs/markdown/" target="_blank" rel="noopener">Learn X in Y minutes, where X=markdown</a></li><li><a href="?template=markdown" class="button" target="_parent" data-template="markdown">Load starter template</a></li></ul></section><section data-lang="mdx"><h3 data-i18n="language-info:mdx.name">MDX</h3><div data-i18n="language-info:mdx.desc" data-i18n-prop="innerHTML">Markdown for the component era.<br>MDX lets you seamlessly write JSX in your Markdown documents.</div><ul data-i18n="language-info:mdx.link" data-i18n-prop="innerHTML"><li><a href="https://mdxjs.com/" target="_blank" rel="noopener">MDX documentation</a></li><li><a href="?template=mdx" class="button" target="_parent" data-template="mdx">Load starter template</a></li></ul></section><section data-lang="mjml"><h3 data-i18n="language-info:mjml.name">MJML</h3><div data-i18n="language-info:mjml.desc">MJML is a markup language designed to reduce the pain of coding a responsive email.</div><ul data-i18n="language-info:mjml.link" data-i18n-prop="innerHTML"><li><a href="https://mjml.io/" target="_blank" rel="noopener">MJML official website</a></li><li><a href="https://documentation.mjml.io/" target="_blank" rel="noopener">MJML documentation</a></li><li><a href="https://mjml.io/templates" target="_blank" rel="noopener">MJML official templates</a></li><li><a href="{{DOCS_BASE_URL}}languages/mjml" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="mustache"><h3 data-i18n="language-info:mustache.name">Mustache</h3><div data-i18n="language-info:mustache.desc">Logic-less templates.</div><ul data-i18n="language-info:mustache.link" data-i18n-prop="innerHTML"><li><a href="https://mustache.github.io/" target="_blank" rel="noopener">Official website</a></li><li><a href="https://mustache.github.io/mustache.5.html" target="_blank" rel="noopener">mustache(5) manual</a></li><li><a href="https://github.com/janl/mustache.js" target="_blank" rel="noopener">JavaScript implementation</a></li><li><a href="{{DOCS_BASE_URL}}languages/mustache" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="nunjucks"><h3 data-i18n="language-info:nunjucks.name">Nunjucks</h3><div data-i18n="language-info:nunjucks.desc" data-i18n-prop="innerHTML">A rich and powerful templating language for JavaScript. Nunjucks is essentially a port of <a href="http://jinja.pocoo.org/docs/" target="_blank" rel="noopener">jinja2</a></div><ul data-i18n="language-info:nunjucks.link" data-i18n-prop="innerHTML"><li><a href="https://mozilla.github.io/nunjucks/" target="_blank" rel="noopener">Official website</a></li><li><a href="{{DOCS_BASE_URL}}languages/nunjucks" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="twig"><h3 data-i18n="language-info:twig.name">Twig</h3><div data-i18n="language-info:twig.desc" data-i18n-prop="innerHTML">A JavaScript implementation of the <a href="https://twig.symfony.com/" target="_blank" rel="noopener">Twig</a> PHP templating language by <a href="https://github.com/twigjs/twig.js" target="_blank" rel="noopener">Twig.js</a></div><ul data-i18n="language-info:twig.link" data-i18n-prop="innerHTML"><li><a href="https://twig.symfony.com/" target="_blank" rel="noopener">Twig official website</a></li><li><a href="https://twig.symfony.com/doc/3.x/" target="_blank" rel="noopener">Twig Documentation</a></li><li><a href="https://github.com/twigjs/twig.js" target="_blank" rel="noopener">Twig.js Repo</a></li><li><a href="https://github.com/twigjs/twig.js/wiki" target="_blank" rel="noopener">Twig.js Documentation</a></li><li><a href="{{DOCS_BASE_URL}}languages/twig" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="ocaml"><h3 data-i18n="language-info:ocaml.name">OCaml</h3><div data-i18n="language-info:ocaml.desc1">OCaml is an industrial-strength programming language supporting functional, imperative and object-oriented styles.</div><div data-i18n="language-info:ocaml.desc2">ReScript compiler is used here to compile OCaml to JavaScript.</div><ul data-i18n="language-info:ocaml.link" data-i18n-prop="innerHTML"><li><a href="https://ocaml.org/" target="_blank" rel="noopener">OCaml website</a></li><li><a href="https://ocaml.org/docs/" target="_blank" rel="noopener">OCaml documentation</a></li><li><a href="https://rescript-lang.org/" target="_blank" rel="noopener">ReScript website</a></li><li><a href="https://learnxinyminutes.com/docs/ocaml/" target="_blank" rel="noopener">Learn X in Y minutes, where X=OCaml</a></li><li><a href="?template=ocaml" class="button" target="_parent" data-template="ocaml">Load starter template</a></li></ul></section><section data-lang="perl"><h3 data-i18n="language-info:perl.name">Perl</h3><div data-i18n="language-info:perl.desc">Perl running in the browser using Perlito.</div><ul data-i18n="language-info:perl.link" data-i18n-prop="innerHTML"><li><a href="https://www.perl.org/" target="_blank" rel="noopener">Perl official website</a></li><li><a href="https://perldoc.perl.org/" target="_blank" rel="noopener">Perl documentation</a></li><li><a href="https://github.com/fglock/Perlito/blob/master/README-perlito5.md" target="_blank" rel="noopener">Perlito5 Readme</a></li><li><a href="https://learnxinyminutes.com/docs/perl/" target="_blank" rel="noopener">Learn X in Y minutes, where X=perl</a></li><li><a href="?template=perl" class="button" target="_parent" data-template="perl">Load starter template</a></li></ul></section><section data-lang="postgresql"><h3 data-i18n="language-info:postgresql.name">PostgreSQL</h3><div data-i18n="language-info:postgresql.desc">PostgreSQL packaged as WASM using PGlite</div><ul data-i18n="language-info:postgresql.link" data-i18n-prop="innerHTML"><li><a href="https://www.postgresql.org/" target="_blank" rel="noopener">PostgreSQL official website</a></li><li><a href="https://www.postgresql.org/docs/" target="_blank" rel="noopener">PostgreSQL documentation</a></li><li><a href="https://github.com/electric-sql/pglite" target="_blank" rel="noopener">PGlite GitHub repo</a></li><li><a href="https://learnxinyminutes.com/docs/sql/" target="_blank" rel="noopener">Learn X in Y minutes, where X=SQL</a></li><li><a href="?template=postgresql" class="button" target="_parent" data-template="postgresql">Load starter template</a></li></ul></section><section data-lang="php"><h3 data-i18n="language-info:php.name">PHP</h3><div data-i18n="language-info:php.desc">PHP running in the browser using Uniter.</div><ul data-i18n="language-info:php.link" data-i18n-prop="innerHTML"><li><a href="https://www.php.net/" target="_blank" rel="noopener">PHP official website</a></li><li><a href="https://www.php.net/manual/en/" target="_blank" rel="noopener">PHP documentation</a></li><li><a href="https://github.com/asmblah/uniter" target="_blank" rel="noopener">Uniter GitHub repo</a></li><li><a href="https://learnxinyminutes.com/docs/php/" target="_blank" rel="noopener">Learn X in Y minutes, where X=PHP</a></li><li><a href="{{DOCS_BASE_URL}}languages/php" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=php" class="button" target="_parent" data-template="php">Load starter template</a></li></ul></section><section data-lang="php-wasm"><h3 data-i18n="language-info:phpWasm.name">PHP (Wasm)</h3><div data-i18n="language-info:phpWasm.desc">PHP in Browser, powered by WebAssembly, using php-wasm.</div><ul data-i18n="language-info:phpWasm.link" data-i18n-prop="innerHTML"><li><a href="https://www.php.net/" target="_blank" rel="noopener">PHP official website</a></li><li><a href="https://www.php.net/manual/en/" target="_blank" rel="noopener">PHP documentation</a></li><li><a href="https://github.com/seanmorris/php-wasm" target="_blank" rel="noopener">php-wasm GitHub repo</a></li><li><a href="https://learnxinyminutes.com/docs/php/" target="_blank" rel="noopener">Learn X in Y minutes, where X=PHP</a></li><li><a href="{{DOCS_BASE_URL}}languages/php-wasm" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=php-wasm" class="button" target="_parent" data-template="php-wasm">Load starter template</a></li></ul></section><section data-lang="prolog"><h3 data-i18n="language-info:prolog.name">Tau Prolog</h3><div data-i18n="language-info:prolog.desc">An open source Prolog interpreter in JavaScript.</div><ul data-i18n="language-info:prolog.link" data-i18n-prop="innerHTML"><li><a href="http://tau-prolog.org/" target="_blank" rel="noopener">Tau Prolog official website</a></li><li><a href="http://tau-prolog.org/documentation" target="_blank" rel="noopener">Tau Prolog documentation</a></li><li><a href="https://www.swi-prolog.org/" target="_blank" rel="noopener">SWI-Prolog</a></li><li><a href="https://learnxinyminutes.com/docs/prolog/" target="_blank" rel="noopener">Learn X in Y minutes, where X=Prolog</a></li><li><a href="?template=prolog" class="button" target="_parent" data-template="prolog">Load starter template</a></li></ul></section><section data-lang="pug"><h3 data-i18n="language-info:pug.name">Pug</h3><div data-i18n="language-info:pug.desc">Robust, elegant, feature rich template engine.</div><ul data-i18n="language-info:pug.link" data-i18n-prop="innerHTML"><li><a href="https://pugjs.org/api/getting-started.html" target="_blank" rel="noopener">Pug documentation</a></li><li><a href="https://learnxinyminutes.com/docs/pug/" target="_blank" rel="noopener">Learn X in Y minutes, where X=Pug</a></li><li><a href="{{DOCS_BASE_URL}}languages/pug" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="python-wasm"><h3 data-i18n="language-info:pythonWasm.name">Python (Wasm)</h3><div data-i18n="language-info:pythonWasm.desc1">Python with the scientific stack, compiled to WebAssembly using Pyodide.</div><div data-i18n="language-info:pythonWasm.desc2" class="description help">Pyodide allows using Python scientific stack including NumPy, Pandas, Matplotlib, SciPy, scikit-learn and many more. In addition it\u2019s possible to install pure Python wheels from PyPi.</div><ul data-i18n="language-info:pythonWasm.link" data-i18n-prop="innerHTML"><li><a href="https://www.python.org/" target="_blank" rel="noopener">Python official website</a></li><li><a href="https://www.python.org/doc/" target="_blank" rel="noopener">Python documentation</a></li><li><a href="https://pyodide.org/" target="_blank" rel="noopener">Pyodide documentation</a></li><li><a href="https://learnxinyminutes.com/docs/python/" target="_blank" rel="noopener">Learn X in Y minutes, where X=Python</a></li><li><a href="{{DOCS_BASE_URL}}languages/python-wasm" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=python-wasm" class="button" target="_parent" data-template="python-wasm">Load starter template</a></li></ul></section><section data-lang="python"><h3 data-i18n="language-info:python.name">Python</h3><div data-i18n="language-info:python.desc">Python running in the browser using Brython.</div><ul data-i18n="language-info:python.link" data-i18n-prop="innerHTML"><li><a href="https://www.python.org/" target="_blank" rel="noopener">Python official website</a></li><li><a href="https://www.python.org/doc/" target="_blank" rel="noopener">Python documentation</a></li><li><a href="https://brython.info/" target="_blank" rel="noopener">Brython documentation</a></li><li><a href="https://learnxinyminutes.com/docs/python/" target="_blank" rel="noopener">Learn X in Y minutes, where X=Python</a></li><li><a href="{{DOCS_BASE_URL}}languages/python" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=python" class="button" target="_parent" data-template="python">Load starter template</a></li></ul></section><section data-lang="r"><h3 data-i18n="language-info:r.name">R</h3><div data-i18n="language-info:r.desc">R running in the browser using WebR.</div><ul data-i18n="language-info:r.link" data-i18n-prop="innerHTML"><li><a href="https://www.r-project.org/" target="_blank" rel="noopener">R project official website</a></li><li><a href="https://cran.r-project.org/manuals.html" target="_blank" rel="noopener">The R Manuals</a></li><li><a href="https://r4ds.hadley.nz/" target="_blank" rel="noopener">R for Data Science (2e)</a></li><li><a href="https://docs.r-wasm.org/webr/latest/" target="_blank" rel="noopener">WebR documentation</a></li><li><a href="https://learnxinyminutes.com/docs/r/" target="_blank" rel="noopener">Learn X in Y minutes, where X=R</a></li><li><a href="{{DOCS_BASE_URL}}languages/r" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=r" class="button" target="_parent" data-template="r">Load starter template</a></li></ul></section><section data-lang="react-tsx"><h3 data-i18n="language-info:reactTsx.name">React Compiler (with TypeScript)</h3><div data-i18n="language-info:reactTsx.desc">React Compiler is a build-time only tool that automatically optimizes React apps.</div><ul data-i18n="language-info:reactTsx.link" data-i18n-prop="innerHTML"><li><a href="https://react.dev/" target="_blank" rel="noopener">React official website</a></li><li><a href="https://react.dev/learn/react-compiler" target="_blank" rel="noopener">React Compiler</a></li><li><a href="https://www.typescriptlang.org/" target="_blank" rel="noopener">TypeScript website</a></li><li><a href="https://www.typescriptlang.org/docs/" target="_blank" rel="noopener">TypeScript documentation</a></li><li><a href="{{DOCS_BASE_URL}}languages/react-tsx" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=react" class="button" target="_parent" data-template="react-tsx">Load starter template (JSX)</a></li></ul></section><section data-lang="react"><h3 data-i18n="language-info:react.name">React Compiler</h3><div data-i18n="language-info:react.desc">React Compiler is a build-time only tool that automatically optimizes React apps.</div><ul data-i18n="language-info:react.link" data-i18n-prop="innerHTML"><li><a href="https://react.dev/" target="_blank" rel="noopener">React official website</a></li><li><a href="https://react.dev/learn/react-compiler" target="_blank" rel="noopener">React Compiler</a></li><li><a href="{{DOCS_BASE_URL}}languages/react" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=react" class="button" target="_parent" data-template="react">Load starter template</a></li></ul></section><section data-lang="react-native-tsx"><h3 data-i18n="language-info:reactNativeTsx.name">React Native for Web (with TypeScript)</h3><div data-i18n="language-info:reactNativeTsx.desc">React Native for Web is an accessible implementation of React Native's Components and APIs that is interoperable with React DOM.</div><ul data-i18n="language-info:reactNativeTsx.link" data-i18n-prop="innerHTML"><li><a href="https://react.dev/" target="_blank" rel="noopener">React official website</a></li><li><a href="https://reactnative.dev/" target="_blank" rel="noopener">React Native website</a></li><li><a href="https://necolas.github.io/react-native-web/" target="_blank" rel="noopener">React Native for Web website</a></li><li><a href="https://reactnative.dev/docs/getting-started" target="_blank" rel="noopener">React Native documentation</a></li><li><a href="https://www.typescriptlang.org/" target="_blank" rel="noopener">TypeScript website</a></li><li><a href="https://www.typescriptlang.org/docs/" target="_blank" rel="noopener">TypeScript documentation</a></li><li><a href="{{DOCS_BASE_URL}}languages/react-native-tsx" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=react-native" class="button" target="_parent" data-template="react-native">Load starter template (JSX)</a></li></ul></section><section data-lang="react-native"><h3 data-i18n="language-info:reactNative.name">React Native for Web</h3><div data-i18n="language-info:reactNative.desc">React Native for Web is an accessible implementation of React Native's Components and APIs that is interoperable with React DOM.</div><ul data-i18n="language-info:reactNative.link" data-i18n-prop="innerHTML"><li><a href="https://react.dev/" target="_blank" rel="noopener">React official website</a></li><li><a href="https://reactnative.dev/" target="_blank" rel="noopener">React Native website</a></li><li><a href="https://necolas.github.io/react-native-web/" target="_blank" rel="noopener">React Native for Web website</a></li><li><a href="https://reactnative.dev/docs/getting-started" target="_blank" rel="noopener">React Native documentation</a></li><li><a href="{{DOCS_BASE_URL}}languages/react-native" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=react-native" class="button" target="_parent" data-template="react-native">Load starter template</a></li></ul></section><section data-lang="reason"><h3 data-i18n="language-info:reason.name">Reason</h3><div data-i18n="language-info:reason.desc1">Reason lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems.</div><div data-i18n="language-info:reason.desc2">ReScript compiler is used here to compile Reason to JavaScript.</div><ul data-i18n="language-info:reason.link" data-i18n-prop="innerHTML"><li><a href="https://reasonml.github.io/" target="_blank" rel="noopener">Reason website</a></li><li><a href="https://reasonml.github.io/docs/en/what-and-why" target="_blank" rel="noopener">Reason documentation</a></li><li><a href="https://reasonml.github.io/reason-react/en/" target="_blank" rel="noopener">ReasonReact</a></li><li><a href="https://rescript-lang.org/" target="_blank" rel="noopener">ReScript website</a></li><li><a href="https://learnxinyminutes.com/docs/reason/" target="_blank" rel="noopener">Learn X in Y minutes, where X=reason</a></li><li><a href="?template=reason" class="button" target="_parent" data-template="reason">Load starter template</a></li></ul></section><section data-lang="rescript"><h3 data-i18n="language-info:rescript.name">ReScript</h3><div data-i18n="language-info:rescript.desc">ReScript is a robustly typed language that compiles to efficient and human-readable JavaScript.</div><ul data-i18n="language-info:rescript.link" data-i18n-prop="innerHTML"><li><a href="https://rescript-lang.org/" target="_blank" rel="noopener">ReScript website</a></li><li><a href="https://rescript-lang.org/docs/react/latest/introduction" target="_blank" rel="noopener">ReScript / React</a></li><li><a href="?template=rescript" class="button" target="_parent" data-template="rescript">Load starter template</a></li></ul></section><section data-lang="richtext"><h3 data-i18n="language-info:richtext.name">Rich Text Editor</h3><div data-i18n="language-info:richtext.desc1">Using Quill:</div><div data-i18n="language-info:richtext.desc2">Your powerful rich text editor.</div><ul data-i18n="language-info:richtext.link" data-i18n-prop="innerHTML"><li><a href="https://quilljs.com/" target="_blank" rel="noopener">Quill official website</a></li></ul></section><section data-lang="riot"><h3 data-i18n="language-info:riot.name">Riot.js</h3><div data-i18n="language-info:riot.desc">Simple and elegant component-based UI library.</div><ul data-i18n="language-info:riot.link" data-i18n-prop="innerHTML"><li><a href="https://riot.js.org/" target="_blank" rel="noopener">Riot.js official website</a></li><li><a href="https://riot.js.org/documentation/" target="_blank" rel="noopener">Riot.js documentation</a></li><li><a href="?template=riot" class="button" target="_parent" data-template="riot">Load starter template</a></li></ul></section><section data-lang="ruby"><h3 data-i18n="language-info:ruby.name">Ruby</h3><div data-i18n="language-info:ruby.desc">Ruby running in the browser using Opal.</div><ul data-i18n="language-info:ruby.link" data-i18n-prop="innerHTML"><li><a href="https://www.ruby-lang.org/en/" target="_blank" rel="noopener">Ruby official website</a></li><li><a href="https://www.ruby-lang.org/en/documentation/" target="_blank" rel="noopener">Ruby documentation</a></li><li><a href="https://opalrb.com/" target="_blank" rel="noopener">Opal official website</a></li><li><a href="https://cdn.opalrb.com/opal/1.0.0/index.html" target="_blank" rel="noopener">Opal standard library CDN</a></li><li><a href="https://learnxinyminutes.com/docs/ruby/" target="_blank" rel="noopener">Learn X in Y minutes, where X=ruby</a></li><li><a href="{{DOCS_BASE_URL}}languages/ruby" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=ruby" class="button" target="_parent" data-template="ruby">Load starter template</a></li></ul></section><section data-lang="ruby-wasm"><h3 data-i18n="language-info:rubyWasm.name">Ruby (WASM)</h3><div data-i18n="language-info:rubyWasm.desc">Ruby running in the browser using ruby-wasm (a collection of WebAssembly ports of the CRuby).</div><ul data-i18n="language-info:rubyWasm.link" data-i18n-prop="innerHTML"><li><a href="https://www.ruby-lang.org/en/" target="_blank" rel="noopener">Ruby official website</a></li><li><a href="https://www.ruby-lang.org/en/documentation/" target="_blank" rel="noopener">Ruby documentation</a></li><li><a href="https://ruby.github.io/ruby.wasm/" target="_blank" rel="noopener">ruby.wasm website</a></li><li><a href="https://github.com/ruby/ruby" target="_blank" rel="noopener">CRuby</a></li><li><a href="https://learnxinyminutes.com/docs/ruby/" target="_blank" rel="noopener">Learn X in Y minutes, where X=ruby</a></li><li><a href="{{DOCS_BASE_URL}}languages/ruby-wasm" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=ruby-wasm" class="button" target="_parent" data-template="ruby-wasm">Load starter template</a></li></ul></section><section data-lang="sass"><h3 data-i18n="language-info:sass.name">Sass</h3><div data-i18n="language-info:sass.desc">Syntactically Awesome Style Sheets.</div><ul data-i18n="language-info:sass.link" data-i18n-prop="innerHTML"><li><a href="https://sass-lang.com/" target="_blank" rel="noopener">Sass official website</a></li><li><a href="https://sass-lang.com/documentation" target="_blank" rel="noopener">Sass documentation</a></li><li><a href="https://sass-lang.com/documentation/syntax#the-indented-syntax" target="_blank" rel="noopener">Sass (the indented) syntax</a></li><li><a href="https://learnxinyminutes.com/docs/sass/" target="_blank" rel="noopener">Learn X in Y minutes, where X=sass</a></li></ul></section><section data-lang="scheme"><h3 data-i18n="language-info:scheme.name">Scheme</h3><div data-i18n="language-info:scheme.desc">Scheme running in the browser using biwascheme.</div><ul data-i18n="language-info:scheme.link" data-i18n-prop="innerHTML"><li><a href="https://www.scheme.com/tspl4/" target="_blank" rel="noopener">The Scheme Programming Language</a></li><li><a href="https://www.biwascheme.org/" target="_blank" rel="noopener">BiwaScheme official website</a></li><li><a href="https://www.biwascheme.org/doc/reference.html" target="_blank" rel="noopener">BiwaScheme reference</a></li><li><a href="?template=scheme" class="button" target="_parent" data-template="scheme">Load starter template</a></li></ul></section><section data-lang="scss"><h3 data-i18n="language-info:scss.name">SCSS</h3><div data-i18n="language-info:scss.desc">Syntactically Awesome Style Sheets.</div><ul data-i18n="language-info:scss.link" data-i18n-prop="innerHTML"><li><a href="https://sass-lang.com/" target="_blank" rel="noopener">Sass official website</a></li><li><a href="https://sass-lang.com/documentation" target="_blank" rel="noopener">Sass documentation</a></li><li><a href="https://sass-lang.com/documentation/syntax#scss" target="_blank" rel="noopener">SCSS syntax</a></li><li><a href="https://learnxinyminutes.com/docs/sass/" target="_blank" rel="noopener">Learn X in Y minutes, where X=sass</a></li></ul></section><section data-lang="solid.tsx"><h3 data-i18n="language-info:solid.tsx.name">Solid (with TypeScript)</h3><div data-i18n="language-info:solid.tsx.desc">A declarative, efficient and flexible JavaScript library for building user interfaces.</div><ul data-i18n="language-info:solid.tsx.link" data-i18n-prop="innerHTML"><li><a href="https://www.solidjs.com/" target="_blank" rel="noopener">Official website</a></li><li><a href="https://www.solidjs.com/docs" target="_blank" rel="noopener">Solid documentation</a></li><li><a href="https://www.typescriptlang.org/" target="_blank" rel="noopener">TypeScript website</a></li><li><a href="https://www.typescriptlang.org/docs/" target="_blank" rel="noopener">TypeScript documentation</a></li><li><a href="{{DOCS_BASE_URL}}languages/solid.tsx" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=solid" class="button" target="_parent" data-template="solid">Load starter template</a></li></ul></section><section data-lang="solid"><h3 data-i18n="language-info:solid.name">Solid</h3><div data-i18n="language-info:solid.desc">A declarative, efficient and flexible JavaScript library for building user interfaces.</div><ul data-i18n="language-info:solid.link" data-i18n-prop="innerHTML"><li><a href="https://www.solidjs.com/" target="_blank" rel="noopener">Official website</a></li><li><a href="https://www.solidjs.com/docs" target="_blank" rel="noopener">Documentation</a></li><li><a href="{{DOCS_BASE_URL}}languages/solid" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=solid" class="button" target="_parent" data-template="solid">Load starter template (TSX)</a></li></ul></section><section data-lang="sql"><h3 data-i18n="language-info:sql.name">SQLite</h3><div data-i18n="language-info:sql.desc">SQLite compiled to JavaScript using SQL.js</div><ul data-i18n="language-info:sql.link" data-i18n-prop="innerHTML"><li><a href="https://www.sqlite.org/" target="_blank" rel="noopener">SQLite official website</a></li><li><a href="https://www.sqlite.org/lang.html" target="_blank" rel="noopener">SQLite syntax documentation</a></li><li><a href="https://sql.js.org/" target="_blank" rel="noopener">SQL.js official website</a></li><li><a href="https://learnxinyminutes.com/docs/sql/" target="_blank" rel="noopener">Learn X in Y minutes, where X=SQL</a></li><li><a href="?template=sql" class="button" target="_parent" data-template="sql">Load starter template</a></li></ul></section><section data-lang="stencil"><h3 data-i18n="language-info:stencil.name">Stencil</h3><div data-i18n="language-info:stencil.desc">A Compiler for Web Components and High Performance Web Apps.</div><ul data-i18n="language-info:stencil.link" data-i18n-prop="innerHTML"><li><a href="https://stenciljs.com/" target="_blank" rel="noopener">Stencil official website</a></li><li><a href="https://stenciljs.com/docs/introduction" target="_blank" rel="noopener">Stencil documentation</a></li><li><a href="?template=stencil" class="button" target="_parent" data-template="stencil">Load starter template</a></li></ul></section><section data-lang="stylis"><h3 data-i18n="language-info:stylis.name">Stylis</h3><div data-i18n="language-info:stylis.desc">Light-weight css preprocessor.</div><ul data-i18n="language-info:stylis.link" data-i18n-prop="innerHTML"><li><a href="https://stylis.js.org/" target="_blank" rel="noopener">Stylis official website</a></li></ul><ul><li><a href="https://github.com/thysultan/stylis" target="_blank" rel="noopener">Stylis GitHub repo</a></li></ul></section><section data-lang="stylus"><h3 data-i18n="language-info:stylus.name">Stylus</h3><div data-i18n="language-info:stylus.desc">Expressive, Dynamic, Robust CSS.</div><ul data-i18n="language-info:stylus.link" data-i18n-prop="innerHTML"><li><a href="https://stylus-lang.com/" target="_blank" rel="noopener">Stylus official website</a></li><li><a href="https://learnxinyminutes.com/docs/stylus/" target="_blank" rel="noopener">Learn X in Y minutes, where X=stylus</a></li></ul></section><section data-lang="sucrase"><h3 data-i18n="language-info:sucrase.name">Sucrase</h3><div data-i18n="language-info:sucrase.desc">Super-fast alternative to Babel for when you can target modern JS runtimes.</div><ul data-i18n="language-info:sucrase.link" data-i18n-prop="innerHTML"><li><a href="https://sucrase.io/" target="_blank" rel="noopener">Sucrase official website</a></li><li><a href="https://github.com/alangpierce/sucrase" target="_blank" rel="noopener">Sucrase GitHub Repo</a></li><li><a href="{{DOCS_BASE_URL}}languages/sucrase" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="svelte"><h3 data-i18n="language-info:svelte.name">Svelte</h3><div data-i18n="language-info:svelte.desc">Cybernetically enhanced web apps.</div><ul data-i18n="language-info:svelte.link" data-i18n-prop="innerHTML"><li><a href="https://svelte.dev/" target="_blank" rel="noopener">Svelte official website</a></li><li><a href="https://svelte.dev/docs" target="_blank" rel="noopener">Svelte documentation</a></li><li><a href="?template=svelte" class="button" target="_parent" data-template="svelte">Load starter template</a></li></ul></section><section data-lang="tcl"><h3 data-i18n="language-info:tcl.name">Tcl (Tool Command Language)</h3><div data-i18n="language-info:tcl.desc" data-i18n-prop="innerHTML">Tcl running in the browser, using <a href="https://github.com/ecky-l/wacl/" target="_blank" rel="noopener">wacl</a>.</div><ul data-i18n="language-info:tcl.link" data-i18n-prop="innerHTML"><li><a href="https://www.tcl.tk/" target="_blank" rel="noopener">Tcl official website</a></li><li><a href="https://github.com/ecky-l/wacl/" target="_blank" rel="noopener">wacl repo</a></li><li><a href="https://learnxinyminutes.com/docs/tcl/" target="_blank" rel="noopener">Learn X in Y minutes, where X=Tcl</a></li><li><a href="?template=tcl" class="button" target="_parent" data-template="tcl">Load starter template</a></li></ul></section><section data-lang="teal"><h3 data-i18n="language-info:teal.name">Teal</h3><div data-i18n="language-info:teal.desc">A typed dialect of Lua.</div><ul data-i18n="language-info:teal.link" data-i18n-prop="innerHTML"><li><a href="https://github.com/teal-language/tl" target="_blank" rel="noopener">Teal GitHub repo</a></li><li><a href="https://github.com/teal-language/tl/tree/master/docs" target="_blank" rel="noopener">Teal docs</a></li><li><a href="https://github.com/teal-language/tl/blob/master/docs/tutorial.md" target="_blank" rel="noopener">Teal tutorial</a></li><li><a href="{{DOCS_BASE_URL}}languages/teal" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=teal" class="button" target="_parent" data-template="teal">Load starter template</a></li></ul></section><section data-lang="tsx"><h3 data-i18n="language-info:tsx.name">TSX</h3><div data-i18n="language-info:tsx.desc">TypeScript in JSX. TSX is compiled to JavaScript in LiveCodes using the TypeScript Compiler.<br>By default it uses React as the JSX runtime.</div><ul data-i18n="language-info:tsx.link" data-i18n-prop="innerHTML"><li><a href="https://react.dev/" target="_blank" rel="noopener">React official website</a></li><li><a href="https://react.dev/learn/writing-markup-with-jsx" target="_blank" rel="noopener">JSX in React documentation</a></li><li><a href="https://www.typescriptlang.org/docs/" target="_blank" rel="noopener">Typescript documentation</a></li><li><a href="{{DOCS_BASE_URL}}languages/tsx" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="typescript"><h3 data-i18n="language-info:typescript.name">TypeScript</h3><div data-i18n="language-info:typescript.desc">A Typed Superset of JavaScript.</div><ul data-i18n="language-info:typescript.link" data-i18n-prop="innerHTML"><li><a href="https://www.typescriptlang.org/" target="_blank" rel="noopener">Official website</a></li><li><a href="https://www.typescriptlang.org/docs/" target="_blank" rel="noopener">TypeScript documentation</a></li><li><a href="https://learnxinyminutes.com/docs/typescript/" target="_blank" rel="noopener">Learn X in Y minutes, where X=TypeScript</a></li><li><a href="?template=typescript" class="button" target="_parent" data-template="typescript">Load starter template</a></li></ul></section><section data-lang="vento"><h3>Vento</h3><div>Vento is a template engine for Deno. It's inspired by other engines, such as Nunjucks, Liquid, Eta, and Mustache.</div><ul><li><a href="https://vento.js.org/" target="_blank" rel="noopener">Vento official website</a></li><li><a href="{{DOCS_BASE_URL}}languages/vento" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="vue"><h3 data-i18n="language-info:vue.name">Vue3 Single File Components</h3><ul data-i18n="language-info:vue.link" data-i18n-prop="innerHTML"><li><a href="https://vuejs.org/" target="_blank" rel="noopener">Vue.js v3 official website</a></li><li><a href="https://vuejs.org/guide/introduction.html" target="_blank" rel="noopener">Vue3 documentation</a></li><li><a href="https://vuejs.org/api/sfc-spec.html" target="_blank" rel="noopener">Vue3 single file components</a></li><li><a href="{{DOCS_BASE_URL}}languages/vue" target="_blank" rel="noopener">LiveCodes Documentations</a></li><li><a href="?template=vue" class="button" target="_parent" data-template="vue">Load starter template</a></li></ul></section><section data-lang="vue2"><h3 data-i18n="language-info:vue2.name">Vue2 Single File Components</h3><div data-i18n="language-info:vue2.desc">Loaded using vue3-sfc-loader.</div><ul data-i18n="language-info:vue2.link" data-i18n-prop="innerHTML"><li><a href="https://vuejs.org/" target="_blank" rel="noopener">Vue.js official website</a></li><li><a href="https://v2.vuejs.org/v2/guide/" target="_blank" rel="noopener">Vue2 documentation</a></li><li><a href="https://v2.vuejs.org/v2/guide/single-file-components.html" target="_blank" rel="noopener">Vue2 single file components</a></li><li><a href="https://github.com/FranckFreiburger/vue3-sfc-loader" target="_blank" rel="noopener">vue3-sfc-loader GitHub repo</a></li><li><a href="{{DOCS_BASE_URL}}languages/vue2" target="_blank" rel="noopener">LiveCodes Documentations</a></li></ul></section><section data-lang="wat"><h3 data-i18n="language-info:wat.name">WebAssembly Text Format</h3><div data-i18n="language-info:wat.desc1">Low-level textual representation of the WebAssembly (wasm) binary format.</div><div data-i18n="language-info:wat.desc2">It is converted to wasm using wabt.js.</div><ul data-i18n="language-info:wat.link" data-i18n-prop="innerHTML"><li><a href="https://webassembly.org/" target="_blank" rel="noopener">WebAssembly.org</a></li><li><a href="https://webassembly.github.io/spec/core/text/index.html" target="_blank" rel="noopener">WebAssembly Text Specs</a></li><li><a href="https://developer.mozilla.org/en-US/docs/WebAssembly" target="_blank" rel="noopener">WebAssembly on MDN</a></li><li><a href="https://developer.mozilla.org/en-US/docs/WebAssembly/Understanding_the_text_format" target="_blank" rel="noopener">Understanding WebAssembly text format</a></li><li><a href="https://github.com/AssemblyScript/wabt.js" target="_blank" rel="noopener">wabt.js documentation</a></li><li><a href="https://learnxinyminutes.com/docs/wasm/" target="_blank" rel="noopener">Learn X in Y minutes, where X=WebAssembly</a></li><li><a href="?template=wat" class="button" target="_parent" data-template="wat">Load starter template</a></li></ul></section><section data-lang="blockly"><h3 data-i18n="language-info:blockly.name">Blockly</h3><div data-i18n="language-info:blockly.desc">A JavaScript library for building visual programming editors.</div><ul data-i18n="language-info:blockly.link" data-i18n-prop="innerHTML"><li><a href="https://developers.google.com/blockly" target="_blank" rel="noopener">Official website</a></li><li><a href="https://developers.google.com/blockly/guides/overview" target="_blank" rel="noopener">Guides</a></li><li><a href="https://developers.google.com/blockly/reference/overview" target="_blank" rel="noopener">Reference</a></li><li><a href="https://google.github.io/blockly-samples/" target="_blank" rel="noopener">Samples</a></li><li><a href="?template=blockly" class="button" target="_parent" data-template="blockly">Load starter template</a></li></ul></section><section data-lang="style-processors"><h3 data-i18n="language-info:styleProcessors.name">CSS Frameworks and Processors</h3><ul data-i18n="language-info:styleProcessors.link" data-i18n-prop="innerHTML"><li><a href="https://tailwindcss.com/" target="_blank" rel="noopener">Tailwind CSS</a></li><li><a href="https://windicss.org/" target="_blank" rel="noopener">Windi CSS</a></li><li><a href="https://uno.antfu.me/" target="_blank" rel="noopener">UnoCSS</a></li><li><a href="https://lightningcss.dev/" target="_blank" rel="noopener">Lightning CSS</a></li><li><a href="https://postcss.org/" target="_blank" rel="noopener">PostCSS</a> Plugins:<ul><li><a href="https://github.com/postcss/autoprefixer" target="_blank" rel="noopener">Autoprefixer</a></li><li><a href="https://preset-env.cssdb.org/" target="_blank" rel="noopener">postcss-preset-env</a></li><li><a href="https://github.com/unlight/postcss-import-url" target="_blank" rel="noopener">postcss-import-url</a></li><li><a href="https://github.com/madyankin/postcss-modules" target="_blank" rel="noopener">postcss-modules</a></li></ul></li></ul></section>`;var o=t=>Object.entries(e).reduce((n,[i,r])=>n.replace(new RegExp(`{{${i}}}`,"g"),r),t);var s=o(a);export{s as languageInfo};
|