syntax highlight for svelte block in markdown (#301)

sveltejs · Jul 10, 2020 · 514187d · 514187d
1 parent cc6cac0
commit 514187d
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 0 deletions.
diff --git a/packages/svelte-vscode/package.json b/packages/svelte-vscode/package.json
@@ -233,6 +233,16 @@
                     "source.js": "javascript",
                     "source.ts": "typescript"
                 }
+            },
+            {
+              "scopeName": "markdown.svelte.codeblock",
+              "path": "./syntaxes/markdown-svelte.json",
+              "injectTo": [
+                "text.html.markdown"
+              ],
+              "embeddedLanguages": {
+                "meta.embedded.block.svelte": "svelte"
+              }
             }
         ],
         "commands": [

diff --git a/packages/svelte-vscode/syntaxes/markdown-svelte.json b/packages/svelte-vscode/syntaxes/markdown-svelte.json
@@ -0,0 +1,45 @@
+{
+    "scopeName": "markdown.svelte.codeblock",
+    "fileTypes": [],
+    "injectionSelector": "L:text.html.markdown",
+    "patterns": [
+        {
+            "include": "#svelte-code-block"
+        }
+    ],
+    "repository": {
+        "svelte-code-block": {
+            "begin": "(^|\\G)(\\s*)(\\`{3,}|~{3,})\\s*(?i:(svelte|sv)(\\s+[^`~]*)?$)",
+            "name": "markup.fenced_code.block.markdown",
+            "end": "(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$",
+            "beginCaptures": {
+                "3": {
+                    "name": "punctuation.definition.markdown"
+                },
+                "5": {
+                    "name": "fenced_code.block.language"
+                },
+                "6": {
+                    "name": "fenced_code.block.language.attributes"
+                }
+            },
+            "endCaptures": {
+                "3": {
+                    "name": "punctuation.definition.markdown"
+                }
+            },
+            "patterns": [
+                {
+                    "begin": "(^|\\G)(\\s*)(.*)",
+                    "while": "(^|\\G)(?!\\s*([`~]{3,})\\s*$)",
+                    "contentName": "meta.embedded.block.svelte",
+                    "patterns": [
+                        {
+                            "include": "source.svelte"
+                        }
+                    ]
+                }
+            ]
+        }
+    }
+}