LiveScript

LiveScript is a language that compiles to JavaScript. It is a fork of Coco, which is itself derived from CoffeeScript. LiveScript features a rich syntax with function composition, pattern matching, and many other functional programming features.

Usage

Demo

show code

JS

import { createPlayground } from 'livecodes';

const options = {
  "template": "livescript"
};
createPlayground('#container', options);

TS

import { createPlayground, type EmbedOptions } from 'livecodes';

const options: EmbedOptions = {
  "template": "livescript"
};
createPlayground('#container', options);

React

import LiveCodes from 'livecodes/react';

export default function App() {
  const options = {
  "template": "livescript"
};
  return (<LiveCodes {...options} />);
}

Vue

<script setup>
import LiveCodes from "livecodes/vue";

const options = {
  "template": "livescript"
};
</script>
<template>
  <LiveCodes v-bind="options" />
</template>

Svelte

<script>
import LiveCodes from 'livecodes/svelte';

const options = {
  "template": "livescript"
};
</script>

<LiveCodes {...options} />

Solid

import LiveCodes from 'livecodes/solid';

export default function App() {
  const options = {
  "template": "livescript"
};
  return (<LiveCodes {...options} />);
}

Preact

import LiveCodes from 'livecodes/preact';

export default function App() {
  const options = {
  "template": "livescript"
};
  return (<LiveCodes {...options} />);
}

Web Components

<live-codes
  template="livescript"></live-codes>

<script type="module">
  import "livecodes/web-components";
</script>

Language Info

Name

livescript

Extensions

.ls

Editor

script

Compiler

LiveScript compiler

Version

livescript: v1.6.1

Code Formatting

Not supported.

Custom Settings

Custom settings added to the property livescript are passed as options to the LiveScript compiler. Please check the documentation for full reference.

Please note that custom settings should be valid JSON (i.e. functions are not allowed).

Example:

Custom Settings

{
  "livescript": {
    "bare": true
  }
}

Starter Template

https://livecodes.io/?template=livescript

Links

• LiveScript
• LiveScript on GitHub