@scalar/use-codemirror 0.7.10 → 0.7.12

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @scalar/use-codemirror
 
+## 0.7.12
+
+### Patch Changes
+
+- f4681d5: feat: add yaml syntax highlighting
+
+## 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":"AAwBA,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

@@ -3753,6 +3753,109 @@ const swift = {
     closeBrackets: { brackets: ["(", "[", "{", "'", '"', "`"] }
   }
 };
+var cons = ["true", "false", "on", "off", "yes", "no"];
+var keywordRegex = new RegExp("\\b((" + cons.join(")|(") + "))$", "i");
+const yaml = {
+  name: "yaml",
+  token: function(stream, state) {
+    var ch = stream.peek();
+    var esc = state.escaped;
+    state.escaped = false;
+    if (ch == "#" && (stream.pos == 0 || /\s/.test(stream.string.charAt(stream.pos - 1)))) {
+      stream.skipToEnd();
+      return "comment";
+    }
+    if (stream.match(/^('([^']|\\.)*'?|"([^"]|\\.)*"?)/))
+      return "string";
+    if (state.literal && stream.indentation() > state.keyCol) {
+      stream.skipToEnd();
+      return "string";
+    } else if (state.literal) {
+      state.literal = false;
+    }
+    if (stream.sol()) {
+      state.keyCol = 0;
+      state.pair = false;
+      state.pairStart = false;
+      if (stream.match("---")) {
+        return "def";
+      }
+      if (stream.match("...")) {
+        return "def";
+      }
+      if (stream.match(/^\s*-\s+/)) {
+        return "meta";
+      }
+    }
+    if (stream.match(/^(\{|\}|\[|\])/)) {
+      if (ch == "{")
+        state.inlinePairs++;
+      else if (ch == "}")
+        state.inlinePairs--;
+      else if (ch == "[")
+        state.inlineList++;
+      else
+        state.inlineList--;
+      return "meta";
+    }
+    if (state.inlineList > 0 && !esc && ch == ",") {
+      stream.next();
+      return "meta";
+    }
+    if (state.inlinePairs > 0 && !esc && ch == ",") {
+      state.keyCol = 0;
+      state.pair = false;
+      state.pairStart = false;
+      stream.next();
+      return "meta";
+    }
+    if (state.pairStart) {
+      if (stream.match(/^\s*(\||\>)\s*/)) {
+        state.literal = true;
+        return "meta";
+      }
+      if (stream.match(/^\s*(\&|\*)[a-z0-9\._-]+\b/i)) {
+        return "variable";
+      }
+      if (state.inlinePairs == 0 && stream.match(/^\s*-?[0-9\.\,]+\s?$/)) {
+        return "number";
+      }
+      if (state.inlinePairs > 0 && stream.match(/^\s*-?[0-9\.\,]+\s?(?=(,|}))/)) {
+        return "number";
+      }
+      if (stream.match(keywordRegex)) {
+        return "keyword";
+      }
+    }
+    if (!state.pair && stream.match(/^\s*(?:[,\[\]{}&*!|>'"%@`][^\s'":]|[^,\[\]{}#&*!|>'"%@`])[^#]*?(?=\s*:($|\s))/)) {
+      state.pair = true;
+      state.keyCol = stream.indentation();
+      return "atom";
+    }
+    if (state.pair && stream.match(/^:\s*/)) {
+      state.pairStart = true;
+      return "meta";
+    }
+    state.pairStart = false;
+    state.escaped = ch == "\\";
+    stream.next();
+    return null;
+  },
+  startState: function() {
+    return {
+      pair: false,
+      pairStart: false,
+      keyCol: 0,
+      inlinePairs: 0,
+      inlineList: 0,
+      literal: false,
+      escaped: false
+    };
+  },
+  languageData: {
+    commentTokens: { line: "#" }
+  }
+};
 const lightTheme = createTheme({
   theme: "light",
   settings: {
@@ -4004,7 +4107,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 +4202,7 @@ const variables = () => ViewPlugin.fromClass(
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CodeMirror",
   props: {
+    name: {},
     extensions: {},
     content: {},
     readOnly: { type: Boolean },
@@ -4107,7 +4217,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit }) {
     const props = __props;
     const syntaxHighlighting = {
-      axios: javascript(),
       c: StreamLanguage.define(c),
       clojure: StreamLanguage.define(clojure),
       csharp: StreamLanguage.define(csharp),
@@ -4126,7 +4235,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       r: StreamLanguage.define(r),
       ruby: StreamLanguage.define(ruby),
       shell: StreamLanguage.define(shell),
-      swift: StreamLanguage.define(swift)
+      swift: StreamLanguage.define(swift),
+      yaml: StreamLanguage.define(yaml)
     };
     const classes = ["scalar-api-client__codemirror"];
     if (props.readOnly) {
@@ -4200,16 +4310,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/dist/types.d.ts

@@ -1,2 +1,2 @@
-export type CodeMirrorLanguage = 'axios' | 'c' | 'clojure' | 'csharp' | 'go' | 'http' | 'html' | 'java' | 'javascript' | 'json' | 'kotlin' | 'node' | 'objc' | 'ocaml' | 'powershell' | 'python' | 'r' | 'ruby' | 'shell' | 'swift' | 'php';
+export type CodeMirrorLanguage = 'c' | 'clojure' | 'csharp' | 'go' | 'html' | 'http' | 'java' | 'javascript' | 'json' | 'kotlin' | 'node' | 'objc' | 'ocaml' | 'php' | 'powershell' | 'python' | 'r' | 'ruby' | 'shell' | 'swift' | 'yaml';
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAC1B,OAAO,GACP,GAAG,GACH,SAAS,GACT,QAAQ,GACR,IAAI,GACJ,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,OAAO,GACP,YAAY,GACZ,QAAQ,GACR,GAAG,GACH,MAAM,GACN,OAAO,GACP,OAAO,GACP,KAAK,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAC1B,GAAG,GACH,SAAS,GACT,QAAQ,GACR,IAAI,GACJ,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,OAAO,GACP,KAAK,GACL,YAAY,GACZ,QAAQ,GACR,GAAG,GACH,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,CAAA"}

package/package.json

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