Code editor additional languages (#2684)

Co-authored-by: Dylan Hyun <dylan.hyun@hashicorp.com>

Author: zamoore

.changeset/smooth-bobcats-hang.md

@@ -0,0 +1,9 @@
+---
+"@hashicorp/design-system-components": minor
+---
+
+`hds-code-editor` modifier - Add language syntax highlighting suport for JavaScript and Rego
+
+`CodeEditor` - Add language syntax highlighting suport for JavaScript and Rego
+
+Dependencies - added @codemirror/lang-javascript

packages/components/package.json

@@ -37,6 +37,7 @@
   "dependencies": {
     "@codemirror/commands": "^6.8.0",
     "@codemirror/lang-go": "^6.0.1",
+    "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/lang-json": "^6.0.1",
     "@codemirror/lang-sql": "^6.8.0",
     "@codemirror/lang-yaml": "^6.1.2",

packages/components/src/modifiers/hds-code-editor.ts

@@ -52,6 +52,12 @@ const LANGUAGES: Record<
   HdsCodeEditorLanguages,
   { load: () => Promise<Extension | StreamLanguageType<unknown>> }
 > = {
+  rego: {
+    load: async () => {
+      const { rego } = await import('./hds-code-editor/languages/rego.ts');
+      return defineStreamLanguage(rego);
+    },
+  },
   ruby: {
     load: async () => {
       const { ruby } = await import('@codemirror/legacy-modes/mode/ruby');
@@ -78,6 +84,10 @@ const LANGUAGES: Record<
   hcl: {
     load: async () => (await import('codemirror-lang-hcl')).hcl(),
   },
+  javascript: {
+    load: async () =>
+      (await import('@codemirror/lang-javascript')).javascript(),
+  },
   json: {
     load: async () => (await import('@codemirror/lang-json')).json(),
   },