@scalar/api-client 2.15.0 → 2.17.1

package/dist/v2/features/app/helpers/routes.d.ts

@@ -3,7 +3,8 @@ import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 import type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace';
-import type { Workspace } from '../../../../v2/hooks/use-workspace-selector.js';
+import type { Workspace } from '../../../../v2/features/app/hooks/use-workspace-selector.js';
+import type { ClientPlugin } from '../../../../v2/helpers/plugins.js';
 import type { ClientLayout } from '../../../../v2/types/layout';
 /** These props are provided at the route level */
 export type RouteProps = {
@@ -17,6 +18,7 @@ export type RouteProps = {
     environment: XScalarEnvironment;
     workspaceStore: WorkspaceStore;
     activeWorkspace: Workspace;
+    plugins: ClientPlugin[];
 };
 /** When in the collections pages */
 export type CollectionProps = RouteProps & ({
@@ -34,12 +36,12 @@ export declare const ROUTES: ({
         children: ({
             name: string;
             path: string;
-            component: () => Promise<typeof import("../../../../v2/features/operation/Operation.vue.js")>;
+            component: import("vue").DefineComponent<RouteProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RouteProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
             children?: undefined;
         } | {
             name: string;
             path: string;
-            component: () => Promise<typeof import("../../../../v2/features/collection/DocumentCollection.vue.js")>;
+            component: import("vue").DefineComponent<RouteProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RouteProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
             children: ({
                 name: string;
                 path: string;
@@ -50,7 +52,19 @@ export declare const ROUTES: ({
             } | {
                 name: string;
                 path: string;
-                component: () => Promise<typeof import("../../../../v2/features/collection/components/Overview.vue.js")>;
+                component: import("vue").DefineComponent<(RouteProps & {
+                    collectionType: "document";
+                    document: WorkspaceDocument;
+                }) | (RouteProps & {
+                    collectionType: "workspace";
+                    document: null;
+                }), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<(RouteProps & {
+                    collectionType: "document";
+                    document: WorkspaceDocument;
+                }) | (RouteProps & {
+                    collectionType: "workspace";
+                    document: null;
+                })> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
                 redirect?: undefined;
             })[];
         })[];
@@ -59,11 +73,23 @@ export declare const ROUTES: ({
     } | {
         name: string;
         path: string;
-        component: () => Promise<typeof import("../../../../v2/features/collection/WorkspaceCollection.vue.js")>;
+        component: import("vue").DefineComponent<RouteProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RouteProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
         children: {
             name: string;
             path: string;
-            component: () => Promise<typeof import("../../../../v2/features/collection/components/Environment.vue.js")>;
+            component: import("vue").DefineComponent<(RouteProps & {
+                collectionType: "document";
+                document: WorkspaceDocument;
+            }) | (RouteProps & {
+                collectionType: "workspace";
+                document: null;
+            }), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<(RouteProps & {
+                collectionType: "document";
+                document: WorkspaceDocument;
+            }) | (RouteProps & {
+                collectionType: "workspace";
+                document: null;
+            })> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
         }[];
     })[];
     redirect?: undefined;

package/dist/v2/features/app/helpers/routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/routes.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,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAIlF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,kDAAkD;AAClD,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,kBAAkB,CAAA;IAC/B,cAAc,EAAE,cAAc,CAAA;IAC9B,eAAe,EAAE,SAAS,CAAA;CAG3B,CAAA;AAED,oCAAoC;AACpC,MAAM,MAAM,eAAe,GAAG,UAAU,GACtC,CACI;IACE,cAAc,EAAE,UAAU,CAAA;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GACD;IACE,cAAc,EAAE,WAAW,CAAA;IAC3B,QAAQ,EAAE,IAAI,CAAA;CACf,CACJ,CAAA;AAEH,kFAAkF;AAClF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmGS,CAAA"}
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/routes.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,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAGlF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAA;AAU/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAExD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,kDAAkD;AAClD,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,kBAAkB,CAAA;IAC/B,cAAc,EAAE,cAAc,CAAA;IAC9B,eAAe,EAAE,SAAS,CAAA;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAA;CAGxB,CAAA;AAED,oCAAoC;AACpC,MAAM,MAAM,eAAe,GAAG,UAAU,GACtC,CACI;IACE,cAAc,EAAE,UAAU,CAAA;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GACD;IACE,cAAc,EAAE,WAAW,CAAA;IAC3B,QAAQ,EAAE,IAAI,CAAA;CACf,CACJ,CAAA;AAEH,kFAAkF;AAClF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;oCAVK,UAAU;8BAChB,iBAAiB;;oCAGX,WAAW;8BACjB,IAAI;;oCALE,UAAU;8BAChB,iBAAiB;;oCAGX,WAAW;8BACjB,IAAI;;;;;;;;;;;;;;;gCALE,UAAU;0BAChB,iBAAiB;;gCAGX,WAAW;0BACjB,IAAI;;gCALE,UAAU;0BAChB,iBAAiB;;gCAGX,WAAW;0BACjB,IAAI;;;;;;;;;IAwGM,CAAA"}

package/dist/v2/features/app/helpers/routes.js

@@ -1,5 +1,14 @@
-import { workspaceStorage as e } from "../../../helpers/storage.js";
-const o = [
+import n from "../../collection/components/Authentication.vue.js";
+import e from "../../collection/components/Cookies.vue.js";
+import o from "../../collection/components/Environment.vue.js";
+import m from "../../collection/components/Overview.vue.js";
+import a from "../../collection/components/Servers.vue.js";
+import t from "../../collection/components/Settings.vue.js";
+import c from "../../collection/DocumentCollection.vue.js";
+import r from "../../collection/WorkspaceCollection.vue.js";
+import p from "../../operation/Operation.vue.js";
+import { workspaceStorage as i } from "../../../helpers/storage.js";
+const g = [
   {
     path: "/workspace/:workspaceSlug",
     children: [
@@ -10,13 +19,13 @@ const o = [
           {
             name: "example",
             path: "path/:pathEncoded/method/:method/example/:exampleName",
-            component: () => import("../../operation/Operation.vue2.js")
+            component: p
           },
           // Document Page
           {
             name: "document",
             path: "",
-            component: () => import("../../collection/DocumentCollection.vue.js"),
+            component: c,
             children: [
               // Redirect to overview
               {
@@ -30,37 +39,37 @@ const o = [
               {
                 name: "document.overview",
                 path: "overview",
-                component: () => import("../../collection/components/Overview.vue.js")
+                component: m
               },
               // Document servers
               {
                 name: "document.servers",
                 path: "servers",
-                component: () => import("../../collection/components/Servers.vue.js")
+                component: a
               },
               // Document environment
               {
                 name: "document.environment",
                 path: "environment",
-                component: () => import("../../collection/components/Environment.vue.js")
+                component: o
               },
               // Document authentication
               {
                 name: "document.authentication",
                 path: "authentication",
-                component: () => import("../../collection/components/Authentication.vue.js")
+                component: n
               },
               // Document cookies
               {
                 name: "document.cookies",
                 path: "cookies",
-                component: () => import("../../collection/components/Cookies.vue.js")
+                component: e
               },
               // Document settings
               {
                 name: "document.settings",
                 path: "settings",
-                component: () => import("../../collection/components/Settings.vue.js")
+                component: t
               }
             ]
           }
@@ -70,25 +79,25 @@ const o = [
       {
         name: "workspace",
         path: "",
-        component: () => import("../../collection/WorkspaceCollection.vue.js"),
+        component: r,
         children: [
           // Workspace environment
           {
             name: "workspace.environment",
             path: "environment",
-            component: () => import("../../collection/components/Environment.vue.js")
+            component: o
           },
           // Workspace cookies
           {
             name: "workspace.cookies",
             path: "cookies",
-            component: () => import("../../collection/components/Cookies.vue.js")
+            component: e
           },
           // Workspace settings
           {
             name: "workspace.settings",
             path: "settings",
-            component: () => import("../../collection/components/Settings.vue.js")
+            component: t
           }
         ]
       }
@@ -96,9 +105,9 @@ const o = [
   },
   {
     path: "/:pathMatch(.*)*",
-    redirect: () => e.getLastPath() ?? "/workspace/default/document/drafts/overview"
+    redirect: () => i.getLastPath() ?? "/workspace/default/document/drafts/overview"
   }
 ];
 export {
-  o as ROUTES
+  g as ROUTES
 };

package/dist/v2/{hooks/use-sidebar-state.d.ts → features/app/hooks/use-app-sidebar.d.ts}

@@ -2,8 +2,8 @@ import type { HttpMethod } from '@scalar/helpers/http/http-methods';
 import { createSidebarState } from '@scalar/sidebar';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
-import { type MaybeRefOrGetter } from 'vue';
-export type UseSidebarStateReturn = {
+import { type ComputedRef, type Ref } from 'vue';
+export type UseAppSidebarReturn = {
     handleSelectItem: (id: string) => void;
     state: ReturnType<typeof createSidebarState<TraversedEntry>>;
     getEntryByLocation: (location: {
@@ -30,12 +30,11 @@ export type UseSidebarStateReturn = {
  *   exampleName,
  * })
  */
-export declare const useSidebarState: ({ workspaceStore, documentSlug, path, method, exampleName, }: {
-    workspaceStore: MaybeRefOrGetter<WorkspaceStore | null>;
-    workspaceSlug: MaybeRefOrGetter<string | undefined>;
-    documentSlug: MaybeRefOrGetter<string | undefined>;
-    path: MaybeRefOrGetter<string | undefined>;
-    method: MaybeRefOrGetter<HttpMethod | undefined>;
-    exampleName: MaybeRefOrGetter<string | undefined>;
-}) => UseSidebarStateReturn;
-//# sourceMappingURL=use-sidebar-state.d.ts.map
+export declare const useAppSidebar: ({ workspaceStore, documentSlug, path, method, exampleName, }: {
+    workspaceStore: Ref<WorkspaceStore | null>;
+    documentSlug: ComputedRef<string | undefined>;
+    path: ComputedRef<string | undefined>;
+    method: ComputedRef<HttpMethod | undefined>;
+    exampleName: ComputedRef<string | undefined>;
+}) => UseAppSidebarReturn;
+//# sourceMappingURL=use-app-sidebar.d.ts.map

package/dist/v2/features/app/hooks/use-app-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/hooks/use-app-sidebar.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,EAAE,kBAAkB,EAAwB,MAAM,iBAAiB,CAAA;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAChF,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,GAAG,EAA4B,MAAM,KAAK,CAAA;AAG1E,MAAM,MAAM,mBAAmB,GAAG;IAChC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,KAAK,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,cAAc,CAAC,CAAC,CAAA;IAC5D,kBAAkB,EAAE,CAAC,QAAQ,EAAE;QAC7B,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE,UAAU,CAAA;QACnB,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB,KAAK,cAAc,GAAG,SAAS,CAAA;CACjC,CAAA;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa,GAAI,8DAM3B;IACD,cAAc,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,YAAY,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC7C,IAAI,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrC,MAAM,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;IAC3C,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CAC7C,KAAG,mBAoOH,CAAA"}

package/dist/v2/{hooks/use-sidebar-state.js → features/app/hooks/use-app-sidebar.js}

@@ -1,25 +1,25 @@
-import { isDefined as h } from "@scalar/helpers/array/is-defined";
+import { isDefined as l } from "@scalar/helpers/array/is-defined";
 import { sortByOrder as w } from "@scalar/helpers/array/sort-by-order";
 import { createSidebarState as b, generateReverseIndex as k } from "@scalar/sidebar";
 import { getParentEntry as o } from "@scalar/workspace-store/navigation";
-import { computed as x, toValue as c, watch as f } from "vue";
+import { computed as h, toValue as x, watch as f } from "vue";
 import { useRouter as O } from "vue-router";
-const W = ({
+const A = ({
   workspaceStore: d,
   documentSlug: y,
   path: E,
-  method: S,
-  exampleName: g
+  method: g,
+  exampleName: S
 }) => {
-  const m = O(), u = x(() => {
-    const e = c(d);
+  const m = O(), c = h(() => {
+    const e = x(d);
     if (!e)
       return [];
     const t = e.workspace["x-scalar-order"] ?? Object.keys(e.workspace.documents);
-    return w(Object.keys(e.workspace.documents), t, (r) => r).map((r) => e.workspace.documents[r]?.["x-scalar-navigation"]).filter(h);
-  }), n = b(u);
+    return w(Object.keys(e.workspace.documents), t, (r) => r).map((r) => e.workspace.documents[r]?.["x-scalar-navigation"]).filter(l);
+  }), n = b(c);
   f(
-    () => c(d),
+    () => x(d),
     () => {
       n.reset();
     },
@@ -32,9 +32,9 @@ const W = ({
     path: t,
     method: r,
     example: a
-  }) => JSON.stringify([e, t, r, a].filter(h)), i = x(
+  }) => JSON.stringify([e, t, r, a].filter(l)), u = h(
     () => k({
-      items: u.value,
+      items: c.value,
       nestedKey: "children",
       filter: (e) => e.type === "document" || e.type === "operation" || e.type === "example",
       getId: (e) => {
@@ -47,9 +47,9 @@ const W = ({
         });
       }
     })
-  ), l = (e) => {
-    const t = i.value.get(p(e));
-    return t || i.value.get(
+  ), i = (e) => {
+    const t = u.value.get(p(e));
+    return t || u.value.get(
       p({
         document: e.document,
         path: e.path,
@@ -106,13 +106,13 @@ const W = ({
     n.setExpanded(e, !n.isExpanded(e));
   };
   return f(
-    [() => c(d), y, E, S, g],
+    [d, y, E, g, S],
     ([e, t, r, a, I]) => {
       if (!t) {
         n.setSelected(null);
         return;
       }
-      const s = l({
+      const s = i({
         document: t,
         path: r,
         method: a,
@@ -126,9 +126,9 @@ const W = ({
   ), {
     handleSelectItem: v,
     state: n,
-    getEntryByLocation: l
+    getEntryByLocation: i
   };
 };
 export {
-  W as useSidebarState
+  A as useAppSidebar
 };

package/dist/v2/features/app/hooks/use-document-watcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-document-watcher.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/hooks/use-document-watcher.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,gBAAgB,EAA6C,MAAM,KAAK,CAAA;AA6FtF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,kBAAkB,GAAI,0CAIhC;IACD,YAAY,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAClD,KAAK,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,KAAG,IA6FH,CAAA"}

package/dist/v2/{hooks → features/app/hooks}/use-sync-path.d.ts

@@ -1,6 +1,6 @@
 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';
+import type { UseTabsReturn } from '../../../../v2/features/app/hooks/use-tabs.js';
+import { type UseWorkspaceSelectorReturn } from '../../../../v2/features/app/hooks/use-workspace-selector.js';
 export declare const useSyncPath: ({ workspaceSelectorState, tabsState, eventBus, }: {
     workspaceSelectorState: UseWorkspaceSelectorReturn;
     tabsState: UseTabsReturn;

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-path.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/hooks/use-sync-path.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAIvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AACrE,OAAO,EAAqB,KAAK,0BAA0B,EAAE,MAAM,gDAAgD,CAAA;AAGnH,eAAO,MAAM,WAAW,GAAI,kDAIzB;IACD,sBAAsB,EAAE,0BAA0B,CAAA;IAClD,SAAS,EAAE,aAAa,CAAA;IACxB,QAAQ,EAAE,iBAAiB,CAAA;CAC5B;;CAqJA,CAAA"}

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

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

package/dist/v2/{hooks → features/app/hooks}/use-tabs.d.ts

@@ -3,7 +3,7 @@ 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';
+import type { UseAppSidebarReturn } from '../../../../v2/features/app/hooks/use-app-sidebar.js';
 export type UseTabsReturn = {
     tabs: Ref<Tab[]>;
     activeTabIndex: Ref<number>;
@@ -18,7 +18,7 @@ type UseTabsParams = {
     documentSlug: MaybeRefOrGetter<string | undefined>;
     path: MaybeRefOrGetter<string | undefined>;
     method: MaybeRefOrGetter<HttpMethod | undefined>;
-    getEntryByLocation: UseSidebarStateReturn['getEntryByLocation'];
+    getEntryByLocation: UseAppSidebarReturn['getEntryByLocation'];
 };
 /**
  * Composable for managing desktop tabs functionality.

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-tabs.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/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;AAG7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAOlF,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,mBAAmB,CAAC,oBAAoB,CAAC,CAAA;CAC9D,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,OAAO,GAAI,oFAOrB,aAAa,KAAG,aA4DlB,CAAA"}

package/dist/v2/{hooks → features/app/hooks}/use-tabs.js

@@ -1,6 +1,6 @@
 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";
+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,

package/dist/v2/{hooks/use-workspace-client-events.d.ts → features/app/hooks/use-workspace-client-app-events.d.ts}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-workspace-client-app-events.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/hooks/use-workspace-client-app-events.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAwC,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAoD7G,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAClF,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,GAAG,EAAW,MAAM,KAAK,CAAA;AAGzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAClF,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,+DAA+D,CAAA;AAEjH;;GAEG;AACH,eAAO,MAAM,2BAA2B,GAAI,2FAOzC;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,mBAAmB,CAAA;CAClC,SAwWA,CAAA"}