Common Lisp

Common Lisp is a dialect of the Lisp programming language.

In LiveCodes, Common Lisp code runs in the browser using JSCL, a Common Lisp to JavaScript compiler.

Note

Lisp language family supported in LiveCodes includes Common Lisp, Scheme, ClojureScript and Fennel.

Usage

LiveCodes runs Common Lisp code in the browser. JSCL implements a subset of Common Lisp, but covers enough functionality to write practical code.

This example demonstrates basic Common Lisp syntax and functionality:

show code

JS

import { createPlayground } from 'livecodes';

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

TS

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

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

React

import LiveCodes from 'livecodes/react';

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

Vue

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

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

Svelte

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

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

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

JS Interoperability

Please see JSCL docs

Language Info

Name

commonlisp

Aliases/Extensions

common-lisp, lisp

Editor

script

Compiler

JSCL - Common Lisp to JavaScript compiler

Code Formatting

Using Parinfer.

Limitations

Since JSCL is a subset of Common Lisp, it doesn't implement all Common Lisp features. See the JSCL documentation for more information.

Starter Template

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

Links

• Common Lisp
• JSCL
• Common Lisp: A Gentle Introduction to Symbolic Computation
• Practical Common Lisp