@scalar/use-codemirror 0.14.8 → 0.14.10

package/dist/hooks/useDropdown.js

@@ -1,58 +1,62 @@
-import { watch } from "vue";
-function useDropdown(params) {
-  const { codeMirror, query, showDropdown, dropdownPosition } = params;
-  function getCursorPos() {
-    return codeMirror.value?.state.selection.main.head || 0;
-  }
-  function getCoordsAtPos(pos) {
-    return codeMirror.value?.coordsAtPos(pos);
-  }
-  function updateDropdownPosition() {
-    const cursorPos = getCursorPos();
-    requestAnimationFrame(() => {
-      const coords = getCoordsAtPos(cursorPos - query.value.length - 2);
-      if (coords) {
-        dropdownPosition.value = {
-          left: coords.left,
-          top: Math.max(coords.bottom)
-        };
-      }
-    });
-  }
-  watch(query, updateDropdownPosition);
-  function handleDropdownSelect(item) {
-    const formattedItem = `{{${item}}}`;
-    const cursor = getCursorPos();
-    const from = Math.max(0, cursor - query.value.length - 2);
-    const to = cursor;
-    codeMirror.value?.dispatch({
-      changes: { from, to, insert: formattedItem }
-    });
-    showDropdown.value = false;
-  }
-  function updateDropdownVisibility() {
-    const cursor = getCursorPos();
-    const text = codeMirror.value?.state.doc.sliceString(0, cursor) || "";
-    const lastOpenBraceIndex = text.lastIndexOf("{{");
-    const lastCloseBraceIndex = text.lastIndexOf("}}");
-    if (lastOpenBraceIndex > lastCloseBraceIndex) {
-      query.value = text.slice(lastOpenBraceIndex + 2);
-      showDropdown.value = true;
-      dropdownPosition.value = getCoordsAtPos(cursor) || { left: 0, top: 0 };
-      if (query.value === "") {
-        updateDropdownPosition();
-      }
-    } else {
-      showDropdown.value = false;
+import { watch } from 'vue';
+/** Custom hook to manage a dropdown in a CodeMirror editor */
+export function useDropdown(params) {
+    const { codeMirror, query, showDropdown, dropdownPosition } = params;
+    function getCursorPos() {
+        return codeMirror.value?.state.selection.main.head || 0;
     }
-  }
-  watch(() => codeMirror.value?.state.doc.toString(), updateDropdownVisibility);
-  return {
-    handleDropdownSelect,
-    updateDropdownVisibility
-  };
+    function getCoordsAtPos(pos) {
+        return codeMirror.value?.coordsAtPos(pos);
+    }
+    /** Updates position of the dropdown based on the current cursor position */
+    function updateDropdownPosition() {
+        const cursorPos = getCursorPos();
+        requestAnimationFrame(() => {
+            const coords = getCoordsAtPos(cursorPos - query.value.length - 2);
+            if (coords) {
+                dropdownPosition.value = {
+                    left: coords.left,
+                    top: Math.max(coords.bottom),
+                };
+            }
+        });
+    }
+    // Watch for changes in the query and update the dropdown position
+    watch(query, updateDropdownPosition);
+    /** Inserts selected item at the current cursor position */
+    function handleDropdownSelect(item) {
+        const formattedItem = `{{${item}}}`;
+        const cursor = getCursorPos();
+        const from = Math.max(0, cursor - query.value.length - 2);
+        const to = cursor;
+        codeMirror.value?.dispatch({
+            changes: { from, to, insert: formattedItem },
+        });
+        showDropdown.value = false;
+    }
+    /** Updates dropdown visibility based on current cursor position */
+    function updateDropdownVisibility() {
+        const cursor = getCursorPos();
+        const text = codeMirror.value?.state.doc.sliceString(0, cursor) || '';
+        const lastOpenBraceIndex = text.lastIndexOf('{{');
+        const lastCloseBraceIndex = text.lastIndexOf('}}');
+        if (lastOpenBraceIndex > lastCloseBraceIndex) {
+            query.value = text.slice(lastOpenBraceIndex + 2);
+            showDropdown.value = true;
+            dropdownPosition.value = getCoordsAtPos(cursor) || { left: 0, top: 0 };
+            // Ensures dropdown position even if the query is empty
+            if (query.value === '') {
+                updateDropdownPosition();
+            }
+        }
+        else {
+            showDropdown.value = false;
+        }
+    }
+    // Watch for changes in the content and update the dropdown visibility
+    watch(() => codeMirror.value?.state.doc.toString(), updateDropdownVisibility);
+    return {
+        handleDropdownSelect,
+        updateDropdownVisibility,
+    };
 }
-export {
-  useDropdown
-};
-//# sourceMappingURL=useDropdown.js.map

package/dist/hooks/variables.js

@@ -1,33 +1,21 @@
-import {
-  Decoration,
-  EditorView,
-  MatchDecorator,
-  ViewPlugin
-} from "@codemirror/view";
+import { Decoration, EditorView, MatchDecorator, ViewPlugin, } from '@codemirror/view';
 const variableHighlighterDecoration = new MatchDecorator({
-  regexp: /(\{[^}]+\})/g,
-  decoration: () => Decoration.mark({
-    attributes: {
-      class: "api-client-url-variable"
-    }
-  })
+    regexp: /(\{[^}]+\})/g,
+    decoration: () => Decoration.mark({
+        attributes: {
+            class: 'api-client-url-variable',
+        },
+    }),
 });
-const variables = () => ViewPlugin.fromClass(
-  class {
+export const variables = () => ViewPlugin.fromClass(class {
     variables;
     constructor(view) {
-      this.variables = variableHighlighterDecoration.createDeco(view);
+        this.variables = variableHighlighterDecoration.createDeco(view);
     }
     update(update) {
-      this.variables = variableHighlighterDecoration.updateDeco(update, this.variables);
+        this.variables = variableHighlighterDecoration.updateDeco(update, this.variables);
     }
-  },
-  {
+}, {
     decorations: (instance) => instance.variables,
-    provide: (plugin) => EditorView.atomicRanges.of((view) => view.plugin(plugin)?.variables || Decoration.none)
-  }
-);
-export {
-  variables
-};
-//# sourceMappingURL=variables.js.map
+    provide: (plugin) => EditorView.atomicRanges.of((view) => view.plugin(plugin)?.variables || Decoration.none),
+});

package/dist/index.js

@@ -1,29 +1,5 @@
-import {
-  EditorState,
-  RangeSetBuilder,
-  StateEffect
-} from "@codemirror/state";
-import {
-  Decoration,
-  EditorView,
-  ViewPlugin,
-  WidgetType
-} from "@codemirror/view";
-import { colorPicker } from "@replit/codemirror-css-color-picker";
-import {
-  useCodeMirror
-} from "./hooks/useCodeMirror.js";
-import { useDropdown } from "./hooks/useDropdown.js";
-export {
-  Decoration,
-  EditorState,
-  EditorView,
-  RangeSetBuilder,
-  StateEffect,
-  ViewPlugin,
-  WidgetType,
-  colorPicker,
-  useCodeMirror,
-  useDropdown
-};
-//# sourceMappingURL=index.js.map
+export { EditorState, RangeSetBuilder, StateEffect, } from '@codemirror/state';
+export { Decoration, EditorView, ViewPlugin, WidgetType, } from '@codemirror/view';
+export { colorPicker } from '@replit/codemirror-css-color-picker';
+export { useCodeMirror, } from './hooks/useCodeMirror.js';
+export { useDropdown } from './hooks/useDropdown.js';

package/dist/themes/createCodeMirrorTheme.js

@@ -1,76 +1,82 @@
-import { HighlightStyle, syntaxHighlighting } from "@codemirror/language";
-import { EditorView } from "@codemirror/view";
-const createCodeMirrorTheme = ({ theme, settings = {}, styles = [] }) => {
-  const themeOptions = {
-    ".cm-gutters": {}
-  };
-  const baseStyle = {};
-  if (settings.background) {
-    baseStyle.backgroundColor = settings.background;
-  }
-  if (settings.backgroundImage) {
-    baseStyle.backgroundImage = settings.backgroundImage;
-  }
-  if (settings.foreground) {
-    baseStyle.color = settings.foreground;
-  }
-  if (settings.fontSize) {
-    baseStyle.fontSize = settings.fontSize;
-  }
-  if (settings.background || settings.foreground) {
-    themeOptions["&"] = baseStyle;
-  }
-  if (settings.fontFamily) {
-    themeOptions["&.cm-editor .cm-scroller"] = {
-      fontFamily: settings.fontFamily
+/**
+ * This file is copied from @uiw/codemirror-themes.
+ * We've had issues with the import (something to do with CJS/ESM).
+ *
+ * @see https://github.com/uiwjs/react-codemirror
+ * @see https://github.com/scalar/scalar/issues/4222
+ */
+import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
+import { EditorView } from '@codemirror/view';
+/**
+ * Creates a CodeMirror theme from a set of options.
+ */
+export const createCodeMirrorTheme = ({ theme, settings = {}, styles = [] }) => {
+    const themeOptions = {
+        '.cm-gutters': {},
     };
-  }
-  if (settings.gutterBackground && themeOptions[".cm-gutters"]) {
-    themeOptions[".cm-gutters"].backgroundColor = settings.gutterBackground;
-  }
-  if (settings.gutterForeground && themeOptions[".cm-gutters"]) {
-    themeOptions[".cm-gutters"].color = settings.gutterForeground;
-  }
-  if (settings.gutterBorder && themeOptions[".cm-gutters"]) {
-    themeOptions[".cm-gutters"].borderRightColor = settings.gutterBorder;
-  }
-  if (settings.caret) {
-    themeOptions[".cm-content"] = {
-      caretColor: settings.caret
-    };
-    themeOptions[".cm-cursor, .cm-dropCursor"] = {
-      borderLeftColor: settings.caret
-    };
-  }
-  const activeLineGutterStyle = {};
-  if (settings.gutterActiveForeground) {
-    activeLineGutterStyle.color = settings.gutterActiveForeground;
-  }
-  if (settings.lineHighlight) {
-    themeOptions[".cm-activeLine"] = {
-      backgroundColor: settings.lineHighlight
-    };
-    activeLineGutterStyle.backgroundColor = settings.lineHighlight;
-  }
-  themeOptions[".cm-activeLineGutter"] = activeLineGutterStyle;
-  if (settings.selection) {
-    themeOptions["&.cm-focused .cm-selectionBackground, & .cm-line::selection, & .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection"] = {
-      background: settings.selection + " !important"
-    };
-  }
-  if (settings.selectionMatch) {
-    themeOptions["& .cm-selectionMatch"] = {
-      backgroundColor: settings.selectionMatch
-    };
-  }
-  const themeExtension = EditorView.theme(themeOptions, {
-    dark: theme === "dark"
-  });
-  const highlightStyle = HighlightStyle.define(styles);
-  const extension = [themeExtension, syntaxHighlighting(highlightStyle)];
-  return extension;
-};
-export {
-  createCodeMirrorTheme
+    const baseStyle = {};
+    if (settings.background) {
+        baseStyle.backgroundColor = settings.background;
+    }
+    if (settings.backgroundImage) {
+        baseStyle.backgroundImage = settings.backgroundImage;
+    }
+    if (settings.foreground) {
+        baseStyle.color = settings.foreground;
+    }
+    if (settings.fontSize) {
+        baseStyle.fontSize = settings.fontSize;
+    }
+    if (settings.background || settings.foreground) {
+        themeOptions['&'] = baseStyle;
+    }
+    if (settings.fontFamily) {
+        themeOptions['&.cm-editor .cm-scroller'] = {
+            fontFamily: settings.fontFamily,
+        };
+    }
+    if (settings.gutterBackground && themeOptions['.cm-gutters']) {
+        themeOptions['.cm-gutters'].backgroundColor = settings.gutterBackground;
+    }
+    if (settings.gutterForeground && themeOptions['.cm-gutters']) {
+        themeOptions['.cm-gutters'].color = settings.gutterForeground;
+    }
+    if (settings.gutterBorder && themeOptions['.cm-gutters']) {
+        themeOptions['.cm-gutters'].borderRightColor = settings.gutterBorder;
+    }
+    if (settings.caret) {
+        themeOptions['.cm-content'] = {
+            caretColor: settings.caret,
+        };
+        themeOptions['.cm-cursor, .cm-dropCursor'] = {
+            borderLeftColor: settings.caret,
+        };
+    }
+    const activeLineGutterStyle = {};
+    if (settings.gutterActiveForeground) {
+        activeLineGutterStyle.color = settings.gutterActiveForeground;
+    }
+    if (settings.lineHighlight) {
+        themeOptions['.cm-activeLine'] = {
+            backgroundColor: settings.lineHighlight,
+        };
+        activeLineGutterStyle.backgroundColor = settings.lineHighlight;
+    }
+    themeOptions['.cm-activeLineGutter'] = activeLineGutterStyle;
+    if (settings.selection) {
+        themeOptions['&.cm-focused .cm-selectionBackground, & .cm-line::selection, & .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection'] = {
+            background: settings.selection + ' !important',
+        };
+    }
+    if (settings.selectionMatch) {
+        themeOptions['& .cm-selectionMatch'] = {
+            backgroundColor: settings.selectionMatch,
+        };
+    }
+    const themeExtension = EditorView.theme(themeOptions, {
+        dark: theme === 'dark',
+    });
+    const highlightStyle = HighlightStyle.define(styles);
+    const extension = [themeExtension, syntaxHighlighting(highlightStyle)];
+    return extension;
 };
-//# sourceMappingURL=createCodeMirrorTheme.js.map

package/dist/themes/index.js

@@ -1,92 +1,88 @@
-import { tags as t } from "@lezer/highlight";
-import { createCodeMirrorTheme } from "./createCodeMirrorTheme.js";
-const customTheme = createCodeMirrorTheme({
-  theme: "light",
-  settings: {
-    background: "var(--scalar-background-2)",
-    foreground: "var(--scalar-color-1)",
-    caret: "var(--scalar-color-1)",
-    // Selection likely needs a hardcoded color due to it not accepting variables
-    selectionMatch: "#e3dcce",
-    gutterBackground: "var(--scalar-background-2)",
-    gutterForeground: "var(--scalar-color-3)",
-    gutterBorder: "transparent",
-    lineHighlight: "var(--scalar-background-3)",
-    fontFamily: "var(--scalar-font-code)"
-  },
-  styles: [
-    {
-      tag: [t.standard(t.tagName), t.tagName],
-      color: "var(--scalar-color-purple)"
+import { tags as t } from '@lezer/highlight';
+import { createCodeMirrorTheme } from './createCodeMirrorTheme.js';
+export const customTheme = createCodeMirrorTheme({
+    theme: 'light',
+    settings: {
+        background: 'var(--scalar-background-2)',
+        foreground: 'var(--scalar-color-1)',
+        caret: 'var(--scalar-color-1)',
+        // Selection likely needs a hardcoded color due to it not accepting variables
+        selectionMatch: '#e3dcce',
+        gutterBackground: 'var(--scalar-background-2)',
+        gutterForeground: 'var(--scalar-color-3)',
+        gutterBorder: 'transparent',
+        lineHighlight: 'var(--scalar-background-3)',
+        fontFamily: 'var(--scalar-font-code)',
     },
-    {
-      tag: [t.comment],
-      color: "var(--scalar-color-3)"
-    },
-    {
-      tag: [t.className],
-      color: "var(--scalar-color-orange)"
-    },
-    {
-      tag: [t.variableName, t.propertyName, t.attributeName],
-      color: "var(--scalar-color-1)"
-    },
-    {
-      tag: [t.operator],
-      color: "var(--scalar-color-2)"
-    },
-    {
-      tag: [t.keyword, t.typeName, t.typeOperator],
-      color: "var(--scalar-color-green)"
-    },
-    {
-      tag: [t.string],
-      color: "var(--scalar-color-blue)"
-    },
-    {
-      tag: [t.bracket, t.regexp, t.meta],
-      color: "var(--scalar-color-3)"
-    },
-    {
-      tag: [t.number],
-      color: "var(--scalar-color-orange)"
-    },
-    {
-      tag: [t.name, t.quote],
-      color: "var(--scalar-color-3)"
-    },
-    {
-      tag: [t.heading],
-      color: "var(--scalar-color-3)",
-      fontWeight: "bold"
-    },
-    {
-      tag: [t.emphasis],
-      color: "var(--scalar-color-3)",
-      fontStyle: "italic"
-    },
-    {
-      tag: [t.deleted],
-      color: "var(--scalar-color-3)",
-      backgroundColor: "transparent"
-    },
-    {
-      tag: [t.atom, t.bool, t.special(t.variableName)],
-      color: "var(--scalar-color-3)"
-    },
-    {
-      tag: [t.url, t.escape, t.regexp, t.link],
-      color: "var(--scalar-color-1)"
-    },
-    { tag: t.link, textDecoration: "underline" },
-    { tag: t.strikethrough, textDecoration: "line-through" },
-    {
-      tag: t.invalid,
-      color: "var(--scalar-color-3)"
-    }
-  ]
+    styles: [
+        {
+            tag: [t.standard(t.tagName), t.tagName],
+            color: 'var(--scalar-color-purple)',
+        },
+        {
+            tag: [t.comment],
+            color: 'var(--scalar-color-3)',
+        },
+        {
+            tag: [t.className],
+            color: 'var(--scalar-color-orange)',
+        },
+        {
+            tag: [t.variableName, t.propertyName, t.attributeName],
+            color: 'var(--scalar-color-1)',
+        },
+        {
+            tag: [t.operator],
+            color: 'var(--scalar-color-2)',
+        },
+        {
+            tag: [t.keyword, t.typeName, t.typeOperator],
+            color: 'var(--scalar-color-green)',
+        },
+        {
+            tag: [t.string],
+            color: 'var(--scalar-color-blue)',
+        },
+        {
+            tag: [t.bracket, t.regexp, t.meta],
+            color: 'var(--scalar-color-3)',
+        },
+        {
+            tag: [t.number],
+            color: 'var(--scalar-color-orange)',
+        },
+        {
+            tag: [t.name, t.quote],
+            color: 'var(--scalar-color-3)',
+        },
+        {
+            tag: [t.heading],
+            color: 'var(--scalar-color-3)',
+            fontWeight: 'bold',
+        },
+        {
+            tag: [t.emphasis],
+            color: 'var(--scalar-color-3)',
+            fontStyle: 'italic',
+        },
+        {
+            tag: [t.deleted],
+            color: 'var(--scalar-color-3)',
+            backgroundColor: 'transparent',
+        },
+        {
+            tag: [t.atom, t.bool, t.special(t.variableName)],
+            color: 'var(--scalar-color-3)',
+        },
+        {
+            tag: [t.url, t.escape, t.regexp, t.link],
+            color: 'var(--scalar-color-1)',
+        },
+        { tag: t.link, textDecoration: 'underline' },
+        { tag: t.strikethrough, textDecoration: 'line-through' },
+        {
+            tag: t.invalid,
+            color: 'var(--scalar-color-3)',
+        },
+    ],
 });
-export {
-  customTheme
-};
-//# sourceMappingURL=index.js.map

package/dist/types.js

@@ -1 +1 @@
-//# sourceMappingURL=types.js.map
+export {};

package/package.json

@@ -16,7 +16,7 @@
     "vue",
     "vue3"
   ],
-  "version": "0.14.8",
+  "version": "0.14.10",
   "engines": {
     "node": ">=22"
   },
@@ -54,24 +54,20 @@
     "@lezer/common": "^1.2.3",
     "@lezer/highlight": "^1.2.1",
     "@replit/codemirror-css-color-picker": "^6.3.0",
-    "vue": "^3.5.26",
-    "@scalar/components": "0.20.8"
+    "vue": "^3.5.26"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.3",
-    "vite": "^7.3.1",
-    "vitest": "4.0.16",
+    "vite": "8.0.0",
+    "vitest": "4.1.0",
     "vue": "^3.5.26",
-    "@scalar/themes": "0.15.0",
-    "@scalar/build-tooling": "0.5.0"
+    "vue-tsc": "^3.2.4",
+    "@scalar/themes": "0.15.1"
   },
   "scripts": {
-    "build": "scalar-build-esbuild",
+    "build": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
     "dev": "vite .",
-    "lint:check": "scalar-lint-check",
-    "lint:fix": "scalar-lint-fix",
     "test": "vitest",
-    "types:build": "scalar-types-build",
-    "types:check": "scalar-types-check-vue"
+    "types:check": "vue-tsc --noEmit"
   }
 }

package/dist/hooks/useCodeMirror.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/useCodeMirror.ts"],
-  "sourcesContent": ["import { autocompletion, closeBrackets, closeBracketsKeymap, completionKeymap } from '@codemirror/autocomplete'\nimport { history, historyKeymap, indentWithTab, insertNewline } from '@codemirror/commands'\nimport { css } from '@codemirror/lang-css'\nimport { html } from '@codemirror/lang-html'\nimport { json } from '@codemirror/lang-json'\nimport { xml } from '@codemirror/lang-xml'\nimport { yaml } from '@codemirror/lang-yaml'\nimport {\n  type LanguageSupport,\n  type StreamLanguage,\n  bracketMatching,\n  defaultHighlightStyle,\n  foldGutter,\n  indentOnInput,\n  syntaxHighlighting,\n} from '@codemirror/language'\nimport { type Diagnostic, linter } from '@codemirror/lint'\nimport { type Extension, StateEffect } from '@codemirror/state'\nimport {\n  EditorView,\n  type KeyBinding,\n  highlightSpecialChars,\n  keymap,\n  lineNumbers as lineNumbersExtension,\n  placeholder as placeholderExtension,\n} from '@codemirror/view'\nimport { ScalarIcon } from '@scalar/components'\nimport { type MaybeRefOrGetter, type Ref, computed, h, onBeforeUnmount, ref, render, toValue, watch } from 'vue'\n\nimport { customTheme } from '../themes'\nimport type { CodeMirrorLanguage } from '../types'\nimport { variables } from './variables'\n\ntype BaseParameters = {\n  /** Element Ref to mount codemirror to */\n  codeMirrorRef: Ref<HTMLDivElement | null>\n  /** List of optional extensions for the instance */\n  extensions?: MaybeRefOrGetter<Extension[]>\n  /** Whether to load a theme.*/\n  withoutTheme?: MaybeRefOrGetter<boolean | undefined>\n  /** Languages to support for syntax highlighting */\n  language: MaybeRefOrGetter<CodeMirrorLanguage | undefined>\n  /** Class names to apply to the instance */\n  classes?: MaybeRefOrGetter<string[] | undefined>\n  /** Put the editor into read-only mode */\n  readOnly?: MaybeRefOrGetter<boolean | undefined>\n  /** Disable indent with tab */\n  disableTabIndent?: MaybeRefOrGetter<boolean | undefined>\n  /** Option to show line numbers in the editor */\n  lineNumbers?: MaybeRefOrGetter<boolean | undefined>\n  withVariables?: MaybeRefOrGetter<boolean | undefined>\n  forceFoldGutter?: MaybeRefOrGetter<boolean | undefined>\n  disableEnter?: MaybeRefOrGetter<boolean | undefined>\n  disableCloseBrackets?: MaybeRefOrGetter<boolean | undefined>\n  /** Option to lint and show error in the editor */\n  lint?: MaybeRefOrGetter<boolean | undefined>\n  onBlur?: (v: string) => void\n  onFocus?: (v: string) => void\n  placeholder?: MaybeRefOrGetter<string | undefined>\n}\n\nexport type UseCodeMirrorParameters =\n  | (BaseParameters & {\n      /** Prefill the content. Will be ignored when a provider is given. */\n      content: MaybeRefOrGetter<string | undefined>\n      onChange?: (v: string) => void\n    })\n  | (BaseParameters & {\n      provider: MaybeRefOrGetter<Extension | null>\n      content?: MaybeRefOrGetter<string | undefined>\n      onChange?: (v: string) => void\n    })\n\n/** Check if the hook has a provider. In provider mode we ignore the content variable */\nconst hasProvider = (\n  params: UseCodeMirrorParameters,\n): params is BaseParameters & {\n  content?: MaybeRefOrGetter<string | undefined>\n  provider: MaybeRefOrGetter<Extension>\n} => 'provider' in params && !!toValue(params.provider)\n\nconst selectAllKeyBinding: KeyBinding = {\n  key: 'Mod-a',\n  run: (view) => {\n    // Select the entire content\n    view.dispatch({\n      selection: { anchor: 0, head: view.state.doc.length },\n      scrollIntoView: false,\n    })\n    return true\n  },\n}\n\n/** Reactive CodeMirror Integration */\nexport const useCodeMirror = (\n  params: UseCodeMirrorParameters,\n): {\n  setCodeMirrorContent: (content?: string) => void\n  codeMirror: Ref<EditorView | null>\n} => {\n  const codeMirror: Ref<EditorView | null> = ref(null)\n\n  /** Set the codemirror content value */\n  const setCodeMirrorContent = (newValue = '') => {\n    if (!codeMirror.value) {\n      return\n    }\n\n    // No need to set the CodeMirror content if nothing has changed\n    if (codeMirror.value.state.doc.toString() === newValue) {\n      return\n    }\n\n    codeMirror.value.dispatch({\n      changes: {\n        from: 0,\n        to: codeMirror.value.state.doc.length,\n        insert: newValue,\n      },\n      selection: {\n        anchor: Math.min(codeMirror.value.state.selection.main.anchor, newValue.length),\n      },\n    })\n  }\n\n  // All options except provider\n  const extensionConfig = computed(() => ({\n    onChange: params.onChange,\n    onBlur: params.onBlur,\n    onFocus: params.onFocus,\n    disableTabIndent: toValue(params.disableTabIndent),\n    language: toValue(params.language),\n    classes: toValue(params.classes),\n    readOnly: toValue(params.readOnly),\n    lineNumbers: toValue(params.lineNumbers),\n    withVariables: toValue(params.withVariables),\n    forceFoldGutter: toValue(params.forceFoldGutter),\n    disableEnter: toValue(params.disableEnter),\n    disableCloseBrackets: toValue(params.disableCloseBrackets),\n    withoutTheme: toValue(params.withoutTheme),\n    lint: toValue(params.lint),\n    additionalExtensions: toValue(params.extensions),\n    placeholder: toValue(params.placeholder),\n  }))\n\n  // Unmounts CodeMirror if it's mounted already, and mounts CodeMirror, if the given ref exists.\n  watch(\n    params.codeMirrorRef,\n    () => {\n      codeMirror.value?.destroy()\n      mountCodeMirror()\n    },\n    { immediate: true },\n  )\n\n  // Cleanup codemirror\n  onBeforeUnmount(() => codeMirror.value?.destroy())\n\n  // Initializes CodeMirror.\n  function mountCodeMirror() {\n    if (params.codeMirrorRef.value) {\n      const provider = hasProvider(params) ? toValue(params.provider) : null\n      const extensions = getCodeMirrorExtensions({\n        ...extensionConfig.value,\n        provider,\n      })\n\n      codeMirror.value = new EditorView({\n        parent: params.codeMirrorRef.value,\n        extensions,\n      })\n\n      // Set the initial content if a provider is not in use\n      if (!hasProvider(params)) {\n        setCodeMirrorContent(toValue(params.content))\n      }\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n\n  // Provider must be watched separately because we need to restart codemirror if the provider changes\n  watch(\n    () => (hasProvider(params) ? toValue(params.provider) : null),\n    () => {\n      if (hasProvider(params)) {\n        codeMirror.value?.destroy()\n        mountCodeMirror()\n      }\n    },\n  )\n\n  // Update the extensions whenever parameters changes\n  watch(\n    extensionConfig,\n    () => {\n      if (!codeMirror.value) {\n        return\n      }\n      // If a provider is\n\n      const provider = hasProvider(params) ? toValue(params.provider) : null\n      const extensions = getCodeMirrorExtensions({\n        ...extensionConfig.value,\n        provider,\n      })\n\n      requestAnimationFrame(() => {\n        codeMirror.value?.dispatch({\n          effects: StateEffect.reconfigure.of(extensions),\n        })\n      })\n    },\n    { immediate: true },\n  )\n\n  // ---------------------------------------------------------------------------\n\n  // Keep the content in sync when the content is managed externally\n  watch(\n    () => toValue(params.content),\n    () => {\n      // When a provider is in use we do not map the content value back to the codemirror instance\n      if (hasProvider(params)) {\n        return\n      }\n\n      setCodeMirrorContent(toValue(params.content))\n    },\n    { immediate: true },\n  )\n\n  return {\n    /** Replaces the current content with the given value. */\n    setCodeMirrorContent,\n    /** Codemirror instance */\n    codeMirror,\n  }\n}\n\n// ---------------------------------------------------------------------------\n\nconst languageExtensions: {\n  [lang in CodeMirrorLanguage]: () => LanguageSupport | StreamLanguage<any>\n} = {\n  html: html,\n  json: json,\n  yaml: yaml,\n  css: css,\n  xml: xml,\n}\n\n/** Generate  the list of extension from parameters */\nfunction getCodeMirrorExtensions({\n  onChange,\n  onBlur,\n  onFocus,\n  provider,\n  language,\n  classes = [],\n  readOnly = false,\n  lineNumbers = false,\n  withVariables = false,\n  forceFoldGutter = false,\n  disableEnter = false,\n  disableCloseBrackets = false,\n  disableTabIndent = false,\n  withoutTheme = false,\n  lint = false,\n  additionalExtensions = [],\n  placeholder,\n}: {\n  classes?: string[]\n  language?: CodeMirrorLanguage\n  readOnly?: boolean\n  lineNumbers?: boolean\n  disableCloseBrackets?: boolean\n  disableTabIndent?: boolean\n  withVariables?: boolean\n  disableEnter?: boolean\n  forceFoldGutter?: boolean\n  onChange?: (val: string) => void\n  onFocus?: (val: string) => void\n  onBlur?: (val: string) => void\n  withoutTheme?: boolean\n  provider: Extension | null\n  lint?: boolean\n  additionalExtensions?: Extension[]\n  placeholder?: string\n}) {\n  const extensions: Extension[] = [\n    highlightSpecialChars(),\n    history(),\n    keymap.of(historyKeymap),\n    syntaxHighlighting(defaultHighlightStyle, { fallback: true }),\n    EditorView.theme({\n      '.cm-line': {\n        lineHeight: '22px',\n        padding: '0 2px 0 4px',\n      },\n      '.cm-gutterElement': {\n        lineHeight: '22px',\n      },\n      '.cm-tooltip': {\n        border: '1px solid #f5c6cb',\n        fontSize: '12px',\n      },\n      '.cm-tooltip-lint': {\n        backgroundColor: '#ffffff',\n      },\n      '.cm-diagnostic-error': {\n        borderLeft: '0',\n        color: '#dc1b19',\n      },\n      '.cm-foldPlaceholder': {\n        background: 'var(--scalar-background-1)',\n        border: 'none',\n        fontFamily: 'var(--scalar-font)',\n      },\n    }),\n    // Listen to updates\n    EditorView.updateListener.of((v) => {\n      if (!v.docChanged) {\n        return\n      }\n      onChange?.(v.state.doc.toString())\n    }),\n    EditorView.domEventHandlers({\n      blur: (_event, view) => {\n        onBlur?.(view.state.doc.toString())\n      },\n      focus: (_event, view) => {\n        onFocus?.(view.state.doc.toString())\n      },\n    }),\n    // Add Classes\n    EditorView.editorAttributes.of({ class: classes.join(' ') }),\n    ...additionalExtensions,\n  ]\n\n  // Enable the provider\n  if (provider) {\n    extensions.push(provider)\n  }\n\n  // Add the theme as needed\n  if (!withoutTheme) {\n    extensions.push(customTheme)\n  }\n\n  // Read only\n  if (readOnly) {\n    extensions.push(EditorView.editable.of(false))\n  } else {\n    extensions.push(\n      indentOnInput(),\n      bracketMatching(),\n      autocompletion(),\n      keymap.of([...completionKeymap, selectAllKeyBinding]),\n      bracketMatching(),\n    )\n\n    if (!disableCloseBrackets) {\n      extensions.push(closeBrackets(), keymap.of([...closeBracketsKeymap]))\n    }\n\n    if (disableTabIndent) {\n      extensions.push(\n        keymap.of([\n          {\n            key: 'Tab',\n            run: () => false, // Prevent default Tab behavior\n            shift: () => false, // Prevent default Shift+Tab behavior\n          },\n        ]),\n      )\n    } else {\n      extensions.push(keymap.of([indentWithTab]))\n    }\n  }\n\n  // Add placeholder extension if placeholder is provided\n  if (placeholder) {\n    extensions.push(placeholderExtension(placeholder))\n  }\n\n  // Line numbers\n  if (lineNumbers) {\n    extensions.push(lineNumbersExtension())\n  }\n\n  if (forceFoldGutter) {\n    extensions.push(\n      foldGutter({\n        markerDOM: (open) => {\n          const icon = document.createElement('div')\n          icon.classList.add('cm-foldMarker')\n          const vnode = h(ScalarIcon, {\n            icon: open ? 'ChevronDown' : 'ChevronRight',\n            size: 'md',\n          })\n          render(vnode, icon)\n          return icon\n        },\n      }),\n    )\n  }\n\n  // Syntax highlighting\n  if (language && languageExtensions[language]) {\n    extensions.push(languageExtensions[language]())\n    if (!forceFoldGutter) {\n      extensions.push(\n        foldGutter({\n          markerDOM: (open) => {\n            const icon = document.createElement('div')\n            icon.classList.add('cm-foldMarker')\n            const vnode = h(ScalarIcon, {\n              icon: open ? 'ChevronDown' : 'ChevronRight',\n              size: 'md',\n            })\n            render(vnode, icon)\n            return icon\n          },\n        }),\n      )\n    }\n  }\n\n  // JSON Linter\n  if (lint && language === 'json') {\n    const jsonLinter = linter((view) => {\n      const diagnostics: Diagnostic[] = []\n      const content = view.state.doc.toString()\n      if (content.trim()) {\n        try {\n          JSON.parse(content)\n        } catch (e) {\n          if (e instanceof Error) {\n            diagnostics.push({\n              from: 0,\n              to: view.state.doc.length,\n              severity: 'error',\n              message: e.message,\n            })\n          }\n        }\n      }\n      return diagnostics\n    })\n    extensions.push(jsonLinter)\n  }\n\n  // Highlight variables\n  if (withVariables) {\n    extensions.push(variables())\n  }\n\n  if (disableEnter) {\n    extensions.push(\n      keymap.of([\n        {\n          key: 'Enter',\n          run: () => {\n            return true\n          },\n        },\n        {\n          key: 'Ctrl-Enter',\n          mac: 'Cmd-Enter',\n          run: () => {\n            return true\n          },\n        },\n        {\n          key: 'Shift-Enter',\n          run: () => {\n            return true\n          },\n        },\n      ]),\n    )\n  } else {\n    extensions.push(\n      keymap.of([\n        {\n          key: 'Enter',\n          run: insertNewline,\n        },\n      ]),\n    )\n  }\n\n  return extensions\n}\n"],
-  "mappings": "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",
-  "names": []
-}