@hashicorp/design-system-components 4.14.0 → 4.16.0

package/dist/modifiers/hds-code-editor/languages/sentinel.js

@@ -0,0 +1,143 @@
+function wordRegexp(words) {
+  return new RegExp('^((' + words.join(')|(') + '))\\b');
+}
+
+// logical operators
+const wordOperators = wordRegexp(['and', 'contains', 'else', 'in', 'is', 'matches', 'not', 'or', 'xor']);
+
+// keywords
+const sentinelKeywords = ['all', 'any', 'as', 'break', 'case', 'continue', 'default', 'else', 'empty', 'filter', 'for', 'func', 'if', 'import', 'map', 'param', 'return', 'rule', 'when'];
+
+// built-ins / constants
+const sentinelBuiltins = ['true', 'false', 'null', 'undefined', 'length', 'append', 'delete', 'keys', 'values', 'range', 'print', 'int', 'float', 'string', 'bool'];
+const keywords = wordRegexp(sentinelKeywords);
+const builtins = wordRegexp(sentinelBuiltins);
+function mkSentinel(parserConf) {
+  const ERRORCLASS = 'error';
+
+  // delimiters, operators, etc.
+  const delimiters = parserConf.delimiters ?? /^[()[\]{},:;=.]/;
+  const operators = [parserConf.operators ?? /^(\+|-|\*|\/|%|<=|>=|<|>|==|!=|!|&&|\|\|)/];
+
+  // tokenizer
+  function tokenBase(stream, state) {
+    return tokenBaseInner(stream, state);
+  }
+  function tokenBaseInner(stream, state) {
+    if (stream.eatSpace()) {
+      return null;
+    }
+
+    // comments
+    // single-line `//`
+    if (stream.match('//')) {
+      stream.skipToEnd();
+      return 'comment';
+    }
+    // multi-line `/* ... */`
+    if (stream.match('/*')) {
+      state.tokenize = tokenComment;
+      return state.tokenize(stream, state);
+    }
+
+    // strings
+    if (stream.match(/"/) || stream.match(/'/)) {
+      // We’ve just consumed either " or '
+      const quote = stream.current();
+      state.tokenize = tokenString(quote);
+      return state.tokenize(stream, state);
+    }
+
+    // numbers
+    if (stream.match(/^[0-9]+(\.[0-9]+)?/)) {
+      return 'number';
+    }
+
+    // operators
+    for (let i = 0; i < operators.length; i++) {
+      if (stream.match(operators[i])) {
+        return 'operator';
+      }
+    }
+
+    // delimiters/punctuation
+    if (stream.match(delimiters)) {
+      return 'punctuation';
+    }
+
+    // keywords, operators, builtins
+    if (stream.match(keywords) || stream.match(wordOperators)) {
+      return 'keyword';
+    }
+    if (stream.match(builtins)) {
+      return 'builtin';
+    }
+
+    // identifiers (variables, function names, etc.)
+    if (stream.match(/^[_A-Za-z][_A-Za-z0-9]*/)) {
+      return 'variable';
+    }
+
+    // if nothing matched, consume one character and mark it as error
+    stream.next();
+    return ERRORCLASS;
+  }
+
+  // multi-line comment tokenizer
+  function tokenComment(stream, state) {
+    while (!stream.eol()) {
+      if (stream.match('*/')) {
+        state.tokenize = tokenBase;
+        break;
+      }
+      stream.next();
+    }
+    return 'comment';
+  }
+
+  // string tokenizer factory
+  function tokenString(quote) {
+    return function (stream, state) {
+      let escaped = false;
+      let ch = null;
+      while ((ch = stream.next()) != null) {
+        if (ch === quote && !escaped) {
+          // end of string
+          state.tokenize = tokenBase;
+          break;
+        }
+        escaped = !escaped && ch === '\\';
+      }
+      return 'string';
+    };
+  }
+
+  // CodeMirror API
+  return {
+    name: 'sentinel',
+    startState: function () {
+      return {
+        tokenize: tokenBase
+      };
+    },
+    token: function (stream, state) {
+      return state.tokenize(stream, state);
+    },
+    languageData: {
+      commentTokens: {
+        line: '//',
+        block: {
+          open: '/*',
+          close: '*/'
+        }
+      },
+      closeBrackets: {
+        brackets: ['(', '[', '{', '"', "'"]
+      }
+    }
+  };
+}
+const sentinel = mkSentinel({});
+
+export { mkSentinel, sentinel };
+//# sourceMappingURL=sentinel.js.map

package/dist/modifiers/hds-code-editor/languages/sentinel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sentinel.js","sources":["../../../../src/modifiers/hds-code-editor/languages/sentinel.ts"],"sourcesContent":["import type { StringStream } from '@codemirror/language';\n\ntype Quote = '\"' | \"'\";\n\ninterface ParserConfig {\n  delimiters?: RegExp;\n  operators?: RegExp;\n}\n\ninterface SentinelState {\n  tokenize: (stream: StringStream, state: SentinelState) => string | null;\n}\n\nfunction wordRegexp(words: string[]): RegExp {\n  return new RegExp('^((' + words.join(')|(') + '))\\\\b');\n}\n\n// logical operators\nconst wordOperators = wordRegexp([\n  'and',\n  'contains',\n  'else',\n  'in',\n  'is',\n  'matches',\n  'not',\n  'or',\n  'xor',\n]);\n\n// keywords\nconst sentinelKeywords = [\n  'all',\n  'any',\n  'as',\n  'break',\n  'case',\n  'continue',\n  'default',\n  'else',\n  'empty',\n  'filter',\n  'for',\n  'func',\n  'if',\n  'import',\n  'map',\n  'param',\n  'return',\n  'rule',\n  'when',\n];\n\n// built-ins / constants\nconst sentinelBuiltins = [\n  'true',\n  'false',\n  'null',\n  'undefined',\n  'length',\n  'append',\n  'delete',\n  'keys',\n  'values',\n  'range',\n  'print',\n  'int',\n  'float',\n  'string',\n  'bool',\n];\n\nconst keywords = wordRegexp(sentinelKeywords);\nconst builtins = wordRegexp(sentinelBuiltins);\n\nexport function mkSentinel(parserConf: ParserConfig) {\n  const ERRORCLASS = 'error';\n\n  // delimiters, operators, etc.\n  const delimiters = parserConf.delimiters ?? /^[()[\\]{},:;=.]/;\n  const operators = [\n    parserConf.operators ?? /^(\\+|-|\\*|\\/|%|<=|>=|<|>|==|!=|!|&&|\\|\\|)/,\n  ];\n\n  // tokenizer\n  function tokenBase(\n    stream: StringStream,\n    state: SentinelState\n  ): string | null {\n    return tokenBaseInner(stream, state);\n  }\n\n  function tokenBaseInner(\n    stream: StringStream,\n    state: SentinelState\n  ): string | null {\n    if (stream.eatSpace()) {\n      return null;\n    }\n\n    // comments\n    // single-line `//`\n    if (stream.match('//')) {\n      stream.skipToEnd();\n      return 'comment';\n    }\n    // multi-line `/* ... */`\n    if (stream.match('/*')) {\n      state.tokenize = tokenComment;\n      return state.tokenize(stream, state);\n    }\n\n    // strings\n    if (stream.match(/\"/) || stream.match(/'/)) {\n      // We’ve just consumed either \" or '\n      const quote = stream.current();\n      state.tokenize = tokenString(quote as Quote);\n      return state.tokenize(stream, state);\n    }\n\n    // numbers\n    if (stream.match(/^[0-9]+(\\.[0-9]+)?/)) {\n      return 'number';\n    }\n\n    // operators\n    for (let i = 0; i < operators.length; i++) {\n      if (stream.match(operators[i]!)) {\n        return 'operator';\n      }\n    }\n\n    // delimiters/punctuation\n    if (stream.match(delimiters)) {\n      return 'punctuation';\n    }\n\n    // keywords, operators, builtins\n    if (stream.match(keywords) || stream.match(wordOperators)) {\n      return 'keyword';\n    }\n    if (stream.match(builtins)) {\n      return 'builtin';\n    }\n\n    // identifiers (variables, function names, etc.)\n    if (stream.match(/^[_A-Za-z][_A-Za-z0-9]*/)) {\n      return 'variable';\n    }\n\n    // if nothing matched, consume one character and mark it as error\n    stream.next();\n\n    return ERRORCLASS;\n  }\n\n  // multi-line comment tokenizer\n  function tokenComment(stream: StringStream, state: SentinelState): string {\n    while (!stream.eol()) {\n      if (stream.match('*/')) {\n        state.tokenize = tokenBase;\n        break;\n      }\n      stream.next();\n    }\n    return 'comment';\n  }\n\n  // string tokenizer factory\n  function tokenString(\n    quote: Quote\n  ): (stream: StringStream, state: SentinelState) => string {\n    return function (stream: StringStream, state: SentinelState) {\n      let escaped = false;\n      let ch = null;\n\n      while ((ch = stream.next()) != null) {\n        if (ch === quote && !escaped) {\n          // end of string\n          state.tokenize = tokenBase;\n          break;\n        }\n        escaped = !escaped && ch === '\\\\';\n      }\n\n      return 'string';\n    };\n  }\n\n  // CodeMirror API\n  return {\n    name: 'sentinel',\n\n    startState: function (): SentinelState {\n      return {\n        tokenize: tokenBase,\n      };\n    },\n\n    token: function (\n      stream: StringStream,\n      state: SentinelState\n    ): string | null {\n      return state.tokenize(stream, state);\n    },\n\n    languageData: {\n      commentTokens: { line: '//', block: { open: '/*', close: '*/' } },\n      closeBrackets: { brackets: ['(', '[', '{', '\"', \"'\"] },\n    },\n  };\n}\n\nexport const sentinel = mkSentinel({});\n"],"names":["wordRegexp","words","RegExp","join","wordOperators","sentinelKeywords","sentinelBuiltins","keywords","builtins","mkSentinel","parserConf","ERRORCLASS","delimiters","operators","tokenBase","stream","state","tokenBaseInner","eatSpace","match","skipToEnd","tokenize","tokenComment","quote","current","tokenString","i","length","next","eol","escaped","ch","name","startState","token","languageData","commentTokens","line","block","open","close","closeBrackets","brackets","sentinel"],"mappings":"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"}

package/dist/modifiers/hds-code-editor/palettes/hds-dark-palette.js

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const HDS_CODE_BLOCK_WHITE = '#efeff1';
+const HDS_CODE_BLOCK_BLUE = '#2d8eff';
+const HDS_CODE_BLOCK_GREEN = '#86ff13';
+const HDS_CODE_BLOCK_ORANGE = '#ffa800';
+const HDS_CODE_BLOCK_PURPLE = '#c76cff';
+const HDS_CODE_BLOCK_RED = '#ff3b20';
+const HDS_CODE_BLOCK_CYAN = '#32fff7';
+const HDS_CODE_BLOCK_LINE_HIGHLIGHT = 'rgba(0, 74, 222, 0.2)';
+const HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER = '#1b5fe5';
+const HDS_CODE_EDITOR_COLOR_BORDER_STRONG = 'rgba(178, 182, 189, 40%)';
+const HDS_CODE_EDITOR_COLOR_BORDER_PRIMARY = 'rgba(178, 182, 189, 20%)';
+const HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY = '#d5d7db';
+const HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT = '#878a8f';
+const HDS_CODE_EDITOR_COLOR_FOREGROUND_HIGH_CONTRAST = '#ffffff';
+const HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY = '#0D0E12';
+const HDS_CODE_EDITOR_COLOR_SURFACE_FAINT = '#15181e';
+
+export { HDS_CODE_BLOCK_BLUE, HDS_CODE_BLOCK_CYAN, HDS_CODE_BLOCK_GREEN, HDS_CODE_BLOCK_LINE_HIGHLIGHT, HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER, HDS_CODE_BLOCK_ORANGE, HDS_CODE_BLOCK_PURPLE, HDS_CODE_BLOCK_RED, HDS_CODE_BLOCK_WHITE, HDS_CODE_EDITOR_COLOR_BORDER_PRIMARY, HDS_CODE_EDITOR_COLOR_BORDER_STRONG, HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT, HDS_CODE_EDITOR_COLOR_FOREGROUND_HIGH_CONTRAST, HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY, HDS_CODE_EDITOR_COLOR_SURFACE_FAINT, HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY };
+//# sourceMappingURL=hds-dark-palette.js.map

package/dist/modifiers/hds-code-editor/palettes/hds-dark-palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hds-dark-palette.js","sources":["../../../../src/modifiers/hds-code-editor/palettes/hds-dark-palette.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport const HDS_CODE_BLOCK_WHITE = '#efeff1';\nexport const HDS_CODE_BLOCK_BLUE = '#2d8eff';\nexport const HDS_CODE_BLOCK_GREEN = '#86ff13';\nexport const HDS_CODE_BLOCK_ORANGE = '#ffa800';\nexport const HDS_CODE_BLOCK_PURPLE = '#c76cff';\nexport const HDS_CODE_BLOCK_RED = '#ff3b20';\nexport const HDS_CODE_BLOCK_CYAN = '#32fff7';\n\nexport const HDS_CODE_BLOCK_LINE_HIGHLIGHT = 'rgba(0, 74, 222, 0.2)';\nexport const HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER = '#1b5fe5';\n\nexport const HDS_CODE_EDITOR_COLOR_BORDER_STRONG = 'rgba(178, 182, 189, 40%)';\nexport const HDS_CODE_EDITOR_COLOR_BORDER_PRIMARY = 'rgba(178, 182, 189, 20%)';\nexport const HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY = '#d5d7db';\nexport const HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT = '#878a8f';\nexport const HDS_CODE_EDITOR_COLOR_FOREGROUND_HIGH_CONTRAST = '#ffffff';\nexport const HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY = '#0D0E12';\nexport const HDS_CODE_EDITOR_COLOR_SURFACE_FAINT = '#15181e';\n"],"names":["HDS_CODE_BLOCK_WHITE","HDS_CODE_BLOCK_BLUE","HDS_CODE_BLOCK_GREEN","HDS_CODE_BLOCK_ORANGE","HDS_CODE_BLOCK_PURPLE","HDS_CODE_BLOCK_RED","HDS_CODE_BLOCK_CYAN","HDS_CODE_BLOCK_LINE_HIGHLIGHT","HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER","HDS_CODE_EDITOR_COLOR_BORDER_STRONG","HDS_CODE_EDITOR_COLOR_BORDER_PRIMARY","HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY","HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT","HDS_CODE_EDITOR_COLOR_FOREGROUND_HIGH_CONTRAST","HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY","HDS_CODE_EDITOR_COLOR_SURFACE_FAINT"],"mappings":"AAAA;AACA;AACA;AACA;;AAEO,MAAMA,oBAAoB,GAAG;AAC7B,MAAMC,mBAAmB,GAAG;AAC5B,MAAMC,oBAAoB,GAAG;AAC7B,MAAMC,qBAAqB,GAAG;AAC9B,MAAMC,qBAAqB,GAAG;AAC9B,MAAMC,kBAAkB,GAAG;AAC3B,MAAMC,mBAAmB,GAAG;AAE5B,MAAMC,6BAA6B,GAAG;AACtC,MAAMC,oCAAoC,GAAG;AAE7C,MAAMC,mCAAmC,GAAG;AAC5C,MAAMC,oCAAoC,GAAG;AAC7C,MAAMC,wCAAwC,GAAG;AACjD,MAAMC,sCAAsC,GAAG;AAC/C,MAAMC,8CAA8C,GAAG;AACvD,MAAMC,qCAAqC,GAAG;AAC9C,MAAMC,mCAAmC,GAAG;;;;"}

package/dist/modifiers/hds-code-editor/themes/hds-dark-theme.js

@@ -0,0 +1,62 @@
+import { EditorView } from '@codemirror/view';
+import { HDS_CODE_BLOCK_WHITE, HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY, HDS_CODE_BLOCK_GREEN, HDS_CODE_EDITOR_COLOR_BORDER_PRIMARY, HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT, HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER, HDS_CODE_BLOCK_LINE_HIGHLIGHT, HDS_CODE_EDITOR_COLOR_FOREGROUND_HIGH_CONTRAST } from '../palettes/hds-dark-palette.js';
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const hdsDark = EditorView.theme({
+  '&': {
+    color: HDS_CODE_BLOCK_WHITE,
+    backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,
+    height: '100%'
+  },
+  '& ::selection': {
+    backgroundColor: HDS_CODE_BLOCK_GREEN,
+    color: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY
+  },
+  '.cm-content': {
+    padding: '16px 0'
+  },
+  '.cm-gutters': {
+    backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY
+  },
+  '.cm-gutter': {
+    borderRight: `1px solid ${HDS_CODE_EDITOR_COLOR_BORDER_PRIMARY}`
+  },
+  '.cm-lineNumbers': {
+    color: HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT
+  },
+  '.cm-lineNumbers .cm-gutterElement': {
+    borderLeft: '4px solid transparent',
+    padding: '0 16px'
+  },
+  '.cm-gutterElement.cm-activeLineGutter': {
+    backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY
+  },
+  '&:not(.cm-hasSelection).cm-focused .cm-gutterElement.cm-activeLineGutter': {
+    borderColor: HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER,
+    backgroundColor: HDS_CODE_BLOCK_LINE_HIGHLIGHT,
+    color: HDS_CODE_EDITOR_COLOR_FOREGROUND_HIGH_CONTRAST,
+    outline: `1px solid ${HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER}`
+  },
+  '.cm-line': {
+    padding: '0 16px'
+  },
+  '.cm-activeLine': {
+    backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY
+  },
+  '&:not(.cm-hasSelection).cm-focused .cm-activeLine': {
+    backgroundColor: HDS_CODE_BLOCK_LINE_HIGHLIGHT,
+    outline: `1px solid ${HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER}`
+  },
+  '.cm-matchingBracket': {
+    outline: `1px solid ${HDS_CODE_BLOCK_WHITE}`
+  }
+}, {
+  dark: true
+});
+
+export { hdsDark as default };
+//# sourceMappingURL=hds-dark-theme.js.map

package/dist/modifiers/hds-code-editor/themes/hds-dark-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hds-dark-theme.js","sources":["../../../../src/modifiers/hds-code-editor/themes/hds-dark-theme.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { EditorView } from '@codemirror/view';\nimport {\n  HDS_CODE_BLOCK_LINE_HIGHLIGHT,\n  HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER,\n  HDS_CODE_BLOCK_GREEN,\n  HDS_CODE_BLOCK_WHITE,\n  HDS_CODE_EDITOR_COLOR_BORDER_PRIMARY,\n  HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,\n  HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT,\n  HDS_CODE_EDITOR_COLOR_FOREGROUND_HIGH_CONTRAST,\n} from '../palettes/hds-dark-palette.ts';\n\nconst hdsDark = EditorView.theme(\n  {\n    '&': {\n      color: HDS_CODE_BLOCK_WHITE,\n      backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,\n      height: '100%',\n    },\n    '& ::selection': {\n      backgroundColor: HDS_CODE_BLOCK_GREEN,\n      color: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,\n    },\n    '.cm-content': {\n      padding: '16px 0',\n    },\n    '.cm-gutters': {\n      backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,\n    },\n    '.cm-gutter': {\n      borderRight: `1px solid ${HDS_CODE_EDITOR_COLOR_BORDER_PRIMARY}`,\n    },\n    '.cm-lineNumbers': {\n      color: HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT,\n    },\n    '.cm-lineNumbers .cm-gutterElement': {\n      borderLeft: '4px solid transparent',\n      padding: '0 16px',\n    },\n    '.cm-gutterElement.cm-activeLineGutter': {\n      backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,\n    },\n    '&:not(.cm-hasSelection).cm-focused .cm-gutterElement.cm-activeLineGutter':\n      {\n        borderColor: HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER,\n        backgroundColor: HDS_CODE_BLOCK_LINE_HIGHLIGHT,\n        color: HDS_CODE_EDITOR_COLOR_FOREGROUND_HIGH_CONTRAST,\n        outline: `1px solid ${HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER}`,\n      },\n    '.cm-line': {\n      padding: '0 16px',\n    },\n    '.cm-activeLine': {\n      backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,\n    },\n    '&:not(.cm-hasSelection).cm-focused .cm-activeLine': {\n      backgroundColor: HDS_CODE_BLOCK_LINE_HIGHLIGHT,\n      outline: `1px solid ${HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER}`,\n    },\n    '.cm-matchingBracket': {\n      outline: `1px solid ${HDS_CODE_BLOCK_WHITE}`,\n    },\n  },\n  { dark: true }\n);\n\nexport default hdsDark;\n"],"names":["hdsDark","EditorView","theme","color","HDS_CODE_BLOCK_WHITE","backgroundColor","HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY","height","HDS_CODE_BLOCK_GREEN","padding","borderRight","HDS_CODE_EDITOR_COLOR_BORDER_PRIMARY","HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT","borderLeft","borderColor","HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER","HDS_CODE_BLOCK_LINE_HIGHLIGHT","HDS_CODE_EDITOR_COLOR_FOREGROUND_HIGH_CONTRAST","outline","dark"],"mappings":";;;AAAA;AACA;AACA;AACA;;AAcA,MAAMA,OAAO,GAAGC,UAAU,CAACC,KAAK,CAC9B;AACE,EAAA,GAAG,EAAE;AACHC,IAAAA,KAAK,EAAEC,oBAAoB;AAC3BC,IAAAA,eAAe,EAAEC,qCAAqC;AACtDC,IAAAA,MAAM,EAAE;GACT;AACD,EAAA,eAAe,EAAE;AACfF,IAAAA,eAAe,EAAEG,oBAAoB;AACrCL,IAAAA,KAAK,EAAEG;GACR;AACD,EAAA,aAAa,EAAE;AACbG,IAAAA,OAAO,EAAE;GACV;AACD,EAAA,aAAa,EAAE;AACbJ,IAAAA,eAAe,EAAEC;GAClB;AACD,EAAA,YAAY,EAAE;IACZI,WAAW,EAAE,aAAaC,oCAAoC,CAAA;GAC/D;AACD,EAAA,iBAAiB,EAAE;AACjBR,IAAAA,KAAK,EAAES;GACR;AACD,EAAA,mCAAmC,EAAE;AACnCC,IAAAA,UAAU,EAAE,uBAAuB;AACnCJ,IAAAA,OAAO,EAAE;GACV;AACD,EAAA,uCAAuC,EAAE;AACvCJ,IAAAA,eAAe,EAAEC;GAClB;AACD,EAAA,0EAA0E,EACxE;AACEQ,IAAAA,WAAW,EAAEC,oCAAoC;AACjDV,IAAAA,eAAe,EAAEW,6BAA6B;AAC9Cb,IAAAA,KAAK,EAAEc,8CAA8C;IACrDC,OAAO,EAAE,aAAaH,oCAAoC,CAAA;GAC3D;AACH,EAAA,UAAU,EAAE;AACVN,IAAAA,OAAO,EAAE;GACV;AACD,EAAA,gBAAgB,EAAE;AAChBJ,IAAAA,eAAe,EAAEC;GAClB;AACD,EAAA,mDAAmD,EAAE;AACnDD,IAAAA,eAAe,EAAEW,6BAA6B;IAC9CE,OAAO,EAAE,aAAaH,oCAAoC,CAAA;GAC3D;AACD,EAAA,qBAAqB,EAAE;IACrBG,OAAO,EAAE,aAAad,oBAAoB,CAAA;AAC5C;AACF,CAAC,EACD;AAAEe,EAAAA,IAAI,EAAE;AAAK,CACf;;;;"}

package/dist/modifiers/hds-code-editor/types.js

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+let HdsCodeEditorLanguageValues = /*#__PURE__*/function (HdsCodeEditorLanguageValues) {
+  HdsCodeEditorLanguageValues["Ruby"] = "ruby";
+  HdsCodeEditorLanguageValues["Shell"] = "shell";
+  HdsCodeEditorLanguageValues["Go"] = "go";
+  HdsCodeEditorLanguageValues["Hcl"] = "hcl";
+  HdsCodeEditorLanguageValues["Json"] = "json";
+  HdsCodeEditorLanguageValues["Sentinel"] = "sentinel";
+  HdsCodeEditorLanguageValues["Sql"] = "sql";
+  HdsCodeEditorLanguageValues["Yaml"] = "yaml";
+  return HdsCodeEditorLanguageValues;
+}({});
+
+export { HdsCodeEditorLanguageValues };
+//# sourceMappingURL=types.js.map

package/dist/modifiers/hds-code-editor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/modifiers/hds-code-editor/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsCodeEditorLanguageValues {\n  Ruby = 'ruby',\n  Shell = 'shell',\n  Go = 'go',\n  Hcl = 'hcl',\n  Json = 'json',\n  Sentinel = 'sentinel',\n  Sql = 'sql',\n  Yaml = 'yaml',\n}\n\nexport type HdsCodeEditorLanguages = `${HdsCodeEditorLanguageValues}`;\n"],"names":["HdsCodeEditorLanguageValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,2BAA2B,0BAA3BA,2BAA2B,EAAA;EAA3BA,2BAA2B,CAAA,MAAA,CAAA,GAAA,MAAA;EAA3BA,2BAA2B,CAAA,OAAA,CAAA,GAAA,OAAA;EAA3BA,2BAA2B,CAAA,IAAA,CAAA,GAAA,IAAA;EAA3BA,2BAA2B,CAAA,KAAA,CAAA,GAAA,KAAA;EAA3BA,2BAA2B,CAAA,MAAA,CAAA,GAAA,MAAA;EAA3BA,2BAA2B,CAAA,UAAA,CAAA,GAAA,UAAA;EAA3BA,2BAA2B,CAAA,KAAA,CAAA,GAAA,KAAA;EAA3BA,2BAA2B,CAAA,MAAA,CAAA,GAAA,MAAA;AAAA,EAAA,OAA3BA,2BAA2B;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/modifiers/hds-code-editor.js

@@ -0,0 +1,266 @@
+import { a as _defineProperty } from '../_rollupPluginBabelHelpers-C_TsMG3M.js';
+import { buildTask } from 'ember-concurrency/async-arrow-runtime';
+import Modifier from 'ember-modifier';
+import { assert, warn } from '@ember/debug';
+import { registerDestructor } from '@ember/destroyable';
+import 'ember-concurrency';
+import config from 'ember-get-config';
+import hdsDark from './hds-code-editor/themes/hds-dark-theme.js';
+import hdsDarkHighlightStyle from './hds-code-editor/highlight-styles/hds-dark-highlight-style.js';
+
+async function defineStreamLanguage(streamParser) {
+  const {
+    StreamLanguage
+  } = await import('@codemirror/language');
+  return StreamLanguage.define(streamParser);
+}
+const LOADER_HEIGHT = '164px';
+const LANGUAGES = {
+  ruby: {
+    load: async () => {
+      const {
+        ruby
+      } = await import('@codemirror/legacy-modes/mode/ruby');
+      return defineStreamLanguage(ruby);
+    }
+  },
+  sentinel: {
+    load: async () => {
+      const {
+        sentinel
+      } = await import('./hds-code-editor/languages/sentinel.js');
+      return defineStreamLanguage(sentinel);
+    }
+  },
+  shell: {
+    load: async () => {
+      const {
+        shell
+      } = await import('@codemirror/legacy-modes/mode/shell');
+      return defineStreamLanguage(shell);
+    }
+  },
+  go: {
+    load: async () => (await import('@codemirror/lang-go')).go()
+  },
+  hcl: {
+    load: async () => (await import('codemirror-lang-hcl')).hcl()
+  },
+  json: {
+    load: async () => (await import('@codemirror/lang-json')).json()
+  },
+  sql: {
+    load: async () => (await import('@codemirror/lang-sql')).sql()
+  },
+  yaml: {
+    load: async () => (await import('@codemirror/lang-yaml')).yaml()
+  }
+};
+class HdsCodeEditorModifier extends Modifier {
+  constructor(owner, args) {
+    super(owner, args);
+    _defineProperty(this, "editor", undefined);
+    _defineProperty(this, "element", undefined);
+    _defineProperty(this, "onBlur", undefined);
+    _defineProperty(this, "onInput", undefined);
+    _defineProperty(this, "blurHandler", undefined);
+    _defineProperty(this, "observer", undefined);
+    _defineProperty(this, "_loadLanguageTask", buildTask(() => ({
+      context: this,
+      generator: function* (language) {
+        if (language === undefined) {
+          return;
+        }
+        try {
+          const validLanguageKeys = Object.keys(LANGUAGES);
+          assert(`\`hds-code-editor\` modifier - \`language\` must be one of the following: ${validLanguageKeys.join(', ')}; received: ${language}`, validLanguageKeys.includes(language));
+          return LANGUAGES[language].load();
+        } catch (error) {
+          warn(`\`hds-code-editor\` modifier - Failed to dynamically import the CodeMirror language module for '${language}'. Error: ${JSON.stringify(error)}`, {
+            id: 'hds-code-editor.load-language-task.import-failed'
+          });
+        }
+      }
+    }), {
+      drop: true
+    }, "_loadLanguageTask", null));
+    _defineProperty(this, "_buildExtensionsTask", buildTask(() => ({
+      context: this,
+      generator: function* ({
+        language
+      }) {
+        const [{
+          EditorView,
+          keymap,
+          lineNumbers,
+          highlightActiveLineGutter,
+          highlightSpecialChars,
+          highlightActiveLine
+        }, {
+          defaultKeymap,
+          history,
+          historyKeymap
+        }, {
+          bracketMatching,
+          syntaxHighlighting
+        }] = yield Promise.all([import('@codemirror/view'), import('@codemirror/commands'), import('@codemirror/language')]);
+        const languageExtension = yield this._loadLanguageTask.perform(language);
+        const handleUpdateExtension = EditorView.updateListener.of(update => {
+          // toggle a class if the update has/does not have a selection
+          if (update.selectionSet) {
+            update.view.dom.classList.toggle('cm-hasSelection', !update.state.selection.main.empty);
+          }
+
+          // call the onInput callback if the document has changed
+          if (!update.docChanged || this.onInput === undefined) {
+            return;
+          }
+          this.onInput(update.state.doc.toString());
+        });
+        let extensions = [bracketMatching(), highlightActiveLine(), highlightActiveLineGutter(), highlightSpecialChars(), history(), lineNumbers(), keymap.of([...defaultKeymap, ...historyKeymap]),
+        // custom extensions
+        handleUpdateExtension,
+        // hds dark theme
+        hdsDark, syntaxHighlighting(hdsDarkHighlightStyle)];
+        if (languageExtension !== undefined) {
+          extensions = [languageExtension, ...extensions];
+        }
+        return extensions;
+      }
+    }), {
+      drop: true
+    }, "_buildExtensionsTask", null));
+    _defineProperty(this, "_createEditorTask", buildTask(() => ({
+      context: this,
+      generator: function* (element, {
+        language,
+        value
+      }) {
+        try {
+          const {
+            EditorState
+          } = yield import('@codemirror/state');
+          const {
+            EditorView
+          } = yield import('@codemirror/view');
+          const extensions = yield this._buildExtensionsTask.perform({
+            language
+          });
+          const state = EditorState.create({
+            doc: value,
+            extensions
+          });
+          const editor = new EditorView({
+            state,
+            parent: element
+          });
+          return editor;
+        } catch (error) {
+          console.error(`\`hds-code-editor\` modifier - Failed to setup the CodeMirror editor. Error: ${JSON.stringify(error)}`);
+        }
+      }
+    }), {
+      drop: true
+    }, "_createEditorTask", null));
+    _defineProperty(this, "_setupTask", buildTask(() => ({
+      context: this,
+      generator: function* (element, _positional, named) {
+        const {
+          onBlur,
+          onInput,
+          onSetup,
+          ariaDescribedBy,
+          ariaLabel,
+          ariaLabelledBy,
+          language,
+          value
+        } = named;
+        this.onInput = onInput;
+        this.onBlur = onBlur;
+        this.element = element;
+        const editor = yield this._createEditorTask.perform(element, {
+          language,
+          value
+        });
+        if (editor === undefined) {
+          return;
+        }
+        this.editor = editor;
+        if (onBlur !== undefined) {
+          this._setupEditorBlurHandler(element, onBlur);
+        }
+        this._setupEditorAriaAttributes(editor, {
+          ariaDescribedBy,
+          ariaLabel,
+          ariaLabelledBy
+        });
+        onSetup?.(this.editor);
+      }
+    }), {
+      drop: true
+    }, "_setupTask", null));
+    registerDestructor(this, () => {
+      this.observer?.disconnect();
+      if (this.onBlur !== undefined) {
+        this.element.removeEventListener('blur', this.blurHandler);
+      }
+    });
+  }
+  modify(element, positional, named) {
+    // the intersection observer makes loading unreliable in tests
+    if (config.environment === 'test') {
+      this._setupTask.perform(element, positional, named);
+    } else {
+      this.observer = new IntersectionObserver(entries => {
+        entries.forEach(entry => {
+          const setupHasNotRun = this._setupTask.performCount === 0;
+          if (entry.isIntersecting && setupHasNotRun) {
+            this._setupTask.perform(element, positional, named);
+          }
+        });
+      }, {
+        rootMargin: LOADER_HEIGHT
+      });
+      this.observer.observe(element);
+    }
+  }
+  _setupEditorBlurHandler(element, onBlur) {
+    const inputElement = element.querySelector('.cm-content');
+    if (inputElement === null) {
+      return;
+    }
+    this.blurHandler = event => onBlur(this.editor, event);
+    inputElement.addEventListener('blur', this.blurHandler);
+  }
+  _setupEditorAriaLabel(editor, {
+    ariaLabel,
+    ariaLabelledBy
+  }) {
+    assert('`hds-code-editor` modifier - Either `ariaLabel` or `ariaLabelledBy` must be provided', ariaLabel !== undefined || ariaLabelledBy !== undefined);
+    if (ariaLabel !== undefined) {
+      editor.dom.querySelector('[role="textbox"]')?.setAttribute('aria-label', ariaLabel);
+    } else if (ariaLabelledBy !== undefined) {
+      editor.dom.querySelector('[role="textbox"]')?.setAttribute('aria-labelledby', ariaLabelledBy);
+    }
+  }
+  _setupEditorAriaDescribedBy(editor, ariaDescribedBy) {
+    if (ariaDescribedBy === undefined) {
+      return;
+    }
+    editor.dom.querySelector('[role="textbox"]')?.setAttribute('aria-describedby', ariaDescribedBy);
+  }
+  _setupEditorAriaAttributes(editor, {
+    ariaDescribedBy,
+    ariaLabel,
+    ariaLabelledBy
+  }) {
+    this._setupEditorAriaLabel(editor, {
+      ariaLabel,
+      ariaLabelledBy
+    });
+    this._setupEditorAriaDescribedBy(editor, ariaDescribedBy);
+  }
+}
+
+export { HdsCodeEditorModifier as default };
+//# sourceMappingURL=hds-code-editor.js.map

package/dist/modifiers/hds-code-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hds-code-editor.js","sources":["../../src/modifiers/hds-code-editor.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Modifier from 'ember-modifier';\nimport { assert, warn } from '@ember/debug';\nimport { registerDestructor } from '@ember/destroyable';\nimport { task } from 'ember-concurrency';\nimport config from 'ember-get-config';\n\n// hds-dark theme\nimport hdsDarkTheme from './hds-code-editor/themes/hds-dark-theme.ts';\nimport hdsDarkHighlightStyle from './hds-code-editor/highlight-styles/hds-dark-highlight-style.ts';\n\nimport type { HdsCodeEditorLanguages } from './hds-code-editor/types.ts';\nimport type { ArgsFor, PositionalArgs, NamedArgs } from 'ember-modifier';\nimport type {\n  StreamLanguage as StreamLanguageType,\n  StreamParser as StreamParserType,\n} from '@codemirror/language';\nimport type { Extension } from '@codemirror/state';\nimport type { EditorView, ViewUpdate } from '@codemirror/view';\n\ntype HdsCodeEditorBlurHandler = (editor: EditorView, event: FocusEvent) => void;\n\nexport interface HdsCodeEditorSignature {\n  Args: {\n    Named: {\n      ariaDescribedBy?: string;\n      ariaLabel?: string;\n      ariaLabelledBy?: string;\n      language?: HdsCodeEditorLanguages;\n      value?: string;\n      onInput?: (newVal: string) => void;\n      onBlur?: HdsCodeEditorBlurHandler;\n      onSetup?: (editor: EditorView) => unknown;\n    };\n  };\n}\n\nasync function defineStreamLanguage(streamParser: StreamParserType<unknown>) {\n  const { StreamLanguage } = await import('@codemirror/language');\n\n  return StreamLanguage.define(streamParser);\n}\n\nconst LOADER_HEIGHT = '164px';\n\nconst LANGUAGES: Record<\n  HdsCodeEditorLanguages,\n  { load: () => Promise<Extension | StreamLanguageType<unknown>> }\n> = {\n  ruby: {\n    load: async () => {\n      const { ruby } = await import('@codemirror/legacy-modes/mode/ruby');\n      return defineStreamLanguage(ruby);\n    },\n  },\n  sentinel: {\n    load: async () => {\n      const { sentinel } = await import(\n        './hds-code-editor/languages/sentinel.ts'\n      );\n      return defineStreamLanguage(sentinel);\n    },\n  },\n  shell: {\n    load: async () => {\n      const { shell } = await import('@codemirror/legacy-modes/mode/shell');\n      return defineStreamLanguage(shell);\n    },\n  },\n  go: {\n    load: async () => (await import('@codemirror/lang-go')).go(),\n  },\n  hcl: {\n    load: async () => (await import('codemirror-lang-hcl')).hcl(),\n  },\n  json: {\n    load: async () => (await import('@codemirror/lang-json')).json(),\n  },\n  sql: {\n    load: async () => (await import('@codemirror/lang-sql')).sql(),\n  },\n  yaml: {\n    load: async () => (await import('@codemirror/lang-yaml')).yaml(),\n  },\n} as const;\n\nexport default class HdsCodeEditorModifier extends Modifier<HdsCodeEditorSignature> {\n  editor!: EditorView;\n  element!: HTMLElement;\n\n  onBlur: HdsCodeEditorSignature['Args']['Named']['onBlur'];\n  onInput: HdsCodeEditorSignature['Args']['Named']['onInput'];\n\n  blurHandler!: (event: FocusEvent) => void;\n  observer!: IntersectionObserver;\n\n  constructor(\n    owner: HdsCodeEditorModifier,\n    args: ArgsFor<HdsCodeEditorSignature>\n  ) {\n    super(owner, args);\n\n    registerDestructor(this, () => {\n      this.observer?.disconnect();\n\n      if (this.onBlur !== undefined) {\n        this.element.removeEventListener('blur', this.blurHandler);\n      }\n    });\n  }\n\n  modify(\n    element: HTMLElement,\n    positional: PositionalArgs<HdsCodeEditorSignature>,\n    named: NamedArgs<HdsCodeEditorSignature>\n  ): void {\n    // the intersection observer makes loading unreliable in tests\n    if (config.environment === 'test') {\n      this._setupTask.perform(element, positional, named);\n    } else {\n      this.observer = new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            const setupHasNotRun = this._setupTask.performCount === 0;\n\n            if (entry.isIntersecting && setupHasNotRun) {\n              this._setupTask.perform(element, positional, named);\n            }\n          });\n        },\n        {\n          rootMargin: LOADER_HEIGHT,\n        }\n      );\n\n      this.observer.observe(element);\n    }\n  }\n\n  private _setupEditorBlurHandler(\n    element: HTMLElement,\n    onBlur: HdsCodeEditorBlurHandler\n  ) {\n    const inputElement = element.querySelector('.cm-content');\n\n    if (inputElement === null) {\n      return;\n    }\n\n    this.blurHandler = (event: FocusEvent) => onBlur(this.editor, event);\n\n    (inputElement as HTMLElement).addEventListener('blur', this.blurHandler);\n  }\n\n  private _setupEditorAriaLabel(\n    editor: EditorView,\n    {\n      ariaLabel,\n      ariaLabelledBy,\n    }: Pick<\n      HdsCodeEditorSignature['Args']['Named'],\n      'ariaLabel' | 'ariaLabelledBy'\n    >\n  ) {\n    assert(\n      '`hds-code-editor` modifier - Either `ariaLabel` or `ariaLabelledBy` must be provided',\n      ariaLabel !== undefined || ariaLabelledBy !== undefined\n    );\n\n    if (ariaLabel !== undefined) {\n      editor.dom\n        .querySelector('[role=\"textbox\"]')\n        ?.setAttribute('aria-label', ariaLabel);\n    } else if (ariaLabelledBy !== undefined) {\n      editor.dom\n        .querySelector('[role=\"textbox\"]')\n        ?.setAttribute('aria-labelledby', ariaLabelledBy);\n    }\n  }\n\n  private _setupEditorAriaDescribedBy(\n    editor: EditorView,\n    ariaDescribedBy?: string\n  ) {\n    if (ariaDescribedBy === undefined) {\n      return;\n    }\n\n    editor.dom\n      .querySelector('[role=\"textbox\"]')\n      ?.setAttribute('aria-describedby', ariaDescribedBy);\n  }\n\n  private _setupEditorAriaAttributes(\n    editor: EditorView,\n    {\n      ariaDescribedBy,\n      ariaLabel,\n      ariaLabelledBy,\n    }: Pick<\n      HdsCodeEditorSignature['Args']['Named'],\n      'ariaDescribedBy' | 'ariaLabel' | 'ariaLabelledBy'\n    >\n  ) {\n    this._setupEditorAriaLabel(editor, { ariaLabel, ariaLabelledBy });\n    this._setupEditorAriaDescribedBy(editor, ariaDescribedBy);\n  }\n\n  private _loadLanguageTask = task(\n    { drop: true },\n    async (language?: HdsCodeEditorLanguages) => {\n      if (language === undefined) {\n        return;\n      }\n\n      try {\n        const validLanguageKeys = Object.keys(LANGUAGES);\n\n        assert(\n          `\\`hds-code-editor\\` modifier - \\`language\\` must be one of the following: ${validLanguageKeys.join(\n            ', '\n          )}; received: ${language}`,\n          validLanguageKeys.includes(language)\n        );\n\n        return LANGUAGES[language].load();\n      } catch (error) {\n        warn(\n          `\\`hds-code-editor\\` modifier - Failed to dynamically import the CodeMirror language module for '${language}'. Error: ${JSON.stringify(\n            error\n          )}`,\n          {\n            id: 'hds-code-editor.load-language-task.import-failed',\n          }\n        );\n      }\n    }\n  );\n\n  private _buildExtensionsTask = task({ drop: true }, async ({ language }) => {\n    const [\n      {\n        EditorView,\n        keymap,\n        lineNumbers,\n        highlightActiveLineGutter,\n        highlightSpecialChars,\n        highlightActiveLine,\n      },\n      { defaultKeymap, history, historyKeymap },\n      { bracketMatching, syntaxHighlighting },\n    ] = await Promise.all([\n      import('@codemirror/view'),\n      import('@codemirror/commands'),\n      import('@codemirror/language'),\n    ]);\n\n    const languageExtension = await this._loadLanguageTask.perform(language);\n\n    const handleUpdateExtension = EditorView.updateListener.of(\n      (update: ViewUpdate) => {\n        // toggle a class if the update has/does not have a selection\n        if (update.selectionSet) {\n          update.view.dom.classList.toggle(\n            'cm-hasSelection',\n            !update.state.selection.main.empty\n          );\n        }\n\n        // call the onInput callback if the document has changed\n        if (!update.docChanged || this.onInput === undefined) {\n          return;\n        }\n        this.onInput(update.state.doc.toString());\n      }\n    );\n\n    let extensions = [\n      bracketMatching(),\n      highlightActiveLine(),\n      highlightActiveLineGutter(),\n      highlightSpecialChars(),\n      history(),\n      lineNumbers(),\n      keymap.of([...defaultKeymap, ...historyKeymap]),\n      // custom extensions\n      handleUpdateExtension,\n      // hds dark theme\n      hdsDarkTheme,\n      syntaxHighlighting(hdsDarkHighlightStyle),\n    ];\n\n    if (languageExtension !== undefined) {\n      extensions = [languageExtension, ...extensions];\n    }\n\n    return extensions;\n  });\n\n  private _createEditorTask = task(\n    { drop: true },\n    async (\n      element: HTMLElement,\n      {\n        language,\n        value,\n      }: Pick<HdsCodeEditorSignature['Args']['Named'], 'language' | 'value'>\n    ) => {\n      try {\n        const { EditorState } = await import('@codemirror/state');\n        const { EditorView } = await import('@codemirror/view');\n\n        const extensions = await this._buildExtensionsTask.perform({\n          language,\n        });\n\n        const state = EditorState.create({\n          doc: value,\n          extensions,\n        });\n\n        const editor = new EditorView({\n          state,\n          parent: element,\n        });\n\n        return editor;\n      } catch (error) {\n        console.error(\n          `\\`hds-code-editor\\` modifier - Failed to setup the CodeMirror editor. Error: ${JSON.stringify(error)}`\n        );\n      }\n    }\n  );\n\n  private _setupTask = task(\n    { drop: true },\n    async (\n      element: HTMLElement,\n      _positional: PositionalArgs<HdsCodeEditorSignature>,\n      named: NamedArgs<HdsCodeEditorSignature>\n    ) => {\n      const {\n        onBlur,\n        onInput,\n        onSetup,\n        ariaDescribedBy,\n        ariaLabel,\n        ariaLabelledBy,\n        language,\n        value,\n      } = named;\n\n      this.onInput = onInput;\n      this.onBlur = onBlur;\n\n      this.element = element;\n\n      const editor = await this._createEditorTask.perform(element, {\n        language,\n        value,\n      });\n\n      if (editor === undefined) {\n        return;\n      }\n\n      this.editor = editor;\n\n      if (onBlur !== undefined) {\n        this._setupEditorBlurHandler(element, onBlur);\n      }\n\n      this._setupEditorAriaAttributes(editor, {\n        ariaDescribedBy,\n        ariaLabel,\n        ariaLabelledBy,\n      });\n\n      onSetup?.(this.editor);\n    }\n  );\n}\n"],"names":["defineStreamLanguage","streamParser","StreamLanguage","define","LOADER_HEIGHT","LANGUAGES","ruby","load","sentinel","shell","go","hcl","json","sql","yaml","HdsCodeEditorModifier","Modifier","constructor","owner","args","_defineProperty","_buildTask","context","generator","language","undefined","validLanguageKeys","Object","keys","assert","join","includes","error","warn","JSON","stringify","id","drop","EditorView","keymap","lineNumbers","highlightActiveLineGutter","highlightSpecialChars","highlightActiveLine","defaultKeymap","history","historyKeymap","bracketMatching","syntaxHighlighting","Promise","all","languageExtension","_loadLanguageTask","perform","handleUpdateExtension","updateListener","of","update","selectionSet","view","dom","classList","toggle","state","selection","main","empty","docChanged","onInput","doc","toString","extensions","hdsDarkTheme","hdsDarkHighlightStyle","element","value","EditorState","_buildExtensionsTask","create","editor","parent","console","_positional","named","onBlur","onSetup","ariaDescribedBy","ariaLabel","ariaLabelledBy","_createEditorTask","_setupEditorBlurHandler","_setupEditorAriaAttributes","registerDestructor","observer","disconnect","removeEventListener","blurHandler","modify","positional","config","environment","_setupTask","IntersectionObserver","entries","forEach","entry","setupHasNotRun","performCount","isIntersecting","rootMargin","observe","inputElement","querySelector","event","addEventListener","_setupEditorAriaLabel","setAttribute","_setupEditorAriaDescribedBy"],"mappings":"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"}

package/dist/modifiers/hds-register-event.js

@@ -17,21 +17,21 @@ import { modifier } from 'ember-modifier';
 var registerEvent = modifier((element, positional, named = {}) => {
   // the "target" element the listeners are added to
   // notice: this is the element the Ember modifier is attached to
-  const targetElement = element;
+  const _targetElement = element;
   // the event name and handler to apply to the element
   // notice: it's expressed as "positional" argument (array) for the modifier
-  const [event, eventHandler] = positional;
+  const [_event, _eventHandler] = positional;
   // the options for the `addEventListener()` method
   // see: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
   // notice: it's expressed as "named" argument (object) for the modifier
   const {
     useCapture = false
   } = named;
-  targetElement.addEventListener(event, eventHandler, useCapture);
+  _targetElement.addEventListener(_event, _eventHandler, useCapture);
 
   // this (teardown) function is run when the element is removed from the DOM
   return () => {
-    targetElement.removeEventListener(event, eventHandler, useCapture);
+    _targetElement.removeEventListener(_event, _eventHandler, useCapture);
   };
 });
 

package/dist/modifiers/hds-register-event.js.map

@@ -1 +1 @@
-{"version":3,"file":"hds-register-event.js","sources":["../../src/modifiers/hds-register-event.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { modifier } from 'ember-modifier';\nexport interface HdsRegisterEventSignature {\n  Element: HTMLElement;\n  Args: {\n    Positional: [keyof ElementEventMap, EventListener];\n    Named: { useCapture?: boolean };\n  };\n}\n\n// Notice: we use a function-based modifier here instead of a class-based one\n// because it's quite simple in its logic, and doesn't require injecting services\n// see: https://github.com/ember-modifier/ember-modifier#function-based-modifiers\n\n// this modifier is a \"replacement\" of the standard `{{on 'event' myFunction}}`\n// it's needed because the {{on}} modifier can't be applied conditionally, apparently\n// see: https://github.com/emberjs/ember.js/issues/19869#issuecomment-1909118910\n// see: https://github.com/emberjs/ember.js/pull/20629\n// see also: https://github.com/emberjs/ember.js/blob/main/packages/%40ember/-internals/glimmer/lib/modifiers/on.ts#L30\nexport default modifier<HdsRegisterEventSignature>(\n  (element, positional, named = {}) => {\n    // the \"target\" element the listeners are added to\n    // notice: this is the element the Ember modifier is attached to\n    const targetElement = element;\n    // the event name and handler to apply to the element\n    // notice: it's expressed as \"positional\" argument (array) for the modifier\n    const [event, eventHandler] = positional;\n    // the options for the `addEventListener()` method\n    // see: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener\n    // notice: it's expressed as \"named\" argument (object) for the modifier\n    const { useCapture = false } = named;\n\n    targetElement.addEventListener(event, eventHandler, useCapture);\n\n    // this (teardown) function is run when the element is removed from the DOM\n    return (): void => {\n      targetElement.removeEventListener(event, eventHandler, useCapture);\n    };\n  }\n);\n"],"names":["modifier","element","positional","named","targetElement","event","eventHandler","useCapture","addEventListener","removeEventListener"],"mappings":";;AAAA;AACA;AACA;AACA;;AAWA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,oBAAeA,QAAQ,CACrB,CAACC,OAAO,EAAEC,UAAU,EAAEC,KAAK,GAAG,EAAE,KAAK;AACnC;AACA;EACA,MAAMC,aAAa,GAAGH,OAAO,CAAA;AAC7B;AACA;AACA,EAAA,MAAM,CAACI,KAAK,EAAEC,YAAY,CAAC,GAAGJ,UAAU,CAAA;AACxC;AACA;AACA;EACA,MAAM;AAAEK,IAAAA,UAAU,GAAG,KAAA;AAAM,GAAC,GAAGJ,KAAK,CAAA;EAEpCC,aAAa,CAACI,gBAAgB,CAACH,KAAK,EAAEC,YAAY,EAAEC,UAAU,CAAC,CAAA;;AAE/D;AACA,EAAA,OAAO,MAAY;IACjBH,aAAa,CAACK,mBAAmB,CAACJ,KAAK,EAAEC,YAAY,EAAEC,UAAU,CAAC,CAAA;GACnE,CAAA;AACH,CACF,CAAC;;;;"}
+{"version":3,"file":"hds-register-event.js","sources":["../../src/modifiers/hds-register-event.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { modifier } from 'ember-modifier';\nexport interface HdsRegisterEventSignature {\n  Element: HTMLElement;\n  Args: {\n    Positional: [keyof ElementEventMap, EventListener];\n    Named: { useCapture?: boolean };\n  };\n}\n\n// Notice: we use a function-based modifier here instead of a class-based one\n// because it's quite simple in its logic, and doesn't require injecting services\n// see: https://github.com/ember-modifier/ember-modifier#function-based-modifiers\n\n// this modifier is a \"replacement\" of the standard `{{on 'event' myFunction}}`\n// it's needed because the {{on}} modifier can't be applied conditionally, apparently\n// see: https://github.com/emberjs/ember.js/issues/19869#issuecomment-1909118910\n// see: https://github.com/emberjs/ember.js/pull/20629\n// see also: https://github.com/emberjs/ember.js/blob/main/packages/%40ember/-internals/glimmer/lib/modifiers/on.ts#L30\nexport default modifier<HdsRegisterEventSignature>(\n  (element, positional, named = {}) => {\n    // the \"target\" element the listeners are added to\n    // notice: this is the element the Ember modifier is attached to\n    const _targetElement = element;\n    // the event name and handler to apply to the element\n    // notice: it's expressed as \"positional\" argument (array) for the modifier\n    const [_event, _eventHandler] = positional;\n    // the options for the `addEventListener()` method\n    // see: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener\n    // notice: it's expressed as \"named\" argument (object) for the modifier\n    const { useCapture = false } = named;\n\n    _targetElement.addEventListener(_event, _eventHandler, useCapture);\n\n    // this (teardown) function is run when the element is removed from the DOM\n    return (): void => {\n      _targetElement.removeEventListener(_event, _eventHandler, useCapture);\n    };\n  }\n);\n"],"names":["modifier","element","positional","named","_targetElement","_event","_eventHandler","useCapture","addEventListener","removeEventListener"],"mappings":";;AAAA;AACA;AACA;AACA;;AAWA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,oBAAeA,QAAQ,CACrB,CAACC,OAAO,EAAEC,UAAU,EAAEC,KAAK,GAAG,EAAE,KAAK;AACnC;AACA;EACA,MAAMC,cAAc,GAAGH,OAAO;AAC9B;AACA;AACA,EAAA,MAAM,CAACI,MAAM,EAAEC,aAAa,CAAC,GAAGJ,UAAU;AAC1C;AACA;AACA;EACA,MAAM;AAAEK,IAAAA,UAAU,GAAG;AAAM,GAAC,GAAGJ,KAAK;EAEpCC,cAAc,CAACI,gBAAgB,CAACH,MAAM,EAAEC,aAAa,EAAEC,UAAU,CAAC;;AAElE;AACA,EAAA,OAAO,MAAY;IACjBH,cAAc,CAACK,mBAAmB,CAACJ,MAAM,EAAEC,aAAa,EAAEC,UAAU,CAAC;GACtE;AACH,CACF,CAAC;;;;"}