@scalar/use-codemirror 0.7.10 → 0.7.11

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @scalar/use-codemirror
 
+## 0.7.11
+
+### Patch Changes
+
+- 509db1e: refactor: move all api reference refs and watchers to hooks
+- a4f1b08: fix: switching documents with collaborative editing mode enabled
+
 ## 0.7.10
 
 ### Patch Changes

package/dist/components/CodeMirror/CodeMirror.vue.d.ts

@@ -17,6 +17,9 @@ declare const _default: import("vue").DefineComponent<{
     readOnly: {
         type: import("vue").PropType<boolean>;
     };
+    name: {
+        type: import("vue").PropType<string>;
+    };
     languages: {
         type: import("vue").PropType<CodeMirrorLanguage[]>;
     };
@@ -51,6 +54,9 @@ declare const _default: import("vue").DefineComponent<{
     readOnly: {
         type: import("vue").PropType<boolean>;
     };
+    name: {
+        type: import("vue").PropType<string>;
+    };
     languages: {
         type: import("vue").PropType<CodeMirrorLanguage[]>;
     };

package/dist/components/CodeMirror/CodeMirror.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeMirror.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeMirror/CodeMirror.vue.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAUlD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8OrD,wBAAkD"}
+{"version":3,"file":"CodeMirror.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeMirror/CodeMirror.vue.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAUlD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqQrD,wBAAkD"}

package/dist/hooks/useCodeMirror.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCodeMirror.d.ts","sourceRoot":"","sources":["../../src/hooks/useCodeMirror.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,mBAAmB,CAAA;AAG/D,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,KAAK,CAAA;AAO1C,KAAK,uBAAuB,GAAG;IAC7B;;OAEG;IACH,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,aAAa,eACZ,uBAAuB;WAE5B,IAAI,MAAM,CAAC;mBACH,IAAI,cAAc,GAAG,IAAI,CAAC;gBAC7B,IAAI,UAAU,GAAG,IAAI,CAAC;oCACF,MAAM,KAAK,IAAI;2CACR,SAAS,EAAE,KAAK,IAAI;uCACxB,SAAS,EAAE,KAAK,IAAI;CAqKxD,CAAA"}
+{"version":3,"file":"useCodeMirror.d.ts","sourceRoot":"","sources":["../../src/hooks/useCodeMirror.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,mBAAmB,CAAA;AAM/D,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,KAAK,CAAA;AAO1C,KAAK,uBAAuB,GAAG;IAC7B;;OAEG;IACH,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,aAAa,eACZ,uBAAuB;WAE5B,IAAI,MAAM,CAAC;mBACH,IAAI,cAAc,GAAG,IAAI,CAAC;gBAC7B,IAAI,UAAU,GAAG,IAAI,CAAC;oCACF,MAAM,KAAK,IAAI;2CACR,SAAS,EAAE,KAAK,IAAI;uCACxB,SAAS,EAAE,KAAK,IAAI;CAgLxD,CAAA"}

package/dist/index.js

@@ -4004,7 +4004,13 @@ const useCodeMirror = (parameters) => {
     if (!codeMirror.value) {
       return;
     }
+    if (value.value === newValue) {
+      return;
+    }
     value.value = newValue;
+    if (codeMirror.value.state.doc.toString() === newValue) {
+      return;
+    }
     codeMirror.value.dispatch({
       changes: {
         from: 0,
@@ -4093,6 +4099,7 @@ const variables = () => ViewPlugin.fromClass(
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CodeMirror",
   props: {
+    name: {},
     extensions: {},
     content: {},
     readOnly: { type: Boolean },
@@ -4200,16 +4207,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       withoutTheme: props.withoutTheme,
       forceDarkMode: props.forceDarkMode
     });
-    watch(props, () => {
-      setCodeMirrorContent(props.content ?? "");
-      reconfigureCodeMirror(getCodeMirrorExtensions());
-    });
     watch(
-      () => props.extensions,
+      () => props.content,
+      () => {
+        var _a;
+        if ((_a = props.content) == null ? void 0 : _a.length) {
+          setCodeMirrorContent(props.content);
+        }
+      }
+    );
+    watch(
+      () => props.name,
       () => {
         restartCodeMirror(getCodeMirrorExtensions());
       }
     );
+    watch(
+      [
+        () => props.disableEnter,
+        () => props.forceDarkMode,
+        () => props.languages,
+        () => props.lineNumbers,
+        () => props.readOnly,
+        () => props.withoutTheme,
+        () => props.withVariables
+      ],
+      () => {
+        reconfigureCodeMirror(getCodeMirrorExtensions());
+      }
+    );
     __expose({
       setCodeMirrorContent
     });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scalar/use-codemirror",
   "description": "CodeMirror for Vue",
-  "version": "0.7.10",
+  "version": "0.7.11",
   "author": "Scalar (https://github.com/scalar)",
   "bugs": "https://github.com/scalar/scalar/issues/new",
   "dependencies": {