support sql

JSerZANP · Aug 13, 2023 · 6246227 · 6246227 · vercel · Aug 13, 2023
1 parent 4e3cc08
commit 6246227
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 1 deletion.
diff --git a/examples/web/components/CodeSnippet.tsx b/examples/web/components/CodeSnippet.tsx
@@ -175,7 +175,7 @@ const ALL_LANGS = [
   // "smalltalk",
   // "solidity",
   // "sparql",
-  // "sql",
+  "sql",
   // "ssh-config",
   // "stata",
   // "stylus",
@@ -670,6 +670,18 @@ def greet(name):
   # -----
   #   ^
   # [Hello world!]
+`,
+  sql: `
+-- Create a new table to store customer information
+CREATE TABLE Customers (
+  -- @dim
+    CustomerID INT PRIMARY KEY,
+    FirstName VARCHAR(50),
+  --          -------
+  --             ^
+  --     [Hello World!]
+    LastName VARCHAR(50)
+);
 `,
   vb: `
 Imports System

diff --git a/packages/remark-shaku-code-annotate/src/__tests__/langs/sql/input.txt b/packages/remark-shaku-code-annotate/src/__tests__/langs/sql/input.txt
@@ -0,0 +1,12 @@
+```sql annotate
+-- Create a new table to store customer information
+CREATE TABLE Customers (
+  -- @dim
+    CustomerID INT PRIMARY KEY,
+    FirstName VARCHAR(50),
+  --          -------
+  --             ^
+  --     [Hello World!]
+    LastName VARCHAR(50)
+);
+```
diff --git a/packages/remark-shaku-code-annotate/src/__tests__/langs/sql/output.txt b/packages/remark-shaku-code-annotate/src/__tests__/langs/sql/output.txt
@@ -0,0 +1 @@
+<pre class="shiki github-light" style="color:#24292e;background-color:#fff"><div class="code-container"><code><div class="line"><span style="color: #6A737D">-- Create a new table to store customer information</span></div><div class="line"><span style="color: #D73A49">CREATE</span><span style="color: #24292E"> </span><span style="color: #D73A49">TABLE</span><span style="color: #24292E"> </span><span style="color: #6F42C1">Customers</span><span style="color: #24292E"> (</span></div><div class="line dim"><span style="color: #24292E">    CustomerID </span><span style="color: #D73A49">INT</span><span style="color: #24292E"> </span><span style="color: #D73A49">PRIMARY KEY</span><span style="color: #24292E">,</span></div><div class="line"><span style="color: #24292E">    FirstName </span><span style="color: #D73A49">VARCHAR</span><span style="color: #24292E">(</span><span style="color: #005CC5">50</span><span style="color: #24292E">),</span></div><div class="shaku-underline shaku-underline-solid" style="left:14ch"><span class="shaku-underline-line" style="left:0ch">-------</span></div><div class="shaku-callout" style="left:9ch"><span class="shaku-callout-arrow" style="left:8ch"></span><p>Hello World!</p></div><div class="line"><span style="color: #24292E">    LastName </span><span style="color: #D73A49">VARCHAR</span><span style="color: #24292E">(</span><span style="color: #005CC5">50</span><span style="color: #24292E">)</span></div><div class="line"><span style="color: #24292E">);</span></div></code></div></pre>