gkz / LiveScript

LiveScript is a language which compiles to JavaScript. It has a straightforward mapping to JavaScript and allows you to write expressive code devoid of repetitive boilerplate. While LiveScript adds many features to assist in functional style programming, it also has many improvements for object oriented and imperative programming.
http://livescript.net
MIT License
2.31k stars 156 forks source link

[not an issue] An embeddable playground for LiveScript #1125

Open hatemhosny opened 5 months ago

hatemhosny commented 5 months ago

Please excuse the issue. I did not find the discussions section enabled in this repo.

Please allow me to introduce LiveCodes, a feature-rich, open-source, client-side, code playground that supports 80+ languages and frameworks. The announcement post gives a general overview.

LiveScript has a first-class support in LiveCodes.

LiveScript starter template is available for a quick start:
https://livecodes.io/?template=livescript
(see all starter templates).

LiveScript starter template in LiveCodes

You can start an empty LiveScript project using this link: https://livecodes.io/?ls

Projects can be shared, exported and deployed (to GitHub Pages).

Playgrounds can be embedded in any webpage, using a powerful, yet easy-to-use, SDK.

This is an example for an embedded LiveScript playground:

<div id="container"></div>

<script type="module">
  import { createPlayground } from "https://unpkg.com/livecodes";

  createPlayground("#container", {
    config: {
      activeEditor: "script",
      markup: { 
        language: "html",
        content: "<h1></h1>",
      },
      script: {
        language: "livescript",
        content: "(document.querySelector \h1).innerText = 'Hello, LiveScript!'",
      },
    },
  });
</script>

Preview

Screenshot: embedded LiveScript playground

Please refer to the SDK documentations for details.

Comprehensive documentations are available with live demos, code samples and screenshots.

LiveCodes is free with unlimited usage, no ads and no account required. It can be easily self-hosted (if you want), and can be used for commercial projects (MIT license).

Disclosure: obviously, I'm the author of LiveCodes.

I thought you would be interested. Otherwise, please feel free to close this. Thank you.