nuxt-codemirror 0.0.18 → 0.0.19

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-codemirror",
   "configKey": "nuxtCodemirror",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,3 +1,5 @@
+import { dirname } from 'node:path';
+import { createRequire } from 'node:module';
 import { defineNuxtModule, createResolver, addComponent, addImports, addTypeTemplate, extendViteConfig } from '@nuxt/kit';
 
 const module$1 = defineNuxtModule({
@@ -10,6 +12,24 @@ const module$1 = 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,8 +47,13 @@ const module$1 = 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;
+        }
+      }
     });
   }
 });

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

@@ -16,7 +16,7 @@ const props = defineProps({
   autoFocus: { type: Boolean, required: false },
   placeholder: { type: null, required: false },
   theme: { type: [String, Object, Array], required: false, default: "light" },
-  basicSetup: { type: Boolean, required: false, skipCheck: true },
+  basicSetup: { type: [Boolean, Object], required: false },
   editable: { type: Boolean, required: false },
   readOnly: { type: Boolean, required: false },
   indentWithTab: { type: Boolean, required: false },

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-codemirror",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Nuxt codemirror module",
   "repository": "https://github.com/ThimoDEV/nuxt-codemirror",
   "homepage": "https://github.com/ThimoDEV/nuxt-codemirror#readme",