@scalar/api-client 2.1.49 → 2.1.51

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @scalar/api-client
 
+## 2.1.51
+
+### Patch Changes
+
+- Updated dependencies [7abe0f9]
+  - @scalar/components@0.12.71
+  - @scalar/use-codemirror@0.11.38
+
+## 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

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/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/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);
     };
   }