@scalar/use-codemirror 0.11.9 → 0.11.10

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @scalar/use-codemirror
 
+## 0.11.10
+
+### Patch Changes
+
+- 4e5de89: fix: lint only if content is given
+
 ## 0.11.9
 
 ### Patch Changes

package/dist/hooks/useCodeMirror.js

@@ -1,49 +1,49 @@
-import { autocompletion as H, completionKeymap as j, closeBrackets as B, closeBracketsKeymap as I } from "@codemirror/autocomplete";
-import { indentWithTab as O, insertNewline as K } from "@codemirror/commands";
-import { css as L } from "@codemirror/lang-css";
-import { html as R } from "@codemirror/lang-html";
-import { json as V } from "@codemirror/lang-json";
-import { xml as A } from "@codemirror/lang-xml";
-import { yaml as z } from "@codemirror/lang-yaml";
-import { syntaxHighlighting as J, defaultHighlightStyle as P, indentOnInput as U, bracketMatching as v } from "@codemirror/language";
-import { linter as W } from "@codemirror/lint";
-import { StateEffect as q } from "@codemirror/state";
-import { EditorView as h, highlightSpecialChars as D, keymap as u, placeholder as G, lineNumbers as Q } from "@codemirror/view";
-import { ref as X, watch as m, onBeforeUnmount as Y, toValue as t, computed as Z } from "vue";
-import { customTheme as _ } from "../themes/index.js";
-import { variables as $ } from "./variables.js";
-const d = (e) => "provider" in e && !!t(e.provider), F = {
+import { autocompletion as j, completionKeymap as B, closeBrackets as I, closeBracketsKeymap as O } from "@codemirror/autocomplete";
+import { indentWithTab as K, insertNewline as L } from "@codemirror/commands";
+import { css as R } from "@codemirror/lang-css";
+import { html as V } from "@codemirror/lang-html";
+import { json as A } from "@codemirror/lang-json";
+import { xml as z } from "@codemirror/lang-xml";
+import { yaml as J } from "@codemirror/lang-yaml";
+import { syntaxHighlighting as P, defaultHighlightStyle as U, indentOnInput as W, bracketMatching as y } from "@codemirror/language";
+import { linter as q } from "@codemirror/lint";
+import { StateEffect as D } from "@codemirror/state";
+import { EditorView as h, highlightSpecialChars as G, keymap as u, placeholder as Q, lineNumbers as X } from "@codemirror/view";
+import { ref as Y, watch as m, onBeforeUnmount as Z, toValue as t, computed as _ } from "vue";
+import { customTheme as $ } from "../themes/index.js";
+import { variables as F } from "./variables.js";
+const d = (e) => "provider" in e && !!t(e.provider), ee = {
   key: "Mod-a",
   run: (e) => (e.dispatch({
     selection: { anchor: 0, head: e.state.doc.length },
     scrollIntoView: !1
   }), !0)
-}, me = (e) => {
-  const r = X(null);
+}, ge = (e) => {
+  const i = Y(null);
   m(
     e.codeMirrorRef,
     () => {
       var o;
-      (o = r.value) == null || o.destroy(), l();
+      (o = i.value) == null || o.destroy(), s();
     },
     { immediate: !0 }
-  ), Y(() => {
+  ), Z(() => {
     var o;
-    return (o = r.value) == null ? void 0 : o.destroy();
+    return (o = i.value) == null ? void 0 : o.destroy();
   });
-  function l() {
+  function s() {
     if (e.codeMirrorRef.value) {
-      const o = d(e) ? t(e.provider) : null, a = x({
-        ...s.value,
+      const o = d(e) ? t(e.provider) : null, a = E({
+        ...l.value,
         provider: o
       });
-      r.value = new h({
+      i.value = new h({
         parent: e.codeMirrorRef.value,
         extensions: a
       }), d(e) || n(t(e.content));
     }
   }
-  const s = Z(() => ({
+  const l = _(() => ({
     onChange: e.onChange,
     onBlur: e.onBlur,
     onFocus: e.onFocus,
@@ -64,18 +64,18 @@ const d = (e) => "provider" in e && !!t(e.provider), F = {
     () => d(e) ? t(e.provider) : null,
     () => {
       var o;
-      d(e) && ((o = r.value) == null || o.destroy(), l());
+      d(e) && ((o = i.value) == null || o.destroy(), s());
     }
   ), m(
-    s,
+    l,
     () => {
-      if (r.value) {
-        const o = d(e) ? t(e.provider) : null, a = x({
-          ...s.value,
+      if (i.value) {
+        const o = d(e) ? t(e.provider) : null, a = E({
+          ...l.value,
           provider: o
         });
-        r.value.dispatch({
-          effects: q.reconfigure.of(a)
+        i.value.dispatch({
+          effects: D.reconfigure.of(a)
         });
       } else
         return;
@@ -83,15 +83,15 @@ const d = (e) => "provider" in e && !!t(e.provider), F = {
     { immediate: !0 }
   );
   const n = (o = "") => {
-    r.value && r.value.state.doc.toString() !== o && r.value.dispatch({
+    i.value && i.value.state.doc.toString() !== o && i.value.dispatch({
       changes: {
         from: 0,
-        to: r.value.state.doc.length,
+        to: i.value.state.doc.length,
         insert: o
       },
       selection: {
         anchor: Math.min(
-          r.value.state.selection.main.anchor,
+          i.value.state.selection.main.anchor,
           o.length
         )
       }
@@ -107,36 +107,36 @@ const d = (e) => "provider" in e && !!t(e.provider), F = {
     /** Replaces the current content with the given value. */
     setCodeMirrorContent: n,
     /** Codemirror instance */
-    codeMirror: r
+    codeMirror: i
   };
-}, y = {
-  html: R,
-  json: V,
-  yaml: z,
-  css: L,
-  xml: A
+}, x = {
+  html: V,
+  json: A,
+  yaml: J,
+  css: R,
+  xml: z
 };
-function x({
+function E({
   onChange: e,
-  onBlur: r,
-  onFocus: l,
-  provider: s,
+  onBlur: i,
+  onFocus: s,
+  provider: l,
   language: n,
   classes: o = [],
   readOnly: a = !1,
-  lineNumbers: E = !1,
-  withVariables: k = !1,
-  disableEnter: C = !1,
-  disableCloseBrackets: M = !1,
-  disableTabIndent: S = !1,
-  withoutTheme: T = !1,
-  lint: N = !1,
-  additionalExtensions: w = [],
+  lineNumbers: k = !1,
+  withVariables: C = !1,
+  disableEnter: M = !1,
+  disableCloseBrackets: S = !1,
+  disableTabIndent: T = !1,
+  withoutTheme: N = !1,
+  lint: w = !1,
+  additionalExtensions: H = [],
   placeholder: g
 }) {
-  const i = [
-    D(),
-    J(P, { fallback: !0 }),
+  const r = [
+    G(),
+    P(U, { fallback: !0 }),
     h.theme({
       ".cm-line": {
         lineHeight: "20px"
@@ -162,23 +162,23 @@ function x({
     }),
     h.domEventHandlers({
       blur: (f, c) => {
-        r == null || r(c.state.doc.toString());
+        i == null || i(c.state.doc.toString());
       },
       focus: (f, c) => {
-        l == null || l(c.state.doc.toString());
+        s == null || s(c.state.doc.toString());
       }
     }),
     // Add Classes
     h.editorAttributes.of({ class: o.join(" ") }),
-    ...w
+    ...H
   ];
-  if (s && i.push(s), T || i.push(_), a ? i.push(h.editable.of(!1)) : (i.push(
-    U(),
-    v(),
-    H(),
-    u.of([...j, F]),
-    v()
-  ), M || i.push(B(), u.of([...I])), S ? i.push(
+  if (l && r.push(l), N || r.push($), a ? r.push(h.editable.of(!1)) : (r.push(
+    W(),
+    y(),
+    j(),
+    u.of([...B, ee]),
+    y()
+  ), S || r.push(I(), u.of([...O])), T ? r.push(
     u.of([
       {
         key: "Tab",
@@ -188,24 +188,25 @@ function x({
         // Prevent default Shift+Tab behavior
       }
     ])
-  ) : i.push(u.of([O]))), g && i.push(G(g)), n && y[n] && i.push(y[n]()), N && n === "json") {
-    const f = W((c) => {
-      const p = [];
-      try {
-        JSON.parse(c.state.doc.toString());
-      } catch (b) {
-        b instanceof Error && p.push({
-          from: 0,
-          to: c.state.doc.length,
-          severity: "error",
-          message: b.message
-        });
-      }
+  ) : r.push(u.of([K]))), g && r.push(Q(g)), n && x[n] && r.push(x[n]()), w && n === "json") {
+    const f = q((c) => {
+      const p = [], b = c.state.doc.toString();
+      if (b.trim())
+        try {
+          JSON.parse(b);
+        } catch (v) {
+          v instanceof Error && p.push({
+            from: 0,
+            to: c.state.doc.length,
+            severity: "error",
+            message: v.message
+          });
+        }
       return p;
     });
-    i.push(f);
+    r.push(f);
   }
-  return E && i.push(Q()), k && i.push($()), C ? i.push(
+  return k && r.push(X()), C && r.push(F()), M ? r.push(
     u.of([
       {
         key: "Enter",
@@ -221,15 +222,15 @@ function x({
         run: () => !0
       }
     ])
-  ) : i.push(
+  ) : r.push(
     u.of([
       {
         key: "Enter",
-        run: K
+        run: L
       }
     ])
-  ), i;
+  ), r;
 }
 export {
-  me as useCodeMirror
+  ge as useCodeMirror
 };

package/package.json

@@ -16,7 +16,7 @@
     "vue",
     "vue3"
   ],
-  "version": "0.11.9",
+  "version": "0.11.10",
   "engines": {
     "node": ">=18"
   },