@m4l/components 9.10.1 → 9.10.2-beta-feature-731-m4l-components-code-editor.0

package/components/extended/ReactSimpleCodeEditor/constants.js

@@ -0,0 +1,162 @@
+import { DevSetiYamlOutlined as d, DevSetiReactOutlined as r, DevSetiTypescriptOutlined as C, FileFolderFileOutlined as n, DevSetiDbOutlined as E, DevSetiPythonOutlined as i, DevSetiJsonOutlined as F, DevSetiJavascriptOutlined as c, DevSetiShellOutlined as o } from "@m4l/icons";
+import { getComponentClasses as u } from "../../../utils/getComponentSlotRoot.js";
+import { CodeEditorSlots as D } from "./slots/CodeEditorEnum.js";
+const s = {
+  dark: {
+    bracketPalette: ["#FFD700", "#DA70D6", "#179FFF"],
+    surface: {
+      activeIndentGuideForeground: "#707070",
+      borderColor: "#3C3C3C",
+      bracketMatchBorder: "#888888",
+      caretForeground: "#AEAFAD",
+      dividerColor: "#2B2B2B",
+      editorBackground: "#1F1F1F",
+      editorForeground: "#CCCCCC",
+      errorBorderColor: "#F85149",
+      errorRangeBackground: "#F8514926",
+      errorRangeShadowColor: "#F85149",
+      errorLineBackground: "#F8514914",
+      focusBorderColor: "#0078D4",
+      headerBackground: "#181818",
+      headerForeground: "#CCCCCC",
+      inactiveSelectionBackground: "#3A3D41",
+      indentGuideForeground: "#404040",
+      languageChipBackground: "#313131",
+      languageChipBorder: "#3C3C3C",
+      languageChipForeground: "#CCCCCC",
+      lineNumberActiveForeground: "#CCCCCC",
+      lineNumberForeground: "#6E7681",
+      placeholderForeground: "#989898",
+      readOnlyChipBackground: "#2489DB82",
+      readOnlyChipBorder: "#2488DB",
+      readOnlyChipForeground: "#FFFFFF",
+      rootBackground: "#181818",
+      selectionBackground: "#264F78",
+      widgetBackground: "#202020"
+    },
+    syntax: {
+      attributeName: "#9CDCFE",
+      boolean: "#569CD6",
+      comment: "#6A9955",
+      constant: "#4FC1FF",
+      escape: "#D7BA7D",
+      function: "#DCDCAA",
+      keyword: "#569CD6",
+      number: "#B5CEA8",
+      operator: "#CCCCCC",
+      regex: "#646695",
+      string: "#CE9178",
+      tag: "#569CD6",
+      type: "#4EC9B0",
+      variable: "#9CDCFE"
+    }
+  },
+  light: {
+    bracketPalette: ["#0431FA", "#319331", "#7B3814"],
+    surface: {
+      activeIndentGuideForeground: "#939393",
+      borderColor: "#CECECE",
+      bracketMatchBorder: "#B9B9B9",
+      caretForeground: "#000000",
+      dividerColor: "#E5E5E5",
+      editorBackground: "#FFFFFF",
+      editorForeground: "#3B3B3B",
+      errorBorderColor: "#F85149",
+      errorRangeBackground: "#F8514920",
+      errorRangeShadowColor: "#F85149",
+      errorLineBackground: "#F8514912",
+      focusBorderColor: "#005FB8",
+      headerBackground: "#F8F8F8",
+      headerForeground: "#3B3B3B",
+      inactiveSelectionBackground: "#E5EBF1",
+      indentGuideForeground: "#D3D3D3",
+      languageChipBackground: "#FFFFFF",
+      languageChipBorder: "#CECECE",
+      languageChipForeground: "#3B3B3B",
+      lineNumberActiveForeground: "#171184",
+      lineNumberForeground: "#6E7681",
+      placeholderForeground: "#767676",
+      readOnlyChipBackground: "#BED6ED",
+      readOnlyChipBorder: "#005FB8",
+      readOnlyChipForeground: "#000000",
+      rootBackground: "#F8F8F8",
+      selectionBackground: "#ADD6FF",
+      widgetBackground: "#F8F8F8"
+    },
+    syntax: {
+      attributeName: "#E50000",
+      boolean: "#0000FF",
+      comment: "#008000",
+      constant: "#0070C1",
+      escape: "#EE0000",
+      function: "#795E26",
+      keyword: "#0000FF",
+      number: "#098658",
+      operator: "#3B3B3B",
+      regex: "#811F3F",
+      string: "#A31515",
+      tag: "#800000",
+      type: "#267F99",
+      variable: "#001080"
+    }
+  }
+}, g = "M4LCodeEditor", B = "text", A = 4, p = 10, T = 12, m = {
+  small: 18,
+  medium: 20
+}, I = '"Geist Mono", "JetBrains Mono", "Cascadia Code", "Liberation Mono", monospace', h = "Read Only", e = "at-commands", L = "at-basic", N = "AT Commands", S = "CodeEditorLanguageChipIcon", k = {
+  commandPrefixes: ["AT+", "+"],
+  concatenationSeparators: [";"],
+  argumentSeparators: [","],
+  reservedWords: ["SET", "INFO", "SAVE", "CLEAR"]
+}, R = {
+  js: "javascript",
+  jsx: "jsx",
+  ts: "typescript",
+  tsx: "tsx",
+  py: "python",
+  sh: "bash",
+  shell: "bash",
+  yml: "yaml",
+  at: e,
+  "telemetry-at": e
+}, b = {
+  [e]: o,
+  bash: o,
+  javascript: c,
+  json: F,
+  jsx: r,
+  python: i,
+  sql: E,
+  text: n,
+  typescript: C,
+  tsx: r,
+  yaml: d
+}, y = n;
+function G(t) {
+  const a = t.palette.mode === "dark" ? "dark" : "light";
+  return s[a];
+}
+const v = u(
+  g,
+  D
+);
+export {
+  e as CODE_EDITOR_AT_LANGUAGE,
+  N as CODE_EDITOR_AT_TEMPLATE_LANGUAGE_LABEL,
+  L as CODE_EDITOR_AT_TEMPLATE_NAME,
+  k as CODE_EDITOR_AT_TEMPLATE_TOKENS,
+  v as CODE_EDITOR_CLASSES,
+  B as CODE_EDITOR_DEFAULT_LANGUAGE,
+  p as CODE_EDITOR_DEFAULT_MAX_LINES,
+  A as CODE_EDITOR_DEFAULT_MIN_LINES,
+  y as CODE_EDITOR_FALLBACK_LANGUAGE_ICON,
+  g as CODE_EDITOR_KEY_COMPONENT,
+  R as CODE_EDITOR_LANGUAGE_ALIASES,
+  S as CODE_EDITOR_LANGUAGE_CHIP_ICON_INSTANCE_ID,
+  b as CODE_EDITOR_LANGUAGE_ICON_BY_LANGUAGE,
+  m as CODE_EDITOR_LINE_HEIGHT_BY_SIZE,
+  I as CODE_EDITOR_MONO_FONT_FAMILY,
+  T as CODE_EDITOR_PADDING_PX,
+  h as CODE_EDITOR_READ_ONLY_LABEL,
+  G as getCodeEditorVSCodeModernPalette
+};

package/components/extended/ReactSimpleCodeEditor/dictionary.d.ts

@@ -0,0 +1,11 @@
+import { Dictionary } from '@m4l/core';
+export declare const CODE_EDITOR_DICTIONARY_KEY = "code_editor";
+/**
+ * Return the dictionary namespaces required by the CodeEditor component.
+ */
+export declare function getCodeEditorComponentsDictionary(): string[];
+export declare const defaultCodeEditorDictionary: Dictionary;
+export declare const CODE_EDITOR_DICTIONARY: {
+    readonly readOnly: "code_editor.read_only";
+};
+//# sourceMappingURL=dictionary.d.ts.map

package/components/extended/ReactSimpleCodeEditor/dictionary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/dictionary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,eAAO,MAAM,0BAA0B,gBAAgB,CAAC;AAExD;;GAEG;AACH,wBAAgB,iCAAiC,aAEhD;AAED,eAAO,MAAM,2BAA2B,EAAE,UAIzC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;CAEzB,CAAC"}

package/components/extended/ReactSimpleCodeEditor/dictionary.js

@@ -0,0 +1,7 @@
+const O = "code_editor", _ = {
+  readOnly: `${O}.read_only`
+};
+export {
+  _ as CODE_EDITOR_DICTIONARY,
+  O as CODE_EDITOR_DICTIONARY_KEY
+};

package/components/extended/ReactSimpleCodeEditor/helpers/highlighting.d.ts

@@ -0,0 +1,49 @@
+import { ReactElement } from 'react';
+import { Theme } from '@mui/material';
+import { default as Prism } from 'prismjs';
+import { PrismTheme } from 'prism-react-renderer';
+import { CodeEditorCustomLanguages, CodeEditorLanguageTemplate, CodeEditorLanguageTemplateInput, HighlightCodeOptions, CodeEditorSyntaxValidationContext, CodeEditorSyntaxValidationResult } from '../types';
+export declare const DEFAULT_CODE_EDITOR_AT_LANGUAGE_TEMPLATE: CodeEditorLanguageTemplate;
+/** Escape a literal token so it can be embedded safely inside a RegExp. */
+export declare function escapeRegExpToken(token: string): string;
+/** Join user-defined token literals into a RegExp alternation pattern. */
+export declare function createTokenAlternation(tokens?: string[]): string | undefined;
+/** Build the Prism grammar for AT command templates from a token definition object. */
+export declare function buildAtCommandGrammar(template: CodeEditorLanguageTemplate): Prism.Grammar;
+/** Build the Prism grammar associated with the provided CodeEditor template. */
+export declare function createCodeEditorLanguageGrammar(template: CodeEditorLanguageTemplate): Prism.Grammar;
+/** Seed a built-in template without overwriting an already-registered Prism grammar. */
+export declare function seedCodeEditorLanguageTemplate(template: CodeEditorLanguageTemplate): void;
+/**
+ * Register a Prism grammar so CodeEditor can highlight a custom language.
+ */
+export declare function registerCodeEditorLanguage(languageName: string, grammar: Prism.Grammar): void;
+/** Register a reusable language template and the Prism grammar generated from it. */
+export declare function registerCodeEditorLanguageTemplate(template: CodeEditorLanguageTemplate): void;
+/** Resolve a named or inline template definition passed to the CodeEditor API. */
+export declare function resolveCodeEditorLanguageTemplate(template?: CodeEditorLanguageTemplateInput): CodeEditorLanguageTemplate | undefined;
+/** Ensure the active template is registered before Prism renders highlighted output. */
+export declare function ensureCodeEditorLanguageTemplate(template?: CodeEditorLanguageTemplateInput): CodeEditorLanguageTemplate | undefined;
+/**
+ * Register the custom languages passed to the current CodeEditor instance.
+ */
+export declare function ensureCodeEditorLanguages(customLanguages?: CodeEditorCustomLanguages): void;
+/**
+ * Resolve aliases such as js/ts/sh to the Prism language key used for highlighting.
+ */
+export declare function resolveCodeEditorLanguage(languageText?: string): string;
+/** Validate supported built-in languages while treating unsupported languages as opt-in via custom validators. */
+export declare function validateCodeEditorSyntax({ code, languageTemplate, languageText, }: CodeEditorSyntaxValidationContext): CodeEditorSyntaxValidationResult;
+/**
+ * Count the number of logical lines rendered by the editor, preserving trailing new lines.
+ */
+export declare function getCodeEditorLineCount(value: string): number;
+/**
+ * Build the Prism theme used by CodeEditor from the exact VS Code Modern palettes.
+ */
+export declare function createCodeEditorPrismTheme(theme: Theme): PrismTheme;
+/**
+ * Render the highlighted code tree consumed by react-simple-code-editor.
+ */
+export declare function highlightCode({ code, customLanguages, languageTemplate, languageText, prismTheme, syntaxErrorRange, }: HighlightCodeOptions): ReactElement;
+//# sourceMappingURL=highlighting.d.ts.map

package/components/extended/ReactSimpleCodeEditor/helpers/highlighting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlighting.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/helpers/highlighting.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAU3C,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,+BAA+B,CAAC;AACvC,OAAO,gCAAgC,CAAC;AACxC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,iCAAiC,CAAC;AACzC,OAAO,8BAA8B,CAAC;AACtC,OAAO,8BAA8B,CAAC;AACtC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AACvC,OAAO,EAA4B,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAUjF,OAAO,KAAK,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,+BAA+B,EAC/B,oBAAoB,EAGpB,iCAAiC,EACjC,gCAAgC,EACjC,MAAM,UAAU,CAAC;AA4JlB,eAAO,MAAM,wCAAwC,EAAE,0BAWtD,CAAC;AA0RF,2EAA2E;AAC3E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEvD;AAED,0EAA0E;AAC1E,wBAAgB,sBAAsB,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAU5E;AAED,uFAAuF;AACvF,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,0BAA0B,GACnC,KAAK,CAAC,OAAO,CAmDf;AAED,gFAAgF;AAChF,wBAAgB,+BAA+B,CAC7C,QAAQ,EAAE,0BAA0B,GACnC,KAAK,CAAC,OAAO,CAOf;AAED,wFAAwF;AACxF,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,0BAA0B,GACnC,IAAI,CAcN;AAID;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,GACrB,IAAI,CAMN;AAED,qFAAqF;AACrF,wBAAgB,kCAAkC,CAChD,QAAQ,EAAE,0BAA0B,GACnC,IAAI,CAYN;AAED,kFAAkF;AAClF,wBAAgB,iCAAiC,CAC/C,QAAQ,CAAC,EAAE,+BAA+B,GACzC,0BAA0B,GAAG,SAAS,CAUxC;AAED,wFAAwF;AACxF,wBAAgB,gCAAgC,CAC9C,QAAQ,CAAC,EAAE,+BAA+B,GACzC,0BAA0B,GAAG,SAAS,CAUxC;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,eAAe,CAAC,EAAE,yBAAyB,GAC1C,IAAI,CAQN;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,YAAY,CAAC,EAAE,MAAM,GACpB,MAAM,CAKR;AAwpBD,kHAAkH;AAClH,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,gBAAgB,EAChB,YAAY,GACb,EAAE,iCAAiC,GAAG,gCAAgC,CAmBtE;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE5D;AAkED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,KAAK,GAAG,UAAU,CAiInE;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,gBAAgB,GACjB,EAAE,oBAAoB,GAAG,YAAY,CA4QrC"}