@scalar/api-client 2.1.48 → 2.1.50

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @scalar/api-client
 
+## 2.1.50
+
+### Patch Changes
+
+- bfad6dc: feat(use-hooks): create @scalar/use-hooks with useColorMode and useClipboard
+- c8fae11: fix(components): cleanup ScalarMenu and ScalarListbox
+- c87353e: Add serialization back to OpenAPI spec for custom entities
+- Updated dependencies [bfad6dc]
+- Updated dependencies [c8fae11]
+- Updated dependencies [6894b7d]
+- Updated dependencies [c87353e]
+- Updated dependencies [c3d9f3c]
+  - @scalar/components@0.12.70
+  - @scalar/use-hooks@0.1.0
+  - @scalar/oas-utils@0.2.76
+  - @scalar/use-codemirror@0.11.37
+
+## 2.1.49
+
+### Patch Changes
+
+- 49ccdee: refactor: updates regexHelpers
+- 45342e3: style(api-client): add import button and command k ascii art in empty state
+- d0c93f5: feat: adds clear drafts action to draft collection
+- 8b54fac: fix(api-client): overflow scroll mobile on api client
+- Updated dependencies [49ccdee]
+- Updated dependencies [0a34402]
+  - @scalar/oas-utils@0.2.75
+  - @scalar/components@0.12.69
+  - @scalar/use-codemirror@0.11.36
+
 ## 2.1.48
 
 ### Patch Changes

package/dist/assets/keycap.ascii.js

@@ -0,0 +1,25 @@
+const n = `          .:=+++++=================-
+         .--#*                       :.
+        .-:-**                        -.
+      .:-::-+*                        =:
+     .:-:::-=#                         ::
+    .-:::----**                        ..
+   .-:::::---=#                         ..
+  :-::::::----**                         ..
+.:-::::::::----*=                        ..
+.-::::::::------+-                        ..
+..::::::::-------=                         ..
+ .:::::----------++                        ..
+   .:::----------+**+*++*+*++*+++*++++++++++:.
+   ------------+*+=-=======================.
+   .----------+*+=========================:.
+    :--------+*+=-========================.
+    .=------+*+=-========================:.
+     .=----+*+=-------=================+-.
+     .----+*+=----------================.
+     .:=-+*+=----------=-==============-
+      .-+*+=----------------===========.
+       .-+=------------------====-====:.`;
+export {
+  n as default
+};

package/dist/components/CodeInput/CodeInput.vue.js

@@ -2,7 +2,7 @@ import o from "./CodeInput.vue2.js";
 /* empty css               */
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b4428c61"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a82747d2"]]);
 export {
-  a as default
+  _ as default
 };

package/dist/components/CodeInput/CodeInput.vue2.js

@@ -4,7 +4,7 @@ import { nanoid as oe } from "nanoid";
 import R from "../DataTable/DataTableInputSelect.vue.js";
 import { pillPlugin as te, backspaceCommand as le } from "./codeVariableWidget.js";
 import ne from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
-import { useClipboard as ae } from "../../hooks/useClipboard.js";
+import { useClipboard as ae } from "@scalar/use-hooks/useClipboard";
 import { ScalarIcon as re } from "@scalar/components";
 import { prettyPrintJson as ue } from "@scalar/oas-utils/helpers";
 import { useWorkspace as ie } from "../../store/store.js";

package/dist/components/CodeInput/codeVariableWidget.js

@@ -2,11 +2,11 @@ var m = Object.defineProperty;
 var v = (n, t, e) => t in n ? m(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var l = (n, t, e) => v(n, typeof t != "symbol" ? t + "" : t, e);
 import { ScalarButton as h, ScalarIcon as f, ScalarTooltip as b } from "@scalar/components";
-import { variableRegex as g } from "@scalar/oas-utils/helpers";
+import { REGEX as g } from "@scalar/oas-utils/helpers";
 import { ViewPlugin as E, RangeSetBuilder as y, Decoration as x, EditorView as w, WidgetType as N } from "@scalar/use-codemirror";
-import { defineComponent as C, h as o, createApp as D } from "vue";
-import { parseEnvVariables as R } from "../../libs/environment-parser.js";
-const S = (n) => n.value ? n.value.color : "#8E8E8E";
+import { defineComponent as C, h as o, createApp as R } from "vue";
+import { parseEnvVariables as S } from "../../libs/environment-parser.js";
+const V = (n) => n.value ? n.value.color : "#8E8E8E";
 class d extends N {
   constructor(e, a, i, s) {
     super();
@@ -22,9 +22,9 @@ class d extends N {
     const a = C({
       props: { variableName: { type: String, default: null } },
       render: () => {
-        const i = R(this.activeEnvVariables.value).find(
+        const i = S(this.activeEnvVariables.value).find(
           (c) => c.key === this.variableName
-        ), s = i && this.activeEnvironment.value ? S(this.activeEnvironment) : "#8E8E8E";
+        ), s = i && this.activeEnvironment.value ? V(this.activeEnvironment) : "#8E8E8E";
         e.style.setProperty("--tw-bg-base", s), e.style.opacity = i != null && i.value ? "1" : "0.5";
         const r = i != null && i.value ? o("div", { class: "p-2" }, i.value) : o("div", { class: "divide-y divide-1/2 grid" }, [
           o("span", { class: "p-2 opacity-25" }, "No value"),
@@ -74,7 +74,7 @@ class d extends N {
         );
       }
     });
-    return this.app = D(a, { variableName: this.variableName }), this.app.mount(e), e;
+    return this.app = R(a, { variableName: this.variableName }), this.app.mount(e), e;
   }
   destroy() {
     this.app && this.app.unmount();
@@ -86,7 +86,7 @@ class d extends N {
     return !1;
   }
 }
-const T = (n) => E.fromClass(
+const I = (n) => E.fromClass(
   class {
     constructor(t) {
       l(this, "decorations");
@@ -100,7 +100,7 @@ const T = (n) => E.fromClass(
       for (const { from: a, to: i } of t.visibleRanges) {
         const s = t.state.doc.sliceString(a, i);
         let r;
-        for (; (r = g.exec(s)) !== null; ) {
+        for (; (r = g.VARIABLES.exec(s)) !== null; ) {
           const c = a + r.index, p = c + r[0].length, u = r[1];
           e.add(
             c,
@@ -123,7 +123,7 @@ const T = (n) => E.fromClass(
   {
     decorations: (t) => t.decorations
   }
-), $ = w.domEventHandlers({
+), T = w.domEventHandlers({
   keydown(n, t) {
     if (n.key === "Backspace") {
       const { state: e } = t, { from: a, to: i } = e.selection.main;
@@ -142,6 +142,6 @@ const T = (n) => E.fromClass(
   }
 });
 export {
-  $ as backspaceCommand,
-  T as pillPlugin
+  T as backspaceCommand,
+  I as pillPlugin
 };

package/dist/components/DataTable/DataTableInput.vue.d.ts

@@ -34,9 +34,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     onInputFocus?: (() => any) | undefined;
     onInputBlur?: (() => any) | undefined;
 }>, {
+    readOnly: boolean;
     required: boolean;
     canAddCustomEnumValue: boolean;
-    readOnly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/DataTable/DataTableInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AAsLA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAC;AAqDJ,iBAAS,cAAc;WA4OT,OAAO,IAA6B;;yBAVrB,GAAG;yBACF,GAAG;sBACN,GAAG;;;;EAa7B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;cAjUN,OAAO;2BAGM,OAAO;cACpB,OAAO;6EAqUpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AAsLA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAC;AAqDJ,iBAAS,cAAc;WA4OT,OAAO,IAA6B;;yBAVrB,GAAG;yBACF,GAAG;sBACN,GAAG;;;;EAa7B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;cA7TN,OAAO;cAJP,OAAO;2BAGM,OAAO;6EAsUjC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Sidebar/SidebarListElementActions.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as C, ref as y, openBlock as n, createElementBlock as i, Fragment as h, createElementVNode as w, unref as a, createVNode as r, createCommentVNode as s, withModifiers as k, withCtx as M, createBlock as D } from "vue";
 import N from "./Actions/DeleteSidebarListElement.vue.js";
 import { useModal as $, ScalarIcon as c, ScalarModal as B } from "@scalar/components";
-import { useClipboard as S } from "../../hooks/useClipboard.js";
+import { useClipboard as S } from "@scalar/use-hooks/useClipboard";
 const x = { class: "absolute flex right-1 opacity-0 group-hover:opacity-100" }, z = /* @__PURE__ */ C({
   __name: "SidebarListElementActions",
   props: {

package/dist/components/TopNav/TopNav.vue.js

@@ -1,7 +1,7 @@
 import o from "./TopNav.vue2.js";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-09bb5ecf"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b07590ec"]]);
 export {
-  f as default
+  m as default
 };

package/dist/components/TopNav/TopNav.vue2.js

@@ -1,9 +1,9 @@
 import { defineComponent as z, reactive as A, ref as M, computed as j, watch as w, onMounted as B, onBeforeUnmount as E, openBlock as m, createElementBlock as b, createElementVNode as f, createVNode as n, unref as l, withCtx as u, toDisplayString as O, createTextVNode as x, Fragment as V, renderList as D, createBlock as K } from "vue";
 import q from "../ScalarHotkey.vue.js";
 import { ROUTES as F } from "../../constants.js";
-import { useClipboard as H } from "../../hooks/useClipboard.js";
-import { ScalarContextMenu as W, ScalarIcon as d, ScalarDropdown as G, ScalarDropdownItem as _ } from "@scalar/components";
-import { capitalize as J } from "@scalar/oas-utils/helpers";
+import { ScalarContextMenu as H, ScalarIcon as d, ScalarDropdown as W, ScalarDropdownItem as _ } from "@scalar/components";
+import { capitalize as G } from "@scalar/oas-utils/helpers";
+import { useClipboard as J } from "@scalar/use-hooks/useClipboard";
 import P from "./TopNavItem.vue.js";
 import { useWorkspace as Q } from "../../store/store.js";
 const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-2.5 relative overflow-hidden" }, Z = {
@@ -15,7 +15,7 @@ const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1
     openNewTab: {}
   },
   setup(I) {
-    const L = I, { activeRequest: S, router: i, events: g } = Q(), { copyToClipboard: U } = H(), t = A([{ label: "", path: "", icon: "Add" }]), a = M(0), T = j(() => a.value);
+    const L = I, { activeRequest: S, router: i, events: g } = Q(), { copyToClipboard: U } = J(), t = A([{ label: "", path: "", icon: "Add" }]), a = M(0), T = j(() => a.value);
     function k() {
       var o;
       const e = F.find((c) => i.currentRoute.value.name == c.name);
@@ -24,7 +24,7 @@ const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1
         path: i.currentRoute.value.path,
         icon: e.icon
       } : t[a.value] = {
-        label: J(e == null ? void 0 : e.name) || "",
+        label: G(e == null ? void 0 : e.name) || "",
         path: i.currentRoute.value.path,
         icon: e.icon
       });
@@ -81,7 +81,7 @@ const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1
       o[3] || (o[3] = f("div", { class: "t-app__top-nav-draggable" }, null, -1)),
       f("div", Y, [
         t.length === 1 ? (m(), b("div", Z, [
-          n(l(W), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
+          n(l(H), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
             trigger: u(() => [
               n(l(d), {
                 icon: t[0].icon,
@@ -91,7 +91,7 @@ const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1
               f("span", null, O(t[0].label), 1)
             ]),
             content: u(() => [
-              n(l(G), {
+              n(l(W), {
                 class: "scalar-client",
                 static: ""
               }, {

package/dist/components/ViewLayout/ViewLayoutSection.vue.js

@@ -1,7 +1,7 @@
 import { openBlock as o, createElementBlock as l, createElementVNode as n, renderSlot as t } from "vue";
 import s from "../../_virtual/_plugin-vue_export-helper.js";
-const r = {}, c = { class: "flex h-full xl:min-w-0 xl:flex-1 flex-col xl:custom-scroll bg-b-1" }, i = { class: "min-h-12 xl:min-h-header flex items-center border-b-1/2 px-3.5 py-1.5 md:px-4 md:py-2 xl:px-6 xl:pr-5 text-sm font-medium sticky top-0 bg-b-1 xl:rounded-none z-1" };
-function m(e, d) {
+const r = {}, c = { class: "flex xl:h-full xl:min-w-0 xl:flex-1 flex-col xl:custom-scroll bg-b-1" }, i = { class: "min-h-12 xl:min-h-header flex items-center border-b-1/2 px-3.5 py-1.5 md:px-4 md:py-2 xl:px-6 xl:pr-5 text-sm font-medium sticky top-0 bg-b-1 xl:rounded-none z-1" };
+function m(e, x) {
   return o(), l("section", c, [
     n("div", i, [
       t(e.$slots, "title")

package/dist/hooks/index.d.ts

@@ -1,5 +1,3 @@
-export * from './useDarkModeState.js';
-export * from './useClipboard.js';
 export * from './useKeyMap.js';
 export * from './useFileDialog.js';
 export * from './useSidebar.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA"}

package/dist/hooks/index.js

@@ -1,14 +1,10 @@
-import { useDarkModeState as r } from "./useDarkModeState.js";
-import { useClipboard as p } from "./useClipboard.js";
-import { keyMap as f } from "./useKeyMap.js";
-import { useFileDialog as u } from "./useFileDialog.js";
-import { useSidebar as s } from "./useSidebar.js";
-import { useLayout as d } from "./useLayout.js";
+import { keyMap as r } from "./useKeyMap.js";
+import { useFileDialog as t } from "./useFileDialog.js";
+import { useSidebar as f } from "./useSidebar.js";
+import { useLayout as u } from "./useLayout.js";
 export {
-  f as keyMap,
-  p as useClipboard,
-  r as useDarkModeState,
-  u as useFileDialog,
-  d as useLayout,
-  s as useSidebar
+  r as keyMap,
+  t as useFileDialog,
+  u as useLayout,
+  f as useSidebar
 };

package/dist/layouts/App/ApiClientApp.vue.js

@@ -1,24 +1,24 @@
-import { defineComponent as v, ref as T, onBeforeMount as _, onMounted as y, onBeforeUnmount as h, computed as k, openBlock as n, createElementBlock as K, Fragment as C, createElementVNode as N, createVNode as a, unref as r, createBlock as m, withCtx as p, KeepAlive as S, resolveDynamicComponent as E, createCommentVNode as H } from "vue";
+import { defineComponent as v, ref as T, onBeforeMount as _, onMounted as y, onBeforeUnmount as h, computed as k, openBlock as n, createElementBlock as K, Fragment as C, createElementVNode as N, createVNode as r, unref as a, createBlock as m, withCtx as p, KeepAlive as E, resolveDynamicComponent as H, createCommentVNode as S } from "vue";
 import b from "../../components/TopNav/TopNav.vue.js";
-import D from "./MainLayout.vue.js";
-import { addScalarClassesToHeadless as A } from "@scalar/components";
-import { getThemeStyles as B } from "@scalar/themes";
-import { ScalarToasts as L } from "@scalar/use-toasts";
-import { RouterView as M } from "vue-router";
-import { APP_HOTKEYS as P } from "./hotkeys.js";
-import { useDarkModeState as V } from "../../hooks/useDarkModeState.js";
+import A from "./MainLayout.vue.js";
+import { addScalarClassesToHeadless as B } from "@scalar/components";
+import { getThemeStyles as D } from "@scalar/themes";
+import { useColorMode as L } from "@scalar/use-hooks/useColorMode";
+import { ScalarToasts as M } from "@scalar/use-toasts";
+import { RouterView as P } from "vue-router";
+import { APP_HOTKEYS as V } from "./hotkeys.js";
 import { DEFAULT_HOTKEYS as W, handleHotKeyDown as g } from "../../libs/hot-keys.js";
 import { useWorkspace as x } from "../../store/store.js";
 const F = ["innerHTML"], Z = /* @__PURE__ */ v({
   __name: "ApiClientApp",
   emits: ["newTab"],
   setup(O) {
-    const d = { ...W, ...P }, l = T(null), u = (e) => {
+    const d = { ...W, ...V }, l = T(null), u = (e) => {
       l.value = e;
     };
-    V();
+    L();
     const o = x(), { events: t } = o;
-    _(() => A());
+    _(() => B());
     const s = (e) => g(e, t.hotKeys, { hotKeys: d }), c = (e) => {
       e && e.openCommandPalette && (e.openCommandPalette.preventDefault(), t.commandPalette.emit());
     };
@@ -28,27 +28,27 @@ const F = ["innerHTML"], Z = /* @__PURE__ */ v({
       window.removeEventListener("keydown", s), t.hotKeys.off(c);
     });
     const f = k(
-      () => o.activeWorkspace.value && `<style>${B(o.activeWorkspace.value.themeId)}</style>`
+      () => o.activeWorkspace.value && `<style>${D(o.activeWorkspace.value.themeId)}</style>`
     );
     return (e, U) => {
       var i;
       return n(), K(C, null, [
         N("div", { innerHTML: f.value }, null, 8, F),
-        a(b, { openNewTab: l.value }, null, 8, ["openNewTab"]),
-        (i = r(o).activeWorkspace.value) != null && i.uid ? (n(), m(D, { key: 0 }, {
+        r(b, { openNewTab: l.value }, null, 8, ["openNewTab"]),
+        (i = a(o).activeWorkspace.value) != null && i.uid ? (n(), m(A, { key: 0 }, {
           default: p(() => [
-            a(r(M), { onNewTab: u }, {
+            r(a(P), { onNewTab: u }, {
               default: p(({ Component: w }) => [
-                (n(), m(S, null, [
-                  (n(), m(E(w)))
+                (n(), m(E, null, [
+                  (n(), m(H(w)))
                 ], 1024))
               ]),
               _: 1
             })
           ]),
           _: 1
-        })) : H("", !0),
-        a(r(L))
+        })) : S("", !0),
+        r(a(M))
       ], 64);
     };
   }