Syntax highlighting for Wvlet, a cross-SQL flow-style query language for functional data modeling and interactive data exploration.
This package provides syntax highlighting for:
- Wvlet keywords (
from,select,where,group by,model,def, etc.) - SQL-like operations and joins
- String literals (single, double, and triple-quoted)
- Numeric literals (integers, decimals, floats, longs)
- Comments (single-line
--and doc comments---) - Backquoted identifiers
- Test assertions
- Operators and special symbols
- String interpolation with
${...}
npm install @wvlet/highlightjs-wvlet<!-- Using specific version (recommended for production) -->
<script src="https://cdn.jsdelivr.net/npm/@wvlet/highlightjs-wvlet@2025.1.13/dist/wvlet.min.js"></script>
<!-- Using latest version -->
<script src="https://cdn.jsdelivr.net/npm/@wvlet/highlightjs-wvlet@latest/dist/wvlet.min.js"></script>const hljs = require('highlight.js');
const wvlet = require('@wvlet/highlightjs-wvlet');
hljs.registerLanguage('wvlet', wvlet);
const highlightedCode = hljs.highlight(code, { language: 'wvlet' }).value;import hljs from 'highlight.js';
import wvlet from '@wvlet/highlightjs-wvlet';
hljs.registerLanguage('wvlet', wvlet);<!DOCTYPE html>
<html>
<head>
<!-- highlight.js theme -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11/styles/default.min.css">
</head>
<body>
<!-- Your code blocks -->
<pre><code class="language-wvlet">
model User =
from 'users.json'
select name, age, email
</code></pre>
<!-- highlight.js core -->
<script src="https://cdn.jsdelivr.net/npm/highlight.js@11/lib/core.min.js"></script>
<!-- Wvlet language support -->
<script src="https://cdn.jsdelivr.net/npm/@wvlet/highlightjs-wvlet@2025.1.13/dist/wvlet.min.js"></script>
<script>
// Wvlet language is auto-registered when loaded in browser
// Just apply highlighting
hljs.highlightAll();
</script>
</body>
</html>For a complete example, see test-cdn.html.
This package is part of the wvlet pnpm workspace. To build the minified version for distribution:
pnpm install
pnpm --filter @wvlet/highlightjs-wvlet run buildThis will create dist/wvlet.min.js.
Run the tests with:
pnpm --filter @wvlet/highlightjs-wvlet testApache License 2.0
Contributions are welcome! Please feel free to submit a Pull Request.