@scalar/use-codemirror 0.11.6 → 0.11.8

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @scalar/use-codemirror
 
+## 0.11.8
+
+### Patch Changes
+
+- c112f24: fix: remove ScalarCodeBlock that freezes browser in response preview
+
+## 0.11.7
+
+### Patch Changes
+
+- 694c1d8: Add explicit newline
+
 ## 0.11.6
 
 ### Patch Changes

package/dist/hooks/useCodeMirror.d.ts

@@ -31,7 +31,7 @@ type BaseParameters = {
 export type UseCodeMirrorParameters = (BaseParameters & {
     /** Prefill the content. Will be ignored when a provider is given. */
     content: MaybeRefOrGetter<string | undefined>;
-    onChange: (v: string) => void;
+    onChange?: (v: string) => void;
 }) | (BaseParameters & {
     provider: MaybeRefOrGetter<Extension | null>;
     content?: MaybeRefOrGetter<string | undefined>;

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

@@ -1 +1 @@
-{"version":3,"file":"useCodeMirror.d.ts","sourceRoot":"","sources":["../../src/hooks/useCodeMirror.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EACL,UAAU,EAMX,MAAM,kBAAkB,CAAA;AACzB,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,GAAG,EAMT,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,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,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B,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;CAmInC,CAAA"}
+{"version":3,"file":"useCodeMirror.d.ts","sourceRoot":"","sources":["../../src/hooks/useCodeMirror.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EACL,UAAU,EAMX,MAAM,kBAAkB,CAAA;AACzB,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,GAAG,EAMT,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,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;CAmInC,CAAA"}

package/dist/hooks/useCodeMirror.js

@@ -1,48 +1,48 @@
-import { autocompletion as j, completionKeymap as w, closeBrackets as B, closeBracketsKeymap as I } from "@codemirror/autocomplete";
-import { indentWithTab as O } from "@codemirror/commands";
-import { css as K } from "@codemirror/lang-css";
-import { html as L } from "@codemirror/lang-html";
-import { json as R } from "@codemirror/lang-json";
-import { yaml as V } from "@codemirror/lang-yaml";
-import { syntaxHighlighting as A, defaultHighlightStyle as z, indentOnInput as J, bracketMatching as v } from "@codemirror/language";
-import { linter as P } from "@codemirror/lint";
-import { StateEffect as U } from "@codemirror/state";
-import { EditorView as d, highlightSpecialChars as W, keymap as a, placeholder as q, lineNumbers as D } from "@codemirror/view";
-import { ref as G, watch as m, onBeforeUnmount as Q, toValue as t, computed as X } from "vue";
-import { customTheme as Y } from "../themes/index.js";
-import { variables as Z } from "./variables.js";
-const u = (e) => "provider" in e && !!t(e.provider), _ = {
+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 { yaml as A } from "@codemirror/lang-yaml";
+import { syntaxHighlighting as z, defaultHighlightStyle as J, indentOnInput as P, bracketMatching as v } from "@codemirror/language";
+import { linter as U } from "@codemirror/lint";
+import { StateEffect as W } from "@codemirror/state";
+import { EditorView as h, highlightSpecialChars as q, keymap as u, placeholder as D, lineNumbers as G } from "@codemirror/view";
+import { ref as Q, watch as m, onBeforeUnmount as X, toValue as t, computed as Y } from "vue";
+import { customTheme as Z } from "../themes/index.js";
+import { variables as _ } from "./variables.js";
+const d = (e) => "provider" in e && !!t(e.provider), $ = {
   key: "Mod-a",
   run: (e) => (e.dispatch({
     selection: { anchor: 0, head: e.state.doc.length },
     scrollIntoView: !1
   }), !0)
-}, de = (e) => {
-  const i = G(null);
+}, he = (e) => {
+  const i = Q(null);
   m(
     e.codeMirrorRef,
     () => {
       var o;
-      (o = i.value) == null || o.destroy(), l();
+      (o = i.value) == null || o.destroy(), s();
     },
     { immediate: !0 }
-  ), Q(() => {
+  ), X(() => {
     var o;
     return (o = i.value) == null ? void 0 : o.destroy();
   });
-  function l() {
+  function s() {
     if (e.codeMirrorRef.value) {
-      const o = u(e) ? t(e.provider) : null, h = x({
-        ...s.value,
+      const o = d(e) ? t(e.provider) : null, a = E({
+        ...l.value,
         provider: o
       });
-      i.value = new d({
+      i.value = new h({
         parent: e.codeMirrorRef.value,
-        extensions: h
-      }), u(e) || n(t(e.content));
+        extensions: a
+      }), d(e) || n(t(e.content));
     }
   }
-  const s = X(() => ({
+  const l = Y(() => ({
     onChange: e.onChange,
     onBlur: e.onBlur,
     onFocus: e.onFocus,
@@ -60,21 +60,21 @@ const u = (e) => "provider" in e && !!t(e.provider), _ = {
     placeholder: t(e.placeholder)
   }));
   m(
-    () => u(e) ? t(e.provider) : null,
+    () => d(e) ? t(e.provider) : null,
     () => {
       var o;
-      u(e) && ((o = i.value) == null || o.destroy(), l());
+      d(e) && ((o = i.value) == null || o.destroy(), s());
     }
   ), m(
-    s,
+    l,
     () => {
       if (i.value) {
-        const o = u(e) ? t(e.provider) : null, h = x({
-          ...s.value,
+        const o = d(e) ? t(e.provider) : null, a = E({
+          ...l.value,
           provider: o
         });
         i.value.dispatch({
-          effects: U.reconfigure.of(h)
+          effects: W.reconfigure.of(a)
         });
       } else
         return;
@@ -99,7 +99,7 @@ const u = (e) => "provider" in e && !!t(e.provider), _ = {
   return m(
     () => t(e.content),
     () => {
-      u(e) || n(t(e.content));
+      d(e) || n(t(e.content));
     },
     { immediate: !0 }
   ), {
@@ -109,33 +109,33 @@ const u = (e) => "provider" in e && !!t(e.provider), _ = {
     codeMirror: i
   };
 }, y = {
-  html: L,
-  json: R,
-  yaml: V,
-  css: K
+  html: R,
+  json: V,
+  yaml: A,
+  css: L
 };
-function x({
+function E({
   onChange: e,
   onBlur: i,
-  onFocus: l,
-  provider: s,
+  onFocus: s,
+  provider: l,
   language: n,
   classes: o = [],
-  readOnly: h = !1,
-  lineNumbers: E = !1,
-  withVariables: k = !1,
+  readOnly: a = !1,
+  lineNumbers: k = !1,
+  withVariables: x = !1,
   disableEnter: C = !1,
   disableCloseBrackets: M = !1,
   disableTabIndent: S = !1,
   withoutTheme: T = !1,
-  lint: H = !1,
-  additionalExtensions: N = [],
+  lint: N = !1,
+  additionalExtensions: w = [],
   placeholder: g
 }) {
   const r = [
-    W(),
-    A(z, { fallback: !0 }),
-    d.theme({
+    q(),
+    z(J, { fallback: !0 }),
+    h.theme({
       ".cm-line": {
         lineHeight: "20px"
       },
@@ -155,29 +155,29 @@ function x({
       }
     }),
     // Listen to updates
-    d.updateListener.of((c) => {
-      c.docChanged && (e == null || e(c.state.doc.toString()));
+    h.updateListener.of((f) => {
+      f.docChanged && (e == null || e(f.state.doc.toString()));
     }),
-    d.domEventHandlers({
-      blur: (c, f) => {
-        i == null || i(f.state.doc.toString());
+    h.domEventHandlers({
+      blur: (f, c) => {
+        i == null || i(c.state.doc.toString());
       },
-      focus: (c, f) => {
-        l == null || l(f.state.doc.toString());
+      focus: (f, c) => {
+        s == null || s(c.state.doc.toString());
       }
     }),
     // Add Classes
-    d.editorAttributes.of({ class: o.join(" ") }),
-    ...N
+    h.editorAttributes.of({ class: o.join(" ") }),
+    ...w
   ];
-  if (s && r.push(s), T || r.push(Y), h ? r.push(d.editable.of(!1)) : (r.push(
-    J(),
+  if (l && r.push(l), T || r.push(Z), a ? r.push(h.editable.of(!1)) : (r.push(
+    P(),
     v(),
-    j(),
-    a.of([...w, _]),
+    H(),
+    u.of([...j, $]),
     v()
-  ), M || r.push(B(), a.of([...I])), S ? r.push(
-    a.of([
+  ), M || r.push(B(), u.of([...I])), S ? r.push(
+    u.of([
       {
         key: "Tab",
         run: () => !1,
@@ -186,25 +186,25 @@ function x({
         // Prevent default Shift+Tab behavior
       }
     ])
-  ) : r.push(a.of([O]))), g && r.push(q(g)), n && y[n] && r.push(y[n]()), H && n === "json") {
-    const c = P((f) => {
-      const b = [];
+  ) : r.push(u.of([O]))), g && r.push(D(g)), n && y[n] && r.push(y[n]()), N && n === "json") {
+    const f = U((c) => {
+      const p = [];
       try {
-        JSON.parse(f.state.doc.toString());
-      } catch (p) {
-        p instanceof Error && b.push({
+        JSON.parse(c.state.doc.toString());
+      } catch (b) {
+        b instanceof Error && p.push({
           from: 0,
-          to: f.state.doc.length,
+          to: c.state.doc.length,
           severity: "error",
-          message: p.message
+          message: b.message
         });
       }
-      return b;
+      return p;
     });
-    r.push(c);
+    r.push(f);
   }
-  return E && r.push(D()), k && r.push(Z()), C && r.push(
-    a.of([
+  return k && r.push(G()), x && r.push(_()), C ? r.push(
+    u.of([
       {
         key: "Enter",
         run: () => !0
@@ -219,8 +219,15 @@ function x({
         run: () => !0
       }
     ])
+  ) : r.push(
+    u.of([
+      {
+        key: "Enter",
+        run: K
+      }
+    ])
   ), r;
 }
 export {
-  de as useCodeMirror
+  he as useCodeMirror
 };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-export { type Extension } from '@codemirror/state';
+export { type Extension, RangeSetBuilder, StateEffect } from '@codemirror/state';
 export { yCollab } from 'y-codemirror.next';
 export { colorPicker } from '@replit/codemirror-css-color-picker';
+export { Decoration, type DecorationSet, EditorView, ViewPlugin, type ViewUpdate, WidgetType, } from '@codemirror/view';
 export { CodeMirror } from './components/CodeMirror';
 export * from './hooks';
 export * from './types';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAEjE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAEjE,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EACV,UAAU,EACV,KAAK,UAAU,EACf,UAAU,GACX,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}

package/dist/index.js

@@ -1,10 +1,18 @@
-import { yCollab as e } from "y-codemirror.next";
-import { colorPicker as t } from "@replit/codemirror-css-color-picker";
-import { default as m } from "./components/CodeMirror/CodeMirror.vue.js";
-import { useCodeMirror as x } from "./hooks/useCodeMirror.js";
+import { RangeSetBuilder as e, StateEffect as t } from "@codemirror/state";
+import { yCollab as f } from "y-codemirror.next";
+import { colorPicker as a } from "@replit/codemirror-css-color-picker";
+import { Decoration as l, EditorView as m, ViewPlugin as x, WidgetType as c } from "@codemirror/view";
+import { default as g } from "./components/CodeMirror/CodeMirror.vue.js";
+import { useCodeMirror as C } from "./hooks/useCodeMirror.js";
 export {
-  m as CodeMirror,
-  t as colorPicker,
-  x as useCodeMirror,
-  e as yCollab
+  g as CodeMirror,
+  l as Decoration,
+  m as EditorView,
+  e as RangeSetBuilder,
+  t as StateEffect,
+  x as ViewPlugin,
+  c as WidgetType,
+  a as colorPicker,
+  C as useCodeMirror,
+  f as yCollab
 };

package/package.json

@@ -16,7 +16,7 @@
     "vue",
     "vue3"
   ],
-  "version": "0.11.6",
+  "version": "0.11.8",
   "engines": {
     "node": ">=18"
   },
@@ -51,7 +51,7 @@
     "@replit/codemirror-css-color-picker": "^6.1.0",
     "@uiw/codemirror-themes": "^4.21.21",
     "codemirror": "^6.0.0",
-    "vue": "^3.4.22"
+    "vue": "^3.4.29"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",
@@ -59,11 +59,11 @@
     "tsc-alias": "^1.8.8",
     "vite": "^5.2.10",
     "vitest": "^1.6.0",
-    "vue": "^3.4.22",
+    "vue": "^3.4.29",
     "vue-tsc": "^2.0.13",
     "y-codemirror.next": "^0.3.2",
     "yjs": "^13.6.0",
-    "@scalar/build-tooling": "0.1.9"
+    "@scalar/build-tooling": "0.1.10"
   },
   "scripts": {
     "build": "vite build && pnpm types:build && tsc-alias -p tsconfig.build.json",