nuxt-monaco-editor 1.0.4 → 1.0.6

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 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.0.6](https://github.com/e-chan1007/nuxt-monaco-editor/compare/v1.0.5...v1.0.6) (2022-10-26)
+
+
+### Bug Fixes
+
+* destination where monaco-editor is copied was wrong ([f3a839e](https://github.com/e-chan1007/nuxt-monaco-editor/commit/f3a839eab2a6602aa582d772e7a54d8573237f81))
+
+### [1.0.5](https://github.com/e-chan1007/nuxt-monaco-editor/compare/v1.0.4...v1.0.5) (2022-10-26)
+
+
+### Features
+
+* add `load` event for `<Monaco(Diff)Editor>` ([505896a](https://github.com/e-chan1007/nuxt-monaco-editor/commit/505896a35ee8b4a88874b32d8e702e87b67ef754))
+
+
+### Bug Fixes
+
+* changing v-model is sometimes ignored ([#13](https://github.com/e-chan1007/nuxt-monaco-editor/issues/13)) ([7a9a3d6](https://github.com/e-chan1007/nuxt-monaco-editor/commit/7a9a3d6e6305ec3ce1a2e9ed0fe317a7211781e3))
+
 ### [1.0.4](https://github.com/e-chan1007/nuxt-monaco-editor/compare/v1.0.3...v1.0.4) (2022-10-23)
 
 

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0-rc.9"
   },
-  "version": "1.0.4"
+  "version": "1.0.6"
 }

package/dist/module.mjs

@@ -36,11 +36,11 @@ const module = defineNuxtModule({
     nuxt.options.runtimeConfig.app.__MONACO_EDITOR_LOCALE__ = options.locale;
     nuxt.options.runtimeConfig.app.__MONACO_EDITOR_LOCATION__ = monacoEditorLocation;
     extendViteConfig(async (config) => {
-      const shouldAppendURLPrefix = await checkNuxtCompatibility({ nuxt: "^3.0.0-rc.12" }) && nuxt.options.dev;
+      const shouldAppendURLPrefix = await checkNuxtCompatibility({ nuxt: "^3.0.0-rc.12" });
       const viteStaticCopyPlugin = viteStaticCopy({
         targets: [{
           src: require.resolve("monaco-editor/min/vs/loader.js").replace(/\\/g, "/").replace(/\/vs\/loader\.js$/, "/*"),
-          dest: (shouldAppendURLPrefix ? "__url/" : "") + monacoEditorLocation.slice(1)
+          dest: nuxt.options.dev ? (shouldAppendURLPrefix ? "__url/" : "") + monacoEditorLocation.slice(1) : options.dest
         }]
       });
       config.plugins.push(...viteStaticCopyPlugin);

package/dist/runtime/MonacoDiffEditor.vue

@@ -25,6 +25,7 @@ interface Props {
 
 interface Emits {
   (event: 'update:modelValue', value: string): void
+  (event: 'load', editor: Monaco.editor.IStandaloneDiffEditor): void
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -39,19 +40,16 @@ const isLoading = ref(true)
 const editorElement = ref<HTMLDivElement>()
 const monaco = useMonaco()!
 
-let ignoreWatch = false
 let editor: Monaco.editor.IStandaloneDiffEditor
 let originalModel: Monaco.editor.ITextModel
 let modifiedModel: Monaco.editor.ITextModel
-const editorRef = ref(editor)
+const editorRef = ref()
 
 watch(() => [props.original, props.modelValue], () => {
-  if (ignoreWatch) {
-    ignoreWatch = false
-    return
+  if (originalModel.getValue() !== props.original || modifiedModel.getValue() !== props.modelValue) {
+    originalModel.setValue(props.original)
+    modifiedModel.setValue(props.modelValue)
   }
-  originalModel.setValue(props.original)
-  modifiedModel.setValue(props.modelValue)
 })
 
 watch(() => props.lang, () => {
@@ -73,13 +71,13 @@ defineExpose({
   /**
    * Monaco editor instance
    */
-  // @ts-ignore
   $editor: editorRef
 })
 
 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({
@@ -88,7 +86,6 @@ onMounted(() => {
   })
 
   editor.onDidUpdateDiff(() => {
-    ignoreWatch = true
     emit('update:modelValue', editor.getModel()!.modified.getValue())
   })
 

package/dist/runtime/MonacoEditor.vue

@@ -25,6 +25,7 @@ interface Props {
 
 interface Emits {
   (event: 'update:modelValue', value: string): void
+  (event: 'load', editor: Monaco.editor.IStandaloneCodeEditor): void
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -40,17 +41,12 @@ const lang = computed(() => props.lang || props.options.language)
 const editorElement = ref<HTMLDivElement>()
 const monaco = useMonaco()!
 
-let ignoreWatch = false
 let editor: Monaco.editor.IStandaloneCodeEditor
 let model: Monaco.editor.ITextModel
-const editorRef = ref(editor)
+const editorRef = ref()
 
 watch(() => props.modelValue, () => {
-  if (ignoreWatch) {
-    ignoreWatch = false
-    return
-  }
-  editor?.setValue(props.modelValue)
+  if (editor?.getValue() !== props.modelValue) { editor?.setValue(props.modelValue) }
 })
 
 watch(() => props.lang, () => {
@@ -67,18 +63,17 @@ defineExpose({
   /**
    * Monaco editor instance
    */
-  // @ts-ignore
   $editor: editorRef
 })
 
 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(() => {
-    ignoreWatch = true
     emit('update:modelValue', editor.getValue())
   })
 

package/package.json

@@ -11,7 +11,7 @@
     "type": "git",
     "url": "https://github.com/e-chan1007/nuxt-monaco-editor.git"
   },
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "license": "MIT",
   "exports": {