@scalar/api-client 2.11.0 → 2.13.0

package/dist/v2/hooks/use-sidebar-state.js

@@ -1,31 +1,41 @@
-import { isDefined as c } from "@scalar/helpers/array/is-defined";
-import { createSidebarState as I, generateReverseIndex as b } from "@scalar/sidebar";
-import { computed as i, toValue as w, watch as R } from "vue";
-import { useRouter as C } from "vue-router";
+import { isDefined as h } from "@scalar/helpers/array/is-defined";
+import { createSidebarState as w, generateReverseIndex as b } from "@scalar/sidebar";
+import { getParentEntry as a } from "@scalar/workspace-store/navigation";
+import { computed as x, toValue as c, watch as f } from "vue";
+import { useRouter as R } from "vue-router";
 const U = ({
-  workspaceStore: l,
-  workspaceSlug: h,
-  documentSlug: x,
-  path: f,
-  method: y,
-  exampleName: S
+  workspaceStore: d,
+  documentSlug: y,
+  path: E,
+  method: S,
+  exampleName: g
 }) => {
-  const m = C(), s = i(() => Object.values(w(l).workspace.documents).map((e) => e["x-scalar-navigation"]).filter(c)), n = I(s), a = (e, t) => {
-    if (t)
-      return t.type === e ? t : a(e, t.parent);
-  }, d = ({
+  const m = R(), u = x(() => {
+    const e = c(d);
+    return e ? (e.workspace["x-scalar-order"] ?? Object.keys(e.workspace.documents)).map((r) => e.workspace.documents[r]?.["x-scalar-navigation"]).filter(h) : [];
+  }), n = w(u);
+  f(
+    () => c(d),
+    () => {
+      n.reset();
+    },
+    {
+      immediate: !0
+    }
+  );
+  const p = ({
     document: e,
     path: t,
     method: r,
     example: o
-  }) => JSON.stringify([e, t, r, o].filter(c)), u = i(
+  }) => JSON.stringify([e, t, r, o].filter(h)), i = x(
     () => b({
-      items: s.value,
+      items: u.value,
       nestedKey: "children",
       filter: (e) => e.type === "document" || e.type === "operation" || e.type === "example",
       getId: (e) => {
         const t = a("document", e), r = a("operation", e);
-        return d({
+        return p({
           document: t?.name ?? "",
           path: r?.path,
           method: r?.method,
@@ -33,16 +43,16 @@ const U = ({
         });
       }
     })
-  ), E = (e) => {
-    const t = u.value.get(d(e));
-    return t || u.value.get(
-      d({
+  ), l = (e) => {
+    const t = i.value.get(p(e));
+    return t || i.value.get(
+      p({
         document: e.document,
         path: e.path,
         method: e.method
       })
     );
-  }, g = (e) => {
+  }, v = (e) => {
     const t = n.getEntryById(e);
     if (!t) {
       console.warn(`Could not find sidebar entry with id ${e} to select`);
@@ -82,29 +92,37 @@ const U = ({
         }
       });
     }
+    if (t.type === "text")
+      return m.push({
+        name: "document.overview",
+        params: {
+          documentSlug: a("document", t)?.name
+        }
+      });
     n.setExpanded(e, !n.isExpanded(e));
   };
-  return R(
-    [h, x, f, y, S],
-    ([e, t, r, o, v]) => {
+  return f(
+    [() => c(d), y, E, S, g],
+    ([e, t, r, o, I]) => {
       if (!t) {
         n.setSelected(null);
         return;
       }
-      const p = E({
+      const s = l({
         document: t,
         path: r,
         method: o,
-        example: v
+        example: I
       });
-      p && (n.setSelected(p.id), n.setExpanded(p.id, !0));
+      s && (n.setSelected(s.id), n.setExpanded(s.id, !0));
     },
     {
       immediate: !0
     }
   ), {
-    handleSelectItem: g,
-    sidebarState: n
+    handleSelectItem: v,
+    state: n,
+    getEntryByLocation: l
   };
 };
 export {

package/dist/v2/hooks/use-sync-path.d.ts

@@ -0,0 +1,11 @@
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import { type UseWorkspaceSelectorReturn } from '../../v2/hooks/use-workspace-selector.js';
+import type { UseTabsReturn } from './use-tabs.js';
+export declare const useSyncPath: ({ workspaceSelectorState, tabsState, eventBus, }: {
+    workspaceSelectorState: UseWorkspaceSelectorReturn;
+    tabsState: UseTabsReturn;
+    eventBus: WorkspaceEventBus;
+}) => {
+    isLoading: import("vue").Ref<boolean, boolean>;
+};
+//# sourceMappingURL=use-sync-path.d.ts.map

package/dist/v2/hooks/use-sync-path.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-path.d.ts","sourceRoot":"","sources":["../../../src/v2/hooks/use-sync-path.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKvE,OAAO,EAAqB,KAAK,0BAA0B,EAAE,MAAM,mCAAmC,CAAA;AAEtG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,eAAO,MAAM,WAAW,GAAI,kDAIzB;IACD,sBAAsB,EAAE,0BAA0B,CAAA;IAClD,SAAS,EAAE,aAAa,CAAA;IACxB,QAAQ,EAAE,iBAAiB,CAAA;CAC5B;;CA2IA,CAAA"}

package/dist/v2/hooks/use-sync-path.js

@@ -0,0 +1,51 @@
+import { ref as m, watch as h } from "vue";
+import { useRoute as v, useRouter as x } from "vue-router";
+import { workspaceStorage as d } from "../helpers/storage.js";
+import { DEFAULT_WORKSPACE as k } from "./use-workspace-selector.js";
+const W = ({
+  workspaceSelectorState: e,
+  tabsState: u,
+  eventBus: l
+}) => {
+  const n = v(), p = x(), s = m(!1), f = () => {
+    const a = e.store.value;
+    if (!a)
+      return;
+    const t = a.workspace["x-scalar-tabs"], r = a.workspace["x-scalar-active-tab"] ?? 0;
+    t?.[r] && (t[r] = u.createTabFromCurrentRoute());
+  }, b = async (a) => {
+    const t = e.store.value;
+    if (!t)
+      return;
+    const r = t.workspace["x-scalar-tabs"] ?? [], o = t.workspace["x-scalar-active-tab"] ?? 0, c = r[o];
+    c && c.path !== n.path && await a?.({ tabPath: c.path });
+  }, w = async (a) => {
+    e.store.value = null, s.value = !0;
+    const t = await e.loadWorkspace(a);
+    if (t.success) {
+      const { workspace: o } = t, c = o.workspace["x-scalar-active-tab"] ?? 0, i = o.workspace["x-scalar-tabs"]?.[c];
+      i && await p.replace(i.path), o.workspace["x-scalar-tabs"] || l.emit("tabs:update:tabs", {
+        "x-scalar-tabs": [u.createTabFromCurrentRoute()],
+        "x-scalar-active-tab": 0
+      }), s.value = !1;
+      return;
+    }
+    const r = await e.createWorkspace(k);
+    if (s.value = !1, !r)
+      return console.error("Failed to create the default workspace, something went wrong, can not load the workspace");
+  };
+  return h(
+    [() => n.path],
+    async () => {
+      d.setCurrentPath(n.path);
+      const a = n.params.workspaceSlug;
+      if (typeof a == "string" && a !== e.activeWorkspace.value?.id)
+        return await w(a);
+      await b(f), s.value = !1;
+    },
+    { immediate: !0 }
+  ), { isLoading: s };
+};
+export {
+  W as useSyncPath
+};

package/dist/v2/hooks/use-tabs.d.ts

@@ -0,0 +1,31 @@
+import type { HttpMethod } from '@scalar/helpers/http/http-methods';
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { Tab } from '@scalar/workspace-store/schemas/extensions/workspace';
+import { type MaybeRefOrGetter, type Ref } from 'vue';
+import type { UseSidebarStateReturn } from '../../v2/hooks/use-sidebar-state.js';
+export type UseTabsReturn = {
+    tabs: Ref<Tab[]>;
+    activeTabIndex: Ref<number>;
+    copyTabUrl: (index: number) => Promise<void>;
+    isLoading: Ref<boolean>;
+    createTabFromCurrentRoute: () => Tab;
+};
+type UseTabsParams = {
+    workspaceStore: Ref<WorkspaceStore | null>;
+    eventBus: WorkspaceEventBus;
+    workspaceSlug: MaybeRefOrGetter<string | undefined>;
+    documentSlug: MaybeRefOrGetter<string | undefined>;
+    path: MaybeRefOrGetter<string | undefined>;
+    method: MaybeRefOrGetter<HttpMethod | undefined>;
+    getEntryByLocation: UseSidebarStateReturn['getEntryByLocation'];
+};
+/**
+ * Composable for managing desktop tabs functionality.
+ *
+ * Handles tab creation, switching, closing, and synchronization with the current route.
+ * Tabs are persisted in the workspace store to maintain state across sessions.
+ */
+export declare const useTabs: ({ workspaceStore, getEntryByLocation, workspaceSlug, documentSlug, path, method, }: UseTabsParams) => UseTabsReturn;
+export {};
+//# sourceMappingURL=use-tabs.d.ts.map

package/dist/v2/hooks/use-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tabs.d.ts","sourceRoot":"","sources":["../../../src/v2/hooks/use-tabs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,sDAAsD,CAAA;AAC/E,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAA0B,MAAM,KAAK,CAAA;AAI7E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAMzE,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,CAAA;IAChB,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5C,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACvB,yBAAyB,EAAE,MAAM,GAAG,CAAA;CACrC,CAAA;AAED,KAAK,aAAa,GAAG;IACnB,cAAc,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,aAAa,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACnD,YAAY,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAClD,IAAI,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC1C,MAAM,EAAE,gBAAgB,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;IAChD,kBAAkB,EAAE,qBAAqB,CAAC,oBAAoB,CAAC,CAAA;CAChE,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,OAAO,GAAI,oFAOrB,aAAa,KAAG,aA4DlB,CAAA"}

package/dist/v2/hooks/use-tabs.js

@@ -0,0 +1,44 @@
+import { ref as f, computed as n, toValue as t } from "vue";
+import { useRoute as h } from "vue-router";
+import { getTabDetails as v } from "../helpers/get-tab-details.js";
+const x = "x-scalar-tabs", y = "x-scalar-active-tab", C = ({
+  workspaceStore: o,
+  getEntryByLocation: s,
+  workspaceSlug: i,
+  documentSlug: u,
+  path: l,
+  method: p
+}) => {
+  const b = h(), d = f(!1), a = () => ({
+    ...v({
+      workspace: t(i),
+      document: t(u),
+      path: t(l),
+      method: t(p),
+      getEntryByLocation: s
+    }),
+    path: b.path
+  }), r = n(() => o.value?.workspace[x] ?? [a()]), m = n(() => o.value?.workspace[y] ?? 0);
+  return {
+    tabs: r,
+    activeTabIndex: m,
+    copyTabUrl: async (e) => {
+      const c = r.value[e];
+      if (!c) {
+        console.warn(`Cannot copy URL: tab at index ${e} does not exist`);
+        return;
+      }
+      const T = `${window.location.origin}${c.path}`;
+      try {
+        await navigator.clipboard.writeText(T);
+      } catch (w) {
+        console.error("Failed to copy URL to clipboard:", w);
+      }
+    },
+    isLoading: d,
+    createTabFromCurrentRoute: a
+  };
+};
+export {
+  C as useTabs
+};

package/dist/v2/hooks/use-workspace-client-events.d.ts

@@ -1,9 +1,18 @@
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace';
-import type { ComputedRef } from 'vue';
+import { type ComputedRef, type Ref } from 'vue';
+import type { UseCommandPaletteStateReturn } from '../../v2/features/command-palette/hooks/use-command-palette-state.js';
+import type { UseSidebarStateReturn } from '../../v2/hooks/use-sidebar-state.js';
 /**
  * Top level state mutation handling for the workspace store in the client
  */
-export declare const useWorkspaceClientEvents: (eventBus: WorkspaceEventBus, document: ComputedRef<WorkspaceDocument | null>, workspaceStore: WorkspaceStore) => void;
+export declare const useWorkspaceClientEvents: ({ eventBus, document, workspaceStore, isSidebarOpen, commandPaletteState, sidebarState, }: {
+    eventBus: WorkspaceEventBus;
+    document: ComputedRef<WorkspaceDocument | null>;
+    workspaceStore: Ref<WorkspaceStore | null>;
+    isSidebarOpen: Ref<boolean>;
+    commandPaletteState: UseCommandPaletteStateReturn;
+    sidebarState: UseSidebarStateReturn;
+}) => void;
 //# sourceMappingURL=use-workspace-client-events.d.ts.map

package/dist/v2/hooks/use-workspace-client-events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-workspace-client-events.d.ts","sourceRoot":"","sources":["../../../src/v2/hooks/use-workspace-client-events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAkB,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AA6BvF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAClF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAEtC;;GAEG;AACH,eAAO,MAAM,wBAAwB,GACnC,UAAU,iBAAiB,EAC3B,UAAU,WAAW,CAAC,iBAAiB,GAAG,IAAI,CAAC,EAC/C,gBAAgB,cAAc,SAoK/B,CAAA"}
+{"version":3,"file":"use-workspace-client-events.d.ts","sourceRoot":"","sources":["../../../src/v2/hooks/use-workspace-client-events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAwC,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAgD7G,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAClF,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,GAAG,EAAW,MAAM,KAAK,CAAA;AAGzD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,+DAA+D,CAAA;AACjH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAEzE;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,2FAOtC;IACD,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,QAAQ,EAAE,WAAW,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IAC/C,cAAc,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC3B,mBAAmB,EAAE,4BAA4B,CAAA;IACjD,YAAY,EAAE,qBAAqB,CAAA;CACpC,SA6PA,CAAA"}

package/dist/v2/hooks/use-workspace-client-events.js

@@ -1,108 +1,112 @@
-import { mergeObjects as i } from "@scalar/workspace-store/helpers/merge-object";
-import { toggleDocumentSecurity as d, upsertEnvironment as u, upsertEnvironmentVariable as v, deleteSecurityScheme as m, updateSelectedAuthTab as c, updateSecurityScheme as s, updateSelectedScopes as y, updateSelectedSecuritySchemes as S, addServer as h, updateServer as O, deleteServer as R, updateServerVariables as q, updateSelectedServer as b, updateOperationMethod as f, updateOperationPath as g, updateOperationSummary as w, addOperationParameter as x, updateOperationParameter as P, deleteOperationParameter as E, deleteAllOperationParameters as T, updateOperationRequestBodyContentType as C, updateOperationRequestBodyExample as F, addOperationRequestBodyFormRow as k, updateOperationRequestBodyFormRow as A, deleteOperationRequestBodyFormRow as V } from "@scalar/workspace-store/mutators";
-const M = (r, a, n) => {
-  const p = (e, o) => o === "document" ? e.value : n.workspace;
-  r.on(
-    "document:update:icon",
-    (e) => a.value && (a.value["x-scalar-client-config-icon"] = e)
-  ), r.on("document:update:info", (e) => a.value && i(a.value.info, e)), r.on("document:toggle:document-security", () => d(a.value)), r.on(
-    "environment:upsert:environment",
-    (e) => u(a.value, n.workspace, e)
-  ), r.on(
+import { mergeObjects as v } from "@scalar/workspace-store/helpers/merge-object";
+import { updateActiveProxy as b, updateColorMode as h, updateTheme as y, updateDocumentIcon as f, toggleSecurity as x, updateWatchMode as T, createEmptyDocument as g, upsertEnvironment as w, upsertEnvironmentVariable as O, upsertCookie as R, deleteCookie as q, deleteSecurityScheme as C, updateSelectedAuthTab as E, updateSecurityScheme as k, updateSelectedScopes as P, updateSelectedSecuritySchemes as A, addServer as I, updateServer as F, deleteServer as M, updateServerVariables as N, updateSelectedServer as V, createOperation as D, updateOperationMethod as K, updateOperationPath as L, updateOperationSummary as W, addOperationParameter as j, updateOperationParameter as U, deleteOperationParameter as z, deleteAllOperationParameters as G, updateOperationRequestBodyContentType as H, updateOperationRequestBodyExample as J, addOperationRequestBodyFormRow as Q, updateOperationRequestBodyFormRow as X, deleteOperationRequestBodyFormRow as Y, createTag as Z, addTab as _, closeTab as $, closeOtherTabs as S, focusTab as B, focusLastTab as ee, navigatePreviousTab as ae, navigateNextTab as te, updateTabs as oe } from "@scalar/workspace-store/mutators";
+import { toValue as m } from "vue";
+import { useRouter as re } from "vue-router";
+const ue = ({
+  eventBus: a,
+  document: t,
+  workspaceStore: o,
+  isSidebarOpen: u,
+  commandPaletteState: c,
+  sidebarState: d
+}) => {
+  const s = re(), i = (e, r) => {
+    const l = m(o);
+    return l ? r === "document" ? e.value : l.workspace : null;
+  }, n = async () => {
+    const e = m(o);
+    if (!e)
+      return;
+    const r = e.workspace["x-scalar-active-tab"] ?? 0, l = e.workspace["x-scalar-tabs"]?.[r];
+    l && await s.replace(l.path);
+  }, p = (e) => {
+    const r = t.value?.["x-scalar-navigation"]?.id;
+    if (!r)
+      return;
+    const l = d.getEntryByLocation({
+      document: r,
+      path: e.path,
+      method: e.method,
+      example: e.exampleKey
+    });
+    (!l || l.type !== "example") && o.value?.buildSidebar(r);
+  };
+  a.on("scroll-to:nav-item", ({ id: e }) => d.handleSelectItem(e)), a.on(
+    "workspace:update:active-proxy",
+    (e) => b(o.value?.workspace ?? null, e)
+  ), a.on(
+    "workspace:update:color-mode",
+    (e) => h(o.value?.workspace ?? null, e)
+  ), a.on("workspace:update:theme", (e) => y(o.value?.workspace ?? null, e)), a.on("document:update:icon", (e) => f(t.value, e)), a.on("document:update:info", (e) => t.value && v(t.value.info, e)), a.on("document:toggle:security", () => x(t.value)), a.on("document:update:watch-mode", (e) => T(t.value, e)), a.on("document:create:empty-document", (e) => g(o.value, e)), a.on("environment:upsert:environment", (e) => {
+    o.value && w(t.value, o.value.workspace, e);
+  }), a.on(
     "environment:delete:environment",
-    ({ environmentName: e, collectionType: o }) => delete p(a, o)?.["x-scalar-environments"]?.[e]
-  ), r.on(
-    "environment:upsert:environment-variable",
-    (e) => v(p(a, e.collectionType), e)
-  ), r.on(
+    ({ environmentName: e, collectionType: r }) => delete i(t, r)?.["x-scalar-environments"]?.[e]
+  ), a.on("environment:upsert:environment-variable", (e) => {
+    const r = i(t, e.collectionType);
+    O(r, e);
+  }), a.on(
     "environment:delete:environment-variable",
-    ({ environmentName: e, index: o, collectionType: t }) => p(a, t)?.["x-scalar-environments"]?.[e]?.variables?.splice(o, 1)
-  ), r.on("auth:delete:security-scheme", (e) => m(a.value, e)), r.on("auth:update:active-index", (e) => c(a.value, e)), r.on("auth:update:security-scheme", (e) => s(a.value, e)), r.on("auth:update:selected-scopes", (e) => y(a.value, e)), r.on(
+    ({ environmentName: e, index: r, collectionType: l }) => i(t, l)?.["x-scalar-environments"]?.[e]?.variables?.splice(r, 1)
+  ), a.on("cookie:upsert:cookie", (e) => {
+    const r = i(t, e.collectionType);
+    R(r, e);
+  }), a.on("cookie:delete:cookie", (e) => {
+    const r = i(t, e.collectionType);
+    q(r, e);
+  }), a.on("auth:delete:security-scheme", (e) => C(t.value, e)), a.on("auth:update:active-index", (e) => E(t.value, e)), a.on("auth:update:security-scheme", (e) => k(t.value, e)), a.on("auth:update:selected-scopes", (e) => P(t.value, e)), a.on(
     "auth:update:selected-security-schemes",
-    (e) => S(a.value, e)
-  ), r.on("server:add:server", () => h(a.value)), r.on("server:update:server", (e) => O(a.value, e)), r.on("server:delete:server", (e) => R(a.value, e)), r.on("server:update:variables", (e) => q(a.value, e)), r.on("server:update:selected", (e) => b(a.value, e)), r.on("operation:update:method", ({ payload: e, meta: o }) => {
-    f({
-      document: a.value,
-      meta: o,
-      payload: e
-    });
-  }), r.on("operation:update:path", ({ meta: e, payload: o }) => {
-    g({
-      document: a.value,
-      meta: e,
-      payload: o
-    });
-  }), r.on("operation:update:summary", ({ payload: e, meta: o }) => {
-    w({
-      document: a.value,
-      meta: o,
-      payload: e
-    });
-  }), r.on("operation:add:parameter", ({ type: e, meta: o, payload: t }) => {
-    x({
-      document: a.value,
-      meta: o,
-      payload: t,
-      type: e
-    });
-  }), r.on("operation:update:parameter", ({ meta: e, payload: o, index: t, type: l }) => {
-    P({
-      document: a.value,
-      meta: e,
-      payload: o,
-      index: t,
-      type: l
-    });
-  }), r.on("operation:delete:parameter", ({ index: e, meta: o, type: t }) => {
-    E({
-      document: a.value,
-      meta: o,
-      index: e,
-      type: t
-    });
-  }), r.on("operation:delete-all:parameters", ({ meta: e, type: o }) => {
-    T({
-      document: a.value,
-      meta: e,
-      type: o
-    });
-  }), r.on("operation:update:requestBody:contentType", ({ payload: e, meta: o }) => {
-    C({
-      document: a.value,
-      meta: o,
-      payload: e
-    });
-  }), r.on("operation:update:requestBody:value", ({ contentType: e, payload: o, meta: t }) => {
-    F({
-      document: a.value,
-      meta: t,
-      payload: o,
-      contentType: e
-    });
-  }), r.on("operation:add:requestBody:formRow", ({ payload: e, contentType: o, meta: t }) => {
-    k({
-      document: a.value,
-      meta: t,
-      payload: e,
-      contentType: o
-    });
-  }), r.on("operation:update:requestBody:formRow", ({ index: e, payload: o, contentType: t, meta: l }) => {
-    A({
-      document: a.value,
-      meta: l,
-      index: e,
-      payload: o,
-      contentType: t
-    });
-  }), r.on("operation:delete:requestBody:formRow", ({ index: e, contentType: o, meta: t }) => {
-    V({
-      document: a.value,
-      meta: t,
-      index: e,
-      contentType: o
-    });
+    async (e) => await A(t.value, e)
+  ), a.on("server:add:server", () => I(t.value)), a.on("server:update:server", (e) => F(t.value, e)), a.on("server:delete:server", (e) => M(t.value, e)), a.on("server:update:variables", (e) => N(t.value, e)), a.on("server:update:selected", (e) => V(t.value, e)), a.on("operation:create:operation", (e) => D(o.value, e)), a.on(
+    "operation:update:method",
+    (e) => K(t.value, o.value, e, (r) => {
+      r && s.replace({
+        name: "example",
+        params: {
+          method: e.payload.method,
+          pathEncoded: encodeURIComponent(e.meta.path),
+          exampleName: e.meta.exampleKey
+        }
+      });
+    })
+  ), a.on("operation:update:path", (e) => L(t.value, e)), a.on("operation:update:summary", (e) => W(t.value, e)), a.on("operation:add:parameter", (e) => {
+    j(t.value, e), p(e.meta);
+  }), a.on("operation:update:parameter", (e) => {
+    U(t.value, e), p(e.meta);
+  }), a.on("operation:delete:parameter", (e) => z(t.value, e)), a.on("operation:delete-all:parameters", (e) => G(t.value, e)), a.on(
+    "operation:update:requestBody:contentType",
+    (e) => H(t.value, e)
+  ), a.on("operation:update:requestBody:value", (e) => {
+    J(t.value, e), p(e.meta);
+  }), a.on("operation:add:requestBody:formRow", (e) => {
+    Q(t.value, e), p(e.meta);
+  }), a.on(
+    "operation:update:requestBody:formRow",
+    (e) => X(t.value, e)
+  ), a.on(
+    "operation:delete:requestBody:formRow",
+    (e) => Y(t.value, e)
+  ), a.on("tag:create:tag", (e) => Z(o.value, e)), a.on("ui:toggle:sidebar", () => u.value = !u.value), a.on(
+    "ui:open:command-palette",
+    (e) => {
+      e ? c.open(e.action, e.payload) : c.open();
+    }
+  ), a.on("tabs:add:tab", async (e) => {
+    _(o.value?.workspace ?? null, e), await n();
+  }), a.on("tabs:close:tab", async (e) => {
+    $(o.value?.workspace ?? null, e), await n();
+  }), a.on("tabs:close:other-tabs", (e) => S(o.value?.workspace ?? null, e)), a.on("tabs:focus:tab", async (e) => {
+    B(o.value?.workspace ?? null, e), await n();
+  }), a.on("tabs:focus:tab-last", async (e) => {
+    ee(o.value?.workspace ?? null, e), await n();
+  }), a.on("tabs:navigate:previous", async (e) => {
+    ae(o.value?.workspace ?? null, e), await n();
+  }), a.on("tabs:navigate:next", async (e) => {
+    te(o.value?.workspace ?? null, e), await n();
+  }), a.on("tabs:update:tabs", async (e) => {
+    oe(o.value?.workspace ?? null, e), await n();
   });
 };
 export {
-  M as useWorkspaceClientEvents
+  ue as useWorkspaceClientEvents
 };

package/dist/v2/hooks/use-workspace-selector.d.ts

@@ -0,0 +1,28 @@
+import { type WorkspaceStore } from '@scalar/workspace-store/client';
+import { type Ref } from 'vue';
+/**
+ * Default workspace meta used when we need to create or navigate to a fallback workspace.
+ * Keep in sync with the persisted workspace structure.
+ */
+export declare const DEFAULT_WORKSPACE: Workspace;
+export type Workspace = {
+    name: string;
+    id: string;
+};
+export type UseWorkspaceSelectorReturn = {
+    activeWorkspace: Ref<Workspace | null>;
+    workspaces: Ref<Workspace[]>;
+    store: Ref<WorkspaceStore | null>;
+    setWorkspaceId: (id: string) => Promise<void>;
+    createWorkspace: (props: {
+        name: string;
+    }) => Promise<Workspace | undefined>;
+    loadWorkspace: (id: string) => Promise<{
+        success: true;
+        workspace: WorkspaceStore;
+    } | {
+        success: false;
+    }>;
+};
+export declare const useWorkspaceSelector: () => UseWorkspaceSelectorReturn;
+//# sourceMappingURL=use-workspace-selector.d.ts.map

package/dist/v2/hooks/use-workspace-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-workspace-selector.d.ts","sourceRoot":"","sources":["../../../src/v2/hooks/use-workspace-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAwB,MAAM,gCAAgC,CAAA;AAK1F,OAAO,EAAE,KAAK,GAAG,EAAO,MAAM,KAAK,CAAA;AAOnC;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,SAG/B,CAAA;AA0BD,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,eAAe,EAAE,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,CAAA;IACtC,UAAU,EAAE,GAAG,CAAC,SAAS,EAAE,CAAC,CAAA;IAC5B,KAAK,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACjC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7C,eAAe,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,CAAA;IAC5E,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,IAAI,CAAC;QAAC,SAAS,EAAE,cAAc,CAAA;KAAE,GAAG;QAAE,OAAO,EAAE,KAAK,CAAA;KAAE,CAAC,CAAA;CAC1G,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,0BAiJvC,CAAA"}

package/dist/v2/hooks/use-workspace-selector.js

@@ -0,0 +1,81 @@
+import { createWorkspaceStore as l } from "@scalar/workspace-store/client";
+import { generateUniqueValue as W } from "@scalar/workspace-store/helpers/generate-unique-value";
+import { createWorkspaceStorePersistence as v } from "@scalar/workspace-store/persistence";
+import { persistencePlugin as D } from "@scalar/workspace-store/plugins/client";
+import { ref as i } from "vue";
+import { useRouter as g } from "vue-router";
+import { slugify as y } from "../helpers/slugify.js";
+const S = 1e3, R = {
+  name: "Default Workspace",
+  id: "default"
+}, h = {
+  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"
+}, A = async ({ workspaceId: r }) => l({
+  plugins: [await D({ workspaceId: r, debounceDelay: S })]
+}), _ = () => {
+  const r = i(null), c = i([]), n = i(null), o = v(), w = g(), m = async (e) => {
+    const a = await (await o).workspace.getItem(e);
+    if (!a)
+      return {
+        success: !1
+      };
+    const s = await A({ workspaceId: e });
+    return s.loadWorkspace(a.workspace), r.value = { id: e, name: a.name }, n.value = s, {
+      success: !0,
+      workspace: s
+    };
+  }, k = async ({ id: e, name: t }) => {
+    const a = l();
+    await a.addDocument({
+      name: "drafts",
+      document: h
+    }), await (await o).workspace.setItem(e, {
+      name: t,
+      workspace: a.exportWorkspace()
+    }), c.value.push({ id: e, name: t });
+  }, p = async (e) => {
+    await w.push({
+      name: "workspace.environment",
+      params: { workspaceSlug: e }
+    });
+  }, f = async ({ id: e, name: t }) => {
+    n.value = null;
+    const a = await o, s = await W({
+      defaultValue: e ?? t,
+      // Use the provided id if it exists, otherwise use the name
+      validation: async (d) => !await a.workspace.has(d),
+      maxRetries: 100,
+      transformation: y
+    });
+    if (!s)
+      return;
+    const u = { id: s, name: t };
+    return await k(u), await p(s), u;
+  };
+  return (async () => {
+    const t = await (await o).workspace.getAll();
+    c.value = t;
+  })(), {
+    store: n,
+    activeWorkspace: r,
+    workspaces: c,
+    setWorkspaceId: p,
+    createWorkspace: f,
+    loadWorkspace: m
+  };
+};
+export {
+  R as DEFAULT_WORKSPACE,
+  _ as useWorkspaceSelector
+};

package/dist/views/Request/RequestRoot.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestRoot.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestRoot.vue"],"names":[],"mappings":";;cAsR8C,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAqTjE,wBAMG"}
+{"version":3,"file":"RequestRoot.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestRoot.vue"],"names":[],"mappings":";;cAuS8C,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAsUjE,wBAMG"}