prism-jsy

April 23, 2020 · View on GitHub

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>

License

BSD-2-Clause