nuxt-codemirror 0.0.12 → 0.0.14

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-codemirror",
   "configKey": "nuxtCodemirror",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/composables/useNuxtCodeMirror.js

@@ -70,7 +70,7 @@ export function useNuxtCodeMirror(props) {
     indentWithTab: defaultIndentWithTab,
     basicSetup: defaultBasicSetup
   });
-  let getExtensions = [updateListener, defaultThemeOption, ...defaultExtensions];
+  let getExtensions = [defaultExtensions, updateListener, defaultThemeOption];
   if (onUpdate && typeof onUpdate === "function") {
     getExtensions.push(EditorView.updateListener.of(onUpdate));
   }

package/dist/runtime/getDefaultExtensions.d.ts

@@ -1,7 +1,33 @@
 import type { Extension } from '@codemirror/state';
-import { type BasicSetupOptions } from '@uiw/codemirror-extensions-basic-setup';
 export * from '@codemirror/theme-one-dark';
 export * from './theme/light.js';
+export interface BasicSetupOptions {
+    lineNumbers?: boolean;
+    highlightActiveLineGutter?: boolean;
+    highlightSpecialChars?: boolean;
+    history?: boolean;
+    foldGutter?: boolean;
+    drawSelection?: boolean;
+    dropCursor?: boolean;
+    allowMultipleSelections?: boolean;
+    indentOnInput?: boolean;
+    syntaxHighlighting?: boolean;
+    bracketMatching?: boolean;
+    closeBrackets?: boolean;
+    autocompletion?: boolean;
+    rectangularSelection?: boolean;
+    crosshairCursor?: boolean;
+    highlightActiveLine?: boolean;
+    highlightSelectionMatches?: boolean;
+    defaultKeymap?: boolean;
+    closeBracketsKeymap?: boolean;
+    searchKeymap?: boolean;
+    historyKeymap?: boolean;
+    foldKeymap?: boolean;
+    completionKeymap?: boolean;
+    lintKeymap?: boolean;
+    tabSize?: number;
+}
 export interface DefaultExtensionsOptions {
     indentWithTab?: boolean;
     basicSetup?: boolean | BasicSetupOptions;
@@ -10,4 +36,9 @@ export interface DefaultExtensionsOptions {
     readOnly?: boolean;
     editable?: boolean;
 }
+export declare const minimalSetup: Extension;
+/**
+ * Basic setup that includes standard CodeMirror extensions
+ */
+export declare const basicSetup: (options?: BasicSetupOptions) => Extension[];
 export declare const getDefaultExtensions: (optios?: DefaultExtensionsOptions) => Extension[];

package/dist/runtime/getDefaultExtensions.js

@@ -1,11 +1,90 @@
-import { indentWithTab } from "@codemirror/commands";
-import { basicSetup } from "@uiw/codemirror-extensions-basic-setup";
-import { EditorView, keymap, placeholder } from "@codemirror/view";
+import { indentWithTab, history, defaultKeymap, historyKeymap } from "@codemirror/commands";
+import {
+  EditorView,
+  keymap,
+  placeholder,
+  lineNumbers,
+  highlightActiveLineGutter,
+  highlightSpecialChars,
+  drawSelection,
+  dropCursor,
+  rectangularSelection,
+  crosshairCursor,
+  highlightActiveLine
+} from "@codemirror/view";
 import { oneDark } from "@codemirror/theme-one-dark";
 import { EditorState } from "@codemirror/state";
+import { highlightSelectionMatches, searchKeymap } from "@codemirror/search";
+import { closeBrackets, autocompletion, closeBracketsKeymap, completionKeymap } from "@codemirror/autocomplete";
+import {
+  foldGutter,
+  indentOnInput,
+  syntaxHighlighting,
+  defaultHighlightStyle,
+  bracketMatching,
+  indentUnit,
+  foldKeymap
+} from "@codemirror/language";
+import { lintKeymap } from "@codemirror/lint";
 import { defaultLightThemeOption } from "./theme/light.js";
 export * from "@codemirror/theme-one-dark";
 export * from "./theme/light.js";
+export const minimalSetup = (() => [
+  highlightSpecialChars(),
+  history(),
+  drawSelection(),
+  syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
+  keymap.of([
+    ...defaultKeymap,
+    ...historyKeymap
+  ])
+])();
+export const basicSetup = (options = {}) => {
+  let keymaps = [];
+  if (options.closeBracketsKeymap !== false) {
+    keymaps = keymaps.concat(closeBracketsKeymap);
+  }
+  if (options.defaultKeymap !== false) {
+    keymaps = keymaps.concat(defaultKeymap);
+  }
+  if (options.searchKeymap !== false) {
+    keymaps = keymaps.concat(searchKeymap);
+  }
+  if (options.historyKeymap !== false) {
+    keymaps = keymaps.concat(historyKeymap);
+  }
+  if (options.foldKeymap !== false) {
+    keymaps = keymaps.concat(foldKeymap);
+  }
+  if (options.completionKeymap !== false) {
+    keymaps = keymaps.concat(completionKeymap);
+  }
+  if (options.lintKeymap !== false) {
+    keymaps = keymaps.concat(lintKeymap);
+  }
+  const extensions = [];
+  if (options.lineNumbers !== false) extensions.push(lineNumbers());
+  if (options.highlightActiveLineGutter !== false) extensions.push(highlightActiveLineGutter());
+  if (options.highlightSpecialChars !== false) extensions.push(highlightSpecialChars());
+  if (options.history !== false) extensions.push(history());
+  if (options.foldGutter !== false) extensions.push(foldGutter());
+  if (options.drawSelection !== false) extensions.push(drawSelection());
+  if (options.dropCursor !== false) extensions.push(dropCursor());
+  if (options.allowMultipleSelections !== false) extensions.push(EditorState.allowMultipleSelections.of(true));
+  if (options.indentOnInput !== false) extensions.push(indentOnInput());
+  if (options.syntaxHighlighting !== false)
+    extensions.push(syntaxHighlighting(defaultHighlightStyle));
+  if (options.bracketMatching !== false) extensions.push(bracketMatching());
+  if (options.closeBrackets !== false) extensions.push(closeBrackets());
+  if (options.autocompletion !== false) extensions.push(autocompletion());
+  if (options.rectangularSelection !== false) extensions.push(rectangularSelection());
+  if (options.crosshairCursor !== false) extensions.push(crosshairCursor());
+  if (options.highlightActiveLine !== false) extensions.push(highlightActiveLine());
+  if (options.highlightSelectionMatches !== false) extensions.push(highlightSelectionMatches());
+  if (options.tabSize && typeof options.tabSize === "number")
+    extensions.push(indentUnit.of(" ".repeat(options.tabSize)));
+  return extensions.concat([keymap.of(keymaps.flat())]).filter(Boolean);
+};
 export const getDefaultExtensions = (optios = {}) => {
   const {
     indentWithTab: defaultIndentWithTab = true,
@@ -21,9 +100,9 @@ export const getDefaultExtensions = (optios = {}) => {
   }
   if (defaultBasicSetup) {
     if (typeof defaultBasicSetup === "boolean") {
-      getExtensions.unshift(basicSetup());
+      getExtensions.push(basicSetup());
     } else {
-      getExtensions.unshift(basicSetup(defaultBasicSetup));
+      getExtensions.unshift(minimalSetup);
     }
   }
   if (placeholderStr) {
@@ -48,5 +127,5 @@ export const getDefaultExtensions = (optios = {}) => {
   if (readOnly) {
     getExtensions.push(EditorState.readOnly.of(true));
   }
-  return [...getExtensions];
+  return getExtensions;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-codemirror",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "Nuxt codemirror module",
   "repository": "https://github.com/ThimoDEV/nuxt-codemirror",
   "homepage": "https://github.com/ThimoDEV/nuxt-codemirror#readme",
@@ -34,32 +34,36 @@
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.0",
-    "@codemirror/commands": "^6.7.1",
-    "@codemirror/state": "6.5.0",
+    "@babel/runtime": "^7.26.10",
+    "@codemirror/lang-javascript": "^6.2.3",
+    "@codemirror/autocomplete": "^6.18.6",
+    "@codemirror/commands": "^6.8.0",
+    "@codemirror/language": "^6.10.8",
+    "@codemirror/lint": "^6.8.4",
+    "@codemirror/search": "^6.5.10",
+    "@codemirror/state": "6.5.2",
     "@codemirror/theme-one-dark": "^6.1.2",
-    "@codemirror/view": "6.36.1",
-    "@nuxt/kit": "^3.15.0",
-    "@uiw/codemirror-extensions-basic-setup": "^4.23.7"
+    "@codemirror/view": "6.36.4",
+    "@nuxt/kit": "^3.16.0"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^1.7.0",
-    "@nuxt/eslint-config": "^0.7.4",
+    "@nuxt/devtools": "^2.2.1",
+    "@nuxt/eslint-config": "^1.2.0",
     "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.15.0",
-    "@nuxt/test-utils": "^3.15.1",
-    "@types/node": "^22.10.2",
-    "changelogen": "^0.5.7",
-    "eslint": "^9.17.0",
-    "nuxt": "^3.15.0",
-    "typescript": "^5.7.2",
-    "vitest": "^2.1.8",
-    "vue-tsc": "^2.2.0"
+    "@nuxt/schema": "^3.16.0",
+    "@nuxt/test-utils": "^3.17.2",
+    "@types/node": "^22.13.10",
+    "changelogen": "^0.6.1",
+    "eslint": "^9.22.0",
+    "nuxt": "^3.16.0",
+    "typescript": "5.3.2",
+    "vitest": "^3.0.8",
+    "vue-tsc": "2.0.29"
   },
   "keywords": [
     "nuxt",
     "codemirror",
     "vue"
   ],
-  "packageManager": "pnpm@9.15.1"
+  "packageManager": "pnpm@10.6.2"
 }