@scalar/components 0.15.0 → 0.15.1

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

@@ -1,17 +1,31 @@
-/**
- * Uses highlight.js for syntax highlighting
- */
-type __VLS_Props = {
-    content: string | object;
+type BaseProps = {
+    content?: string | object;
+    prettyPrintedContent?: string;
     lang?: string;
     lineNumbers?: boolean;
     hideCredentials?: string | string[];
     copy?: boolean;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    lang: string;
-    lineNumbers: boolean;
-    copy: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<(BaseProps & {
+    /** Raw unformatted object or string content */
+    content: string | object;
+}) | (BaseProps & {
+    /**
+     * Pre-pretty printed content string for better performance
+     *
+     * Avoids unnecessary costly re-serialization of large content
+     */
+    prettyPrintedContent: string;
+}), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<(BaseProps & {
+    /** Raw unformatted object or string content */
+    content: string | object;
+}) | (BaseProps & {
+    /**
+     * Pre-pretty printed content string for better performance
+     *
+     * Avoids unnecessary costly re-serialization of large content
+     */
+    prettyPrintedContent: string;
+})> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=ScalarCodeBlock.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarCodeBlock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlock.vue"],"names":[],"mappings":"AA0FA;;GAEG;AACH,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;;UAJO,MAAM;iBACC,OAAO;UAEd,OAAO;;AAsGlB,wBAOG"}
+{"version":3,"file":"ScalarCodeBlock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlock.vue"],"names":[],"mappings":"AAoHA,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;;IAUS,+CAA+C;aACtC,MAAM,GAAG,MAAM;;IAGxB;;;;OAIG;0BACmB,MAAM;;IAT5B,+CAA+C;aACtC,MAAM,GAAG,MAAM;;IAGxB;;;;OAIG;0BACmB,MAAM;;AAwGtC,wBAMG"}

package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.js

@@ -1,40 +1,43 @@
-import { defineComponent as d, useId as u, computed as l, createElementBlock as m, openBlock as c, createBlock as p, createCommentVNode as f, createElementVNode as h, unref as t } from "vue";
-import { syntaxHighlight as g, standardLanguages as k } from "@scalar/code-highlight";
-import { prettyPrintJson as r } from "@scalar/oas-utils/helpers";
-import C from "./ScalarCodeBlockCopy.vue.js";
-const _ = {
+import { defineComponent as s, useId as u, computed as n, createElementBlock as d, openBlock as r, createBlock as m, createCommentVNode as p, createElementVNode as f, unref as o } from "vue";
+import { syntaxHighlight as h, standardLanguages as C } from "@scalar/code-highlight";
+import { prettyPrintJson as g } from "@scalar/oas-utils/helpers";
+import y from "./ScalarCodeBlockCopy.vue.js";
+const k = {
   class: "scalar-code-block group/code-block custom-scroll min-h-12 focus-visible:outline",
   tabindex: "0"
-}, b = ["id", "innerHTML"], H = /* @__PURE__ */ d({
+}, v = ["id", "innerHTML"], L = /* @__PURE__ */ s({
   __name: "ScalarCodeBlock",
   props: {
     content: {},
+    prettyPrintedContent: {},
     lang: { default: "plaintext" },
     lineNumbers: { type: Boolean, default: !1 },
     hideCredentials: {},
     copy: { type: Boolean, default: !0 }
   },
-  setup(a) {
-    const e = a, n = u(), s = l(() => g(r(e.content), {
+  setup(e) {
+    const l = u(), t = n(
+      () => e.prettyPrintedContent || g(e.content ?? "")
+    ), c = n(() => h(t.value, {
       lang: e.lang.trim(),
-      languages: k,
+      languages: C,
       lineNumbers: e.lineNumbers,
       maskCredentials: e.hideCredentials
-    }).slice(5, -6)), i = l(() => e.content !== null && e.content !== "null" && e.content !== "404 Not Found");
-    return (o, y) => (c(), m("div", _, [
-      o.copy && i.value ? (c(), p(t(C), {
+    }).slice(5, -6)), i = n(() => t.value !== null && t.value !== "null" && t.value !== "404 Not Found");
+    return (a, b) => (r(), d("div", k, [
+      a.copy && i.value ? (r(), m(o(y), {
         key: 0,
-        content: t(r)(e.content),
-        controls: t(n)
-      }, null, 8, ["content", "controls"])) : f("", !0),
-      h("pre", {
-        id: t(n),
+        content: t.value,
+        controls: o(l)
+      }, null, 8, ["content", "controls"])) : p("", !0),
+      f("pre", {
+        id: o(l),
         class: "scalar-codeblock-pre",
-        innerHTML: s.value
-      }, null, 8, b)
+        innerHTML: c.value
+      }, null, 8, v)
     ]));
   }
 });
 export {
-  H as default
+  L as default
 };

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/components"
   },
-  "version": "0.15.0",
+  "version": "0.15.1",
   "engines": {
     "node": ">=20"
   },
@@ -40,12 +40,12 @@
     "vue": "^3.5.17",
     "vue-component-type-helpers": "^3.0.4",
     "@scalar/code-highlight": "0.2.0",
-    "@scalar/helpers": "0.0.11",
+    "@scalar/helpers": "0.0.12",
     "@scalar/icons": "0.4.7",
-    "@scalar/oas-utils": "0.5.1",
     "@scalar/use-hooks": "0.2.5",
-    "@scalar/use-toasts": "0.8.0",
-    "@scalar/themes": "0.13.21"
+    "@scalar/themes": "0.13.22",
+    "@scalar/oas-utils": "0.5.2",
+    "@scalar/use-toasts": "0.8.0"
   },
   "devDependencies": {
     "@headlessui/tailwindcss": "^0.2.2",