nuxt-codemirror 0.0.16 → 0.0.19

package/dist/module.d.mts

@@ -5,4 +5,5 @@ interface ModuleOptions {
 }
 declare const _default: _nuxt_schema.NuxtModule<_nuxt_schema.ModuleOptions, _nuxt_schema.ModuleOptions, false>;
 
-export { type ModuleOptions, _default as default };
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "nuxt-codemirror",
   "configKey": "nuxtCodemirror",
-  "version": "0.0.16",
+  "version": "0.0.19",
   "builder": {
-    "@nuxt/module-builder": "0.8.4",
-    "unbuild": "2.0.0"
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
   }
 }

package/dist/module.mjs

@@ -1,6 +1,8 @@
+import { dirname } from 'node:path';
+import { createRequire } from 'node:module';
 import { defineNuxtModule, createResolver, addComponent, addImports, addTypeTemplate, extendViteConfig } from '@nuxt/kit';
 
-const module = defineNuxtModule({
+const module$1 = defineNuxtModule({
   meta: {
     name: "nuxt-codemirror",
     configKey: "nuxtCodemirror"
@@ -10,6 +12,24 @@ const module = defineNuxtModule({
   },
   setup(_options, _nuxt) {
     const resolver = createResolver(import.meta.url);
+    const codemirrorSingletonPackages = ["@codemirror/state", "@codemirror/view", "@codemirror/language", "@lezer/highlight"];
+    const require = createRequire(import.meta.url);
+    const resolvePackageRoot = (packageName) => {
+      try {
+        return dirname(require.resolve(`${packageName}/package.json`));
+      } catch {
+        if (packageName === "@lezer/highlight") {
+          try {
+            const languagePackagePath = require.resolve("@codemirror/language/package.json");
+            const languageRequire = createRequire(languagePackagePath);
+            return dirname(languageRequire.resolve("@lezer/highlight/package.json"));
+          } catch {
+            return null;
+          }
+        }
+        return null;
+      }
+    };
     _nuxt.options.alias["#codemirror"] = resolver.resolve("./runtime");
     addComponent({
       name: "NuxtCodeMirror",
@@ -27,10 +47,15 @@ const module = defineNuxtModule({
     extendViteConfig((config) => {
       config.resolve = config.resolve || {};
       config.resolve.alias = config.resolve.alias || {};
-      config.resolve.alias["@codemirror/state"] = resolver.resolve(_nuxt.options.rootDir, "node_modules/@codemirror/state");
-      config.resolve.alias["@codemirror/view"] = resolver.resolve(_nuxt.options.rootDir, "node_modules/@codemirror/view");
+      config.resolve.dedupe = Array.from(/* @__PURE__ */ new Set([...config.resolve.dedupe || [], ...codemirrorSingletonPackages]));
+      for (const packageName of codemirrorSingletonPackages) {
+        const packageRoot = resolvePackageRoot(packageName);
+        if (packageRoot) {
+          config.resolve.alias[packageName] = packageRoot;
+        }
+      }
     });
   }
 });
 
-export { module as default };
+export { module$1 as default };

package/dist/runtime/components/NuxtCodeMirror.d.vue.ts

@@ -0,0 +1,20 @@
+import type { EditorView } from '@codemirror/view';
+import type { EditorState } from '@codemirror/state';
+import type { NuxtCodeMirrorProps } from '../types/nuxt-codemirror.js';
+type __VLS_Props = Omit<NuxtCodeMirrorProps, 'modelValue'>;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+type __VLS_TemplateRefs = {
+    editor: typeof __VLS_nativeElements['div'];
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
+    container: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
+    view: import("vue").Ref<EditorView | undefined, EditorView | undefined>;
+    state: import("vue").Ref<EditorState | undefined, EditorState | undefined>;
+    editor: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {
+    theme: "light" | "dark" | "none" | import("@codemirror/state").Extension;
+    extensions: import("@codemirror/state").Extension[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, any>;
+export default _default;

package/dist/runtime/components/NuxtCodeMirror.vue

@@ -1,78 +1,82 @@
-<script setup lang="ts">
-import type { ViewUpdate, EditorView } from '@codemirror/view'
-import type { EditorState } from '@codemirror/state'
-import { useNuxtCodeMirror } from '../composables/useNuxtCodeMirror'
-import type { NuxtCodeMirrorProps, Statistics } from '../types/nuxt-codemirror'
-import { onMounted, ref, watch, computed, onBeforeUnmount } from '#imports'
-
-const editor = ref<HTMLDivElement | null>(null)
-const container = ref<HTMLDivElement | null>(null)
-const view = ref<EditorView>()
-const state = ref<EditorState>()
-
-const modelValue = defineModel<string>({ default: '' })
-
-const props = withDefaults(defineProps<Omit<NuxtCodeMirrorProps, 'modelValue'>>(), {
-  extensions: () => [],
-  theme: 'light',
-})
-
-defineExpose({
-  container,
-  view,
-  state,
-  editor,
-})
-
-const emit = defineEmits<{
-  (event: 'onChange', value: string, viewUpdate: ViewUpdate): void
-  (event: 'onStatistics', data: Statistics): void
-  (event: 'onCreateEditor', editor: { view: EditorView, state: EditorState }): void
-  (event: 'onUpdate' | 'onFocus' | 'onBlur', update: ViewUpdate): void
-}>()
-
-onMounted(() => {
-  useNuxtCodeMirror({
-    ...props,
-    modelValue: modelValue,
-    onChange: (value, viewUpdate) => {
-      modelValue.value = value
-      emit('onChange', value, viewUpdate)
-    },
-    onStatistics: data => emit('onStatistics', data),
-    onCreateEditor: (view, state) => emit('onCreateEditor', { view, state }),
-    onUpdate: viewUpdate => emit('onUpdate', viewUpdate),
-    onFocus: viewUpdate => emit('onFocus', viewUpdate),
-    onBlur: viewUpdate => emit('onBlur', viewUpdate),
-    container: editor.value,
-    viewRef: view,
-    stateRef: state,
-    containerRef: container,
-  })
-})
-
-onBeforeUnmount(() => {
-  if (view.value) {
-    view.value?.destroy()
-    view.value = undefined
-  }
-})
-
-watch(() => modelValue, (newValue) => {
-  if (typeof newValue !== 'string') {
-    console.error(`value must be typeof string but got ${typeof newValue}`)
-  }
-})
-
-const defaultClassNames = computed(() =>
-  typeof props.theme === 'string' ? `cm-theme-${props.theme}` : 'cm-theme',
-)
-</script>
-
-<template>
+<script setup>
+import { useNuxtCodeMirror } from "../composables/useNuxtCodeMirror";
+import { onMounted, ref, watch, computed, onBeforeUnmount } from "#imports";
+const editor = ref(null);
+const container = ref(null);
+const view = ref();
+const state = ref();
+const modelValue = defineModel({ type: String, ...{ default: "" } });
+const props = defineProps({
+  height: { type: String, required: false },
+  minHeight: { type: String, required: false },
+  maxHeight: { type: String, required: false },
+  width: { type: String, required: false },
+  minWidth: { type: String, required: false },
+  maxWidth: { type: String, required: false },
+  autoFocus: { type: Boolean, required: false },
+  placeholder: { type: null, required: false },
+  theme: { type: [String, Object, Array], required: false, default: "light" },
+  basicSetup: { type: [Boolean, Object], required: false },
+  editable: { type: Boolean, required: false },
+  readOnly: { type: Boolean, required: false },
+  indentWithTab: { type: Boolean, required: false },
+  onChange: { type: Function, required: false },
+  onStatistics: { type: Function, required: false },
+  onUpdate: { type: Function, required: false },
+  onCreateEditor: { type: Function, required: false },
+  onFocus: { type: Function, required: false },
+  onBlur: { type: Function, required: false },
+  extensions: { type: Array, required: false, default: () => [] },
+  root: { type: null, required: false },
+  initialState: { type: Object, required: false },
+  selection: { type: Object, required: false }
+});
+defineExpose({
+  container,
+  view,
+  state,
+  editor
+});
+const emit = defineEmits(["onChange", "onStatistics", "onCreateEditor", "onUpdate", "onFocus", "onBlur"]);
+onMounted(() => {
+  useNuxtCodeMirror({
+    ...props,
+    modelValue,
+    onChange: (value, viewUpdate) => {
+      modelValue.value = value;
+      emit("onChange", value, viewUpdate);
+    },
+    onStatistics: (data) => emit("onStatistics", data),
+    onCreateEditor: (view2, state2) => emit("onCreateEditor", { view: view2, state: state2 }),
+    onUpdate: (viewUpdate) => emit("onUpdate", viewUpdate),
+    onFocus: (viewUpdate) => emit("onFocus", viewUpdate),
+    onBlur: (viewUpdate) => emit("onBlur", viewUpdate),
+    container: editor.value,
+    viewRef: view,
+    stateRef: state,
+    containerRef: container
+  });
+});
+onBeforeUnmount(() => {
+  if (view.value) {
+    view.value?.destroy();
+    view.value = void 0;
+  }
+});
+watch(() => modelValue, (newValue) => {
+  if (typeof newValue !== "string") {
+    console.error(`value must be typeof string but got ${typeof newValue}`);
+  }
+});
+const defaultClassNames = computed(
+  () => typeof props.theme === "string" ? `cm-theme-${props.theme}` : "cm-theme"
+);
+</script>
+
+<template>
   <div
     ref="editor"
     :class="`${defaultClassNames}${$attrs.class ? ` ${$attrs.class}` : ''}`"
     v-bind="$attrs"
   />
-</template>
+</template>

package/dist/runtime/components/NuxtCodeMirror.vue.d.ts

@@ -0,0 +1,20 @@
+import type { EditorView } from '@codemirror/view';
+import type { EditorState } from '@codemirror/state';
+import type { NuxtCodeMirrorProps } from '../types/nuxt-codemirror.js';
+type __VLS_Props = Omit<NuxtCodeMirrorProps, 'modelValue'>;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+type __VLS_TemplateRefs = {
+    editor: typeof __VLS_nativeElements['div'];
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
+    container: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
+    view: import("vue").Ref<EditorView | undefined, EditorView | undefined>;
+    state: import("vue").Ref<EditorState | undefined, EditorState | undefined>;
+    editor: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {
+    theme: "light" | "dark" | "none" | import("@codemirror/state").Extension;
+    extensions: import("@codemirror/state").Extension[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, any>;
+export default _default;

package/dist/runtime/getDefaultExtensions.js

@@ -63,7 +63,7 @@ export const basicSetup = (options = {}) => {
   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));
+    extensions.push(syntaxHighlighting(defaultHighlightStyle, { fallback: true }));
   if (options.bracketMatching !== false) extensions.push(bracketMatching());
   if (options.closeBrackets !== false) extensions.push(closeBrackets());
   if (options.autocompletion !== false) extensions.push(autocompletion());

package/dist/runtime/types/nuxt-codemirror.d.ts

@@ -1,11 +1,38 @@
-import type { EditorState, EditorStateConfig, Extension, StateField, EditorSelection, SelectionRange, Line } from '@codemirror/state'
-import type { EditorView, ViewUpdate } from '@codemirror/view'
-import type { BasicSetupOptions } from '@uiw/codemirror-extensions-basic-setup'
-import type { ModelRef } from 'vue'
-import type { Ref } from '#imports'
-
-export interface NuxtCodeMirrorProps
-  extends Omit<EditorStateConfig, 'doc' | 'extensions'> {
+import type { EditorState, EditorStateConfig, Extension, StateField, EditorSelection, SelectionRange, Line } from '@codemirror/state'
+import type { EditorView, ViewUpdate } from '@codemirror/view'
+import type { ModelRef } from 'vue'
+import type { Ref } from '#imports'
+
+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 NuxtCodeMirrorProps
+  extends Omit<EditorStateConfig, 'doc' | 'extensions'> {
   /** value of the auto created model in the editor. Works as underlying logic of a V-Model */
   modelValue?: ModelRef<string | undefined, string>
   /** The height value of the editor. */

package/dist/types.d.mts

@@ -1 +1,3 @@
-export { type ModuleOptions, default } from './module.js'
+export { default } from './module.mjs'
+
+export { type ModuleOptions } from './module.mjs'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-codemirror",
-  "version": "0.0.16",
+  "version": "0.0.19",
   "description": "Nuxt codemirror module",
   "repository": "https://github.com/ThimoDEV/nuxt-codemirror",
   "homepage": "https://github.com/ThimoDEV/nuxt-codemirror#readme",
@@ -12,13 +12,11 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
     }
   },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
+  "main": "./dist/module.mjs",
   "files": [
     "dist"
   ],
@@ -43,31 +41,31 @@
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.10",
-    "@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.4",
-    "@nuxt/kit": "^3.16.1"
+    "@babel/runtime": "^7.28.6",
+    "@codemirror/autocomplete": "^6.20.0",
+    "@codemirror/commands": "^6.10.2",
+    "@codemirror/language": "^6.12.2",
+    "@codemirror/lint": "^6.9.4",
+    "@codemirror/search": "^6.6.0",
+    "@codemirror/state": "6.5.4",
+    "@codemirror/theme-one-dark": "^6.1.3",
+    "@codemirror/view": "6.39.15",
+    "@nuxt/kit": "^4.3.1"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^2.2.1",
-    "@nuxt/devtools-ui-kit": "^1.6.4",
-    "@nuxt/eslint-config": "^1.2.0",
-    "@nuxt/module-builder": "^0.8.4",
-    "@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"
+    "@nuxt/devtools": "^3.2.2",
+    "@nuxt/devtools-ui-kit": "^3.2.2",
+    "@nuxt/eslint-config": "^1.15.2",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.3.1",
+    "@nuxt/test-utils": "^4.0.0",
+    "@types/node": "^25.3.2",
+    "changelogen": "^0.6.2",
+    "eslint": "^10.0.2",
+    "nuxt": "^4.3.1",
+    "typescript": "5.9.3",
+    "vitest": "^4.0.18",
+    "vue-tsc": "3.2.5"
   },
   "resolutions": {
     "vue-tsc": "2.2.2"
@@ -78,4 +76,4 @@
     "vue"
   ],
   "packageManager": "pnpm@10.6.5"
-}
+}

package/dist/module.cjs

@@ -1,5 +0,0 @@
-module.exports = function(...args) {
-  return import('./module.mjs').then(m => m.default.call(this, ...args))
-}
-const _meta = module.exports.meta = require('./module.json')
-module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/module.d.ts

@@ -1,8 +0,0 @@
-import * as _nuxt_schema from '@nuxt/schema';
-
-interface ModuleOptions {
-    devtools?: boolean;
-}
-declare const _default: _nuxt_schema.NuxtModule<_nuxt_schema.ModuleOptions, _nuxt_schema.ModuleOptions, false>;
-
-export { type ModuleOptions, _default as default };

package/dist/types.d.ts

@@ -1 +0,0 @@
-export { type ModuleOptions, default } from './module'