@scalar/api-client 2.17.7 → 2.18.0

package/dist/v2/features/app/app-state.js

@@ -0,0 +1,316 @@
+import { isDefined as C } from "@scalar/helpers/array/is-defined";
+import { sortByOrder as $ } from "@scalar/helpers/array/sort-by-order";
+import { isHttpMethod as H } from "@scalar/helpers/http/is-http-method";
+import { createSidebarState as V, generateReverseIndex as Y } from "@scalar/sidebar";
+import { createWorkspaceStore as R } from "@scalar/workspace-store/client";
+import { createWorkspaceEventBus as j } from "@scalar/workspace-store/events";
+import { generateUniqueValue as q } from "@scalar/workspace-store/helpers/generate-unique-value";
+import { getParentEntry as p } from "@scalar/workspace-store/navigation";
+import { createWorkspaceStorePersistence as z } from "@scalar/workspace-store/persistence";
+import { persistencePlugin as J } from "@scalar/workspace-store/plugins/client";
+import { extensions as M } from "@scalar/workspace-store/schemas/extensions";
+import { computed as l, ref as i, shallowRef as S, watch as G } from "vue";
+import { getActiveEnvironment as Q } from "../../helpers/get-active-environment.js";
+import { getTabDetails as X } from "../../helpers/get-tab-details.js";
+import { slugify as Z } from "../../helpers/slugify.js";
+import { workspaceStorage as ee } from "../../helpers/storage.js";
+import { useCommandPaletteState as te } from "../command-palette/hooks/use-command-palette-state.js";
+import { initializeAppEventHandlers as ae } from "./app-events.js";
+const ne = 1e3, m = j({
+  debug: !1
+}), b = i(void 0), v = i(void 0), D = i(void 0), A = i(void 0), U = i(void 0), d = i(!1), c = S(null);
+G(c, (e) => {
+  e && e.afterEach((t) => we(t));
+});
+const f = l(() => c.value?.currentRoute.value ?? null);
+function s(e, t) {
+  const a = t?.params[e];
+  if (typeof a == "string")
+    return e === "method" ? a && H(a) ? a : void 0 : decodeURIComponent(a);
+}
+const y = S(null), E = i([]), n = S(null), h = l(() => n.value?.workspace.documents[v.value ?? ""] || null), oe = l(() => Q(n.value, h.value)), { workspace: w } = await z();
+E.value = await w.getAll().then((e) => e.map(({ id: t, name: a }) => ({ id: t, label: a })));
+const re = async ({ workspaceId: e }) => R({
+  plugins: [await J({ workspaceId: e, debounceDelay: ne })]
+}), se = async (e) => {
+  const t = await w.getItem(e);
+  if (!t)
+    return {
+      success: !1
+    };
+  const a = await re({ workspaceId: e });
+  return a.loadWorkspace(t.workspace), y.value = { id: e, label: t.name }, n.value = a, {
+    success: !0,
+    workspace: a.workspace
+  };
+}, ce = async ({ id: e, name: t }) => {
+  const a = R();
+  await a.addDocument({
+    name: "drafts",
+    document: {
+      openapi: "3.1.0",
+      info: {
+        title: "Drafts",
+        version: "1.0.0"
+      },
+      paths: {
+        "/": {
+          get: {}
+        }
+      },
+      "x-scalar-original-document-hash": "drafts",
+      "x-scalar-icon": "interface-edit-tool-pencil"
+    }
+  }), await w.setItem(e, {
+    name: t,
+    workspace: a.exportWorkspace()
+  }), E.value.push({ id: e, label: t });
+}, B = async (e) => {
+  e && await c.value?.push({
+    name: "workspace.environment",
+    params: { workspaceSlug: e }
+  });
+}, P = async ({
+  id: e,
+  name: t
+}) => {
+  n.value = null;
+  const a = await q({
+    defaultValue: e ?? t,
+    // Use the provided id if it exists, otherwise use the name
+    validation: async (u) => !await w.has(u),
+    maxRetries: 100,
+    transformation: Z
+  });
+  if (!a)
+    return;
+  const r = { id: a, name: t };
+  return await ce(r), await B(a), r;
+}, le = async (e) => {
+  n.value = null, d.value = !0;
+  const t = await se(e);
+  if (t.success) {
+    const r = t.workspace["x-scalar-active-tab"] ?? 0, u = t.workspace["x-scalar-tabs"], W = u?.[r];
+    W && await c.value?.replace(W.path), u && r >= u.length && m.emit("tabs:update:tabs", {
+      "x-scalar-active-tab": 0
+    }), u || m.emit("tabs:update:tabs", {
+      "x-scalar-tabs": [I(f.value)],
+      "x-scalar-active-tab": 0
+    }), d.value = !1;
+    return;
+  }
+  const a = await P({
+    name: "Default Workspace",
+    id: "default"
+  });
+  if (d.value = !1, !a)
+    return console.error("Failed to create the default workspace, something went wrong, can not load the workspace");
+  o.reset();
+}, O = l(() => {
+  const e = n.value;
+  if (!e)
+    return [];
+  const t = e.workspace["x-scalar-order"] ?? Object.keys(e.workspace.documents);
+  return $(Object.keys(e.workspace.documents), t, (a) => a).map((a) => e.workspace.documents[a]?.["x-scalar-navigation"]).filter(C);
+}), o = V(O), g = ({
+  document: e,
+  path: t,
+  method: a,
+  example: r
+}) => JSON.stringify([e, t, a, r].filter(C)), T = l(
+  () => Y({
+    items: O.value,
+    nestedKey: "children",
+    filter: (e) => e.type === "document" || e.type === "operation" || e.type === "example",
+    getId: (e) => {
+      const t = p("document", e), a = p("operation", e);
+      return g({
+        document: t?.name ?? "",
+        path: a?.path,
+        method: a?.method,
+        example: e.type === "example" ? e.name : void 0
+      });
+    }
+  })
+), x = (e) => {
+  const t = T.value.get(g(e));
+  return t || T.value.get(
+    g({
+      document: e.document,
+      path: e.path,
+      method: e.method
+    })
+  );
+}, L = (e) => {
+  const t = o.getEntryById(e);
+  if (!t) {
+    console.warn(`Could not find sidebar entry with id ${e} to select`);
+    return;
+  }
+  if (t.type === "document")
+    return o.setSelected(e), o.setExpanded(e, !o.isExpanded(e)), c.value?.push({
+      name: "document.overview",
+      params: { documentSlug: t.name }
+    });
+  if (t.type === "operation") {
+    if (o.isSelected(e)) {
+      o.setExpanded(e, !o.isExpanded(e));
+      return;
+    }
+    const a = t.children?.find((r) => r.type === "example");
+    return a ? (o.setSelected(a.id), o.setExpanded(a.id, !0)) : o.setSelected(e), c.value?.push({
+      name: "example",
+      params: {
+        documentSlug: p("document", t)?.name,
+        pathEncoded: encodeURIComponent(t.path),
+        method: t.method,
+        exampleName: a?.name ?? "default"
+      }
+    });
+  }
+  if (t.type === "example") {
+    o.setSelected(e), o.setExpanded(e, !0);
+    const a = p("operation", t);
+    return c.value?.push({
+      name: "example",
+      params: {
+        documentSlug: p("document", t)?.name,
+        pathEncoded: encodeURIComponent(a?.path ?? ""),
+        method: a?.method,
+        exampleName: t.name
+      }
+    });
+  }
+  if (t.type === "text")
+    return c.value?.push({
+      name: "document.overview",
+      params: {
+        documentSlug: p("document", t)?.name
+      }
+    });
+  o.setExpanded(e, !o.isExpanded(e));
+}, ue = async () => {
+  if (!n.value)
+    return;
+  const e = n.value.workspace["x-scalar-active-tab"] ?? 0, t = n.value.workspace["x-scalar-tabs"]?.[e];
+  t && await c.value?.replace(t.path);
+}, _ = (e) => {
+  e && n.value?.buildSidebar(e);
+}, ie = (e) => {
+  const t = h.value?.["x-scalar-navigation"]?.name;
+  if (!t)
+    return;
+  const a = x({
+    document: t,
+    path: e.path,
+    method: e.method,
+    example: e.exampleKey
+  });
+  (!a || a.type !== "example") && _(t);
+}, pe = 288, de = l(() => n.value?.workspace?.["x-scalar-sidebar-width"] ?? pe), me = (e) => n.value?.update("x-scalar-sidebar-width", e), k = i(!0), ve = "x-scalar-tabs", fe = "x-scalar-active-tab", I = (e) => {
+  const t = s("method", e), a = s("pathEncoded", e), r = s("documentSlug", e), u = s("workspaceSlug", e);
+  return {
+    ...X({
+      workspace: u,
+      document: r,
+      path: a,
+      method: t,
+      getEntryByLocation: x
+    }),
+    path: f.value?.path ?? ""
+  };
+}, N = l(() => n.value?.workspace[ve] ?? [I(f.value)]), he = l(() => n.value?.workspace[fe] ?? 0), F = async (e) => {
+  const t = N.value[e];
+  if (!t) {
+    console.warn(`Cannot copy URL: tab at index ${e} does not exist`);
+    return;
+  }
+  const a = `${window.location.origin}${t.path}`;
+  try {
+    await navigator.clipboard.writeText(a);
+  } catch (r) {
+    console.error("Failed to copy URL to clipboard:", r);
+  }
+}, we = (e) => {
+  console.log({ message: "handleRouteChange", to: e });
+  const t = s("workspaceSlug", e), a = s("documentSlug", e);
+  if (b.value = t, v.value = a, D.value = s("method", e), A.value = s("pathEncoded", e), U.value = s("exampleName", e), !!t) {
+    if (e.path !== "" && ee.setCurrentPath(e.path), t !== y.value?.id)
+      return le(t);
+    if (a && a !== n.value?.workspace[M.workspace.activeDocument])
+      return n?.value?.update("x-scalar-active-document", a);
+    xe(e), be(e);
+  }
+}, xe = (e) => {
+  const t = n.value?.workspace["x-scalar-tabs"] ?? [], a = n.value?.workspace["x-scalar-active-tab"] ?? 0, r = t[a];
+  !r || r.path === e.path || (t[a] = I(e));
+}, be = (e) => {
+  const t = s("documentSlug", e);
+  if (!t) {
+    o.setSelected(null);
+    return;
+  }
+  const a = x({
+    document: t,
+    path: s("pathEncoded", e),
+    method: s("method", e),
+    example: s("exampleName", e)
+  });
+  a && (o.setSelected(a.id), o.setExpanded(a.id, !0));
+}, K = te();
+ae({
+  eventBus: m,
+  router: c,
+  getStore: () => n.value,
+  document: h,
+  navigateToCurrentTab: ue,
+  rebuildSidebar: _,
+  onAfterExampleCreation: ie,
+  onOpenCommandPalette: K.open,
+  onSelectSidebarItem: L,
+  onCopyTabUrl: (e) => F(e),
+  onToggleSidebar: () => k.value = !k.value
+});
+function Ne() {
+  return {
+    /** Active workspace store */
+    store: n,
+    sidebar: {
+      state: o,
+      width: de,
+      isOpen: k,
+      handleSelectItem: L,
+      handleSidebarWidthUpdate: me,
+      getEntryByLocation: x
+    },
+    tabs: {
+      state: N,
+      activeTabIndex: he,
+      copyTabUrl: F
+    },
+    workspace: {
+      create: P,
+      workspaceList: E,
+      activeWorkspace: y,
+      setId: B,
+      isOpen: l(() => !!(b.value && !v.value))
+    },
+    commandPalette: K,
+    eventBus: m,
+    router: c,
+    currentRoute: f,
+    loading: d,
+    activeEntities: {
+      workspaceSlug: b,
+      documentSlug: v,
+      path: A,
+      method: D,
+      exampleName: U
+    },
+    environment: oe,
+    document: h
+  };
+}
+export {
+  Ne as useAppState
+};

package/dist/v2/features/app/components/AppSidebar.vue.d.ts

@@ -1,8 +1,8 @@
+import { type ScalarListboxOption } from '@scalar/components';
 import type { SidebarState } from '@scalar/sidebar';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
-import type { Workspace } from '../../../../v2/features/app/hooks/use-workspace-selector.js';
 import type { ClientLayout } from '../../../../v2/types/layout';
 type __VLS_Props = {
     /**
@@ -21,12 +21,15 @@ type __VLS_Props = {
      * The currently active workspace.
      * This represents the workspace that the user is currently working in.
      */
-    activeWorkspace: Workspace;
+    activeWorkspace: {
+        id: string;
+        label: string;
+    };
     /**
      * The list of all available workspaces.
      * Used to render options for workspace switching and selection.
      */
-    workspaces: Workspace[];
+    workspaces: ScalarListboxOption[];
     /**
      * The workspace event bus for handling workspace-level events.
      * Used for triggering and responding to workspace changes and actions.

package/dist/v2/features/app/components/AppSidebar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/AppSidebar.vue"],"names":[],"mappings":"AA2cA,OAAO,KAAK,EAA6B,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAShF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAA;AAE/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,MAAM,EAAE,YAAY,CAAA;IAEpB;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAE1C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;OAGG;IACH,eAAe,EAAE,SAAS,CAAA;IAC1B;;;OAGG;IACH,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB;;;OAGG;IACH,QAAQ,EAAE,iBAAiB,CAAA;IAC3B;;;OAGG;IACH,KAAK,EAAE,cAAc,CAAA;CACtB,CAAC;AA+LF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,6CAA6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;;;;;;;;;;;;;;;;;AAicF,wBAOG"}
+{"version":3,"file":"AppSidebar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/AppSidebar.vue"],"names":[],"mappings":"AAgcA,OAAO,EAML,KAAK,mBAAmB,EACzB,MAAM,oBAAoB,CAAA;AAM3B,OAAO,KAAK,EAA6B,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAUhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,MAAM,EAAE,YAAY,CAAA;IAEpB;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAE1C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;OAGG;IACH,eAAe,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C;;;OAGG;IACH,UAAU,EAAE,mBAAmB,EAAE,CAAA;IACjC;;;OAGG;IACH,QAAQ,EAAE,iBAAiB,CAAA;IAC3B;;;OAGG;IACH,KAAK,EAAE,cAAc,CAAA;CACtB,CAAC;AAgMJ,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,6CAA6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;;;;;;;;;;;;;;;;;AAicF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import o from "./AppSidebar.vue2.js";
 /* empty css                */
-import a from "../../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ a(o, [["__scopeId", "data-v-75aacdc4"]]);
+import p from "../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ p(o, [["__scopeId", "data-v-9bec4555"]]);
 export {
-  c as default
+  e as default
 };

package/dist/v2/features/app/components/AppSidebar.vue2.js

@@ -33,7 +33,7 @@ const ne = { class: "flex" }, se = {
   }),
   emits: /* @__PURE__ */ C(["click:workspace", "selectItem", "select:workspace", "create:workspace"], ["update:isSidebarOpen", "update:sidebarWidth"]),
   setup(i, { emit: D }) {
-    const c = D, N = b(() => V(i.activeWorkspace.name)), B = W(i, "isSidebarOpen"), M = W(i, "sidebarWidth"), S = b(() => i.sidebarState.items.value.length <= 1), h = b(
+    const c = D, N = b(() => V(i.activeWorkspace.label)), B = W(i, "isSidebarOpen"), M = W(i, "sidebarWidth"), S = b(() => i.sidebarState.items.value.length <= 1), h = b(
       () => ae({
         store: i.store,
         sidebarState: i.sidebarState
@@ -130,17 +130,17 @@ const ne = { class: "flex" }, se = {
         ]),
         decorator: r(({ item: a }) => [
           l(n(U), {
+            "aria-expanded": "false",
+            "aria-haspopup": "menu",
             icon: n(Q),
             label: "More options",
             size: "sm",
             weight: "bold",
-            "aria-haspopup": "menu",
-            "aria-expanded": "false",
             onClick: p((o) => u(o, a), ["stop"]),
             onKeydown: [
+              k(p((o) => u(o, a), ["stop"]), ["down"]),
               k(p((o) => u(o, a), ["stop"]), ["enter"]),
               k(p((o) => u(o, a), ["stop"]), ["space"]),
-              k(p((o) => u(o, a), ["stop"]), ["down"]),
               k(p((o) => u(o, a), ["stop"]), ["up"])
             ]
           }, null, 8, ["icon", "onClick", "onKeydown"])

package/dist/v2/features/app/components/DesktopTabs.vue.d.ts

@@ -1,8 +1,10 @@
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
-import type { UseTabsReturn } from '../../../../v2/features/app/hooks/use-tabs.js';
+import type { Tab } from '@scalar/workspace-store/schemas/extensions/workspace/x-scalar-tabs';
 type __VLS_Props = {
     /** Tabs state */
-    tabsState: UseTabsReturn;
+    tabs: Tab[];
+    /** Current active tab index */
+    activeTabIndex: number;
     /** Workspace event bus for emitting tab-related events */
     eventBus: WorkspaceEventBus;
 };

package/dist/v2/features/app/components/DesktopTabs.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopTabs.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/DesktopTabs.vue"],"names":[],"mappings":"AAoEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAIvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAErE,KAAK,WAAW,GAAG;IACjB,iBAAiB;IACjB,SAAS,EAAE,aAAa,CAAA;IACxB,0DAA0D;IAC1D,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;;AA6IF,wBAMG"}
+{"version":3,"file":"DesktopTabs.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/DesktopTabs.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,oEAAoE,CAAA;AAK7F,KAAK,WAAW,GAAG;IACjB,iBAAiB;IACjB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,+BAA+B;IAC/B,cAAc,EAAE,MAAM,CAAA;IACtB,0DAA0D;IAC1D,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;;AAkJF,wBAMG"}

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

@@ -1,41 +1,44 @@
-import { defineComponent as v, computed as m, createElementBlock as c, openBlock as n, createElementVNode as h, Fragment as d, renderList as T, createBlock as p, createVNode as k, unref as C } from "vue";
-import { ScalarIcon as g } from "@scalar/components";
-import S from "./DesktopTab.vue.js";
-const f = { class: "flex h-10 items-center gap-2 px-2" }, O = /* @__PURE__ */ v({
+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 { 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({
   __name: "DesktopTabs",
   props: {
-    tabsState: {},
+    tabs: {},
+    activeTabIndex: {},
     eventBus: {}
   },
   setup(a) {
-    const s = m(() => a.tabsState.tabs.value.length === 1), l = () => {
+    const n = d(() => a.tabs.length === 1), s = () => {
       a.eventBus.emit("tabs:add:tab", void 0);
-    }, b = (e) => {
-      a.eventBus.emit("tabs:focus:tab", { index: e });
     }, 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 });
     };
-    return (e, B) => (n(), c("nav", f, [
-      (n(!0), c(d, null, T(e.tabsState.tabs.value, (u, t) => (n(), p(S, {
+    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.tabsState.activeTabIndex.value,
-        hotkey: !s.value && t < 9 ? String(t + 1) : void 0,
-        isSingleTab: s.value,
-        tab: u,
-        onClick: (o) => b(t),
-        onClose: (o) => r(t),
-        onCloseOtherTabs: (o) => i(t),
-        onCopyUrl: (o) => e.tabsState.copyTabUrl(t),
-        onNewTab: l
+        active: t === e.activeTabIndex,
+        hotkey: !n.value && t < 9 ? String(t + 1) : void 0,
+        isSingleTab: n.value,
+        tab: m,
+        onClick: (l) => r(t),
+        onClose: (l) => b(t),
+        onCloseOtherTabs: (l) => i(t),
+        onCopyUrl: () => u(t),
+        onNewTab: s
       }, null, 8, ["active", "hotkey", "isSingleTab", "tab", "onClick", "onClose", "onCloseOtherTabs", "onCopyUrl"]))), 128)),
       h("button", {
         class: "text-c-3 hover:bg-b-3 app-no-drag-region rounded p-1.5",
         type: "button",
-        onClick: l
+        onClick: s
       }, [
-        k(C(g), {
+        k(g(f), {
           icon: "Add",
           size: "sm",
           thickness: "2.5"
@@ -45,5 +48,5 @@ const f = { class: "flex h-10 items-center gap-2 px-2" }, O = /* @__PURE__ */ v(
   }
 });
 export {
-  O as default
+  U as default
 };

package/dist/v2/features/app/components/WebTopNav.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Workspace } from '../../../../v2/features/app/hooks/use-workspace-selector.js';
+import type { ScalarListboxOption } from '@scalar/components';
 /**
  * The top nav on the web
  *
@@ -9,12 +9,14 @@ declare const _default: import("vue").DefineComponent<{
      * The currently active workspace.
      * This represents the workspace that the user is currently working in.
      */
-    activeWorkspace: Workspace;
+    activeWorkspace: {
+        id: string;
+    };
     /**
      * The list of all available workspaces.
      * Used to render options for workspace switching and selection.
      */
-    workspaces: Workspace[];
+    workspaces: ScalarListboxOption[];
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "create:workspace": () => any;
     "select:workspace": (id?: string | undefined) => any;
@@ -23,12 +25,14 @@ declare const _default: import("vue").DefineComponent<{
      * The currently active workspace.
      * This represents the workspace that the user is currently working in.
      */
-    activeWorkspace: Workspace;
+    activeWorkspace: {
+        id: string;
+    };
     /**
      * The list of all available workspaces.
      * Used to render options for workspace switching and selection.
      */
-    workspaces: Workspace[];
+    workspaces: ScalarListboxOption[];
 }> & Readonly<{
     "onCreate:workspace"?: (() => any) | undefined;
     "onSelect:workspace"?: ((id?: string | undefined) => any) | undefined;

package/dist/v2/features/app/components/WebTopNav.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WebTopNav.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/WebTopNav.vue"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAA;AAK/E;;;;GAIG;;IAGD;;;OAGG;qBACc,SAAS;IAC1B;;;OAGG;gBACS,SAAS,EAAE;;;;;IATvB;;;OAGG;qBACc,SAAS;IAC1B;;;OAGG;gBACS,SAAS,EAAE;;;;;AAXzB,wBAuGC"}
+{"version":3,"file":"WebTopNav.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/WebTopNav.vue"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAO7D;;;;GAIG;;IAGD;;;OAGG;qBACc;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;IAC/B;;;OAGG;gBACS,mBAAmB,EAAE;;;;;IATjC;;;OAGG;qBACc;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;IAC/B;;;OAGG;gBACS,mBAAmB,EAAE;;;;;AAXnC,wBAuGC"}

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

@@ -20,5 +20,66 @@ export declare const createAppRouter: (layout: CreateApiClientOptions["layout"])
 /**
  * Create the API Client with router and passes in the workspace store as a prop
  */
-export declare const createApiClientApp: (el: HTMLElement | null, { layout, plugins }: CreateApiClientOptions) => void;
+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>;
+    };
+} | undefined;
 //# 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":"AAKA,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,SAkBjH,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,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"}

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

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