Merge pull request #333 from riccardoperra/fix/new-languages-xml-json

feat(config): add xml and json language support

packages/config/package.json

@@ -28,9 +28,6 @@
     "@codeimage/highlight": "workspace:*",
     "@codemirror/autocomplete": "^6.0.3",
     "@codemirror/commands": "^6.0.1",
-    "@codemirror/language": "^6.2.0",
-    "@codemirror/lint": "^6.0.0",
-    "@codemirror/search": "^6.0.0",
     "@codemirror/lang-cpp": "^6.0.1",
     "@codemirror/lang-css": "^6.0.0",
     "@codemirror/lang-html": "^6.1.0",
@@ -42,17 +39,21 @@
     "@codemirror/lang-python": "^6.0.0",
     "@codemirror/lang-rust": "^6.0.0",
     "@codemirror/lang-sql": "^6.0.0",
+    "@codemirror/lang-xml": "6.0.0",
+    "@codemirror/language": "^6.2.0",
+    "@codemirror/legacy-modes": "^6.1.0",
+    "@codemirror/lint": "^6.0.0",
+    "@codemirror/search": "^6.0.0",
     "@codemirror/state": "^6.1.0",
     "@codemirror/view": "^6.0.2",
-    "@codemirror/legacy-modes": "^6.1.0",
     "material-icon-theme": "^4.19.0",
     "solid-js": "^1.4.6"
   },
   "peerDependencies": {
     "@codeimage/highlight": "workspace:*",
+    "@codemirror/language": "^6.2.0",
     "@codemirror/state": "^6.1.0",
     "@codemirror/view": "^6.0.2",
-    "@codemirror/language": "^6.2.0",
     "solid-js": "^1.4.6"
   },
   "devDependencies": {

packages/config/src/lib/base/languages.ts

@@ -341,10 +341,43 @@ export const SUPPORTED_LANGUAGES: readonly LanguageDefinition[] = [
       },
     ],
   },
+  {
+    id: 'xml',
+    label: 'XML',
+    plugin: () => import('@codemirror/lang-xml').then(({xml}) => xml()),
+    icons: [
+      {
+        name: 'xml',
+        extension: '.xml',
+        content: () => import('material-icon-theme/icons/xml.svg?raw'),
+        matcher: /^.*\.(xml)$/,
+      },
+    ],
+  },
+  {
+    id: 'json',
+    label: 'JSON',
+    plugin: () => import('@codemirror/lang-json').then(({json}) => json()),
+    icons: [
+      {
+        name: 'json',
+        extension: '.json',
+        content: () => import('material-icon-theme/icons/json.svg?raw'),
+        matcher: /^.*\.(json)$/,
+      },
+    ],
+  },
   {
     id: 'sql',
     label: 'SQL',
     plugin: () => import('@codemirror/lang-sql').then(({sql}) => sql()),
-    icons: [],
+    icons: [
+      {
+        name: 'sql',
+        extension: '.sql',
+        content: () => import('material-icon-theme/icons/database.svg?raw'),
+        matcher: /^.*\.(sql)$/,
+      },
+    ],
   },
 ];