nuxt-monaco-editor 1.2.8 → 1.3.0

package/dist/module.d.mts

@@ -0,0 +1,13 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+type MonacoEditorLocale = 'cs' | 'de' | 'es' | 'fr' | 'it' | 'ja' | 'ko' | 'pl' | 'pt-br' | 'qps-ploc' | 'ru' | 'tr' | 'zh-hans' | 'zh-hant' | 'en';
+interface ModuleOptions {
+    locale?: MonacoEditorLocale;
+    componentName?: {
+        codeEditor?: string;
+        diffEditor?: string;
+    };
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+export { type ModuleOptions, type MonacoEditorLocale, _default as default };

package/dist/module.d.ts

@@ -8,6 +8,6 @@ interface ModuleOptions {
         diffEditor?: string;
     };
 }
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { ModuleOptions, MonacoEditorLocale, _default as default };
+export { type ModuleOptions, type MonacoEditorLocale, _default as default };

package/dist/module.json

@@ -2,7 +2,11 @@
   "name": "nuxt-monaco-editor",
   "configKey": "monacoEditor",
   "compatibility": {
-    "nuxt": "^3.1.0"
+    "nuxt": ">=3.1.0"
   },
-  "version": "1.2.8"
+  "version": "1.3.0",
+  "builder": {
+    "@nuxt/module-builder": "0.8.4",
+    "unbuild": "2.0.0"
+  }
 }

package/dist/module.mjs

@@ -36,7 +36,7 @@ const plugin = (options, nuxtOptions) => ({
         return { code: rewrittenMonacoFiles.get(id) };
       }
       if (/\/(vscode-)?nls\.m?js/.test(id)) {
-        const code = (await fs.readFile(resolve("nls.mjs"), "utf-8")).replace("__LOCALE_DATA_PATH__", `nuxt-monaco-editor/dist/i18n/${options.locale}.json`);
+        const code = (await fs.readFile(resolve("nls.mjs"), "utf-8")).replace("__LOCALE_DATA_PATH__", `nuxt-monaco-editor/dist/i18n/${options.locale}.json`).replace("__LOCALE__", options.locale);
         rewrittenMonacoFiles.set(id, code);
         return { code };
       }
@@ -71,16 +71,13 @@ const module = defineNuxtModule({
   meta: {
     name: "nuxt-monaco-editor",
     configKey: "monacoEditor",
-    compatibility: { nuxt: "^3.1.0" }
+    compatibility: { nuxt: ">=3.1.0" }
   },
   defaults: DEFAULTS,
   setup(options, nuxt) {
     const isDev = nuxt.options.dev;
     const runtimeDir = fileURLToPath(new URL("./runtime", import.meta.url));
     const { resolve } = createResolver(runtimeDir);
-    if (isDev) {
-      nuxt.options.vite.optimizeDeps?.exclude?.push("monaco-editor");
-    }
     nuxt.options.build.transpile.push(runtimeDir);
     nuxt.options.build.transpile.push(({ isClient }) => isClient ? "monaco-editor" : false);
     addVitePlugin(plugin(options, nuxt.options));

package/dist/runtime/MonacoDiffEditor.client.vue

@@ -20,6 +20,18 @@ interface Props {
    * Options passed to the second argument of `monaco.editor.createDiffEditor`
    */
   options?: Monaco.editor.IStandaloneDiffEditorConstructionOptions;
+  /**
+   * The URI that identifies models
+   */
+  // eslint-disable-next-line vue/require-default-prop
+  originalModelUri?: Monaco.Uri;
+
+  /**
+   * The URI that identifies models
+   */
+  // eslint-disable-next-line vue/require-default-prop
+  modelUri?: Monaco.Uri;
+
   original?: string;
   modelValue?: string;
 }
@@ -62,8 +74,8 @@ watch(() => props.lang, () => {
   const modifiedValue = modifiedModel?.getValue() || props.modelValue
   if (originalModel) { originalModel.dispose() }
   if (modifiedModel) { modifiedModel.dispose() }
-  originalModel = monaco.editor.createModel(originalValue, props.lang)
-  modifiedModel = monaco.editor.createModel(modifiedValue, props.lang)
+  originalModel = monaco.editor.createModel(originalValue, props.lang, props.originalModelUri)
+  modifiedModel = monaco.editor.createModel(modifiedValue, props.lang, props.modelUri)
   editor.setModel({
     original: originalModel,
     modified: modifiedModel
@@ -85,8 +97,8 @@ watch(editorElement, (newValue, oldValue) => {
   if (!editorElement.value || oldValue) { return }
   editor = monaco.editor.createDiffEditor(editorElement.value!, defu(props.options, defaultOptions))
   editorRef.value = editor
-  originalModel = monaco.editor.createModel(props.original, props.lang)
-  modifiedModel = monaco.editor.createModel(props.modelValue, props.lang)
+  originalModel = monaco.editor.createModel(props.original, props.lang, props.originalModelUri)
+  modifiedModel = monaco.editor.createModel(props.modelValue, props.lang, props.modelUri)
   editor.setModel({
     original: originalModel,
     modified: modifiedModel

package/dist/runtime/MonacoEditor.client.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import type * as Monaco from 'monaco-editor'
+import * as Monaco from 'monaco-editor'
 import { computed, ref, shallowRef, watch, onBeforeUnmount } from 'vue'
 import { defu } from 'defu'
 import { useMonaco } from './composables'
@@ -20,6 +20,12 @@ interface Props {
      * Options passed to the second argument of `monaco.editor.create`
      */
     options?: Monaco.editor.IStandaloneEditorConstructionOptions;
+    /**
+     * The URI that identifies models
+     */
+    // eslint-disable-next-line vue/require-default-prop
+    modelUri?: Monaco.Uri;
+
     modelValue?: string;
 }
 
@@ -53,11 +59,11 @@ watch(() => props.modelValue, () => {
   }
 })
 
-watch(() => props.lang, () => {
+watch(() => [props.lang, props.modelUri], () => {
   if (model) {
     model.dispose()
   }
-  model = monaco.editor.createModel(props.modelValue, lang.value)
+  model = monaco.editor.createModel(props.modelValue, lang.value, props.modelUri)
   editor?.setModel(model)
 })
 
@@ -68,7 +74,7 @@ watch(() => props.options, () => {
 watch(editorElement, (newValue, oldValue) => {
   if (!editorElement.value || oldValue) { return }
   editor = monaco.editor.create(editorElement.value!, defu(props.options, defaultOptions))
-  model = monaco.editor.createModel(props.modelValue, lang.value)
+  model = monaco.editor.createModel(props.modelValue, lang.value, props.modelUri)
   editorRef.value = editor
   editor.layout()
   editor.setModel(model)

package/dist/runtime/composables.d.ts

@@ -1,5 +1,5 @@
 import type * as Monaco from 'monaco-editor';
-export declare const _useMonacoState: () => any;
+export declare const _useMonacoState: () => import("vue").Ref<typeof Monaco | null, typeof Monaco | null>;
 /**
  * Get `monaco` namespace
  * @returns `monaco` namespace: if unavailable (server-side), returns `null`

package/dist/runtime/nls.d.mts

@@ -1,5 +1,7 @@
 export function _format(message: any, args: any): any;
 export function localize(path: any, _data: any, defaultMessage: any, ...args: any[]): any;
+export function getNLSMessages(): never[];
+export function getNLSLanguage(): string;
 export function loadMessageBundle(file: any): typeof localize;
 export function config(opt: any): typeof loadMessageBundle;
 export function getConfiguredDefaultLocale(): undefined;

package/dist/runtime/{nls.mjs → nls.js}

@@ -35,6 +35,13 @@ export const localize2 = (data, message, ...args) => {
   }
 }
 
+export function getNLSMessages () {
+  return []
+}
+export function getNLSLanguage () {
+  return '__LOCALE__'
+}
+
 export function loadMessageBundle (file) {
   return localize
 }

package/dist/runtime/plugin-dev.client.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

package/dist/runtime/{plugin-dev.client.mjs → plugin-dev.client.js}

@@ -1,4 +1,4 @@
-import { _useMonacoState } from "./composables.mjs";
+import { _useMonacoState } from "./composables.js";
 import { defineNuxtPlugin } from "#imports";
 export default defineNuxtPlugin(async (nuxtApp) => {
   const getWorkerModule = (moduleUrl, label) => {

package/dist/runtime/plugin-prod.client.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

package/dist/runtime/{plugin-prod.client.mjs → plugin-prod.client.js}

@@ -1,4 +1,4 @@
-import { _useMonacoState } from "./composables.mjs";
+import { _useMonacoState } from "./composables.js";
 import { defineNuxtPlugin } from "#imports";
 export default defineNuxtPlugin(async (nuxtApp) => {
   const getWorkerModule = (moduleUrl, label) => {

package/dist/types.d.mts

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

package/dist/types.d.ts

@@ -1,10 +1 @@
-
-import { ModuleOptions } from './module'
-
-declare module '@nuxt/schema' {
-  interface NuxtConfig { ['monacoEditor']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['monacoEditor']?: ModuleOptions }
-}
-
-
-export { ModuleOptions, MonacoEditorLocale, default } from './module'
+export { type ModuleOptions, type MonacoEditorLocale, default } from './module'

package/package.json

@@ -11,13 +11,14 @@
     "type": "git",
     "url": "https://github.com/e-chan1007/nuxt-monaco-editor.git"
   },
-  "version": "1.2.8",
+  "version": "1.3.0",
   "type": "module",
   "license": "MIT",
   "exports": {
     ".": {
       "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
+      "require": "./dist/module.cjs",
+      "types": "./dist/types.d.ts"
     },
     "./dist/*": {
       "import": "./dist/*"
@@ -31,14 +32,14 @@
   "scripts": {
     "postpack": "pinst --enable",
     "_postinstall": "husky install && playwright install",
-    "build": "nuxt-module-build && yarn loc:build",
+    "build": "nuxt-module-build build && yarn loc:build",
     "lint": "eslint --ext .js,.cjs,.mjs,.ts,.cts,.mts,.vue . && remark . -q",
     "test": "nuxt test",
-    "prepack": "pinst --disable && nuxt-module-build",
+    "prepack": "pinst --disable && nuxt-module-build build && yarn loc:build",
     "release": "standard-version",
     "dev": "nuxt dev playground",
     "dev:build": "nuxt build playground",
-    "dev:prepare": "nuxt-module-build --stub && nuxt prepare playground && yarn loc:build",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt prepare playground && yarn loc:build",
     "docs:dev": "nuxt dev docs",
     "docs:generate": "nuxt generate docs",
     "docs:prepare": "nuxt prepare docs",
@@ -46,34 +47,35 @@
     "loc:build": "jiti scripts/build-loc.ts"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.11.2",
+    "@nuxt/kit": "^3.13.2",
     "defu": "^6.1.4",
-    "vite-plugin-static-copy": "^1.0.3"
+    "vite-plugin-static-copy": "^2.0.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.2.2",
-    "@commitlint/config-conventional": "^19.2.2",
-    "@nuxt-themes/docus": "^1.15.0",
-    "@nuxt/module-builder": "latest",
+    "@commitlint/cli": "^19.5.0",
+    "@commitlint/config-conventional": "^19.5.0",
+    "@nuxt/module-builder": "0.8.4",
     "@nuxt/test-utils": "3.11.0",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
-    "@vue/test-utils": "^2.4.5",
-    "eslint": "^8.57.0",
-    "execa": "^8.0.1",
-    "happy-dom": "^14.7.1",
-    "husky": "^9.0.11",
-    "jiti": "^1.21.0",
-    "monaco-editor": "^0.47.0",
-    "nuxt": "^3.11.2",
+    "@vue/test-utils": "^2.4.6",
+    "eslint": "^8.57.1",
+    "execa": "^9.4.1",
+    "happy-dom": "^15.7.4",
+    "husky": "^9.1.6",
+    "jiti": "^2.3.3",
+    "monaco-editor": "^0.52.0",
+    "nuxt": "^3.13.2",
+    "nuxt-content-twoslash": "^0.1.1",
     "pinst": "^3.0.0",
-    "playwright": "^1.43.1",
-    "playwright-core": "^1.43.1",
-    "remark-cli": "^12.0.0",
+    "playwright": "^1.48.1",
+    "playwright-core": "^1.48.1",
+    "remark-cli": "^12.0.1",
     "remark-lint": "^10.0.0",
     "remark-preset-lint-recommended": "^7.0.0",
+    "shadcn-docs-nuxt": "^0.6.4",
     "standard-version": "^9.5.0",
-    "typescript": "^5.4.5",
-    "vitest": "^1.5.0"
+    "typescript": "^5.6.3",
+    "vitest": "^2.1.3"
   },
   "peerDependencies": {
     "monaco-editor": "*"
@@ -90,5 +92,5 @@
   "workspaces": [
     "playground"
   ],
-  "packageManager": "yarn@4.1.1"
+  "packageManager": "yarn@4.5.1"
 }