feat: add Svelte language to CodeMirror (#212)

Author: adrianmroz

packages/components/react/package.json

@@ -66,9 +66,13 @@
     "@codemirror/language": "^6.10.2",
     "@codemirror/state": "^6.4.1",
     "@codemirror/view": "^6.28.1",
+    "@lezer/common": "^1.0.0",
     "@lezer/highlight": "^1.2.0",
+    "@lezer/javascript": "^1.2.0",
+    "@lezer/lr": "^1.0.0",
     "@nanostores/react": "0.7.2",
     "@radix-ui/react-accordion": "^1.2.0",
+    "@replit/codemirror-lang-svelte": "^6.0.0",
     "@tutorialkit/runtime": "workspace:*",
     "@tutorialkit/theme": "workspace:*",
     "@webcontainer/api": "1.2.0",

packages/components/react/src/core/CodeMirrorEditor/languages.ts

@@ -78,6 +78,13 @@ export const supportedLanguages = [
       return import('@codemirror/lang-wast').then((module) => module.wast());
     },
   }),
+  LanguageDescription.of({
+    name: 'Svelte',
+    extensions: ['svelte'],
+    async load() {
+      return import('@replit/codemirror-lang-svelte').then((module) => module.svelte());
+    },
+  }),
 ];
 
 export async function getLanguage(fileName: string) {