support cobol and matlab

examples/web/components/CodeSnippet.tsx

@@ -44,7 +44,7 @@ const ALL_LANGS = [
   // "clojure",
   // "clj",
   // "cmake",
-  // "cobol",
+  "cobol",
   // "codeql",
   // "ql",
   // "coffee",
@@ -120,7 +120,7 @@ const ALL_LANGS = [
   // "markdown",
   // "md",
   // "marko",
-  // "matlab",
+  "matlab",
   // "mdx",
   // "mermaid",
   // "nginx",
@@ -604,6 +604,14 @@ int main() {
 // [Hello World!]
     return 0;
 }
+`,
+  cobol: `
+* @dim
+ENVIRONMENT DIVISION.
+DATA DIVISION.
+*    --------
+*   ^
+* [Hello World!]
 `,
   cpp: `
 // @dim
@@ -683,6 +691,15 @@ export default function Counter() {
     </button>
   );
 }`,
+  matlab: `
+% @dim
+% This is a single-line comment in MATLAB.
+
+variable = 10; 
+%          --
+  %        ^
+  % [Hello World!]
+`,
   php: `
 // @dim
 <?php

packages/remark-shaku-code-annotate/src/__tests__/langs/cobol/input.txt

@@ -0,0 +1,8 @@
+```cobol annotate
+* @dim
+ENVIRONMENT DIVISION.
+DATA DIVISION.
+*    --------
+*   ^
+* [Hello World!]
+```

packages/remark-shaku-code-annotate/src/__tests__/langs/cobol/output.txt

@@ -0,0 +1 @@
+<pre class="shiki github-light" style="color:#24292e;background-color:#fff"><div class="code-container"><code><div class="line dim"><span style="color: #D73A49">ENVIRONMENT DIVISION</span><span style="color: #24292E">.</span></div><div class="line"><span style="color: #D73A49">DATA DIVISION</span><span style="color: #24292E">.</span></div><div class="shaku-underline shaku-underline-solid" style="left:5ch"><span class="shaku-underline-line" style="left:0ch">--------</span></div><div class="shaku-callout" style="left:2ch"><span class="shaku-callout-arrow" style="left:2ch"></span><p>Hello World!</p></div></code></div></pre>

packages/remark-shaku-code-annotate/src/__tests__/langs/matlab/input.txt

@@ -0,0 +1,9 @@
+```matlab annotate
+% @dim
+% This is a single-line comment in MATLAB.
+
+variable = 10; 
+%          --
+  %        ^
+  % [Hello World!]
+```

packages/remark-shaku-code-annotate/src/__tests__/langs/matlab/output.txt

@@ -0,0 +1 @@
+<pre class="shiki github-light" style="color:#24292e;background-color:#fff"><div class="code-container"><code><div class="line dim"><span style="color: #6A737D">% This is a single-line comment in MATLAB.</span></div><div class="line"></div><div class="line"><span style="color: #24292E">variable = </span><span style="color: #005CC5">10</span><span style="color: #24292E">; </span></div><div class="shaku-underline shaku-underline-solid" style="left:11ch"><span class="shaku-underline-line" style="left:0ch">--</span></div><div class="shaku-callout" style="left:4ch"><span class="shaku-callout-arrow" style="left:7ch"></span><p>Hello World!</p></div></code></div></pre>

packages/remark-shaku-code-annotate/src/index.ts

@@ -391,6 +391,9 @@ const commentMarkers: Record<string, { head?: RegExp; tail?: RegExp }> = {
   asm: {
     head: /^\s*;/,
   },
+  cobol: {
+    head: /^\s*\*/,
+  },
 };
 
 function trimCommentBody(body: string, lang?: string | null) {