docs(preview): add cql language preview

Author: metonym

www/components/LanguagePreview.svelte

@@ -4,6 +4,7 @@
   import { caddyPreviewSnippets } from "@www/preview/caddy-preview-snippets";
   import { cairoPreviewSnippets } from "@www/preview/cairo-preview-snippets";
   import { clarityPreviewSnippets } from "@www/preview/clarity-preview-snippets";
+  import { cqlPreviewSnippets } from "@www/preview/cql-preview-snippets";
   import { cuePreviewSnippets } from "@www/preview/cue-preview-snippets";
   import { cypherPreviewSnippets } from "@www/preview/cypher-preview-snippets";
   import { d2PreviewSnippets } from "@www/preview/d2-preview-snippets";
@@ -56,6 +57,7 @@
   import caddy from "svelte-highlight/languages/caddy";
   import cairo from "svelte-highlight/languages/cairo";
   import clarity from "svelte-highlight/languages/clarity";
+  import cql from "svelte-highlight/languages/cql";
   import cue from "svelte-highlight/languages/cue";
   import cypher from "svelte-highlight/languages/cypher";
   import d2 from "svelte-highlight/languages/d2";
@@ -101,7 +103,7 @@
   import wgsl from "svelte-highlight/languages/wgsl";
   import zig from "svelte-highlight/languages/zig";
 
-  /** @type {"solidity" | "hcl" | "zig" | "prisma" | "toml" | "fish" | "nushell" | "gleam" | "json5" | "jsonc" | "dotenv" | "groq" | "wgsl" | "cypher" | "promql" | "bicep" | "rescript" | "starlark" | "move" | "cairo" | "vyper" | "clarity" | "cue" | "jsonnet" | "dhall" | "pkl" | "nickel" | "pug" | "razor" | "v" | "odin" | "caddy" | "d2" | "bibtex" | "jq" | "kql" | "logql" | "rego" | "dax" | "typst" | "rst" | "templ" | "hlsl" | "just" | "gdscript" | "heex" | "sparql" | "prql" | "flux"} */
+  /** @type {"solidity" | "hcl" | "zig" | "prisma" | "toml" | "fish" | "nushell" | "gleam" | "json5" | "jsonc" | "dotenv" | "groq" | "wgsl" | "cypher" | "promql" | "bicep" | "rescript" | "starlark" | "move" | "cairo" | "vyper" | "clarity" | "cue" | "jsonnet" | "dhall" | "pkl" | "nickel" | "pug" | "razor" | "v" | "odin" | "caddy" | "d2" | "bibtex" | "jq" | "kql" | "logql" | "rego" | "dax" | "typst" | "rst" | "templ" | "hlsl" | "just" | "gdscript" | "heex" | "sparql" | "prql" | "flux" | "cql"} */
   export let language;
 
   const registry = {
@@ -154,6 +156,7 @@
     just: { lang: just, snippets: justPreviewSnippets },
     prql: { lang: prql, snippets: prqlPreviewSnippets },
     flux: { lang: flux, snippets: fluxPreviewSnippets },
+    cql: { lang: cql, snippets: cqlPreviewSnippets },
   };
 
   $: ({ lang, snippets } = registry[language]);

www/components/globals/Header.svelte

@@ -88,6 +88,7 @@
     "/preview-sparql": "SPARQL language preview",
     "/preview-prql": "PRQL language preview",
     "/preview-flux": "Flux language preview",
+    "/preview-cql": "CQL language preview",
     "/preview-define-theme": "defineTheme preview",
   };
 

www/pages/preview-cql.astro

@@ -0,0 +1,8 @@
+---
+import LanguagePreview from "@components/LanguagePreview.svelte";
+import Layout from "@layouts/Layout.astro";
+---
+
+<Layout title="CQL language preview">
+  <LanguagePreview language="cql" client:idle />
+</Layout>

www/preview/cql-preview-snippets.ts

@@ -0,0 +1,36 @@
+export type CqlPreviewSnippet = {
+  title: string;
+  description?: string;
+  code: string;
+};
+
+export const cqlPreviewSnippets: CqlPreviewSnippet[] = [
+  {
+    title: "Creating a table",
+    description: "keywords, column types, and PRIMARY KEY",
+    code: `CREATE TABLE users (
+    id UUID PRIMARY KEY,
+    name TEXT,
+    age INT,
+    created_at TIMESTAMP
+);`,
+  },
+  {
+    title: "Filtering with ALLOW FILTERING",
+    description: "WHERE, ALLOW FILTERING, and bind markers",
+    code: `SELECT name, age
+FROM users
+WHERE age > ?
+ALLOW FILTERING;`,
+  },
+  {
+    title: "Insert with TTL",
+    description: "USING TTL, string escaping, and built-in functions",
+    code: `-- expire the row after one day
+INSERT INTO users (id, name)
+VALUES (uuid(), 'O''Brien')
+USING TTL 86400;
+
+SELECT count(*), writetime(name) FROM users;`,
+  },
+];