@scalar/api-client 2.18.1 → 2.18.4

package/dist/v2/features/app/components/DesktopTabs.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, computed as d, createElementBlock as c, openBlock as o, createElementVNode as h, Fragment as p, renderList as T, createBlock as C, createVNode as k, unref as g } from "vue";
+import { defineComponent as v, computed as d, createElementBlock as l, openBlock as n, createElementVNode as h, Fragment as T, renderList as p, createBlock as C, createVNode as k, unref as g } from "vue";
 import { ScalarIcon as f } from "@scalar/components";
 import B from "./DesktopTab.vue.js";
 const y = { class: "mac:pl-[72px] t-app__top-nav flex h-10 items-center gap-2 px-2" }, U = /* @__PURE__ */ v({
@@ -8,29 +8,29 @@ const y = { class: "mac:pl-[72px] t-app__top-nav flex h-10 items-center gap-2 px
     activeTabIndex: {},
     eventBus: {}
   },
-  setup(a) {
-    const n = d(() => a.tabs.length === 1), s = () => {
-      a.eventBus.emit("tabs:add:tab", void 0);
-    }, r = (e) => {
-      a.eventBus.emit("tabs:focus:tab", { index: e });
-    }, b = (e) => {
-      a.eventBus.emit("tabs:close:tab", { index: e });
-    }, i = (e) => {
-      a.eventBus.emit("tabs:close:other-tabs", { index: e });
-    }, u = (e) => {
-      a.eventBus.emit("tabs:copy:url", { index: e });
+  setup(e) {
+    const o = d(() => e.tabs.length === 1), s = () => {
+      e.eventBus.emit("tabs:add:tab", void 0);
+    }, b = (t) => {
+      e.eventBus.emit("tabs:focus:tab", { index: t });
+    }, r = (t) => {
+      e.eventBus.emit("tabs:close:tab", { index: t });
+    }, i = (t) => {
+      e.eventBus.emit("tabs:close:other-tabs", { index: t });
+    }, u = (t) => {
+      e.eventBus.emit("tabs:copy:url", { index: t });
     };
-    return (e, S) => (o(), c("nav", y, [
-      (o(!0), c(p, null, T(e.tabs, (m, t) => (o(), C(B, {
-        key: t,
-        active: t === e.activeTabIndex,
-        hotkey: !n.value && t < 9 ? String(t + 1) : void 0,
-        isSingleTab: n.value,
+    return (t, S) => (n(), l("nav", y, [
+      (n(!0), l(T, null, p(e.tabs, (m, a) => (n(), C(B, {
+        key: a,
+        active: a === e.activeTabIndex,
+        hotkey: !o.value && a < 9 ? String(a + 1) : void 0,
+        isSingleTab: o.value,
         tab: m,
-        onClick: (l) => r(t),
-        onClose: (l) => b(t),
-        onCloseOtherTabs: (l) => i(t),
-        onCopyUrl: () => u(t),
+        onClick: (c) => b(a),
+        onClose: (c) => r(a),
+        onCloseOtherTabs: (c) => i(a),
+        onCopyUrl: () => u(a),
         onNewTab: s
       }, null, 8, ["active", "hotkey", "isSingleTab", "tab", "onClick", "onClose", "onCloseOtherTabs", "onCopyUrl"]))), 128)),
       h("button", {

package/dist/v2/features/app/components/SidebarItemMenu.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as S, ref as C, watch as E, nextTick as b, createBlock as i, openBlock as a, unref as n, withCtx as m, createCommentVNode as l, createElementVNode as r, createVNode as u, createTextVNode as c } from "vue";
 import { ScalarDropdown as M, ScalarDropdownItem as s, ScalarIcon as y, ScalarDropdownDivider as T } from "@scalar/components";
-import { getParentEntry as p } from "@scalar/workspace-store/navigation";
+import { getParentEntry as I } from "@scalar/workspace-store/navigation";
 const z = { class: "flex items-center gap-2" }, N = { class: "flex items-center gap-2" }, V = { class: "flex items-center gap-2" }, $ = { class: "text-red flex items-center gap-2" }, W = /* @__PURE__ */ S({
   __name: "SidebarItemMenu",
   props: {
@@ -10,8 +10,8 @@ const z = { class: "flex items-center gap-2" }, N = { class: "flex items-center
     target: {}
   },
   emits: ["closeMenu", "showDeleteModal"],
-  setup(e, { emit: I }) {
-    const g = I, f = C(!1);
+  setup(e, { emit: p }) {
+    const g = p, f = C(!1);
     E(f, async (d, t) => {
       !d && t && (await b(), g("closeMenu"));
     });
@@ -26,7 +26,7 @@ const z = { class: "flex items-center gap-2" }, N = { class: "flex items-center
         e.eventBus.emit("ui:open:command-palette", {
           action: "create-request",
           payload: {
-            documentId: p("document", d)?.id,
+            documentId: I("document", d)?.id,
             tagId: e.item.name
           }
         });
@@ -44,7 +44,7 @@ const z = { class: "flex items-center gap-2" }, N = { class: "flex items-center
         e.eventBus.emit("ui:open:command-palette", {
           action: "add-example",
           payload: {
-            documentId: p("document", d)?.id,
+            documentId: I("document", d)?.id,
             operationId: e.item.id
           }
         });
@@ -54,7 +54,7 @@ const z = { class: "flex items-center gap-2" }, N = { class: "flex items-center
       open: f.value,
       "onUpdate:open": t[4] || (t[4] = (o) => f.value = o),
       placement: "bottom-end",
-      target: d.target,
+      target: e.target,
       teleport: ""
     }, {
       items: m(() => [

package/dist/v2/features/app/components/WebTopNav.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as p, createElementBlock as c, openBlock as n, createVNode as s, unref as i } from "vue";
+import { defineComponent as c, createElementBlock as p, openBlock as n, createVNode as s, unref as i } from "vue";
 import k from "./DownloadAppButton.vue.js";
 import m from "../../../components/sidebar/SidebarMenu.vue.js";
-const l = { class: "flex h-12 items-center justify-between border-b p-2" }, w = {}, v = /* @__PURE__ */ p({
+const l = { class: "flex h-12 items-center justify-between border-b p-2" }, w = {}, v = /* @__PURE__ */ c({
   ...w,
   __name: "WebTopNav",
   props: {
@@ -9,14 +9,14 @@ const l = { class: "flex h-12 items-center justify-between border-b p-2" }, w =
     workspaces: {}
   },
   emits: ["create:workspace", "select:workspace"],
-  setup(f, { emit: a }) {
-    const o = a;
-    return (t, e) => (n(), c("nav", l, [
+  setup(o, { emit: a }) {
+    const t = a;
+    return (f, e) => (n(), p("nav", l, [
       s(i(m), {
-        activeWorkspace: t.activeWorkspace,
-        workspaces: t.workspaces,
-        "onCreate:workspace": e[0] || (e[0] = (r) => o("create:workspace")),
-        "onSelect:workspace": e[1] || (e[1] = (r) => o("select:workspace", r))
+        activeWorkspace: o.activeWorkspace,
+        workspaces: o.workspaces,
+        "onCreate:workspace": e[0] || (e[0] = (r) => t("create:workspace")),
+        "onSelect:workspace": e[1] || (e[1] = (r) => t("select:workspace", r))
       }, null, 8, ["activeWorkspace", "workspaces"]),
       s(k)
     ]));

package/dist/v2/features/app/helpers/create-api-client-app.d.ts

@@ -1,6 +1,6 @@
 import type { ClientPlugin } from '../../../../v2/helpers/plugins.js';
 import type { ClientLayout } from '../../../../v2/types/layout';
-export type CreateApiClientOptions = {
+type CreateApiClientOptions = {
     /**
      * The layout of the client, limited to web or desktop in app
      * @see {@link ClientLayout}
@@ -22,64 +22,7 @@ export declare const createAppRouter: (layout: CreateApiClientOptions["layout"])
  */
 export declare const createApiClientApp: (el: HTMLElement | null, { layout, plugins }: CreateApiClientOptions) => {
     app: import("vue").App<Element>;
-    state: {
-        store: import("vue").ShallowRef<import("@scalar/workspace-store/client").WorkspaceStore | null>;
-        sidebar: {
-            state: {
-                items: import("vue").ComputedRef<import("@scalar/workspace-store/schemas/navigation").TraversedEntry[]>;
-                index: import("vue").ComputedRef<Map<string, import("@scalar/workspace-store/schemas/navigation").TraversedEntry & {
-                    parent?: import("@scalar/workspace-store/schemas/navigation").TraversedEntry | undefined;
-                }>>;
-                selectedItems: import("vue").Ref<Record<string, boolean>, Record<string, boolean>>;
-                expandedItems: import("vue").Ref<Record<string, boolean>, Record<string, boolean>>;
-                selectedItem: import("vue").Ref<string | null, string | null>;
-                setSelected: (id: string | null) => void;
-                setExpanded: (id: string, value: boolean) => void;
-                isExpanded: (id: string) => boolean;
-                isSelected: (id: string) => boolean;
-                getEntryById: (id: string) => (import("@scalar/workspace-store/schemas/navigation").TraversedEntry & {
-                    parent?: import("@scalar/workspace-store/schemas/navigation").TraversedEntry | undefined;
-                }) | undefined;
-                reset: () => void;
-            };
-            width: import("vue").ComputedRef<number>;
-            isOpen: import("vue").Ref<boolean>;
-            handleSelectItem: (id: string) => Promise<void | import("vue-router").NavigationFailure | undefined> | undefined;
-            handleSidebarWidthUpdate: (width: number) => void | undefined;
-            getEntryByLocation: import("../../../../v2/features/app/app-state.js").GetEntryByLocation;
-        };
-        tabs: {
-            state: import("vue").Ref<import("@scalar/workspace-store/schemas/extensions/workspace/x-scalar-tabs").Tab[]>;
-            activeTabIndex: import("vue").Ref<number>;
-            copyTabUrl: (index: number) => Promise<void>;
-        };
-        workspace: {
-            create: ({ id, name, }: {
-                id?: string;
-                name: string;
-            }) => Promise<{
-                id: string;
-                name: string;
-            } | undefined>;
-            workspaceList: import("vue").Ref<import("@scalar/components").ScalarListboxOption[]>;
-            activeWorkspace: import("vue").ShallowRef<import("@scalar/components").ScalarListboxOption | null>;
-            setId: (id?: string) => Promise<void>;
-            isOpen: import("vue").ComputedRef<boolean>;
-        };
-        commandPalette: import("../../command-palette/hooks/use-command-palette-state.js").UseCommandPaletteStateReturn;
-        eventBus: import("@scalar/workspace-store/events").WorkspaceEventBus;
-        router: import("vue").ShallowRef<import("vue-router").Router | null>;
-        currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedGeneric | null>;
-        loading: import("vue").Ref<boolean>;
-        activeEntities: {
-            workspaceSlug: import("vue").Ref<string | undefined>;
-            documentSlug: import("vue").Ref<string | undefined>;
-            path: import("vue").Ref<string | undefined>;
-            method: import("vue").Ref<import("@scalar/helpers/http/http-methods").HttpMethod | undefined>;
-            exampleName: import("vue").Ref<string | undefined>;
-        };
-        environment: import("vue").ComputedRef<import("@scalar/workspace-store/schemas/extensions/document/x-scalar-environments").XScalarEnvironment>;
-        document: import("vue").ComputedRef<import("@scalar/workspace-store/schemas").WorkspaceDocument | null>;
-    };
+    state: import("../../../../v2/features/app/app-state.js").AppState;
 } | undefined;
+export {};
 //# sourceMappingURL=create-api-client-app.d.ts.map

package/dist/v2/features/app/helpers/create-api-client-app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-api-client-app.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/create-api-client-app.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;;OAKG;IACH,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;CACzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,sBAAsB,CAAC,QAAQ,CAAC,gCAQvE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,IAAI,WAAW,GAAG,IAAI,EAAE,qBAAiC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBA4B21K,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;aAD78K,CAAA"}
+{"version":3,"file":"create-api-client-app.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/create-api-client-app.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,sBAAsB,GAAG;IAC5B;;;;;OAKG;IACH,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;CACzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,sBAAsB,CAAC,QAAQ,CAAC,gCAQvE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,IAAI,WAAW,GAAG,IAAI,EAAE,qBAAiC,sBAAsB;;;aAyBjH,CAAA"}

package/dist/v2/features/app/helpers/create-api-client-app.js

@@ -1,12 +1,12 @@
 import { createApp as c } from "vue";
-import { createRouter as i, createWebHistory as n, createWebHashHistory as m } from "vue-router";
+import { createRouter as p, createWebHistory as n, createWebHashHistory as m } from "vue-router";
 import u from "../App.vue.js";
 /* empty css          */
 import { useAppState as l } from "../app-state.js";
-import { ROUTES as p } from "./routes.js";
-const f = (e) => e === "web" ? i({ history: n(), routes: p }) : i({ history: m(), routes: p }), v = (e, { layout: r = "desktop", plugins: s }) => {
-  const t = c(u, { layout: r, plugins: s }), o = f(r), a = l();
-  if (a.router.value = o, t.use(o), !e) {
+import { ROUTES as i } from "./routes.js";
+const f = (t) => t === "web" ? p({ history: n(), routes: i }) : p({ history: m(), routes: i }), g = (t, { layout: r = "desktop", plugins: s }) => {
+  const o = f(r), a = l(o), e = c(u, { layout: r, plugins: s, getAppState: () => a });
+  if (e.use(o), !t) {
     console.error(
       "[@scalar/api-client-modal] Could not create the API client.",
       "Invalid HTML element provided.",
@@ -14,12 +14,12 @@ const f = (e) => e === "web" ? i({ history: n(), routes: p }) : i({ history: m()
     );
     return;
   }
-  return t.mount(e), {
-    app: t,
+  return e.mount(t), {
+    app: e,
     state: a
   };
 };
 export {
-  v as createApiClientApp,
+  g as createApiClientApp,
   f as createAppRouter
 };

package/dist/v2/features/app/index.d.ts

@@ -1,2 +1,6 @@
-export { createApiClientApp } from './helpers/create-api-client-app.js';
+export { type AppState, useAppState } from '../../../v2/features/app/app-state.js';
+export type { ClientPlugin } from '../../../v2/helpers/plugins.js';
+export type { ClientLayout } from '../../../v2/types/layout';
+export { default as ClientApp } from './App.vue.js';
+export { createApiClientApp, createAppRouter } from './helpers/create-api-client-app.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/features/app/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACxE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAA"}

package/dist/v2/features/app/index.js

@@ -1,4 +1,10 @@
-import { createApiClientApp as r } from "./helpers/create-api-client-app.js";
+import { useAppState as r } from "./app-state.js";
+import { default as a } from "./App.vue.js";
+/* empty css         */
+import { createApiClientApp as f, createAppRouter as i } from "./helpers/create-api-client-app.js";
 export {
-  r as createApiClientApp
+  a as ClientApp,
+  f as createApiClientApp,
+  i as createAppRouter,
+  r as useAppState
 };

package/dist/v2/features/collection/DocumentCollection.vue.js

@@ -1,20 +1,20 @@
-import { defineComponent as f, computed as d, createElementBlock as r, openBlock as n, createElementVNode as e, createVNode as o, withCtx as c, unref as m, createBlock as x, resolveDynamicComponent as v, mergeProps as _ } from "vue";
+import { defineComponent as f, computed as d, createElementBlock as c, openBlock as s, createElementVNode as e, createVNode as o, withCtx as r, unref as m, createBlock as p, resolveDynamicComponent as x, mergeProps as v } from "vue";
 import { ScalarButton as h } from "@scalar/components";
-import { LibraryIcon as b } from "@scalar/icons/library";
-import { RouterView as y } from "vue-router";
-import w from "../../../components/IconSelector.vue.js";
-import g from "./components/LabelInput.vue.js";
-import k from "./components/Tabs.vue.js";
-const V = { class: "custom-scroll h-full" }, B = {
+import { LibraryIcon as _ } from "@scalar/icons/library";
+import { RouterView as b } from "vue-router";
+import y from "../../../components/IconSelector.vue.js";
+import w from "./components/LabelInput.vue.js";
+import g from "./components/Tabs.vue.js";
+const k = { class: "custom-scroll h-full" }, V = {
   key: 0,
   class: "w-full md:mx-auto md:max-w-[720px]"
-}, C = ["aria-label"], D = { class: "flex flex-row items-center gap-2" }, N = { class: "group relative ml-1.25" }, S = { class: "px-1.5 py-8" }, I = {
+}, B = ["aria-label"], C = { class: "flex flex-row items-center gap-2" }, D = { class: "group relative ml-1.25" }, N = { class: "px-1.5 py-8" }, S = {
   key: 1,
   class: "flex w-full flex-1 items-center justify-center"
-}, U = {
+}, I = {
   name: "DocumentCollection"
 }, P = /* @__PURE__ */ f({
-  ...U,
+  ...I,
   props: {
     documentSlug: {},
     document: {},
@@ -29,29 +29,29 @@ const V = { class: "custom-scroll h-full" }, B = {
     activeWorkspace: {},
     plugins: {}
   },
-  setup(p) {
-    const s = p, u = d(() => s.document?.info?.title || "Untitled Document"), i = d(
-      () => s.document?.["x-scalar-icon"] || "interface-content-folder"
+  setup(n) {
+    const a = n, u = d(() => a.document?.info?.title || "Untitled Document"), i = d(
+      () => a.document?.["x-scalar-icon"] || "interface-content-folder"
     );
-    return (a, t) => (n(), r("div", V, [
-      a.document ? (n(), r("div", B, [
+    return (U, t) => (s(), c("div", k, [
+      n.document ? (s(), c("div", V, [
         e("div", {
           "aria-label": `title: ${u.value}`,
           class: "mx-auto flex h-fit w-full flex-col gap-2 pt-6 pb-3 md:mx-auto md:max-w-[720px]"
         }, [
-          e("div", D, [
-            o(w, {
+          e("div", C, [
+            o(y, {
               modelValue: i.value,
               placement: "bottom-start",
-              "onUpdate:modelValue": t[0] || (t[0] = (l) => a.eventBus.emit("document:update:icon", l))
+              "onUpdate:modelValue": t[0] || (t[0] = (l) => n.eventBus.emit("document:update:icon", l))
             }, {
-              default: c(() => [
+              default: r(() => [
                 o(m(h), {
                   class: "hover:bg-b-2 aspect-square h-7 w-7 cursor-pointer rounded border border-transparent p-0 hover:border-inherit",
                   variant: "ghost"
                 }, {
-                  default: c(() => [
-                    o(m(b), {
+                  default: r(() => [
+                    o(m(_), {
                       class: "text-c-2 size-5",
                       src: i.value,
                       "stroke-width": "2"
@@ -63,25 +63,25 @@ const V = { class: "custom-scroll h-full" }, B = {
               _: 1
             }, 8, ["modelValue"])
           ]),
-          e("div", N, [
-            o(g, {
+          e("div", D, [
+            o(w, {
               class: "text-xl font-bold",
               inputId: "documentName",
               modelValue: u.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (l) => a.eventBus.emit("document:update:info", { title: l }))
+              "onUpdate:modelValue": t[1] || (t[1] = (l) => n.eventBus.emit("document:update:info", { title: l }))
             }, null, 8, ["modelValue"])
           ])
-        ], 8, C),
-        o(k, { type: "document" }),
-        e("div", S, [
-          o(m(y), null, {
-            default: c(({ Component: l }) => [
-              (n(), x(v(l), _(s, { collectionType: "document" }), null, 16))
+        ], 8, B),
+        o(g, { type: "document" }),
+        e("div", N, [
+          o(m(b), null, {
+            default: r(({ Component: l }) => [
+              (s(), p(x(l), v(a, { collectionType: "document" }), null, 16))
             ]),
             _: 1
           })
         ])
-      ])) : (n(), r("div", I, [...t[2] || (t[2] = [
+      ])) : (s(), c("div", S, [...t[2] || (t[2] = [
         e("div", { class: "flex h-full flex-col items-center justify-center" }, [
           e("h1", { class: "text-2xl font-bold" }, "Document not found"),
           e("p", { class: "text-gray-500" }, " The document you are looking for does not exist. ")

package/dist/v2/features/collection/WorkspaceCollection.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as l, createElementBlock as r, openBlock as i, createElementVNode as e, createVNode as t, unref as s, toDisplayString as n, mergeProps as p } from "vue";
+import { defineComponent as a, createElementBlock as l, openBlock as r, createElementVNode as e, createVNode as o, unref as c, toDisplayString as i, mergeProps as n } from "vue";
 import { ScalarIconGlobe as m } from "@scalar/icons";
-import { RouterView as d } from "vue-router";
-import u from "./components/Tabs.vue.js";
-const _ = { class: "custom-scroll h-full" }, f = { class: "w-full md:mx-auto md:max-w-[720px]" }, x = ["aria-label"], h = { class: "group relative ml-1.25" }, v = { class: "text-c-1 flex h-8 items-center" }, k = { class: "px-1.5 py-8" }, w = {}, B = /* @__PURE__ */ l({
-  ...w,
+import { RouterView as p } from "vue-router";
+import d from "./components/Tabs.vue.js";
+const u = { class: "custom-scroll h-full" }, _ = { class: "w-full md:mx-auto md:max-w-[720px]" }, f = ["aria-label"], x = { class: "group relative ml-1.25" }, h = { class: "text-c-1 flex h-8 items-center" }, v = { class: "px-1.5 py-8" }, k = {}, B = /* @__PURE__ */ a({
+  ...k,
   __name: "WorkspaceCollection",
   props: {
     documentSlug: {},
@@ -19,22 +19,22 @@ const _ = { class: "custom-scroll h-full" }, f = { class: "w-full md:mx-auto md:
     activeWorkspace: {},
     plugins: {}
   },
-  setup(a) {
-    const c = a;
-    return (o, b) => (i(), r("div", _, [
-      e("div", f, [
+  setup(t) {
+    const s = t;
+    return (w, b) => (r(), l("div", u, [
+      e("div", _, [
         e("div", {
-          "aria-label": `title: ${o.activeWorkspace.label}`,
+          "aria-label": `title: ${t.activeWorkspace.label}`,
           class: "mx-auto flex h-fit w-full flex-col gap-2 pt-6 pb-3 md:mx-auto md:max-w-[720px]"
         }, [
-          t(s(m), { class: "text-c-2 size-6" }),
-          e("div", h, [
-            e("span", v, n(o.activeWorkspace.label), 1)
+          o(c(m), { class: "text-c-2 size-6" }),
+          e("div", x, [
+            e("span", h, i(t.activeWorkspace.label), 1)
           ])
-        ], 8, x),
-        t(u, { type: "workspace" }),
-        e("div", k, [
-          t(s(d), p(c, { collectionType: "workspace" }), null, 16)
+        ], 8, f),
+        o(d, { type: "workspace" }),
+        e("div", v, [
+          o(c(p), n(s, { collectionType: "workspace" }), null, 16)
         ])
       ])
     ]));

package/dist/v2/features/collection/components/Authentication.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as u, computed as l, createElementBlock as m, openBlock as d, createElementVNode as n, createVNode as r, unref as i, normalizeClass as a } from "vue";
-import { ScalarToggle as p } from "@scalar/components";
-import v from "../../../blocks/scalar-auth-selector-block/components/AuthSelector.vue.js";
-const y = { class: "flex flex-col gap-4" }, f = { class: "flex flex-col gap-2" }, h = { class: "flex h-8 items-center justify-between" }, b = /* @__PURE__ */ u({
+import { defineComponent as u, computed as s, createElementBlock as m, openBlock as d, createElementVNode as n, createVNode as c, unref as i, normalizeClass as a } from "vue";
+import { ScalarToggle as v } from "@scalar/components";
+import y from "../../../blocks/scalar-auth-selector-block/components/AuthSelector.vue.js";
+const f = { class: "flex flex-col gap-4" }, p = { class: "flex flex-col gap-2" }, h = { class: "flex h-8 items-center justify-between" }, b = /* @__PURE__ */ u({
   __name: "Authentication",
   props: {
     documentSlug: {},
@@ -18,33 +18,33 @@ const y = { class: "flex flex-col gap-4" }, f = { class: "flex flex-col gap-2" }
     plugins: {},
     collectionType: {}
   },
-  setup(o) {
-    const s = l(
-      () => o.document?.["x-scalar-set-operation-security"] ?? !1
-    ), c = l(
-      () => o.document?.servers?.find(
-        ({ url: e }) => e === o.document?.["x-scalar-selected-server"]
+  setup(e) {
+    const l = s(
+      () => e.document?.["x-scalar-set-operation-security"] ?? !1
+    ), r = s(
+      () => e.document?.servers?.find(
+        ({ url: o }) => o === e.document?.["x-scalar-selected-server"]
       ) ?? null
     );
-    return (e, t) => (d(), m("div", y, [
-      n("div", f, [
+    return (o, t) => (d(), m("div", f, [
+      n("div", p, [
         n("div", h, [
           t[1] || (t[1] = n("h3", { class: "font-bold" }, "Authentication", -1)),
-          r(i(p), {
+          c(i(v), {
             class: "w-4",
-            modelValue: s.value,
+            modelValue: l.value,
             "onUpdate:modelValue": t[0] || (t[0] = () => e.eventBus.emit("document:toggle:security"))
           }, null, 8, ["modelValue"])
         ]),
         t[2] || (t[2] = n("p", { class: "pr-6 text-sm" }, " If enabled, all selected authentication will apply to all operations in this document. You can override this by disabling the toggle and authentication will then be applied at the operation level. ", -1))
       ]),
       n("div", {
-        class: a(!s.value && "cursor-not-allowed")
+        class: a(!l.value && "cursor-not-allowed")
       }, [
-        r(i(v), {
+        c(i(y), {
           class: a([
             "scalar-collection-auth !border-none",
-            !s.value && "pointer-events-none opacity-50 mix-blend-luminosity"
+            !l.value && "pointer-events-none opacity-50 mix-blend-luminosity"
           ]),
           environment: e.environment,
           eventBus: e.eventBus,
@@ -54,7 +54,7 @@ const y = { class: "flex flex-col gap-4" }, f = { class: "flex flex-col gap-2" }
           securityRequirements: e.document?.security ?? [],
           securitySchemes: e.securitySchemes,
           selectedSecurity: e.document?.["x-scalar-selected-security"],
-          server: c.value,
+          server: r.value,
           title: "Authentication"
         }, null, 8, ["class", "environment", "eventBus", "proxyUrl", "securityRequirements", "securitySchemes", "selectedSecurity", "server"])
       ], 2)

package/dist/v2/features/collection/components/Cookies.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as c, computed as n, createElementBlock as l, openBlock as a, createStaticVNode as i, createVNode as r, unref as u } from "vue";
-import d from "../../global-cookies/components/CookiesTable.vue.js";
-const p = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ c({
+import { defineComponent as s, computed as c, createElementBlock as n, openBlock as l, createStaticVNode as a, createVNode as i, unref as r } from "vue";
+import u from "../../global-cookies/components/CookiesTable.vue.js";
+const d = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ s({
   __name: "Cookies",
   props: {
     documentSlug: {},
@@ -18,13 +18,13 @@ const p = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ c({
     collectionType: {}
   },
   setup(e) {
-    const s = n(() => (e.collectionType === "document" ? e.document["x-scalar-cookies"] : e.workspaceStore.workspace["x-scalar-cookies"]) ?? []);
-    return (o, t) => (a(), l("div", p, [
-      t[0] || (t[0] = i('<div class="flex items-start justify-between gap-2"><div class="flex flex-col gap-2"><div class="flex h-8 items-center"><h3 class="font-bold">Cookies</h3></div><p class="text-c-2 mb-4 text-sm"> Manage your collection&#39;s cookies here.<br>Cookies allow you to store and send key-value data with your API requests—often used for things like session tokens, authentication, and saving user preferences.<br></p></div></div>', 1)),
-      r(u(d), {
-        cookies: s.value,
-        eventBus: o.eventBus,
-        collectionType: o.collectionType
+    const t = c(() => (e.collectionType === "document" ? e.document["x-scalar-cookies"] : e.workspaceStore.workspace["x-scalar-cookies"]) ?? []);
+    return (m, o) => (l(), n("div", d, [
+      o[0] || (o[0] = a('<div class="flex items-start justify-between gap-2"><div class="flex flex-col gap-2"><div class="flex h-8 items-center"><h3 class="font-bold">Cookies</h3></div><p class="text-c-2 mb-4 text-sm"> Manage your collection&#39;s cookies here.<br>Cookies allow you to store and send key-value data with your API requests—often used for things like session tokens, authentication, and saving user preferences.<br></p></div></div>', 1)),
+      i(r(u), {
+        cookies: t.value,
+        eventBus: e.eventBus,
+        collectionType: e.collectionType
       }, null, 8, ["cookies", "eventBus", "collectionType"])
     ]));
   }

package/dist/v2/features/collection/components/Environment.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as s, computed as c, createElementBlock as l, openBlock as a, createStaticVNode as i, createVNode as r, unref as m } from "vue";
-import v from "../../environments/EnvironmentsList.vue.js";
-const d = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ s({
+import { defineComponent as o, computed as c, createElementBlock as s, openBlock as l, createStaticVNode as a, createVNode as i, unref as r } from "vue";
+import m from "../../environments/EnvironmentsList.vue.js";
+const v = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ o({
   __name: "Environment",
   props: {
     documentSlug: {},
@@ -18,15 +18,15 @@ const d = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ s({
     collectionType: {}
   },
   setup(e) {
-    const o = c(
+    const n = c(
       () => (e.collectionType === "document" ? e.document["x-scalar-environments"] : e.workspaceStore.workspace["x-scalar-environments"]) ?? {}
     );
-    return (t, n) => (a(), l("div", d, [
-      n[0] || (n[0] = i('<div class="flex items-start justify-between gap-2"><div class="flex flex-col gap-2"><div class="flex h-8 items-center"><h3 class="font-bold">Environment Variables</h3></div><p class="text-c-2 mb-4 text-sm"> Set environment variables at your collection level. Use <code class="font-code text-c-2"> {{ variable }} </code> to add / search among the selected environment&#39;s variables in your request inputs. </p></div></div>', 1)),
-      r(m(v), {
-        collectionType: t.collectionType,
-        environments: o.value,
-        eventBus: t.eventBus
+    return (d, t) => (l(), s("div", v, [
+      t[0] || (t[0] = a('<div class="flex items-start justify-between gap-2"><div class="flex flex-col gap-2"><div class="flex h-8 items-center"><h3 class="font-bold">Environment Variables</h3></div><p class="text-c-2 mb-4 text-sm"> Set environment variables at your collection level. Use <code class="font-code text-c-2"> {{ variable }} </code> to add / search among the selected environment&#39;s variables in your request inputs. </p></div></div>', 1)),
+      i(r(m), {
+        collectionType: e.collectionType,
+        environments: n.value,
+        eventBus: e.eventBus
       }, null, 8, ["collectionType", "environments", "eventBus"])
     ]));
   }