@scalar/use-codemirror 0.11.44 → 0.11.45

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @scalar/use-codemirror
 
+## 0.11.45
+
+### Patch Changes
+
+- d6e7008: fix: requests animation frame to dispatched value
+- Updated dependencies [e199e9b]
+- Updated dependencies [e199e9b]
+- Updated dependencies [e199e9b]
+- Updated dependencies [1f730c6]
+- Updated dependencies [f30ce11]
+  - @scalar/components@0.13.1
+
 ## 0.11.44
 
 ### Patch Changes

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

@@ -1 +1 @@
-{"version":3,"file":"useCodeMirror.d.ts","sourceRoot":"","sources":["../../src/hooks/useCodeMirror.ts"],"names":[],"mappings":"AAsBA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EACL,UAAU,EAMX,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,GAAG,EAQT,MAAM,KAAK,CAAA;AAGZ,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAGlD,KAAK,cAAc,GAAG;IACpB,yCAAyC;IACzC,aAAa,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACzC,mDAAmD;IACnD,UAAU,CAAC,EAAE,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAA;IAC1C,8BAA8B;IAC9B,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACpD,mDAAmD;IACnD,QAAQ,EAAE,gBAAgB,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAA;IAC1D,2CAA2C;IAC3C,OAAO,CAAC,EAAE,gBAAgB,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IAChD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAChD,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACxD,gDAAgD;IAChD,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACnD,aAAa,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACrD,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACvD,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACpD,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC5D,kDAAkD;IAClD,IAAI,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC5C,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CACnD,CAAA;AAED,MAAM,MAAM,uBAAuB,GAC/B,CAAC,cAAc,GAAG;IAChB,qEAAqE;IACrE,OAAO,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAC,GACF,CAAC,cAAc,GAAG;IAChB,QAAQ,EAAE,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAC,CAAA;AAsBN,sCAAsC;AACtC,eAAO,MAAM,aAAa,WAChB,uBAAuB,KAC9B;IACD,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,UAAU,EAAE,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,CAAA;CAoInC,CAAA"}
+{"version":3,"file":"useCodeMirror.d.ts","sourceRoot":"","sources":["../../src/hooks/useCodeMirror.ts"],"names":[],"mappings":"AAsBA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EACL,UAAU,EAMX,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,GAAG,EAQT,MAAM,KAAK,CAAA;AAGZ,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAGlD,KAAK,cAAc,GAAG;IACpB,yCAAyC;IACzC,aAAa,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACzC,mDAAmD;IACnD,UAAU,CAAC,EAAE,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAA;IAC1C,8BAA8B;IAC9B,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACpD,mDAAmD;IACnD,QAAQ,EAAE,gBAAgB,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAA;IAC1D,2CAA2C;IAC3C,OAAO,CAAC,EAAE,gBAAgB,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IAChD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAChD,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACxD,gDAAgD;IAChD,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACnD,aAAa,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACrD,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACvD,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACpD,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC5D,kDAAkD;IAClD,IAAI,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC5C,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CACnD,CAAA;AAED,MAAM,MAAM,uBAAuB,GAC/B,CAAC,cAAc,GAAG;IAChB,qEAAqE;IACrE,OAAO,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAC,GACF,CAAC,cAAc,GAAG;IAChB,QAAQ,EAAE,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAC,CAAA;AAsBN,sCAAsC;AACtC,eAAO,MAAM,aAAa,WAChB,uBAAuB,KAC9B;IACD,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,UAAU,EAAE,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,CAAA;CAsInC,CAAA"}

package/dist/hooks/useCodeMirror.js

@@ -1,16 +1,16 @@
-import { autocompletion as B, completionKeymap as D, closeBrackets as z, closeBracketsKeymap as K } from "@codemirror/autocomplete";
-import { indentWithTab as V, insertNewline as A } from "@codemirror/commands";
+import { autocompletion as B, completionKeymap as D, closeBrackets as z, closeBracketsKeymap as A } from "@codemirror/autocomplete";
+import { indentWithTab as K, insertNewline as V } from "@codemirror/commands";
 import { css as G } from "@codemirror/lang-css";
 import { html as P } from "@codemirror/lang-html";
-import { json as J } from "@codemirror/lang-json";
-import { xml as U } from "@codemirror/lang-xml";
-import { yaml as W } from "@codemirror/lang-yaml";
-import { syntaxHighlighting as q, defaultHighlightStyle as F, indentOnInput as Q, bracketMatching as k, foldGutter as x } from "@codemirror/language";
+import { json as q } from "@codemirror/lang-json";
+import { xml as F } from "@codemirror/lang-xml";
+import { yaml as J } from "@codemirror/lang-yaml";
+import { syntaxHighlighting as U, defaultHighlightStyle as W, indentOnInput as Q, bracketMatching as x, foldGutter as E } from "@codemirror/language";
 import { linter as X } from "@codemirror/lint";
 import { StateEffect as Y } from "@codemirror/state";
 import { EditorView as h, highlightSpecialChars as Z, keymap as u, placeholder as _, lineNumbers as $ } from "@codemirror/view";
-import { ScalarIcon as E } from "@scalar/components";
-import { ref as ee, watch as g, onBeforeUnmount as te, toValue as t, computed as oe, h as C, render as M } from "vue";
+import { ScalarIcon as C } from "@scalar/components";
+import { ref as ee, watch as p, onBeforeUnmount as te, toValue as t, computed as oe, h as M, render as S } from "vue";
 import { customTheme as re } from "../themes/index.js";
 import { variables as ne } from "./variables.js";
 const a = (e) => "provider" in e && !!t(e.provider), ie = {
@@ -21,7 +21,7 @@ const a = (e) => "provider" in e && !!t(e.provider), ie = {
   }), !0)
 }, xe = (e) => {
   const n = ee(null);
-  g(
+  p(
     e.codeMirrorRef,
     () => {
       var o;
@@ -34,7 +34,7 @@ const a = (e) => "provider" in e && !!t(e.provider), ie = {
   });
   function c() {
     if (e.codeMirrorRef.value) {
-      const o = a(e) ? t(e.provider) : null, m = w({
+      const o = a(e) ? t(e.provider) : null, m = T({
         ...f.value,
         provider: o
       });
@@ -62,22 +62,25 @@ const a = (e) => "provider" in e && !!t(e.provider), ie = {
     additionalExtensions: t(e.extensions),
     placeholder: t(e.placeholder)
   }));
-  g(
+  p(
     () => a(e) ? t(e.provider) : null,
     () => {
       var o;
       a(e) && ((o = n.value) == null || o.destroy(), c());
     }
-  ), g(
+  ), p(
     f,
     () => {
       if (n.value) {
-        const o = a(e) ? t(e.provider) : null, m = w({
+        const o = a(e) ? t(e.provider) : null, m = T({
           ...f.value,
           provider: o
         });
-        n.value.dispatch({
-          effects: Y.reconfigure.of(m)
+        requestAnimationFrame(() => {
+          var g;
+          (g = n.value) == null || g.dispatch({
+            effects: Y.reconfigure.of(m)
+          });
         });
       } else
         return;
@@ -99,7 +102,7 @@ const a = (e) => "provider" in e && !!t(e.provider), ie = {
       }
     });
   };
-  return g(
+  return p(
     () => t(e.content),
     () => {
       a(e) || l(t(e.content));
@@ -111,14 +114,14 @@ const a = (e) => "provider" in e && !!t(e.provider), ie = {
     /** Codemirror instance */
     codeMirror: n
   };
-}, S = {
+}, w = {
   html: P,
-  json: J,
-  yaml: W,
+  json: q,
+  yaml: J,
   css: G,
-  xml: U
+  xml: F
 };
-function w({
+function T({
   onChange: e,
   onBlur: n,
   onFocus: c,
@@ -126,20 +129,20 @@ function w({
   language: l,
   classes: o = [],
   readOnly: m = !1,
-  lineNumbers: T = !1,
+  lineNumbers: g = !1,
   withVariables: N = !1,
-  forceFoldGutter: p = !1,
+  forceFoldGutter: v = !1,
   disableEnter: O = !1,
   disableCloseBrackets: H = !1,
   disableTabIndent: I = !1,
   withoutTheme: L = !1,
   lint: R = !1,
   additionalExtensions: j = [],
-  placeholder: v
+  placeholder: b
 }) {
   const r = [
     Z(),
-    q(F, { fallback: !0 }),
+    U(W, { fallback: !0 }),
     h.theme({
       ".cm-line": {
         lineHeight: "20px",
@@ -183,11 +186,11 @@ function w({
   ];
   if (f && r.push(f), L || r.push(re), m ? r.push(h.editable.of(!1)) : (r.push(
     Q(),
-    k(),
+    x(),
     B(),
     u.of([...D, ie]),
-    k()
-  ), H || r.push(z(), u.of([...K])), I ? r.push(
+    x()
+  ), H || r.push(z(), u.of([...A])), I ? r.push(
     u.of([
       {
         key: "Tab",
@@ -197,42 +200,42 @@ function w({
         // Prevent default Shift+Tab behavior
       }
     ])
-  ) : r.push(u.of([V]))), v && r.push(_(v)), T && r.push($()), p && r.push(
-    x({
+  ) : r.push(u.of([K]))), b && r.push(_(b)), g && r.push($()), v && r.push(
+    E({
       markerDOM: (s) => {
         const i = document.createElement("div");
         i.classList.add("cm-foldMarker");
-        const d = C(E, {
+        const d = M(C, {
           icon: s ? "ChevronDown" : "ChevronRight",
           size: "xs"
         });
-        return M(d, i), i;
+        return S(d, i), i;
       }
     })
-  ), l && S[l] && (r.push(S[l]()), p || r.push(
-    x({
+  ), l && w[l] && (r.push(w[l]()), v || r.push(
+    E({
       markerDOM: (s) => {
         const i = document.createElement("div");
         i.classList.add("cm-foldMarker");
-        const d = C(E, {
+        const d = M(C, {
           icon: s ? "ChevronDown" : "ChevronRight",
           size: "xs"
         });
-        return M(d, i), i;
+        return S(d, i), i;
       }
     })
   )), R && l === "json") {
     const s = X((i) => {
-      const d = [], b = i.state.doc.toString();
-      if (b.trim())
+      const d = [], y = i.state.doc.toString();
+      if (y.trim())
         try {
-          JSON.parse(b);
-        } catch (y) {
-          y instanceof Error && d.push({
+          JSON.parse(y);
+        } catch (k) {
+          k instanceof Error && d.push({
             from: 0,
             to: i.state.doc.length,
             severity: "error",
-            message: y.message
+            message: k.message
           });
         }
       return d;
@@ -259,7 +262,7 @@ function w({
     u.of([
       {
         key: "Enter",
-        run: A
+        run: V
       }
     ])
   ), r;

package/package.json

@@ -16,7 +16,7 @@
     "vue",
     "vue3"
   ],
-  "version": "0.11.44",
+  "version": "0.11.45",
   "engines": {
     "node": ">=18"
   },
@@ -53,7 +53,7 @@
     "@uiw/codemirror-themes": "^4.21.21",
     "codemirror": "^6.0.0",
     "vue": "^3.5.12",
-    "@scalar/components": "0.13.0"
+    "@scalar/components": "0.13.1"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",