Civet

Civet is a programming language that compiles to TypeScript or JavaScript. It features a concise syntax with significant whitespace, pattern matching, and modern JavaScript features.

Usage

Demo

show code

JS

import { createPlayground } from 'livecodes';

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

TS

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

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

React

import LiveCodes from 'livecodes/react';

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

Vue

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

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

Svelte

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

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

<LiveCodes {...options} />

Solid

import LiveCodes from 'livecodes/solid';

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

Preact

import LiveCodes from 'livecodes/preact';

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

Web Components

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

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

Language Info

Name

civet

Extensions

.civet

Editor

script

Compiler

Civet compiler

Version

@danielx/civet: v0.11.0

Code Formatting

Not supported.

Starter Template

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

Links

• Civet
• Civet on GitHub