prism-jsy

Prism syntax for JSY. (See https://jsy-lang.github.io)

Usage no npm install needed!

<script type="module">
  import prismJsy from 'https://cdn.skypack.dev/prism-jsy';
</script>

README

prism-jsy

JSY JavaScript dialect syntax bundle for Prism.

JSY is an indented (offside) JavaScript dialect. We believe indentation is better at describing code blocks instead of painstakingly matching open/close sections { } () [].

Think modern JavaScript — ES6, ES2018 — indented similar to [Python][] or [CoffeeScript][].

Please see JSY language docs for details on the JSY dialect.

Quickstart

<head>
  ...
  <link href='https://cdn.jsdelivr.net/npm/prismjs@1.20.0/themes/prism.css' rel='stylesheet' />

    <script src='https://cdn.jsdelivr.net/npm/prismjs@1.20.0/components/prism-core.js'></script>
    <script src='https://cdn.jsdelivr.net/npm/prismjs@1.20.0/components/prism-clike.js'></script>
    <script src='https://cdn.jsdelivr.net/npm/prismjs@1.20.0/components/prism-javascript.js'></script>

    <script src='https://cdn.jsdelivr.net/npm/prism-jsy/esm/prism-jsy-cdn.mjs'></script>

  <!-- or -->
    <script src='https://cdn.jsdelivr.net/npm/prism-jsy/iife/prism-jsy-syntax.js'></script>

  <!-- or -->
    <script src='https://cdn.jsdelivr.net/npm/prism-jsy/umd/prism-jsy.js'></script>

  ...
</head>

<body>

  ...
  <pre>
    if true != false ::
      console.log @
        'A log message'
        @{} ts: new Date
            meta: import.meta
  </pre>
</body>
</html>