@aleph-alpha/chat-kit 6.2.0 → 6.4.0

package/dist/createCodeMirror-5iswYetS.js

@@ -0,0 +1,169 @@
+import { J as MatchDecorator, D as Decoration, V as ViewPlugin, E as EditorView, W as WidgetType, K as EditorState, O as Compartment, Q as lineNumbers, U as languages, X as ckCodeMirrorTheme, Y as history, Z as drawSelection, _ as highlightSpecialChars, $ as highlightActiveLine, a0 as bracketMatching, a1 as indentOnInput, k as indentUnit, m as keymap, a2 as defaultKeymap, a3 as historyKeymap, a4 as indentWithTab, a5 as placeholder } from "./code-palette-DH_G7mZ5.js";
+import { p as purify } from "./katex.min-md74IFlY.js";
+const DEFAULT_BADGE_CLASS = "ck-code-badge inline-flex w-fit shrink-0 select-none items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-md border border-border-surface-default bg-background-button-secondary-button text-content-on-surface-primary px-2 py-0.5 label-12-regular align-middle";
+class BadgeWidget extends WidgetType {
+  constructor(content) {
+    super();
+    this.content = content;
+  }
+  // Decorations are rebuilt on every document and viewport change. Without a
+  // real comparison here every pill would be torn down and recreated on each
+  // keystroke, which flickers and drops any focus inside the widget.
+  eq(other) {
+    return other.content.label === this.content.label && other.content.icon === this.content.icon && other.content.title === this.content.title && other.content.class === this.content.class;
+  }
+  toDOM() {
+    const el = document.createElement("span");
+    el.className = this.content.class ?? DEFAULT_BADGE_CLASS;
+    if (this.content.title) el.title = this.content.title;
+    if (this.content.icon) {
+      const icon = document.createElement("span");
+      icon.className = "ck-code-badge__icon inline-flex shrink-0";
+      icon.innerHTML = purify.sanitize(this.content.icon, {
+        USE_PROFILES: { svg: true, svgFilters: true }
+      });
+      el.append(icon);
+    }
+    el.append(document.createTextNode(this.content.label));
+    return el;
+  }
+  /** The pill is decorative; let the editor handle every event over it. */
+  ignoreEvent() {
+    return false;
+  }
+}
+function toGlobal(pattern) {
+  const flags = pattern.flags.includes("g") ? pattern.flags : `${pattern.flags}g`;
+  return new RegExp(pattern.source, flags);
+}
+function badgeExtension(rule) {
+  const matcher = new MatchDecorator({
+    regexp: toGlobal(rule.pattern),
+    decoration: (match) => {
+      const content = rule.render(match);
+      return content ? Decoration.replace({ widget: new BadgeWidget(content) }) : null;
+    }
+  });
+  return ViewPlugin.fromClass(
+    class {
+      badges;
+      constructor(view) {
+        this.badges = matcher.createDeco(view);
+      }
+      update(update) {
+        this.badges = matcher.updateDeco(update, this.badges);
+      }
+    },
+    {
+      decorations: (plugin) => plugin.badges,
+      provide: (plugin) => EditorView.atomicRanges.of(
+        (view) => view.plugin(plugin)?.badges ?? Decoration.none
+      )
+    }
+  );
+}
+const PLAIN_ALIASES = /* @__PURE__ */ new Set(["text", "txt", "plain", "plaintext", ""]);
+async function resolveLanguage(language) {
+  const id = language.trim().toLowerCase();
+  if (PLAIN_ALIASES.has(id)) return null;
+  const description = languages.find(
+    (candidate) => candidate.name.toLowerCase() === id || candidate.alias.includes(id) || candidate.extensions.includes(id)
+  );
+  if (!description) return null;
+  try {
+    return await description.load();
+  } catch {
+    return null;
+  }
+}
+function readonlyState(readonly) {
+  return [EditorState.readOnly.of(readonly), EditorView.editable.of(!readonly)];
+}
+function baseExtensions(options) {
+  return [
+    // Deliberately not CodeMirror's `basicSetup`: it also brings autocomplete,
+    // search, folding and bracket closing, none of which suit a snippet field,
+    // and its fold gutter would sit next to the line numbers.
+    history(),
+    drawSelection(),
+    highlightSpecialChars(),
+    highlightActiveLine(),
+    bracketMatching(),
+    indentOnInput(),
+    indentUnit.of("  "),
+    keymap.of([...defaultKeymap, ...historyKeymap, indentWithTab]),
+    ckCodeMirrorTheme,
+    EditorView.contentAttributes.of({
+      role: "textbox",
+      "aria-multiline": "true",
+      ...options.ariaLabel ? { "aria-label": options.ariaLabel } : {}
+    }),
+    EditorView.updateListener.of((update) => {
+      if (update.docChanged) options.onChange(update.state.doc.toString());
+      if (update.focusChanged) {
+        if (update.view.hasFocus) options.onFocus();
+        else options.onBlur();
+      }
+    }),
+    ...options.placeholder ? [placeholder(options.placeholder)] : []
+  ];
+}
+async function createCodeMirror(options) {
+  const languageSlot = new Compartment();
+  const readonlySlot = new Compartment();
+  const lineNumbersSlot = new Compartment();
+  const wrappingSlot = new Compartment();
+  const badgeSlot = new Compartment();
+  const support = await resolveLanguage(options.language);
+  const view = new EditorView({
+    parent: options.parent,
+    state: EditorState.create({
+      doc: options.doc,
+      extensions: [
+        ...baseExtensions(options),
+        languageSlot.of(support ? [support] : []),
+        readonlySlot.of(readonlyState(options.readonly)),
+        lineNumbersSlot.of(options.showLineNumbers ? lineNumbers() : []),
+        wrappingSlot.of(options.lineWrapping ? EditorView.lineWrapping : []),
+        badgeSlot.of(options.badge ? badgeExtension(options.badge) : [])
+      ]
+    })
+  });
+  function reconfigure(slot, extension) {
+    view.dispatch({ effects: slot.reconfigure(extension) });
+  }
+  return {
+    view,
+    getCode: () => view.state.doc.toString(),
+    setCode: (value) => {
+      if (value === view.state.doc.toString()) return;
+      const cursor = Math.min(view.state.selection.main.head, value.length);
+      view.dispatch({
+        changes: { from: 0, to: view.state.doc.length, insert: value },
+        selection: { anchor: cursor }
+      });
+    },
+    setLanguage: async (language) => {
+      const next = await resolveLanguage(language);
+      reconfigure(languageSlot, next ? [next] : []);
+    },
+    setReadonly: (readonly) => {
+      reconfigure(readonlySlot, readonlyState(readonly));
+    },
+    setShowLineNumbers: (show) => {
+      reconfigure(lineNumbersSlot, show ? lineNumbers() : []);
+    },
+    setLineWrapping: (wrap) => {
+      reconfigure(wrappingSlot, wrap ? EditorView.lineWrapping : []);
+    },
+    setBadge: (rule) => {
+      reconfigure(badgeSlot, rule ? badgeExtension(rule) : []);
+    },
+    focus: () => view.focus(),
+    destroy: () => view.destroy()
+  };
+}
+export {
+  createCodeMirror,
+  resolveLanguage
+};