Languages
Overviewβ
The term "language" used in these documentations refer to any technology (in addition to web languages: HTML, CSS and JavaScript), that needs some form of transformation/compilation to run in the browser.
LiveCodes provides support for a wide range of languages, which include (but not limited to):
- Syntax used by web libraries/frameworks (e.g. JSX, TSX, Vue SFC, Svelte SFC, MDX, Astro).
- Languages that transpile to JavaScript (e.g. TypeScript, CoffeeScript, LiveScript, ReScript).
- Languages/frameworks that generate CSS (e.g. SCSS, Less, Stylus, Tailwind CSS, UnoCSS).
- CSS processors (e.g. PostCSS, Autoprefixer, Lightning CSS, CSS Modules, cssnano)
- Traditional programming languages (e.g. Python, Ruby, Go, PHP, C++, R, Lua, Scheme, Perl).
- Data manipulation/logic languages (e.g. SQL, Prolog).
- Authoring/templating languages (e.g Markdown, AsciiDoc, Pug, Handlebars, Haml).
- Low-code/visual editors (e.g. blockly, rich text editor).
- Modeling languages/diagram-as-code (e.g. Gnuplot, Graphviz, Mermaid, Vega, Plotly).
- Languages that target WebAssembly (e.g. AssemblyScript, WebAssembly Text Format)
- ... and others.
Below is the full list of supported languages with documentations for usage in LiveCodes.
Language Listβ
ποΈ art-template
art-template is a high performance JavaScript templating engine.
ποΈ AsciiDoc
AsciiDoc is a plain text markup language for writing technical content. Itβs 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.
ποΈ AssemblyScript
TODO...
ποΈ Astro
TODO...
ποΈ Autoprefixer
TODO...
ποΈ Babel
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.
ποΈ BBCode
BBCode ("Bulletin Board Code") is a lightweight markup language used to format messages in many Internet forum software.
ποΈ Blockly
TODO...
ποΈ Civet
TODO...
ποΈ Clio
TODO...
ποΈ ClojureScript
ClojureScript is a robust, practical, and fast programming language with a set of useful features that together form a simple, coherent, and powerful tool.
ποΈ CoffeeScript
CoffeeScript is a little language that compiles into JavaScript.
ποΈ Common Lisp
Common Lisp is a dialect of the Lisp programming language.
ποΈ C/C++ (Wasm)
TODO...
ποΈ C++
TODO...
ποΈ C# (Wasm)
(Wasm)
ποΈ CSS
TODO...
ποΈ CSS Modules
A CSS Module is a CSS file in which all class names and animation names are scoped locally by default.
ποΈ cssnano
TODO...
ποΈ Diagrams
Overview
ποΈ doT
doT: The fastest + concise javascript template engine for Node.js and browsers.
ποΈ EJS
Embedded JavaScript templating.
ποΈ Eta
Eta is an embedded JS template engine for Node, Deno, and the browser. Lighweight, fast, and pluggable. Written in TypeScript.
ποΈ Fennel
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.
ποΈ Flow
TODO...
ποΈ Gleam
Gleam is a friendly language for building type-safe systems that scale!
ποΈ Go (Golang)
TODO...
ποΈ Haml
Haml compiler for client side javascript view templates using clientside-haml-js.
ποΈ Handlebars
Handlebars: Minimal templating on steroids.
ποΈ HTML
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.
ποΈ Imba
TODO...
ποΈ Java
Java is a high-level, general-purpose, memory-safe, object-oriented programming language.
ποΈ JavaScript
TODO...
ποΈ Jinja
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.
ποΈ JSX
JSX is a syntax extension for JavaScript that allows writing HTML-like markup inside JavaScript.
ποΈ Julia
TODO...
ποΈ Less
TODO...
ποΈ Lightning CSS
TODO...
ποΈ Liquid
LiquidJS: A simple, expressive and safe template engine.
ποΈ LiveScript
TODO...
ποΈ Lua (Wasm)
Lua is a powerful, efficient, lightweight, embeddable scripting language. It supports procedural programming, object-oriented programming, functional programming, data-driven programming, and data description.
ποΈ Lua
Lua is a powerful, efficient, lightweight, embeddable scripting language. It supports procedural programming, object-oriented programming, functional programming, data-driven programming, and data description.
ποΈ Malina.js
TODO...
ποΈ Markdown
TODO...
ποΈ MDX
TODO...
ποΈ MJML
MJML is a markup language designed to reduce the pain of coding a responsive email.
ποΈ Mustache
Mustache: Logic-less templates.
ποΈ Nunjucks
Nunjucks is a rich and powerful templating language for JavaScript.
ποΈ OCaml
TODO...
ποΈ Perl
TODO...
ποΈ PHP (Wasm)
PHP in Browser, powered by WebAssembly (using php-wasm).
ποΈ PHP
PHP running client-side in the browser using Uniter.
ποΈ PostCSS
TODO...
ποΈ Import Url
TODO...
ποΈ Preset Env
TODO...
ποΈ PostgreSQL
PostgreSQL is a powerful, open source object-relational database system. LiveCodes runs PostgreSQL in the browser using PGlite (lightweight Postgres packaged as Wasm).
ποΈ Prolog
TODO...
ποΈ Pug
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".
ποΈ PurgeCSS
TODO...
ποΈ Python (Wasm)
Pyodide is a Python distribution for the browser and Node.js based on WebAssembly.
ποΈ Python
LiveCodes can run Python in the browser using Brython, a Python 3 implementation for client-side web programming.
ποΈ R
LiveCodes runs R statistical programming language in the browser using WebR.
ποΈ React Native (TSX)
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).
ποΈ React Native
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).
ποΈ React (TSX)
TSX is a syntax that allows using TypeScript in JSX.
ποΈ React
React Compiler is a build-time only tool that automatically optimizes React apps.
ποΈ Reason
TODO...
ποΈ ReScript
TODO...
ποΈ Rich Text Editor
TODO...
ποΈ Riot.js
TODO...
ποΈ Ruby (Wasm)
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.
ποΈ Ruby
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.
ποΈ Sass
TODO...
ποΈ Scheme
Scheme is a classic programming language in the Lisp family. It emphasizes functional programming and domain-specific languages but adapts to other styles.
ποΈ SCSS
TODO...
ποΈ Solid
Solid is a JavaScript framework for making interactive web applications.
ποΈ Solid (TS)
Solid is a JavaScript framework for making interactive web applications.
ποΈ SQL (SQLite)
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.
ποΈ Stencil
TODO...
ποΈ Stylis
TODO...
ποΈ Stylus
TODO...
ποΈ Sucrase
Sucrase is a super-fast alternative to Babel for when you can target modern JS runtimes.
ποΈ Svelte
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.
ποΈ Tailwind CSS
TODO...
ποΈ Tcl
TODO...
ποΈ Teal
Teal is a typed dialect of Lua.
ποΈ Token CSS
TODO...
ποΈ TSX
TSX is a syntax that allows using TypeScript in JSX.
ποΈ Twig
Twig.js is a pure JavaScript implementation of the Twig PHP templating language.
ποΈ TypeScript
TODO...
ποΈ UnoCSS
TODO...
ποΈ Vento
Vento is a template engine for Deno. It's inspired by other engines, such as Nunjucks, Liquid, Eta, and Mustache.
ποΈ Vue SFC
Vue.js, The Progressive JavaScript Framework, is an approachable, performant and versatile framework for building web user interfaces.
ποΈ Vue 2 SFC
Vue.js, The Progressive JavaScript Framework, is an approachable, performant and versatile framework for building web user interfaces.
ποΈ WebAssembly Text
TODO...
ποΈ Windi CSS
TODO...