Tcl

Tcl (Tool Command Language) is a powerful, interpretable scripting language known for its simple syntax and extensibility. It is commonly used for embedded systems, rapid prototyping, and GUI scripting.

LiveCodes runs Tcl in the browser using Wacl (a Tcl distribution for WebAssembly).

Usage

Demo

show code

JS

import { createPlayground } from 'livecodes';

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

TS

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

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

React

import LiveCodes from 'livecodes/react';

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

Vue

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

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

Svelte

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

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

<LiveCodes {...options} />

Solid

import LiveCodes from 'livecodes/solid';

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

Preact

import LiveCodes from 'livecodes/preact';

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

Web Components

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

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

JavaScript Interoperability

Tcl programs run asynchronously in LiveCodes. JavaScript can interact with the Tcl interpreter using the livecodes.tcl global:

• livecodes.tcl.input — set this to pass input to the Tcl script (accessible via gets stdin)
• livecodes.tcl.run() — execute the Tcl script, returns a promise with { output, error }
• livecodes.tcl.loaded — a promise that resolves when the interpreter is ready
• livecodes.tcl.output — the last output string

DOM Access

The Tcl script can interact with the DOM using ::wacl::dom:

::wacl::dom attr "#my-element" innerText "Hello from Tcl!"

Language Info

Name

tcl

Extensions

.tcl

Editor

script

Compiler

Wacl (Tcl v8.6.6 compiled to WebAssembly)

Code Formatting

Not supported.

Starter Template

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

Links

• Tcl
• Wacl