CoffeeScript

CoffeeScript is a little language that compiles into JavaScript.

Usage

This example demonstrates usage in LiveCodes:

show code

JS

import { createPlayground } from 'livecodes';

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

TS

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

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

React

import LiveCodes from 'livecodes/react';

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

Vue

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

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

Svelte

<script>
import { onMount } from 'svelte';
import { createPlayground } from 'livecodes';

let options = $state({
  "template": "coffeescript"
});
let container = $state(null);
onMount(() => {
  createPlayground(container, options);
});
</script>

<div bind:this="{container}"></div>

Solid

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

export default function App() {
  const options: EmbedOptions = {
  "template": "coffeescript"
};
  const onMounted = (container: HTMLElement) => {
    createPlayground(container, options);
  };

  return <div ref={onMounted}></div>;
}

Language Info

Name

coffeescript

Extensions

.coffee

Aliases

coffee, coffeescript

Editor

script

Compiler

The official CoffeeScript compiler.

Version

coffeescript: v2.7.0

Starter Template

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

Links

• Official website
• Language Reference
• CoffeeScript on GitHub