@api-client/ui 0.5.12 → 0.5.13

package/build/src/elements/code-editor/{ui-code-editor.d.ts → code-editor.d.ts}

@@ -9,5 +9,5 @@ declare global {
     }
 }
 export default CodeEditorElement;
-export type { FunctionSchema, FunctionParameter, Suggestion, FunctionInsertEvent, SuggestionInsertEvent, } from './internals/CodeEditor.js';
-//# sourceMappingURL=ui-code-editor.d.ts.map
+export type { FunctionSchema, FunctionParameter, Suggestion, FunctionInsertEvent, SuggestionInsertEvent, } from './internals/types.js';
+//# sourceMappingURL=code-editor.d.ts.map

package/build/src/elements/code-editor/code-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../../../src/elements/code-editor/code-editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,2BAA2B,CAAA;AAG/C,qBACa,iBAAkB,SAAQ,OAAO;IAC5C,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAW;CACvD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,iBAAiB,CAAA;KACjC;CACF;AAED,eAAe,iBAAiB,CAAA;AAChC,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,sBAAsB,CAAA"}

package/build/src/elements/code-editor/{ui-code-editor.js → code-editor.js}

@@ -25,4 +25,4 @@ let CodeEditorElement = (() => {
 })();
 export { CodeEditorElement };
 export default CodeEditorElement;
-//# sourceMappingURL=ui-code-editor.js.map
+//# sourceMappingURL=code-editor.js.map

package/build/src/elements/code-editor/code-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.js","sourceRoot":"","sources":["../../../../src/elements/code-editor/code-editor.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,2BAA2B,CAAA;AAC/C,OAAO,MAAM,MAAM,kCAAkC,CAAA;IAGxC,iBAAiB;4BAD7B,aAAa,CAAC,aAAa,CAAC;;;;sBACU,OAAO;iCAAf,SAAQ,WAAO;;;;YAA9C,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,MAAM,CAAC,CAAA;;YAD3C,uDAAiB;;;;;SAAjB,iBAAiB;AAU9B,eAAe,iBAAiB,CAAA","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/CodeEditor.js'\nimport styles from './internals/CodeEditor.styles.js'\n\n@customElement('code-editor')\nexport class CodeEditorElement extends Element {\n  static override styles: CSSResultOrNative[] = [styles]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'code-editor': CodeEditorElement\n  }\n}\n\nexport default CodeEditorElement\nexport type {\n  FunctionSchema,\n  FunctionParameter,\n  Suggestion,\n  FunctionInsertEvent,\n  SuggestionInsertEvent,\n} from './internals/types.js'\n"]}

package/build/src/elements/code-editor/internals/CodeEditor.d.ts

@@ -1,54 +1,6 @@
 import { LitElement, PropertyValues, TemplateResult } from 'lit';
-export interface FunctionSchema {
-    /** Unique identifier for the function */
-    id: string;
-    /** Function name */
-    name: string;
-    /** Function description */
-    description?: string;
-    /** Function parameters */
-    parameters?: FunctionParameter[];
-    /** Return type description */
-    returns?: string;
-    /** Additional metadata */
-    metadata?: Record<string, unknown>;
-}
-export interface FunctionParameter {
-    /** Parameter name */
-    name: string;
-    /** Parameter type */
-    type: string;
-    /** Parameter description */
-    description?: string;
-    /** Whether parameter is required */
-    required?: boolean;
-    /** Default value */
-    defaultValue?: unknown;
-}
-export interface Suggestion {
-    /** Unique identifier for the suggestion */
-    id: string;
-    /** Main label displayed */
-    label: string;
-    /** Supporting description text */
-    description?: string;
-    /** Suffix text (e.g., type, category) */
-    suffix?: string;
-    /** Additional data associated with the suggestion */
-    data?: Record<string, unknown>;
-}
-export interface FunctionInsertEvent {
-    /** The inserted function schema */
-    functionSchema: FunctionSchema;
-    /** The position where the function was inserted */
-    position: number;
-}
-export interface SuggestionInsertEvent {
-    /** The inserted suggestion */
-    suggestion: Suggestion;
-    /** The position where the suggestion was inserted */
-    position: number;
-}
+import type { FunctionSchema, Suggestion } from './types.js';
+import { SuggestionMatchDecorator } from './SuggestionMatchDecorator.js';
 /**
  * A CodeMirror 6 based editor component that supports function autocomplete and suggestion placeholders.
  *
@@ -122,14 +74,15 @@ export default class CodeEditor extends LitElement {
     private accessor hasContent;
     private accessor isEditorFocus;
     private editorView?;
-    private suggestionMap;
-    private functionMap;
     private _previousValue;
+    /**
+     * Matcher for suggestion placeholders in the editor.
+     */
+    placeholderMatcher?: SuggestionMatchDecorator;
     /**
      * Get all suggestions (placeholders) currently in the editor
      */
     get activeSuggestions(): Suggestion[];
-    connectedCallback(): void;
     disconnectedCallback(): void;
     firstUpdated(): void;
     willUpdate(changedProperties: PropertyValues): void;
@@ -137,22 +90,31 @@ export default class CodeEditor extends LitElement {
      * Initialize CodeMirror editor with extensions
      */
     private initializeCodeMirror;
+    /**
+     * Creates the ViewPlugin for rendering suggestion placeholders.
+     * This is created as a method to get access to the component's `suggestions`.
+     */
+    private createPlaceholderPlugin;
     /**
      * Create completion source for functions and suggestions
      */
     private createCompletionSource;
+    private createFunctionCompletion;
+    private createSuggestionCompletion;
     /**
-     * Format function information for autocomplete
+     * Creates the source for the hover tooltips.
+     * This is an arrow function to automatically bind `this`.
      */
-    private formatFunctionInfo;
+    private createHoverTooltipSource;
     /**
-     * Format function call with parameters
+     * Creates a styled HTML element to display function documentation.
+     * This is used for both hover tooltips and autocomplete info panels.
      */
-    private formatFunctionCall;
+    private createFunctionInfoElement;
     /**
-     * Setup suggestion and function maps for quick lookup
+     * Format function call with parameters
      */
-    private setupSuggestionMaps;
+    private formatFunctionCall;
     /**
      * Update editor content when value changes
      */

package/build/src/elements/code-editor/internals/CodeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/CodeEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,cAAc,EAAW,MAAM,KAAK,CAAA;AAoB/E,MAAM,WAAW,cAAc;IAC7B,yCAAyC;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAChC,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACnC;AAED,MAAM,WAAW,iBAAiB;IAChC,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oBAAoB;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,UAAU;IACzB,2CAA2C;IAC3C,EAAE,EAAE,MAAM,CAAA;IACV,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B;AAED,MAAM,WAAW,mBAAmB;IAClC,mCAAmC;IACnC,cAAc,EAAE,cAAc,CAAA;IAC9B,mDAAmD;IACnD,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,8BAA8B;IAC9B,UAAU,EAAE,UAAU,CAAA;IACtB,qDAAqD;IACrD,QAAQ,EAAE,MAAM,CAAA;CACjB;AAsDD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD;;;OAGG;IACH,OAAgB,iBAAiB,EAAE,cAAc,CAGhD;IAED;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAK;IAEnB;;OAEG;IAEH,QAAQ,CAAC,cAAc,SAAK;IAE5B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAQ;IAEzB;;OAEG;IAEH,QAAQ,CAAC,OAAO,UAAQ;IAExB;;OAEG;IAEH,QAAQ,CAAC,IAAI,SAAK;IAElB;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAQ;IAEzB;;OAEG;IAEH,QAAQ,CAAC,WAAW,SAAK;IAEzB;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAK;IAEnB;;OAEG;IAEH,QAAQ,CAAC,eAAe,EAAE,cAAc,EAAE,CAAK;IAE/C;;OAEG;IAEH,QAAQ,CAAC,WAAW,EAAE,UAAU,EAAE,CAAK;IAEvC;;OAEG;IAEH,QAAQ,CAAC,SAAS,UAAQ;IAE1B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,SAAe;IAGhC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAiB;IAGjD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IAGnC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAQ;IAEtC,OAAO,CAAC,UAAU,CAAC,CAAY;IAC/B,OAAO,CAAC,aAAa,CAAgC;IACrD,OAAO,CAAC,WAAW,CAAoC;IACvD,OAAO,CAAC,cAAc,CAAK;IAE3B;;OAEG;IACH,IAAI,iBAAiB,IAAI,UAAU,EAAE,CAapC;IAEQ,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,YAAY,IAAI,IAAI;IAKpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAgB5D;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAmD5B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAkE9B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAkB1B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAiB1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAa3B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAe3B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAYzB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAa1B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAQzB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAQ9B;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAQhC;;OAEG;IACM,KAAK,IAAI,IAAI;IAItB;;OAEG;IACH,YAAY,IAAI;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAMnD;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAUrB,MAAM,IAAI,cAAc;CAgBlC"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/CodeEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,cAAc,EAAW,MAAM,KAAK,CAAA;AA2B/E,OAAO,KAAK,EAAuB,cAAc,EAAE,UAAU,EAAyB,MAAM,YAAY,CAAA;AACxG,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAExE;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD;;;OAGG;IACH,OAAgB,iBAAiB,EAAE,cAAc,CAGhD;IAED;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAK;IAEnB;;OAEG;IAEH,QAAQ,CAAC,cAAc,SAAK;IAE5B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAQ;IAEzB;;OAEG;IAEH,QAAQ,CAAC,OAAO,UAAQ;IAExB;;OAEG;IAEH,QAAQ,CAAC,IAAI,SAAK;IAElB;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAQ;IAEzB;;OAEG;IAEH,QAAQ,CAAC,WAAW,SAAK;IAEzB;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAK;IAEnB;;OAEG;IAEH,QAAQ,CAAC,eAAe,EAAE,cAAc,EAAE,CAAK;IAE/C;;OAEG;IAEH,QAAQ,CAAC,WAAW,EAAE,UAAU,EAAE,CAAK;IAEvC;;OAEG;IAEH,QAAQ,CAAC,SAAS,UAAQ;IAE1B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,SAAe;IAGhC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAiB;IAGjD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IAGnC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAQ;IAEtC,OAAO,CAAC,UAAU,CAAC,CAAY;IAC/B,OAAO,CAAC,cAAc,CAAK;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,wBAAwB,CAAA;IAE7C;;OAEG;IACH,IAAI,iBAAiB,IAAI,UAAU,EAAE,CAapC;IAEQ,oBAAoB,IAAI,IAAI;IAK5B,YAAY,IAAI,IAAI;IAKpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAkB5D;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAoD5B;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAoB/B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IA0C9B,OAAO,CAAC,wBAAwB;IAkBhC,OAAO,CAAC,0BAA0B;IAkBlC;;;OAGG;IACH,OAAO,CAAC,wBAAwB,CAmB/B;IAED;;;OAGG;IACH,OAAO,CAAC,yBAAyB;IA+DjC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAiB1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAe3B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAYzB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAa1B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAQzB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAQ9B;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAQhC;;OAEG;IACM,KAAK,IAAI,IAAI;IAItB;;OAEG;IACH,YAAY,IAAI;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAMnD;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAUrB,MAAM,IAAI,cAAc;CAgBlC"}

package/build/src/elements/code-editor/internals/CodeEditor.js

@@ -2,59 +2,17 @@ import { __esDecorate, __runInitializers } from "tslib";
 import { html, LitElement, nothing } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+import { linter } from '@codemirror/lint';
 import { EditorState } from '@codemirror/state';
-import { autocompletion } from '@codemirror/autocomplete';
+import { autocompletion, } from '@codemirror/autocomplete';
 import { javascript } from '@codemirror/lang-javascript';
 import { syntaxHighlighting, defaultHighlightStyle } from '@codemirror/language';
 import { oneDark } from '@codemirror/theme-one-dark';
 import { keymap } from '@codemirror/view';
 import { defaultKeymap } from '@codemirror/commands';
-import { EditorView, MatchDecorator, Decoration, ViewPlugin, WidgetType, } from '@codemirror/view';
-class PlaceholderWidget extends WidgetType {
-    placeholderText;
-    constructor(placeholderText) {
-        super();
-        this.placeholderText = placeholderText;
-    }
-    eq(other) {
-        return this.placeholderText == other.placeholderText;
-    }
-    toDOM() {
-        const placeholder = document.createElement('span');
-        placeholder.className = 'cm-pill';
-        placeholder.textContent = this.placeholderText;
-        return placeholder;
-    }
-    ignoreEvent() {
-        return false;
-    }
-}
-// We do variables Salesforce style, with double curly braces.
-// This decorator replaces {{variable}} with a placeholder widget.
-const placeholderMatcher = new MatchDecorator({
-    regexp: /\{\{(\w+)\}\}/g,
-    decoration: (match) => Decoration.replace({
-        widget: new PlaceholderWidget(match[1]),
-    }),
-});
-/**
- * @see https://codemirror.net/examples/decoration/
- */
-class AtomicDecorationRange {
-    placeholders;
-    constructor(view) {
-        this.placeholders = placeholderMatcher.createDeco(view);
-    }
-    update(update) {
-        this.placeholders = placeholderMatcher.updateDeco(update, this.placeholders);
-    }
-}
-const placeholders = ViewPlugin.fromClass(AtomicDecorationRange, {
-    decorations: (instance) => instance.placeholders,
-    provide: (plugin) => EditorView.atomicRanges.of((view) => {
-        return view.plugin(plugin)?.placeholders || Decoration.none;
-    }),
-});
+import { EditorView, Decoration, ViewPlugin, hoverTooltip, } from '@codemirror/view';
+import { functionLinter } from './Linter.js';
+import { SuggestionMatchDecorator } from './SuggestionMatchDecorator.js';
 let CodeEditor = (() => {
     let _classSuper = LitElement;
     let _label_decorators;
@@ -271,9 +229,11 @@ let CodeEditor = (() => {
         get isEditorFocus() { return this.#isEditorFocus_accessor_storage; }
         set isEditorFocus(value) { this.#isEditorFocus_accessor_storage = value; }
         editorView = __runInitializers(this, _isEditorFocus_extraInitializers);
-        suggestionMap = new Map();
-        functionMap = new Map();
         _previousValue = '';
+        /**
+         * Matcher for suggestion placeholders in the editor.
+         */
+        placeholderMatcher;
         /**
          * Get all suggestions (placeholders) currently in the editor
          */
@@ -291,10 +251,6 @@ let CodeEditor = (() => {
             }
             return suggestions;
         }
-        connectedCallback() {
-            super.connectedCallback();
-            this.setupSuggestionMaps();
-        }
         disconnectedCallback() {
             super.disconnectedCallback();
             this.editorView?.destroy();
@@ -305,8 +261,10 @@ let CodeEditor = (() => {
         }
         willUpdate(changedProperties) {
             super.willUpdate(changedProperties);
-            if (changedProperties.has('suggestions') || changedProperties.has('functionSchemas')) {
-                this.setupSuggestionMaps();
+            if (changedProperties.has('suggestions')) {
+                if (this.placeholderMatcher) {
+                    this.placeholderMatcher.suggestions = this.suggestions || [];
+                }
             }
             if (changedProperties.has('value') && this.editorView) {
                 this.updateEditorContent();
@@ -335,8 +293,9 @@ let CodeEditor = (() => {
                         this.handleFocusChange(update.view.hasFocus);
                     }
                 }),
-                placeholders,
-                // linter((view) => functionLinter(view as unknown as EditorView, this.functionSchemas)),
+                this.createPlaceholderPlugin(),
+                hoverTooltip(this.createHoverTooltipSource),
+                linter((view) => functionLinter(view, this.functionSchemas, (e) => this.dispatchEvent(e))),
             ];
             // Add language support
             if (this.language === 'javascript') {
@@ -361,6 +320,28 @@ let CodeEditor = (() => {
                 parent: this.editorContainer,
             });
         }
+        /**
+         * Creates the ViewPlugin for rendering suggestion placeholders.
+         * This is created as a method to get access to the component's `suggestions`.
+         */
+        createPlaceholderPlugin() {
+            const placeholderMatcher = new SuggestionMatchDecorator(/\{\{(\w+)\}\}/g, this.suggestions);
+            this.placeholderMatcher = placeholderMatcher;
+            // This class needs to be defined here to have access to the `placeholderMatcher`
+            class AtomicDecorationRange {
+                placeholders;
+                constructor(view) {
+                    this.placeholders = placeholderMatcher.createDeco(view);
+                }
+                update(update) {
+                    this.placeholders = placeholderMatcher.updateDeco(update, this.placeholders);
+                }
+            }
+            return ViewPlugin.fromClass(AtomicDecorationRange, {
+                decorations: (instance) => instance.placeholders,
+                provide: (plugin) => EditorView.atomicRanges.of((view) => view.plugin(plugin)?.placeholders || Decoration.none),
+            });
+        }
         /**
          * Create completion source for functions and suggestions
          */
@@ -375,19 +356,7 @@ let CodeEditor = (() => {
                     const prefix = functionMatch[1];
                     const functions = this.functionSchemas
                         .filter((fn) => fn.name.toLowerCase().startsWith(prefix.toLowerCase()))
-                        .map((fn) => ({
-                        label: fn.name,
-                        detail: fn.description || '',
-                        info: this.formatFunctionInfo(fn),
-                        apply: (view, completion, from, to) => {
-                            const functionCall = this.formatFunctionCall(fn);
-                            view.dispatch({
-                                changes: { from, to, insert: functionCall },
-                                selection: { anchor: from + functionCall.length },
-                            });
-                            this.dispatchFunctionInsert(fn, from);
-                        },
-                    }));
+                        .map((fn) => this.createFunctionCompletion(fn));
                     if (functions.length > 0) {
                         return {
                             from: pos - prefix.length,
@@ -401,19 +370,7 @@ let CodeEditor = (() => {
                     const prefix = suggestionMatch[1];
                     const suggestions = this.suggestions
                         .filter((suggestion) => suggestion.label.toLowerCase().startsWith(prefix.toLowerCase()))
-                        .map((suggestion) => ({
-                        label: suggestion.label,
-                        detail: suggestion.description || '',
-                        info: suggestion.suffix || '',
-                        apply: (view, completion, from, to) => {
-                            const placeholderText = `{{${suggestion.label}}}`;
-                            view.dispatch({
-                                changes: { from: from - 2, to, insert: placeholderText }, // -2 to include the {{
-                                selection: { anchor: from - 2 + placeholderText.length },
-                            });
-                            this.dispatchSuggestionInsert(suggestion, from - 2);
-                        },
-                    }));
+                        .map((suggestion) => this.createSuggestionCompletion(suggestion));
                     if (suggestions.length > 0) {
                         return {
                             from: pos - prefix.length,
@@ -424,25 +381,112 @@ let CodeEditor = (() => {
                 return null;
             };
         }
+        createFunctionCompletion(schema) {
+            const result = {
+                label: schema.name,
+                detail: schema.description || '',
+                info: () => this.createFunctionInfoElement(schema),
+                apply: (view, completion, from, to) => {
+                    const functionCall = this.formatFunctionCall(schema);
+                    view.dispatch({
+                        changes: { from, to, insert: functionCall },
+                        selection: { anchor: from + functionCall.length },
+                    });
+                    this.dispatchFunctionInsert(schema, from);
+                },
+            };
+            return result;
+        }
+        createSuggestionCompletion(suggestion) {
+            const result = {
+                label: suggestion.label,
+                detail: suggestion.description || '',
+                info: suggestion.suffix || '',
+                apply: (view, completion, from, to) => {
+                    const placeholderText = `{{${suggestion.label}}}`;
+                    view.dispatch({
+                        changes: { from: from - 2, to, insert: placeholderText }, // -2 to include the {{
+                        selection: { anchor: from - 2 + placeholderText.length },
+                    });
+                    this.dispatchSuggestionInsert(suggestion, from - 2);
+                },
+            };
+            return result;
+        }
         /**
-         * Format function information for autocomplete
+         * Creates the source for the hover tooltips.
+         * This is an arrow function to automatically bind `this`.
          */
-        formatFunctionInfo(fn) {
-            let info = fn.description || '';
+        createHoverTooltipSource = (view, pos) => {
+            const word = view.state.wordAt(pos);
+            if (!word) {
+                return null;
+            }
+            const functionName = view.state.doc.sliceString(word.from, word.to);
+            const fnSchema = this.functionSchemas.find((schema) => schema.name === functionName);
+            if (!fnSchema) {
+                return null;
+            }
+            return {
+                pos: word.from,
+                end: word.to,
+                above: true,
+                create: () => ({ dom: this.createFunctionInfoElement(fnSchema) }),
+            };
+        };
+        /**
+         * Creates a styled HTML element to display function documentation.
+         * This is used for both hover tooltips and autocomplete info panels.
+         */
+        createFunctionInfoElement(fn) {
+            const container = document.createElement('div');
+            container.className = 'function-info'; // for styling
+            if (fn.description) {
+                const description = document.createElement('p');
+                description.className = 'description';
+                description.textContent = fn.description;
+                container.appendChild(description);
+            }
             if (fn.parameters && fn.parameters.length > 0) {
-                info += '\n\nParameters:\n';
+                const paramsContainer = document.createElement('div');
+                paramsContainer.className = 'parameters';
+                const paramsHeader = document.createElement('h4');
+                paramsHeader.textContent = 'Parameters';
+                paramsContainer.appendChild(paramsHeader);
+                const paramsList = document.createElement('ul');
                 fn.parameters.forEach((param) => {
-                    info += `• ${param.name}: ${param.type}`;
+                    const listItem = document.createElement('li');
+                    const name = document.createElement('span');
+                    name.className = 'param-name';
+                    name.textContent = param.name;
+                    const type = document.createElement('span');
+                    type.className = 'param-type';
+                    type.textContent = `: ${param.type}`;
+                    listItem.appendChild(name);
+                    listItem.appendChild(type);
                     if (param.description) {
-                        info += ` - ${param.description}`;
+                        const paramDesc = document.createElement('p');
+                        paramDesc.className = 'param-description';
+                        paramDesc.textContent = param.description;
+                        listItem.appendChild(paramDesc);
                     }
-                    info += '\n';
+                    paramsList.appendChild(listItem);
                 });
+                paramsContainer.appendChild(paramsList);
+                container.appendChild(paramsContainer);
             }
             if (fn.returns) {
-                info += `\nReturns: ${fn.returns}`;
+                const returnsContainer = document.createElement('div');
+                returnsContainer.className = 'returns';
+                const returnsHeader = document.createElement('h4');
+                returnsHeader.textContent = 'Returns';
+                returnsContainer.appendChild(returnsHeader);
+                const returnsDesc = document.createElement('p');
+                returnsDesc.textContent = fn.returns;
+                returnsContainer.appendChild(returnsDesc);
+                container.appendChild(returnsContainer);
             }
-            return info;
+            return container;
         }
         /**
          * Format function call with parameters
@@ -461,19 +505,6 @@ let CodeEditor = (() => {
                 .join(', ');
             return `${fn.name}(${params})`;
         }
-        /**
-         * Setup suggestion and function maps for quick lookup
-         */
-        setupSuggestionMaps() {
-            this.suggestionMap.clear();
-            this.functionMap.clear();
-            this.suggestions.forEach((suggestion) => {
-                this.suggestionMap.set(suggestion.id, suggestion);
-            });
-            this.functionSchemas.forEach((fn) => {
-                this.functionMap.set(fn.id, fn);
-            });
-        }
         /**
          * Update editor content when value changes
          */

package/build/src/elements/code-editor/internals/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.js","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/CodeEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, PropertyValues, TemplateResult, nothing } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { EditorState, Extension } from '@codemirror/state'\nimport { autocompletion, CompletionContext, CompletionResult, CompletionSource } from '@codemirror/autocomplete'\nimport { javascript } from '@codemirror/lang-javascript'\nimport { syntaxHighlighting, defaultHighlightStyle } from '@codemirror/language'\nimport { oneDark } from '@codemirror/theme-one-dark'\nimport { keymap } from '@codemirror/view'\nimport { defaultKeymap } from '@codemirror/commands'\nimport {\n  EditorView,\n  MatchDecorator,\n  Decoration,\n  DecorationSet,\n  ViewPlugin,\n  ViewUpdate,\n  WidgetType,\n} from '@codemirror/view'\n\nexport interface FunctionSchema {\n  /** Unique identifier for the function */\n  id: string\n  /** Function name */\n  name: string\n  /** Function description */\n  description?: string\n  /** Function parameters */\n  parameters?: FunctionParameter[]\n  /** Return type description */\n  returns?: string\n  /** Additional metadata */\n  metadata?: Record<string, unknown>\n}\n\nexport interface FunctionParameter {\n  /** Parameter name */\n  name: string\n  /** Parameter type */\n  type: string\n  /** Parameter description */\n  description?: string\n  /** Whether parameter is required */\n  required?: boolean\n  /** Default value */\n  defaultValue?: unknown\n}\n\nexport interface Suggestion {\n  /** Unique identifier for the suggestion */\n  id: string\n  /** Main label displayed */\n  label: string\n  /** Supporting description text */\n  description?: string\n  /** Suffix text (e.g., type, category) */\n  suffix?: string\n  /** Additional data associated with the suggestion */\n  data?: Record<string, unknown>\n}\n\nexport interface FunctionInsertEvent {\n  /** The inserted function schema */\n  functionSchema: FunctionSchema\n  /** The position where the function was inserted */\n  position: number\n}\n\nexport interface SuggestionInsertEvent {\n  /** The inserted suggestion */\n  suggestion: Suggestion\n  /** The position where the suggestion was inserted */\n  position: number\n}\n\nclass PlaceholderWidget extends WidgetType {\n  constructor(public placeholderText: string) {\n    super()\n  }\n\n  override eq(other: WidgetType): boolean {\n    return this.placeholderText == (other as PlaceholderWidget).placeholderText\n  }\n\n  toDOM(): HTMLElement {\n    const placeholder = document.createElement('span')\n    placeholder.className = 'cm-pill'\n    placeholder.textContent = this.placeholderText\n    return placeholder\n  }\n\n  override ignoreEvent(): boolean {\n    return false\n  }\n}\n\n// We do variables Salesforce style, with double curly braces.\n// This decorator replaces {{variable}} with a placeholder widget.\nconst placeholderMatcher = new MatchDecorator({\n  regexp: /\\{\\{(\\w+)\\}\\}/g,\n  decoration: (match) =>\n    Decoration.replace({\n      widget: new PlaceholderWidget(match[1]),\n    }),\n})\n\n/**\n * @see https://codemirror.net/examples/decoration/\n */\nclass AtomicDecorationRange {\n  placeholders: DecorationSet\n  constructor(view: EditorView) {\n    this.placeholders = placeholderMatcher.createDeco(view)\n  }\n  update(update: ViewUpdate) {\n    this.placeholders = placeholderMatcher.updateDeco(update, this.placeholders)\n  }\n}\n\nconst placeholders = ViewPlugin.fromClass(AtomicDecorationRange, {\n  decorations: (instance) => instance.placeholders,\n  provide: (plugin) =>\n    EditorView.atomicRanges.of((view) => {\n      return view.plugin(plugin)?.placeholders || Decoration.none\n    }),\n})\n\n/**\n * A CodeMirror 6 based editor component that supports function autocomplete and suggestion placeholders.\n *\n * Features:\n * - Dynamic function schema loading\n * - Autocomplete for functions and suggestions\n * - Suggestion placeholders with double curly braces ({{suggestion}})\n * - Keyboard navigation\n * - Accessibility support\n *\n * @fires function-insert - When a function is inserted\n * @fires suggestion-insert - When a suggestion is inserted\n * @fires input - When the editor content changes\n * @fires change - When the editor loses focus and content has changed\n */\nexport default class CodeEditor extends LitElement {\n  /**\n   * Shadow root configuration for the component.\n   * Uses 'open' mode for accessibility and delegates focus to enable proper focus management.\n   */\n  static override shadowRootOptions: ShadowRootInit = {\n    mode: 'open',\n    delegatesFocus: true,\n  }\n\n  /**\n   * The label text displayed as placeholder/floating label\n   */\n  @property({ type: String })\n  accessor label = ''\n\n  /**\n   * Supporting text displayed below the editor\n   */\n  @property({ type: String, attribute: 'supporting-text' })\n  accessor supportingText = ''\n\n  /**\n   * Whether the component is disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor disabled = false\n\n  /**\n   * Whether the component is in an invalid state\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor invalid = false\n\n  /**\n   * The name attribute for form integration\n   */\n  @property({ type: String })\n  accessor name = ''\n\n  /**\n   * Whether the input is required\n   */\n  @property({ type: Boolean })\n  accessor required = false\n\n  /**\n   * Placeholder text shown when editor is empty\n   */\n  @property({ type: String })\n  accessor placeholder = ''\n\n  /**\n   * The editor content value\n   */\n  @property({ type: String })\n  accessor value = ''\n\n  /**\n   * Available function schemas for autocomplete\n   */\n  @property({ type: Array, attribute: false })\n  accessor functionSchemas: FunctionSchema[] = []\n\n  /**\n   * Available suggestions for autocomplete\n   */\n  @property({ type: Array, attribute: false })\n  accessor suggestions: Suggestion[] = []\n\n  /**\n   * Whether to use dark theme\n   */\n  @property({ type: Boolean, attribute: 'dark-theme' })\n  accessor darkTheme = false\n\n  /**\n   * Programming language for syntax highlighting\n   */\n  @property({ type: String })\n  accessor language = 'javascript'\n\n  @query('.editor-container')\n  private accessor editorContainer!: HTMLDivElement\n\n  @state()\n  private accessor hasContent = false\n\n  @state()\n  private accessor isEditorFocus = false\n\n  private editorView?: EditorView\n  private suggestionMap = new Map<string, Suggestion>()\n  private functionMap = new Map<string, FunctionSchema>()\n  private _previousValue = ''\n\n  /**\n   * Get all suggestions (placeholders) currently in the editor\n   */\n  get activeSuggestions(): Suggestion[] {\n    const suggestions: Suggestion[] = []\n    const placeholderPattern = /\\{\\{(\\w+)\\}\\}/g\n    let match: RegExpExecArray | null\n    while ((match = placeholderPattern.exec(this.value)) !== null) {\n      const placeholderText = match[1]\n      // Find suggestion by label\n      const suggestion = this.suggestions.find((s) => s.label.toLowerCase() === placeholderText.toLowerCase())\n      if (suggestion) {\n        suggestions.push(suggestion)\n      }\n    }\n    return suggestions\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    this.setupSuggestionMaps()\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback()\n    this.editorView?.destroy()\n  }\n\n  override firstUpdated(): void {\n    this.initializeCodeMirror()\n    this.updateEditorContent()\n  }\n\n  override willUpdate(changedProperties: PropertyValues): void {\n    super.willUpdate(changedProperties)\n\n    if (changedProperties.has('suggestions') || changedProperties.has('functionSchemas')) {\n      this.setupSuggestionMaps()\n    }\n\n    if (changedProperties.has('value') && this.editorView) {\n      this.updateEditorContent()\n    }\n\n    if (changedProperties.has('disabled')) {\n      this.updateEditorState()\n    }\n  }\n\n  /**\n   * Initialize CodeMirror editor with extensions\n   */\n  private initializeCodeMirror(): void {\n    const extensions: Extension[] = [\n      keymap.of(defaultKeymap),\n      syntaxHighlighting(defaultHighlightStyle),\n      autocompletion({\n        override: [this.createCompletionSource()],\n        activateOnTyping: true,\n        maxRenderedOptions: 10,\n      }),\n      EditorView.updateListener.of((update: ViewUpdate) => {\n        if (update.docChanged) {\n          this.handleEditorChange()\n        }\n        if (update.focusChanged) {\n          this.handleFocusChange(update.view.hasFocus)\n        }\n      }),\n      placeholders,\n      // linter((view) => functionLinter(view as unknown as EditorView, this.functionSchemas)),\n    ]\n\n    // Add language support\n    if (this.language === 'javascript') {\n      extensions.push(javascript())\n    }\n\n    // Add theme\n    if (this.darkTheme) {\n      extensions.push(oneDark)\n    }\n\n    // Add placeholder\n    if (this.placeholder) {\n      extensions.push(\n        EditorView.contentAttributes.of({\n          'aria-placeholder': this.placeholder,\n        })\n      )\n    }\n\n    const state = EditorState.create({\n      doc: this.value,\n      extensions,\n    })\n\n    this.editorView = new EditorView({\n      state,\n      parent: this.editorContainer,\n    })\n  }\n\n  /**\n   * Create completion source for functions and suggestions\n   */\n  private createCompletionSource(): CompletionSource {\n    return (context: CompletionContext): CompletionResult | null => {\n      const { pos } = context\n      const line = context.state.doc.lineAt(pos)\n      const textBefore = line.text.slice(0, pos - line.from)\n\n      // Check if we're typing a function name\n      const functionMatch = textBefore.match(/(\\w+)$/)\n      if (functionMatch) {\n        const prefix = functionMatch[1]\n        const functions = this.functionSchemas\n          .filter((fn) => fn.name.toLowerCase().startsWith(prefix.toLowerCase()))\n          .map((fn) => ({\n            label: fn.name,\n            detail: fn.description || '',\n            info: this.formatFunctionInfo(fn),\n            apply: (view: EditorView, completion: unknown, from: number, to: number) => {\n              const functionCall = this.formatFunctionCall(fn)\n              view.dispatch({\n                changes: { from, to, insert: functionCall },\n                selection: { anchor: from + functionCall.length },\n              })\n              this.dispatchFunctionInsert(fn, from)\n            },\n          }))\n\n        if (functions.length > 0) {\n          return {\n            from: pos - prefix.length,\n            options: functions,\n          }\n        }\n      }\n\n      // Check if we're typing a suggestion trigger (e.g., {{)\n      const suggestionMatch = textBefore.match(/\\{\\{(\\w*)$/)\n      if (suggestionMatch) {\n        const prefix = suggestionMatch[1]\n        const suggestions = this.suggestions\n          .filter((suggestion) => suggestion.label.toLowerCase().startsWith(prefix.toLowerCase()))\n          .map((suggestion) => ({\n            label: suggestion.label,\n            detail: suggestion.description || '',\n            info: suggestion.suffix || '',\n            apply: (view: EditorView, completion: unknown, from: number, to: number) => {\n              const placeholderText = `{{${suggestion.label}}}`\n              view.dispatch({\n                changes: { from: from - 2, to, insert: placeholderText }, // -2 to include the {{\n                selection: { anchor: from - 2 + placeholderText.length },\n              })\n              this.dispatchSuggestionInsert(suggestion, from - 2)\n            },\n          }))\n\n        if (suggestions.length > 0) {\n          return {\n            from: pos - prefix.length,\n            options: suggestions,\n          }\n        }\n      }\n\n      return null\n    }\n  }\n\n  /**\n   * Format function information for autocomplete\n   */\n  private formatFunctionInfo(fn: FunctionSchema): string {\n    let info = fn.description || ''\n    if (fn.parameters && fn.parameters.length > 0) {\n      info += '\\n\\nParameters:\\n'\n      fn.parameters.forEach((param) => {\n        info += `• ${param.name}: ${param.type}`\n        if (param.description) {\n          info += ` - ${param.description}`\n        }\n        info += '\\n'\n      })\n    }\n    if (fn.returns) {\n      info += `\\nReturns: ${fn.returns}`\n    }\n    return info\n  }\n\n  /**\n   * Format function call with parameters\n   */\n  private formatFunctionCall(fn: FunctionSchema): string {\n    if (!fn.parameters || fn.parameters.length === 0) {\n      return `${fn.name}()`\n    }\n\n    const params = fn.parameters\n      .map((param) => {\n        if (param.required) {\n          return param.name\n        }\n        return `${param.name}?`\n      })\n      .join(', ')\n\n    return `${fn.name}(${params})`\n  }\n\n  /**\n   * Setup suggestion and function maps for quick lookup\n   */\n  private setupSuggestionMaps(): void {\n    this.suggestionMap.clear()\n    this.functionMap.clear()\n\n    this.suggestions.forEach((suggestion) => {\n      this.suggestionMap.set(suggestion.id, suggestion)\n    })\n\n    this.functionSchemas.forEach((fn) => {\n      this.functionMap.set(fn.id, fn)\n    })\n  }\n\n  /**\n   * Update editor content when value changes\n   */\n  private updateEditorContent(): void {\n    if (!this.editorView) return\n\n    const currentValue = this.editorView.state.doc.toString()\n    if (currentValue !== this.value) {\n      this.editorView.dispatch({\n        changes: {\n          from: 0,\n          to: this.editorView.state.doc.length,\n          insert: this.value,\n        },\n      })\n    }\n  }\n\n  /**\n   * Update editor state (e.g., disabled state)\n   */\n  private updateEditorState(): void {\n    if (!this.editorView) return\n\n    // For now, we'll handle disabled state differently\n    // CodeMirror 6 doesn't use reconfigure for editable\n    if (this.disabled) {\n      this.editorView.contentDOM.setAttribute('contenteditable', 'false')\n    } else {\n      this.editorView.contentDOM.setAttribute('contenteditable', 'true')\n    }\n  }\n\n  /**\n   * Handle editor content change\n   */\n  private handleEditorChange(): void {\n    if (!this.editorView) return\n\n    const newValue = this.editorView.state.doc.toString()\n    if (newValue !== this._previousValue) {\n      this._previousValue = newValue\n      this.value = newValue\n      this.hasContent = newValue.length > 0\n\n      this.dispatchEvent(new Event('input', { bubbles: true }))\n    }\n  }\n\n  /**\n   * Handle focus change\n   */\n  private handleFocusChange(hasFocus: boolean): void {\n    this.isEditorFocus = hasFocus\n\n    if (!hasFocus && this.value !== this._previousValue) {\n      this.dispatchEvent(new Event('change', { bubbles: true }))\n    }\n  }\n\n  /**\n   * Dispatch function insert event\n   */\n  private dispatchFunctionInsert(functionSchema: FunctionSchema, position: number): void {\n    const event = new CustomEvent<FunctionInsertEvent>('function-insert', {\n      detail: { functionSchema, position },\n      bubbles: true,\n    })\n    this.dispatchEvent(event)\n  }\n\n  /**\n   * Dispatch suggestion insert event\n   */\n  private dispatchSuggestionInsert(suggestion: Suggestion, position: number): void {\n    const event = new CustomEvent<SuggestionInsertEvent>('suggestion-insert', {\n      detail: { suggestion, position },\n      bubbles: true,\n    })\n    this.dispatchEvent(event)\n  }\n\n  /**\n   * Focus the editor\n   */\n  override focus(): void {\n    this.editorView?.focus()\n  }\n\n  /**\n   * Get the editor's current selection\n   */\n  getSelection(): { from: number; to: number } | null {\n    if (!this.editorView) return null\n    const { from, to } = this.editorView.state.selection.main\n    return { from, to }\n  }\n\n  /**\n   * Insert text at the current cursor position\n   */\n  insertText(text: string): void {\n    if (!this.editorView) return\n\n    const { from, to } = this.editorView.state.selection.main\n    this.editorView.dispatch({\n      changes: { from, to, insert: text },\n      selection: { anchor: from + text.length },\n    })\n  }\n\n  override render(): TemplateResult {\n    const hasLabel = !!this.label\n    const hasSupportingText = !!this.supportingText\n\n    return html`\n      <div class=\"surface ${classMap({ 'has-focus': this.isEditorFocus, 'invalid': this.invalid })}\">\n        <div class=\"content\">\n          ${hasLabel ? html`<div class=\"label\">${this.label}</div>` : nothing}\n\n          <div class=\"editor-container\" part=\"editor\"></div>\n        </div>\n\n        ${hasSupportingText ? html`<div class=\"supporting-text\">${this.supportingText}</div>` : nothing}\n      </div>\n    `\n  }\n}\n"]}
+{"version":3,"file":"CodeEditor.js","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/CodeEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, PropertyValues, TemplateResult, nothing } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { linter } from '@codemirror/lint'\nimport { EditorState, Extension } from '@codemirror/state'\nimport {\n  autocompletion,\n  CompletionContext,\n  type CompletionResult,\n  type CompletionSource,\n  type Completion,\n} from '@codemirror/autocomplete'\nimport { javascript } from '@codemirror/lang-javascript'\nimport { syntaxHighlighting, defaultHighlightStyle } from '@codemirror/language'\nimport { oneDark } from '@codemirror/theme-one-dark'\nimport { keymap } from '@codemirror/view'\nimport { defaultKeymap } from '@codemirror/commands'\nimport {\n  EditorView,\n  Decoration,\n  DecorationSet,\n  ViewPlugin,\n  ViewUpdate,\n  hoverTooltip,\n  type Tooltip,\n} from '@codemirror/view'\nimport { functionLinter } from './Linter.js'\nimport type { FunctionInsertEvent, FunctionSchema, Suggestion, SuggestionInsertEvent } from './types.js'\nimport { SuggestionMatchDecorator } from './SuggestionMatchDecorator.js'\n\n/**\n * A CodeMirror 6 based editor component that supports function autocomplete and suggestion placeholders.\n *\n * Features:\n * - Dynamic function schema loading\n * - Autocomplete for functions and suggestions\n * - Suggestion placeholders with double curly braces ({{suggestion}})\n * - Keyboard navigation\n * - Accessibility support\n *\n * @fires function-insert - When a function is inserted\n * @fires suggestion-insert - When a suggestion is inserted\n * @fires input - When the editor content changes\n * @fires change - When the editor loses focus and content has changed\n */\nexport default class CodeEditor extends LitElement {\n  /**\n   * Shadow root configuration for the component.\n   * Uses 'open' mode for accessibility and delegates focus to enable proper focus management.\n   */\n  static override shadowRootOptions: ShadowRootInit = {\n    mode: 'open',\n    delegatesFocus: true,\n  }\n\n  /**\n   * The label text displayed as placeholder/floating label\n   */\n  @property({ type: String })\n  accessor label = ''\n\n  /**\n   * Supporting text displayed below the editor\n   */\n  @property({ type: String, attribute: 'supporting-text' })\n  accessor supportingText = ''\n\n  /**\n   * Whether the component is disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor disabled = false\n\n  /**\n   * Whether the component is in an invalid state\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor invalid = false\n\n  /**\n   * The name attribute for form integration\n   */\n  @property({ type: String })\n  accessor name = ''\n\n  /**\n   * Whether the input is required\n   */\n  @property({ type: Boolean })\n  accessor required = false\n\n  /**\n   * Placeholder text shown when editor is empty\n   */\n  @property({ type: String })\n  accessor placeholder = ''\n\n  /**\n   * The editor content value\n   */\n  @property({ type: String })\n  accessor value = ''\n\n  /**\n   * Available function schemas for autocomplete\n   */\n  @property({ type: Array, attribute: false })\n  accessor functionSchemas: FunctionSchema[] = []\n\n  /**\n   * Available suggestions for autocomplete\n   */\n  @property({ type: Array, attribute: false })\n  accessor suggestions: Suggestion[] = []\n\n  /**\n   * Whether to use dark theme\n   */\n  @property({ type: Boolean, attribute: 'dark-theme' })\n  accessor darkTheme = false\n\n  /**\n   * Programming language for syntax highlighting\n   */\n  @property({ type: String })\n  accessor language = 'javascript'\n\n  @query('.editor-container')\n  private accessor editorContainer!: HTMLDivElement\n\n  @state()\n  private accessor hasContent = false\n\n  @state()\n  private accessor isEditorFocus = false\n\n  private editorView?: EditorView\n  private _previousValue = ''\n  /**\n   * Matcher for suggestion placeholders in the editor.\n   */\n  placeholderMatcher?: SuggestionMatchDecorator\n\n  /**\n   * Get all suggestions (placeholders) currently in the editor\n   */\n  get activeSuggestions(): Suggestion[] {\n    const suggestions: Suggestion[] = []\n    const placeholderPattern = /\\{\\{(\\w+)\\}\\}/g\n    let match: RegExpExecArray | null\n    while ((match = placeholderPattern.exec(this.value)) !== null) {\n      const placeholderText = match[1]\n      // Find suggestion by label\n      const suggestion = this.suggestions.find((s) => s.label.toLowerCase() === placeholderText.toLowerCase())\n      if (suggestion) {\n        suggestions.push(suggestion)\n      }\n    }\n    return suggestions\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback()\n    this.editorView?.destroy()\n  }\n\n  override firstUpdated(): void {\n    this.initializeCodeMirror()\n    this.updateEditorContent()\n  }\n\n  override willUpdate(changedProperties: PropertyValues): void {\n    super.willUpdate(changedProperties)\n\n    if (changedProperties.has('suggestions')) {\n      if (this.placeholderMatcher) {\n        this.placeholderMatcher.suggestions = this.suggestions || []\n      }\n    }\n\n    if (changedProperties.has('value') && this.editorView) {\n      this.updateEditorContent()\n    }\n\n    if (changedProperties.has('disabled')) {\n      this.updateEditorState()\n    }\n  }\n\n  /**\n   * Initialize CodeMirror editor with extensions\n   */\n  private initializeCodeMirror(): void {\n    const extensions: Extension[] = [\n      keymap.of(defaultKeymap),\n      syntaxHighlighting(defaultHighlightStyle),\n      autocompletion({\n        override: [this.createCompletionSource()],\n        activateOnTyping: true,\n        maxRenderedOptions: 10,\n      }),\n      EditorView.updateListener.of((update: ViewUpdate) => {\n        if (update.docChanged) {\n          this.handleEditorChange()\n        }\n        if (update.focusChanged) {\n          this.handleFocusChange(update.view.hasFocus)\n        }\n      }),\n      this.createPlaceholderPlugin(),\n      hoverTooltip(this.createHoverTooltipSource),\n      linter((view) => functionLinter(view, this.functionSchemas, (e) => this.dispatchEvent(e))),\n    ]\n\n    // Add language support\n    if (this.language === 'javascript') {\n      extensions.push(javascript())\n    }\n\n    // Add theme\n    if (this.darkTheme) {\n      extensions.push(oneDark)\n    }\n\n    // Add placeholder\n    if (this.placeholder) {\n      extensions.push(\n        EditorView.contentAttributes.of({\n          'aria-placeholder': this.placeholder,\n        })\n      )\n    }\n\n    const state = EditorState.create({\n      doc: this.value,\n      extensions,\n    })\n\n    this.editorView = new EditorView({\n      state,\n      parent: this.editorContainer,\n    })\n  }\n\n  /**\n   * Creates the ViewPlugin for rendering suggestion placeholders.\n   * This is created as a method to get access to the component's `suggestions`.\n   */\n  private createPlaceholderPlugin(): Extension {\n    const placeholderMatcher = new SuggestionMatchDecorator(/\\{\\{(\\w+)\\}\\}/g, this.suggestions)\n    this.placeholderMatcher = placeholderMatcher\n    // This class needs to be defined here to have access to the `placeholderMatcher`\n    class AtomicDecorationRange {\n      placeholders: DecorationSet\n      constructor(view: EditorView) {\n        this.placeholders = placeholderMatcher.createDeco(view)\n      }\n      update(update: ViewUpdate) {\n        this.placeholders = placeholderMatcher.updateDeco(update, this.placeholders)\n      }\n    }\n\n    return ViewPlugin.fromClass(AtomicDecorationRange, {\n      decorations: (instance) => instance.placeholders,\n      provide: (plugin) => EditorView.atomicRanges.of((view) => view.plugin(plugin)?.placeholders || Decoration.none),\n    })\n  }\n\n  /**\n   * Create completion source for functions and suggestions\n   */\n  private createCompletionSource(): CompletionSource {\n    return (context: CompletionContext): CompletionResult | null => {\n      const { pos } = context\n      const line = context.state.doc.lineAt(pos)\n      const textBefore = line.text.slice(0, pos - line.from)\n\n      // Check if we're typing a function name\n      const functionMatch = textBefore.match(/(\\w+)$/)\n      if (functionMatch) {\n        const prefix = functionMatch[1]\n        const functions = this.functionSchemas\n          .filter((fn) => fn.name.toLowerCase().startsWith(prefix.toLowerCase()))\n          .map((fn) => this.createFunctionCompletion(fn))\n\n        if (functions.length > 0) {\n          return {\n            from: pos - prefix.length,\n            options: functions,\n          }\n        }\n      }\n\n      // Check if we're typing a suggestion trigger (e.g., {{)\n      const suggestionMatch = textBefore.match(/\\{\\{(\\w*)$/)\n      if (suggestionMatch) {\n        const prefix = suggestionMatch[1]\n        const suggestions = this.suggestions\n          .filter((suggestion) => suggestion.label.toLowerCase().startsWith(prefix.toLowerCase()))\n          .map((suggestion) => this.createSuggestionCompletion(suggestion))\n\n        if (suggestions.length > 0) {\n          return {\n            from: pos - prefix.length,\n            options: suggestions,\n          }\n        }\n      }\n\n      return null\n    }\n  }\n\n  private createFunctionCompletion(schema: FunctionSchema): Completion {\n    const result: Completion = {\n      label: schema.name,\n      detail: schema.description || '',\n      info: () => this.createFunctionInfoElement(schema),\n      apply: (view: EditorView, completion: unknown, from: number, to: number) => {\n        const functionCall = this.formatFunctionCall(schema)\n        view.dispatch({\n          changes: { from, to, insert: functionCall },\n          selection: { anchor: from + functionCall.length },\n        })\n        this.dispatchFunctionInsert(schema, from)\n      },\n    }\n\n    return result\n  }\n\n  private createSuggestionCompletion(suggestion: Suggestion): Completion {\n    const result: Completion = {\n      label: suggestion.label,\n      detail: suggestion.description || '',\n      info: suggestion.suffix || '',\n      apply: (view: EditorView, completion: unknown, from: number, to: number) => {\n        const placeholderText = `{{${suggestion.label}}}`\n        view.dispatch({\n          changes: { from: from - 2, to, insert: placeholderText }, // -2 to include the {{\n          selection: { anchor: from - 2 + placeholderText.length },\n        })\n        this.dispatchSuggestionInsert(suggestion, from - 2)\n      },\n    }\n\n    return result\n  }\n\n  /**\n   * Creates the source for the hover tooltips.\n   * This is an arrow function to automatically bind `this`.\n   */\n  private createHoverTooltipSource = (view: EditorView, pos: number): Tooltip | null => {\n    const word = view.state.wordAt(pos)\n    if (!word) {\n      return null\n    }\n\n    const functionName = view.state.doc.sliceString(word.from, word.to)\n    const fnSchema = this.functionSchemas.find((schema) => schema.name === functionName)\n\n    if (!fnSchema) {\n      return null\n    }\n\n    return {\n      pos: word.from,\n      end: word.to,\n      above: true,\n      create: () => ({ dom: this.createFunctionInfoElement(fnSchema) }),\n    }\n  }\n\n  /**\n   * Creates a styled HTML element to display function documentation.\n   * This is used for both hover tooltips and autocomplete info panels.\n   */\n  private createFunctionInfoElement(fn: FunctionSchema): HTMLElement {\n    const container = document.createElement('div')\n    container.className = 'function-info' // for styling\n\n    if (fn.description) {\n      const description = document.createElement('p')\n      description.className = 'description'\n      description.textContent = fn.description\n      container.appendChild(description)\n    }\n\n    if (fn.parameters && fn.parameters.length > 0) {\n      const paramsContainer = document.createElement('div')\n      paramsContainer.className = 'parameters'\n\n      const paramsHeader = document.createElement('h4')\n      paramsHeader.textContent = 'Parameters'\n      paramsContainer.appendChild(paramsHeader)\n\n      const paramsList = document.createElement('ul')\n      fn.parameters.forEach((param) => {\n        const listItem = document.createElement('li')\n\n        const name = document.createElement('span')\n        name.className = 'param-name'\n        name.textContent = param.name\n\n        const type = document.createElement('span')\n        type.className = 'param-type'\n        type.textContent = `: ${param.type}`\n\n        listItem.appendChild(name)\n        listItem.appendChild(type)\n\n        if (param.description) {\n          const paramDesc = document.createElement('p')\n          paramDesc.className = 'param-description'\n          paramDesc.textContent = param.description\n          listItem.appendChild(paramDesc)\n        }\n        paramsList.appendChild(listItem)\n      })\n      paramsContainer.appendChild(paramsList)\n      container.appendChild(paramsContainer)\n    }\n\n    if (fn.returns) {\n      const returnsContainer = document.createElement('div')\n      returnsContainer.className = 'returns'\n\n      const returnsHeader = document.createElement('h4')\n      returnsHeader.textContent = 'Returns'\n      returnsContainer.appendChild(returnsHeader)\n\n      const returnsDesc = document.createElement('p')\n      returnsDesc.textContent = fn.returns\n      returnsContainer.appendChild(returnsDesc)\n      container.appendChild(returnsContainer)\n    }\n\n    return container\n  }\n\n  /**\n   * Format function call with parameters\n   */\n  private formatFunctionCall(fn: FunctionSchema): string {\n    if (!fn.parameters || fn.parameters.length === 0) {\n      return `${fn.name}()`\n    }\n\n    const params = fn.parameters\n      .map((param) => {\n        if (param.required) {\n          return param.name\n        }\n        return `${param.name}?`\n      })\n      .join(', ')\n\n    return `${fn.name}(${params})`\n  }\n\n  /**\n   * Update editor content when value changes\n   */\n  private updateEditorContent(): void {\n    if (!this.editorView) return\n\n    const currentValue = this.editorView.state.doc.toString()\n    if (currentValue !== this.value) {\n      this.editorView.dispatch({\n        changes: {\n          from: 0,\n          to: this.editorView.state.doc.length,\n          insert: this.value,\n        },\n      })\n    }\n  }\n\n  /**\n   * Update editor state (e.g., disabled state)\n   */\n  private updateEditorState(): void {\n    if (!this.editorView) return\n\n    // For now, we'll handle disabled state differently\n    // CodeMirror 6 doesn't use reconfigure for editable\n    if (this.disabled) {\n      this.editorView.contentDOM.setAttribute('contenteditable', 'false')\n    } else {\n      this.editorView.contentDOM.setAttribute('contenteditable', 'true')\n    }\n  }\n\n  /**\n   * Handle editor content change\n   */\n  private handleEditorChange(): void {\n    if (!this.editorView) return\n\n    const newValue = this.editorView.state.doc.toString()\n    if (newValue !== this._previousValue) {\n      this._previousValue = newValue\n      this.value = newValue\n      this.hasContent = newValue.length > 0\n\n      this.dispatchEvent(new Event('input', { bubbles: true }))\n    }\n  }\n\n  /**\n   * Handle focus change\n   */\n  private handleFocusChange(hasFocus: boolean): void {\n    this.isEditorFocus = hasFocus\n\n    if (!hasFocus && this.value !== this._previousValue) {\n      this.dispatchEvent(new Event('change', { bubbles: true }))\n    }\n  }\n\n  /**\n   * Dispatch function insert event\n   */\n  private dispatchFunctionInsert(functionSchema: FunctionSchema, position: number): void {\n    const event = new CustomEvent<FunctionInsertEvent>('function-insert', {\n      detail: { functionSchema, position },\n      bubbles: true,\n    })\n    this.dispatchEvent(event)\n  }\n\n  /**\n   * Dispatch suggestion insert event\n   */\n  private dispatchSuggestionInsert(suggestion: Suggestion, position: number): void {\n    const event = new CustomEvent<SuggestionInsertEvent>('suggestion-insert', {\n      detail: { suggestion, position },\n      bubbles: true,\n    })\n    this.dispatchEvent(event)\n  }\n\n  /**\n   * Focus the editor\n   */\n  override focus(): void {\n    this.editorView?.focus()\n  }\n\n  /**\n   * Get the editor's current selection\n   */\n  getSelection(): { from: number; to: number } | null {\n    if (!this.editorView) return null\n    const { from, to } = this.editorView.state.selection.main\n    return { from, to }\n  }\n\n  /**\n   * Insert text at the current cursor position\n   */\n  insertText(text: string): void {\n    if (!this.editorView) return\n\n    const { from, to } = this.editorView.state.selection.main\n    this.editorView.dispatch({\n      changes: { from, to, insert: text },\n      selection: { anchor: from + text.length },\n    })\n  }\n\n  override render(): TemplateResult {\n    const hasLabel = !!this.label\n    const hasSupportingText = !!this.supportingText\n\n    return html`\n      <div class=\"surface ${classMap({ 'has-focus': this.isEditorFocus, 'invalid': this.invalid })}\">\n        <div class=\"content\">\n          ${hasLabel ? html`<div class=\"label\">${this.label}</div>` : nothing}\n\n          <div class=\"editor-container\" part=\"editor\"></div>\n        </div>\n\n        ${hasSupportingText ? html`<div class=\"supporting-text\">${this.supportingText}</div>` : nothing}\n      </div>\n    `\n  }\n}\n"]}

package/build/src/elements/code-editor/internals/CodeEditor.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/CodeEditor.styles.ts"],"names":[],"mappings":";AAEA,wBAmJC"}
+{"version":3,"file":"CodeEditor.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/CodeEditor.styles.ts"],"names":[],"mappings":";AAEA,wBAuJC"}