nuxt-monaco-editor 1.0.6 → 1.1.1

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.1.1](https://github.com/e-chan1007/nuxt-monaco-editor/compare/v1.1.0...v1.1.1) (2022-12-09)
+
+
+### Features
+
+* adjust timings of emitting `load` event ([c7b7796](https://github.com/e-chan1007/nuxt-monaco-editor/commit/c7b7796ec88be107a1d13a0a6c48473b4e858ebf))
+
+## [1.1.0](https://github.com/e-chan1007/nuxt-monaco-editor/compare/v1.0.6...v1.1.0) (2022-11-18)
+
+
+### Features
+
+* set preload header ([ae92e18](https://github.com/e-chan1007/nuxt-monaco-editor/commit/ae92e18ef5fbd77114b6350526ad29313047c81e))
+* upgrade nuxt ([7463610](https://github.com/e-chan1007/nuxt-monaco-editor/commit/7463610724557fdffeae450a359160c3ef26ef0c))
+
 ### [1.0.6](https://github.com/e-chan1007/nuxt-monaco-editor/compare/v1.0.5...v1.0.6) (2022-10-26)
 
 

package/README.md

@@ -2,6 +2,7 @@
 [![npm version](https://badge.fury.io/js/nuxt-monaco-editor.svg)](https://badge.fury.io/js/nuxt-monaco-editor)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![Codacy Badge](https://app.codacy.com/project/badge/Grade/8b4585be9901491795f8b3c2f5dbb680)](https://www.codacy.com/gh/e-chan1007/nuxt-monaco-editor/dashboard?utm_source=github.com&utm_medium=referral&utm_content=e-chan1007/nuxt-monaco-editor&utm_campaign=Badge_Grade)
+[![Test result](https://github.com/e-chan1007/nuxt-monaco-editor/actions/workflows/test.yml/badge.svg)](https://github.com/e-chan1007/nuxt-monaco-editor/actions/workflows/test.yml)
 
 Integrate [monaco-editor](https://microsoft.github.io/monaco-editor/) with Nuxt
 

package/dist/module.json

@@ -2,7 +2,7 @@
   "name": "nuxt-monaco-editor",
   "configKey": "monacoEditor",
   "compatibility": {
-    "nuxt": "^3.0.0-rc.9"
+    "nuxt": "^3.0.0"
   },
-  "version": "1.0.6"
+  "version": "1.1.1"
 }

package/dist/module.mjs

@@ -2,6 +2,8 @@ import { fileURLToPath } from 'url';
 import { defineNuxtModule, createResolver, extendViteConfig, checkNuxtCompatibility, addPlugin, addComponent, addImports } from '@nuxt/kit';
 import { viteStaticCopy } from 'vite-plugin-static-copy';
 
+
+
 // -- Unbuild CommonJS Shims --
 import __cjs_url__ from 'url';
 import __cjs_path__ from 'path';
@@ -9,8 +11,6 @@ import __cjs_mod__ from 'module';
 const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
-
-
 const DEFAULTS = {
   dest: "_monaco",
   locale: "en",
@@ -23,7 +23,7 @@ const module = defineNuxtModule({
   meta: {
     name: "nuxt-monaco-editor",
     configKey: "monacoEditor",
-    compatibility: { nuxt: "^3.0.0-rc.9" }
+    compatibility: { nuxt: "^3.0.0" }
   },
   defaults: DEFAULTS,
   setup(options, nuxt) {
@@ -31,6 +31,8 @@ const module = defineNuxtModule({
     const { resolve: resolveURL } = createResolver(nuxt.options.app.baseURL);
     const { resolve } = createResolver(runtimeDir);
     const monacoEditorLocation = resolveURL(options.dest);
+    nuxt.options.app.head.link?.push({ rel: "preload", as: "script", href: `${monacoEditorLocation}/vs/editor/editor.main.js` });
+    nuxt.options.app.head.script?.push({ src: `${monacoEditorLocation}/vs/loader.js` });
     nuxt.options.build.transpile.push(runtimeDir);
     nuxt.options.build.transpile.push("monaco-editor");
     nuxt.options.runtimeConfig.app.__MONACO_EDITOR_LOCALE__ = options.locale;
@@ -43,6 +45,9 @@ const module = defineNuxtModule({
           dest: nuxt.options.dev ? (shouldAppendURLPrefix ? "__url/" : "") + monacoEditorLocation.slice(1) : options.dest
         }]
       });
+      if (!config.plugins) {
+        config.plugins = [];
+      }
       config.plugins.push(...viteStaticCopyPlugin);
     });
     addPlugin(resolve("plugin.client"));

package/dist/runtime/MonacoDiffEditor.vue

@@ -18,7 +18,7 @@ interface Props {
   /**
    * Options passed to the second argument of `monaco.editor.createDiffEditor`
    */
-  options?: Monaco.editor.IStandaloneDiffEditorConstructionOptions
+  options?: Monaco.editor.IStandaloneDiffEditorConstructionOptions;
   original?: string;
   modelValue?: string;
 }
@@ -77,7 +77,6 @@ defineExpose({
 onMounted(() => {
   editor = monaco.editor.createDiffEditor(editorElement.value!, props.options)
   editorRef.value = editor
-  emit('load', editor)
   originalModel = monaco.editor.createModel(props.original, props.lang)
   modifiedModel = monaco.editor.createModel(props.modelValue, props.lang)
   editor.setModel({
@@ -90,5 +89,6 @@ onMounted(() => {
   })
 
   isLoading.value = false
+  emit('load', editor)
 })
 </script>

package/dist/runtime/MonacoEditor.vue

@@ -5,9 +5,8 @@
 </template>
 
 <script lang="ts" setup>
-import { computed } from '@vue/reactivity'
 import type * as Monaco from 'monaco-editor'
-import { onMounted, ref, watch } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 import { useMonaco } from './composables'
 
 interface Props {
@@ -19,7 +18,7 @@ interface Props {
   /**
    * Options passed to the second argument of `monaco.editor.create`
    */
-  options?: Monaco.editor.IStandaloneEditorConstructionOptions
+  options?: Monaco.editor.IStandaloneEditorConstructionOptions;
   modelValue?: string;
 }
 
@@ -69,14 +68,12 @@ defineExpose({
 onMounted(() => {
   editor = monaco.editor.create(editorElement.value!, props.options)
   editorRef.value = editor
-  emit('load', editor)
   model = monaco.editor.createModel(props.modelValue, lang.value)
   editor.setModel(model)
-
   editor.onDidChangeModelContent(() => {
     emit('update:modelValue', editor.getValue())
   })
-
   isLoading.value = false
+  emit('load', editor)
 })
 </script>

package/dist/runtime/plugin.client.mjs

@@ -3,23 +3,18 @@ import { _useMonacoState } from "./composables.mjs";
 export default defineNuxtPlugin((_nuxtApp) => new Promise((resolve) => {
   const monacoState = _useMonacoState();
   const { __MONACO_EDITOR_LOCALE__: locale, __MONACO_EDITOR_LOCATION__: monacoLocation } = useRuntimeConfig().app;
-  const script = document.createElement("script");
-  script.src = `${monacoLocation}/vs/loader.js`;
-  script.onload = () => {
-    require.config({ paths: { vs: `${monacoLocation}/vs` } });
-    if (locale !== "en") {
-      require.config({
-        "vs/nls": {
-          availableLanguages: {
-            "*": locale
-          }
+  require.config({ paths: { vs: `${monacoLocation}/vs` } });
+  if (locale !== "en") {
+    require.config({
+      "vs/nls": {
+        availableLanguages: {
+          "*": locale
         }
-      });
-    }
-    require(["vs/editor/editor.main"], (monaco) => {
-      monacoState.value = monaco;
-      resolve();
+      }
     });
-  };
-  document.head.appendChild(script);
+  }
+  require(["vs/editor/editor.main"], (monaco) => {
+    monacoState.value = monaco;
+    resolve();
+  });
 }));

package/dist/types.d.ts

@@ -7,4 +7,4 @@ declare module '@nuxt/schema' {
 }
 
 
-export { default } from './module'
+export { ModuleOptions, MonacoEditorLocale, default } from './module'

package/package.json

@@ -11,7 +11,7 @@
     "type": "git",
     "url": "https://github.com/e-chan1007/nuxt-monaco-editor.git"
   },
-  "version": "1.0.6",
+  "version": "1.1.1",
   "type": "module",
   "license": "MIT",
   "exports": {
@@ -30,6 +30,7 @@
     "_postinstall": "husky install",
     "build": "nuxt-module-build",
     "lint": "eslint --ext .js,.cjs,.mjs,.ts,.cts,.mts,.vue . && remark . -q",
+    "test": "nuxi test",
     "prepack": "pinst --disable && nuxt-module-build",
     "release": "standard-version",
     "dev": "nuxi dev playground",
@@ -40,24 +41,27 @@
     "docs:serve": "vuepress serve docs --port 3000"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.0.0-rc.12",
-    "vite-plugin-static-copy": "^0.9.0"
+    "@nuxt/kit": "^3.0.0",
+    "vite-plugin-static-copy": "^0.12.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
+    "@commitlint/cli": "^17.3.0",
+    "@commitlint/config-conventional": "^17.3.0",
     "@nuxt/module-builder": "latest",
-    "@nuxtjs/eslint-config-typescript": "latest",
-    "eslint": "latest",
-    "husky": "^8.0.1",
+    "@nuxt/test-utils-edge": "latest",
+    "@nuxtjs/eslint-config-typescript": "^12.0.0",
+    "eslint": "^8.29.0",
+    "husky": "^8.0.2",
     "monaco-editor": "^0.34.1",
-    "nuxt": "3.0.0-rc.12",
+    "nuxt": "3.0.0",
     "pinst": "^3.0.0",
+    "playwright": "^1.28.1",
     "remark-cli": "^11.0.0",
     "remark-lint": "^9.1.1",
     "remark-preset-lint-recommended": "^6.1.2",
     "standard-version": "^9.5.0",
-    "vuepress": "2.0.0-beta.51"
+    "vitest": "^0.25.6",
+    "vuepress": "2.0.0-beta.50"
   },
   "peerDependencies": {
     "monaco-editor": "*"
@@ -71,5 +75,5 @@
       ]
     ]
   },
-  "packageManager": "yarn@3.2.2"
+  "packageManager": "yarn@3.2.4"
 }