@m4l/components 9.16.0 → 9.17.1-beta-feature-731-m4l-components-code-editor.0

package/components/extended/ReactSimpleCodeEditor/constants.js

@@ -0,0 +1,149 @@
+import { FileFolderFileOutlined as n } from "@m4l/icons";
+import { getComponentClasses as a } from "../../../utils/getComponentSlotRoot.js";
+import { CodeEditorSlots as t } from "./slots/CodeEditorEnum.js";
+const C = {
+  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"
+    }
+  }
+}, d = "M4LCodeEditor", i = "text", g = 4, u = 10, D = 12, _ = {
+  small: 18,
+  medium: 20
+}, B = '"Geist Mono", "JetBrains Mono", "Cascadia Code", "Liberation Mono", monospace', s = "Read Only", r = "at-commands", l = "at-basic", A = "AT Commands", O = "CodeEditorLanguageChipIcon", T = {
+  commandPrefixes: ["AT+", "+"],
+  concatenationSeparators: [";"],
+  argumentSeparators: [","],
+  reservedWords: ["SET", "INFO", "SAVE", "CLEAR"]
+}, m = {
+  js: "javascript",
+  jsx: "jsx",
+  ts: "typescript",
+  tsx: "tsx",
+  py: "python",
+  sh: "bash",
+  shell: "bash",
+  yml: "yaml",
+  at: r,
+  "telemetry-at": r
+}, p = n;
+function I(o) {
+  const e = o.palette.mode === "dark" ? "dark" : "light";
+  return C[e];
+}
+const L = a(
+  d,
+  t
+);
+export {
+  r as CODE_EDITOR_AT_LANGUAGE,
+  A as CODE_EDITOR_AT_TEMPLATE_LANGUAGE_LABEL,
+  l as CODE_EDITOR_AT_TEMPLATE_NAME,
+  T as CODE_EDITOR_AT_TEMPLATE_TOKENS,
+  L as CODE_EDITOR_CLASSES,
+  i as CODE_EDITOR_DEFAULT_LANGUAGE,
+  u as CODE_EDITOR_DEFAULT_MAX_LINES,
+  g as CODE_EDITOR_DEFAULT_MIN_LINES,
+  p as CODE_EDITOR_FALLBACK_LANGUAGE_ICON,
+  d as CODE_EDITOR_KEY_COMPONENT,
+  m as CODE_EDITOR_LANGUAGE_ALIASES,
+  O as CODE_EDITOR_LANGUAGE_CHIP_ICON_INSTANCE_ID,
+  _ as CODE_EDITOR_LINE_HEIGHT_BY_SIZE,
+  B as CODE_EDITOR_MONO_FONT_FAMILY,
+  D as CODE_EDITOR_PADDING_PX,
+  s as CODE_EDITOR_READ_ONLY_LABEL,
+  I 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,59 @@
+import { ReactElement } from 'react';
+import { Theme } from '@mui/material';
+import { default as Prism } from 'prismjs';
+import { PrismTheme } from 'prism-react-renderer';
+import { CodeEditorCustomLanguages, CodeEditorLezerSyntaxValidatorOptions, CodeEditorLanguageTemplate, CodeEditorLanguageTemplateInput, CodeEditorRuntimeDependency, HighlightCodeOptions, CodeEditorSyntaxValidationContext, CodeEditorSyntaxValidator, 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;
+/**
+ * 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 so callers can reference it by name later. */
+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;
+/** Resolve the active template without mutating the shared Prism language registry. */
+export declare function ensureCodeEditorLanguageTemplate(template?: CodeEditorLanguageTemplateInput): CodeEditorLanguageTemplate | undefined;
+/**
+ * Register a global syntax validator that `validateSyntax` can reuse by language key.
+ */
+export declare function registerCodeEditorSyntaxValidator(languageName: string, syntaxValidator: CodeEditorSyntaxValidator): void;
+/**
+ * Build a CodeEditor syntax validator from an official Lezer-backed parser.
+ */
+export declare function createCodeEditorLezerSyntaxValidator(options: CodeEditorLezerSyntaxValidatorOptions): CodeEditorSyntaxValidator;
+/**
+ * Execute one or more runtime dependencies once so consumers can lazy-load Prism modules.
+ */
+export declare function ensureCodeEditorRuntimeDependencies(runtimeDependencies?: CodeEditorRuntimeDependency | CodeEditorRuntimeDependency[]): Promise<void>;
+/**
+ * Register the custom languages passed to the current CodeEditor instance globally.
+ */
+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 registered languages while treating unsupported languages as an explicit opt-in path. */
+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;AAC3C,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAA4B,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAUjF,OAAO,KAAK,EACV,yBAAyB,EAEzB,qCAAqC,EACrC,0BAA0B,EAC1B,+BAA+B,EAC/B,2BAA2B,EAC3B,oBAAoB,EAGpB,iCAAiC,EACjC,yBAAyB,EACzB,gCAAgC,EACjC,MAAM,UAAU,CAAC;AA2GlB,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;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,GACrB,IAAI,CAMN;AAED,uFAAuF;AACvF,wBAAgB,kCAAkC,CAChD,QAAQ,EAAE,0BAA0B,GACnC,IAAI,CAQN;AAED,kFAAkF;AAClF,wBAAgB,iCAAiC,CAC/C,QAAQ,CAAC,EAAE,+BAA+B,GACzC,0BAA0B,GAAG,SAAS,CAUxC;AAED,uFAAuF;AACvF,wBAAgB,gCAAgC,CAC9C,QAAQ,CAAC,EAAE,+BAA+B,GACzC,0BAA0B,GAAG,SAAS,CAExC;AAED;;GAEG;AACH,wBAAgB,iCAAiC,CAC/C,YAAY,EAAE,MAAM,EACpB,eAAe,EAAE,yBAAyB,GACzC,IAAI,CAMN;AAED;;GAEG;AACH,wBAAgB,oCAAoC,CAClD,OAAO,EAAE,qCAAqC,GAC7C,yBAAyB,CAG3B;AAeD;;GAEG;AACH,wBAAsB,mCAAmC,CACvD,mBAAmB,CAAC,EAAE,2BAA2B,GAAG,2BAA2B,EAAE,GAChF,OAAO,CAAC,IAAI,CAAC,CAsBf;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;AAmqBD,qGAAqG;AACrG,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,gBAAgB,EAChB,YAAY,GACb,EAAE,iCAAiC,GAAG,gCAAgC,CAkBtE;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE5D;AA+HD;;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,CA6QrC"}