@scalar/api-reference 1.17.13 → 1.17.15

package/package.json

@@ -15,7 +15,7 @@
     "vue",
     "vue3"
   ],
-  "version": "1.17.13",
+  "version": "1.17.15",
   "engines": {
     "node": ">=18"
   },
@@ -65,13 +65,13 @@
     "unhead": "^1.8.3",
     "unified": "^11.0.4",
     "vue-sonner": "^1.0.3",
-    "@scalar/api-client": "0.12.13",
-    "@scalar/components": "0.4.1",
-    "@scalar/swagger-editor": "0.10.14",
+    "@scalar/components": "0.4.2",
+    "@scalar/swagger-parser": "0.5.20",
+    "@scalar/api-client": "0.12.14",
+    "@scalar/swagger-editor": "0.10.15",
     "@scalar/themes": "0.5.10",
-    "@scalar/use-modal": "0.2.8",
     "@scalar/use-tooltip": "0.5.11",
-    "@scalar/swagger-parser": "0.5.19"
+    "@scalar/use-modal": "0.2.8"
   },
   "devDependencies": {
     "@etchteam/storybook-addon-css-variables-theme": "^1.5.1",

package/dist/index-CcnAt-ck.js

@@ -1,415 +0,0 @@
-import { defineComponent as F, openBlock as p, createBlock as B, unref as r, withCtx as c, createElementVNode as y, normalizeClass as _, createVNode as u, normalizeStyle as R, createTextVNode as b, toDisplayString as M, createCommentVNode as S, renderSlot as k, reactive as L, useAttrs as W, ref as U, onMounted as H, createElementBlock as w, resolveDynamicComponent as P, mergeProps as J, withKeys as K, watch as N, Fragment as E, computed as O, isRef as Q } from "vue";
-import { c as j, a as $, _ as z, n as Y, H as D, b as I, f as q, C as G, h as X, R as Z } from "./index-RELYUG_m.js";
-import { u as Ne } from "./index-RELYUG_m.js";
-import { Dialog as ee, DialogPanel as te, DialogTitle as re, DialogDescription as oe } from "@headlessui/vue";
-import { useTextareaAutosize as ae, useMediaQuery as le, useFileDialog as se } from "@vueuse/core";
-const ne = () => L({
-  open: !1,
-  show() {
-    this.open = !0;
-  },
-  hide() {
-    this.open = !1;
-  }
-}), ie = /* @__PURE__ */ F({
-  __name: "ScalarModal",
-  props: {
-    state: {},
-    title: {},
-    bodyClass: {},
-    maxWidth: {},
-    size: { default: "md" },
-    variant: {}
-  },
-  setup(d) {
-    const f = j({
-      base: [
-        "scalar-modal",
-        "col leading-snug relative mx-auto mb-0 mt-20 w-full rounded-lg bg-back-2 text-left text-fore-1 opacity-0"
-      ].join(" "),
-      variants: {
-        size: {
-          xs: "max-w-screen-xs",
-          sm: "max-w-screen-sm",
-          md: "max-w-screen-md",
-          lg: "max-w-screen-lg"
-        },
-        variant: {
-          history: "scalar-modal-history bg-back-1",
-          search: "scalar-modal-search"
-        }
-      }
-    });
-    return (t, a) => (p(), B(r(ee), {
-      open: t.state.open,
-      onClose: a[0] || (a[0] = (h) => t.state.hide())
-    }, {
-      default: c(() => [
-        y("div", {
-          class: _(
-            r($)(
-              "scalar-modal-layout fixed left-0 top-0",
-              "z-[1001] h-[100dvh] w-[100dvw]",
-              "bg-backdrop p-5 opacity-0"
-            )
-          )
-        }, [
-          u(r(te), {
-            class: _(r(f)({ size: t.size, variant: t.variant })),
-            style: R({ maxWidth: t.maxWidth })
-          }, {
-            default: c(() => [
-              t.title ? (p(), B(r(re), {
-                key: 0,
-                class: _(["scalar-modal-header font-semiBold m-0 rounded-lg px-6 py-3 text-left text-xs text-fore-1", { "pb-0 pt-6": t.variant === "history" }])
-              }, {
-                default: c(() => [
-                  b(M(t.title), 1)
-                ]),
-                _: 1
-              }, 8, ["class"])) : S("", !0),
-              u(r(oe), {
-                class: _([
-                  "scalar-modal-body relative max-h-[calc(100dvh-240px)] overflow-y-auto rounded-lg bg-back-1 px-6 pb-4 pt-6",
-                  r($)(
-                    t.bodyClass,
-                    t.variant === "history" && "pt-3",
-                    t.variant === "search" && "col max-h-[440px] overflow-hidden p-0"
-                  )
-                ])
-              }, {
-                default: c(() => [
-                  k(t.$slots, "default", {}, void 0, !0)
-                ]),
-                _: 3
-              }, 8, ["class"])
-            ]),
-            _: 3
-          }, 8, ["class", "style"])
-        ], 2)
-      ]),
-      _: 3
-    }, 8, ["open"]));
-  }
-}), de = /* @__PURE__ */ z(ie, [["__scopeId", "data-v-53cbffc0"]]), ue = { class: "scalar-input-container relative" }, pe = ["for"], ce = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, me = /* @__PURE__ */ F({
-  __name: "ScalarTextField",
-  props: {
-    modelValue: {},
-    placeholder: {},
-    label: {},
-    labelShadowColor: { default: "var(--theme-background-2, var(--default-theme-background-2))" },
-    error: { type: Boolean },
-    isMultiline: { type: Boolean },
-    helperText: {},
-    emitOnBlur: { type: Boolean, default: !0 },
-    handleFieldSubmit: {},
-    handleFieldChange: {},
-    disableTrim: { type: Boolean, default: !1 }
-  },
-  emits: ["submit", "update:modelValue"],
-  setup(d, { emit: f }) {
-    const t = d, a = f, h = j({
-      base: "scalar-input-wrapper relative flex items-center rounded border border-solid border-border",
-      variants: {
-        focus: {
-          true: "scalar-input-wrapper-focus border-fore-3 has-actv-btn:border has-actv-btn:border-border"
-        },
-        error: { true: "scalar-input-wrapper-error border-error" }
-      }
-    }), n = W(), s = n.id || `id-${Y()}`, i = U(), x = U(!1);
-    let o;
-    if (t.isMultiline) {
-      const { triggerResize: e } = ae({
-        element: i,
-        input: t.modelValue
-      });
-      o = e;
-    }
-    function v(e) {
-      const l = e.target.value;
-      t.isMultiline && o(), t.handleFieldChange ? t.handleFieldChange(l) : a("update:modelValue", l);
-    }
-    function m(e) {
-      const l = e.target, g = t.disableTrim || t.isMultiline ? l.value : l.value.trim();
-      t.handleFieldSubmit ? t.handleFieldSubmit(g) : a("submit", g);
-    }
-    function C(e) {
-      x.value = !1, t.emitOnBlur && t.modelValue && m(e);
-    }
-    return H(() => {
-      var e;
-      Object.prototype.hasOwnProperty.call(n, "autofocus") && ((e = i.value) == null || e.focus());
-    }), (e, l) => (p(), w("div", ue, [
-      y("div", {
-        class: _(r(h)({ error: e.error, focus: x.value }))
-      }, [
-        (p(), B(P(e.isMultiline ? "textarea" : "input"), J({ id: r(s) }, e.$attrs, {
-          ref_key: "input",
-          ref: i,
-          class: [
-            "scalar-input",
-            r($)(
-              { "min-h-[77px]": e.isMultiline },
-              "z-10 w-full resize-none appearance-none border-0 bg-transparent p-3 text-sm text-fore-1",
-              "outline-none transition-opacity"
-            )
-          ],
-          placeholder: e.placeholder,
-          value: e.modelValue,
-          onBlur: C,
-          onFocus: l[0] || (l[0] = (g) => x.value = !0),
-          onInput: v,
-          onKeyup: K(m, ["enter"])
-        }), null, 16, ["id", "class", "placeholder", "value"])),
-        e.label ? (p(), w("label", {
-          key: 0,
-          class: _(
-            r($)(
-              "scalar-input-label pointer-events-none absolute left-0 top-0 mx-2 my-3 px-1 text-xs",
-              "shadow-current z-10 origin-top-left rounded text-fore-3 transition-transform"
-            )
-          ),
-          for: r(s),
-          style: R({
-            "box-shadow": `0 0 4px 4px ${e.labelShadowColor}`,
-            "background-color": e.labelShadowColor
-          })
-        }, M(e.label), 15, pe)) : S("", !0),
-        y("div", ce, [
-          k(e.$slots, "default", {}, void 0, !0)
-        ])
-      ], 2),
-      y("span", {
-        class: _(
-          r($)(
-            "helper-text before:rounded-full mt-1.5 flex items-center text-xs text-error before:font-black",
-            "before:mr-1.5 before:block before:h-4 before:w-4 before:text-center before:text-xxs before:leading-4",
-            "before:bg-error before:text-white before:content-['!'] empty:hidden"
-          )
-        )
-      }, M(e.helperText), 3)
-    ]));
-  }
-}), fe = /* @__PURE__ */ z(me, [["__scopeId", "data-v-398eaaae"]]), ge = (d) => {
-  if (typeof d != "string")
-    return !1;
-  try {
-    JSON.parse(d);
-  } catch {
-    return !1;
-  }
-  return !0;
-}, he = { class: "swagger-editor-header" }, ve = { class: "swagger-editor-title" }, be = { class: "swagger-editor-actions" }, ye = { key: 0 }, we = { key: 0 }, xe = { class: "swagger-editor-modal-layout" }, _e = /* @__PURE__ */ F({
-  __name: "SwaggerEditorHeader",
-  props: {
-    proxyUrl: {}
-  },
-  emits: ["import"],
-  setup(d, { expose: f, emit: t }) {
-    const a = d, h = t, n = le("(max-width: 1000px)"), { files: s, open: i, reset: x } = se({
-      multiple: !1,
-      accept: ".json,.yaml,.yml"
-    }), o = ne(), v = U(null);
-    f({
-      importUrlModal: o,
-      openFileDialog: i
-    });
-    const m = U(""), C = () => {
-      v.value = "", q(m.value, a.proxyUrl).then(async (e) => {
-        h("import", e), o.hide();
-      }).catch((e) => {
-        console.error("[importUrl]", e), v.value = e;
-      });
-    };
-    return N(s, () => {
-      var e;
-      if ((e = s.value) != null && e.length) {
-        const l = s.value[0], g = new FileReader();
-        g.onload = (A) => {
-          var T;
-          const V = (T = A.target) == null ? void 0 : T.result;
-          typeof V == "string" && (h("import", V), x());
-        }, g.readAsText(l);
-      }
-    }), (e, l) => (p(), w(E, null, [
-      y("div", he, [
-        y("div", ve, [
-          r(n) ? S("", !0) : (p(), w(E, { key: 0 }, [
-            b("Swagger ")
-          ], 64)),
-          b("Editor ")
-        ]),
-        k(e.$slots, "tab-items", {}, void 0, !0),
-        y("div", be, [
-          u(D, {
-            onClick: l[0] || (l[0] = () => r(i)())
-          }, {
-            default: c(() => [
-              b(" Upload"),
-              r(n) ? S("", !0) : (p(), w("span", ye, " File"))
-            ]),
-            _: 1
-          }),
-          u(D, {
-            onClick: l[1] || (l[1] = (g) => r(o).show())
-          }, {
-            default: c(() => [
-              r(n) ? S("", !0) : (p(), w("span", we, "Import ")),
-              b("URL ")
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      u(r(de), {
-        state: r(o),
-        title: "Import Swagger from URL"
-      }, {
-        default: c(() => [
-          y("div", xe, [
-            u(r(fe), {
-              modelValue: m.value,
-              "onUpdate:modelValue": l[2] || (l[2] = (g) => m.value = g),
-              autofocus: "",
-              class: "swagger-editor-modal-layout-input",
-              label: "URL",
-              labelShadowColor: "var(--theme-background-1, var(--default-theme-background-1))",
-              placeholder: "https://scalar.com/swagger.json"
-            }, null, 8, ["modelValue"]),
-            b(" " + M(v.value) + " ", 1),
-            u(r(I), {
-              variant: "outlined",
-              onClick: l[3] || (l[3] = (g) => r(o).hide())
-            }, {
-              default: c(() => [
-                b(" Cancel ")
-              ]),
-              _: 1
-            }),
-            u(r(I), { onClick: C }, {
-              default: c(() => [
-                b("Import")
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        _: 1
-      }, 8, ["state"])
-    ], 64));
-  }
-}), Ce = /* @__PURE__ */ z(_e, [["__scopeId", "data-v-17d421af"]]), Se = { class: "swagger-editor-input" }, ke = /* @__PURE__ */ F({
-  __name: "SwaggerEditorInput",
-  props: {
-    value: {}
-  },
-  emits: ["contentUpdate"],
-  setup(d, { expose: f }) {
-    const t = d;
-    f({
-      setCodeMirrorContent: (s) => {
-        var i;
-        (i = a.value) == null || i.setCodeMirrorContent(s);
-      }
-    });
-    const a = U(null);
-    function h(s) {
-      return ge(s) ? "json" : "yaml";
-    }
-    const n = O(() => h(t.value));
-    return (s, i) => (p(), w("div", Se, [
-      u(r(G), {
-        ref_key: "codeMirrorRef",
-        ref: a,
-        content: s.value,
-        language: n.value,
-        lineNumbers: "",
-        onChange: i[0] || (i[0] = (x) => s.$emit("contentUpdate", x))
-      }, null, 8, ["content", "language"])
-    ]));
-  }
-}), Ue = {}, $e = { class: "swagger-editor-notification swagger-editor-notification--error" };
-function Me(d, f) {
-  return p(), w("div", $e, [
-    k(d.$slots, "default")
-  ]);
-}
-const Fe = /* @__PURE__ */ z(Ue, [["render", Me]]), ze = /* @__PURE__ */ F({
-  __name: "SwaggerEditor",
-  props: {
-    value: {},
-    theme: {},
-    proxyUrl: {},
-    error: {}
-  },
-  emits: ["contentUpdate", "import", "changeTheme"],
-  setup(d, { expose: f, emit: t }) {
-    const a = d, h = t, n = U(null), s = (o) => {
-      h("contentUpdate", o);
-    }, i = O(() => {
-      if (a.error === void 0 || a.error === null || a.error === "")
-        return "";
-      const o = Q(a.error) ? a.error.value : a.error;
-      return o.startsWith("YAMLException:") ? o.split(`
-`)[0] : o;
-    });
-    return N(
-      () => a.value,
-      async () => {
-        a.value && s(a.value);
-      },
-      { immediate: !0 }
-    ), f({
-      handleOpenSwaggerEditor: (o) => {
-        var v, m, C;
-        o === "importUrl" ? (m = (v = n == null ? void 0 : n.value) == null ? void 0 : v.importUrlModal) == null || m.show() : o === "uploadFile" && ((C = n == null ? void 0 : n.value) == null || C.openFileDialog());
-      }
-    }), (o, v) => (p(), w(E, null, [
-      u(r(X), { id: o.theme }, null, 8, ["id"]),
-      u(Z, null, {
-        default: c(({ styles: m }) => [
-          y("div", {
-            class: _(["swagger-editor", m])
-          }, [
-            u(Ce, {
-              ref_key: "swaggerEditorHeaderRef",
-              ref: n,
-              proxyUrl: o.proxyUrl,
-              onImport: s
-            }, {
-              "tab-items": c(() => [
-                k(o.$slots, "tab-items", {}, void 0, !0)
-              ]),
-              _: 3
-            }, 8, ["proxyUrl"]),
-            i.value ? (p(), B(Fe, { key: 0 }, {
-              default: c(() => [
-                b(M(i.value), 1)
-              ]),
-              _: 1
-            })) : S("", !0),
-            k(o.$slots, "editor-input", {
-              value: o.value,
-              onContentUpdate: s
-            }, () => [
-              u(ke, {
-                value: o.value,
-                onContentUpdate: s
-              }, null, 8, ["value"])
-            ], !0)
-          ], 2)
-        ]),
-        _: 3
-      })
-    ], 64));
-  }
-}), De = /* @__PURE__ */ z(ze, [["__scopeId", "data-v-6759cff3"]]);
-export {
-  De as CodeEditor,
-  D as HeaderTabButton,
-  Z as ResetStyles,
-  De as SwaggerEditor,
-  q as fetchSpecFromUrl,
-  ge as isJsonString,
-  Ne as useDarkModeState
-};