@scalar/api-client 2.32.0 → 2.34.0

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

@@ -1,34 +1,37 @@
-import { isDefined as M } from "@scalar/helpers/array/is-defined";
-import { sortByOrder as de } from "@scalar/helpers/array/sort-by-order";
-import { migrateLocalStorageToIndexDb as ve } from "@scalar/oas-utils/migrations";
-import { createSidebarState as fe, generateReverseIndex as he } from "@scalar/sidebar";
-import { createWorkspaceStore as Y } from "@scalar/workspace-store/client";
-import { createWorkspaceEventBus as we } from "@scalar/workspace-store/events";
-import { generateUniqueValue as ge } from "@scalar/workspace-store/helpers/generate-unique-value";
+import { isDefined as j } from "@scalar/helpers/array/is-defined";
+import { sortByOrder as he } from "@scalar/helpers/array/sort-by-order";
+import { migrateLocalStorageToIndexDb as we } from "@scalar/oas-utils/migrations";
+import { createSidebarState as ge, generateReverseIndex as ke } from "@scalar/sidebar";
+import { createWorkspaceStore as H } from "@scalar/workspace-store/client";
+import { createWorkspaceEventBus as xe } from "@scalar/workspace-store/events";
+import { generateUniqueValue as be } from "@scalar/workspace-store/helpers/generate-unique-value";
 import { getParentEntry as h } from "@scalar/workspace-store/navigation";
-import { createWorkspaceStorePersistence as ke, getWorkspaceId as w } from "@scalar/workspace-store/persistence";
-import { persistencePlugin as xe } from "@scalar/workspace-store/plugins/client";
-import { extensions as be } from "@scalar/workspace-store/schemas/extensions";
-import { ref as p, computed as i, shallowRef as j, readonly as ye } from "vue";
+import { createWorkspaceStorePersistence as ye, getWorkspaceId as w } from "@scalar/workspace-store/persistence";
+import { persistencePlugin as Se } from "@scalar/workspace-store/plugins/client";
+import { extensions as Ee } from "@scalar/workspace-store/schemas/extensions";
+import { ref as p, computed as i, shallowRef as z, readonly as We } from "vue";
 import { getRouteParam as l } from "./helpers/get-route-param.js";
-import { groupWorkspacesByTeam as Se } from "./helpers/group-workspaces.js";
-import { getActiveEnvironment as Ee } from "../../helpers/get-active-environment.js";
-import { getTabDetails as We } from "../../helpers/get-tab-details.js";
-import { slugify as Ue } from "../../helpers/slugify.js";
-import { workspaceStorage as Ie } from "../../helpers/storage.js";
-import { initializeAppEventHandlers as Te } from "./app-events.js";
-import { filterWorkspacesByTeam as De, canLoadWorkspace as H } from "./helpers/filter-workspaces.js";
-const Re = 1e3, Ae = 288, Xe = async ({
+import { groupWorkspacesByTeam as Ue } from "./helpers/group-workspaces.js";
+import { useTheme as Te } from "./hooks/use-theme.js";
+import { getActiveEnvironment as Ie } from "../../helpers/get-active-environment.js";
+import { getTabDetails as De } from "../../helpers/get-tab-details.js";
+import { slugify as Re } from "../../helpers/slugify.js";
+import { workspaceStorage as Ae } from "../../helpers/storage.js";
+import { initializeAppEventHandlers as Ce } from "./app-events.js";
+import { filterWorkspacesByTeam as Be, canLoadWorkspace as G } from "./helpers/filter-workspaces.js";
+const Le = 1e3, Ne = 288, na = async ({
   router: u,
-  fileLoader: z
+  fileLoader: J,
+  fallbackThemeSlug: Q = () => "default",
+  customThemes: B = () => []
 }) => {
-  const S = we({
+  const S = xe({
     debug: !1
-  }), { workspace: g } = await ke();
-  await ve();
-  const k = p("local"), f = p(void 0), x = p(void 0), E = p(void 0), B = p(void 0), L = p(void 0), N = p(void 0), W = p(!1);
-  u.afterEach((e) => ie(e));
-  const d = i(() => u.currentRoute.value ?? null), U = j(null), v = p([]), b = i(() => De(v.value, k.value)), G = i(() => Se(b.value, k.value)), s = j(null), D = i(() => s.value?.workspace.documents[E.value ?? ""] || null), J = i(() => Ee(s.value, D.value));
+  }), { workspace: g } = await ye();
+  await we();
+  const k = p("local"), f = p(void 0), x = p(void 0), E = p(void 0), L = p(void 0), N = p(void 0), O = p(void 0), W = p(!1);
+  u.afterEach((e) => de(e));
+  const d = i(() => u.currentRoute.value ?? null), U = z(null), v = p([]), b = i(() => Be(v.value, k.value)), X = i(() => Ue(b.value, k.value)), s = z(null), D = i(() => s.value?.workspace.documents[E.value ?? ""] || null), Z = i(() => Ie(s.value, D.value));
   v.value = await g.getAll().then(
     (e) => e.map(({ teamUid: a, namespace: t, slug: n, name: c }) => ({
       id: w(t, n),
@@ -38,41 +41,41 @@ const Re = 1e3, Ae = 288, Xe = async ({
       label: c
     }))
   );
-  const Q = async (e) => {
+  const ee = async (e) => {
     const a = f.value, t = x.value;
     if (!a || !t)
       return;
     const n = w(a, t);
     await g.updateName({ namespace: a, slug: t }, e) !== void 0 && (v.value = v.value.map((r) => r.id === n ? { ...r, label: e } : r), U.value = { id: n, label: e });
-  }, X = async ({
+  }, ae = async ({
     namespace: e,
     slug: a
-  }) => Y({
+  }) => H({
     plugins: [
-      await xe({
+      await Se({
         workspaceId: w(e, a),
-        debounceDelay: Re
+        debounceDelay: Le
       })
     ],
-    fileLoader: z
-  }), Z = async (e, a) => {
+    fileLoader: J
+  }), te = async (e, a) => {
     const t = await g.getItem({ namespace: e, slug: a });
     if (!t)
       return {
         success: !1
       };
-    const n = await X({ namespace: e, slug: a });
+    const n = await ae({ namespace: e, slug: a });
     return n.loadWorkspace(t.workspace), U.value = { id: w(t.namespace, t.slug), label: t.name }, s.value = n, {
       success: !0,
       workspace: n.workspace
     };
-  }, ee = async ({
+  }, ne = async ({
     name: e,
     teamUid: a,
     namespace: t,
     slug: n
   }) => {
-    const c = Y();
+    const c = H();
     await c.addDocument({
       name: "drafts",
       document: {
@@ -121,36 +124,36 @@ const Re = 1e3, Ae = 288, Xe = async ({
         exampleName: "default"
       }
     });
-  }, O = async ({
+  }, _ = async ({
     teamUid: e,
     namespace: a,
     slug: t,
     name: n
   }) => {
     s.value = null;
-    const c = await ge({
+    const c = await be({
       defaultValue: t ?? n,
       // Use the provided id if it exists, otherwise use the name
-      validation: async (T) => !await g.has({ namespace: a ?? "local", slug: T }),
+      validation: async (I) => !await g.has({ namespace: a ?? "local", slug: I }),
       maxRetries: 100,
-      transformation: Ue
+      transformation: Re
     });
     if (!c)
       return;
-    const m = await ee({
+    const m = await ne({
       teamUid: e,
       namespace: a,
       slug: c,
       name: n
     });
     return await y(m.namespace, m.slug), m;
-  }, ae = async (e, a) => {
+  }, se = async (e, a) => {
     s.value = null, W.value = !0;
-    const t = await Z(e, a);
+    const t = await te(e, a);
     if (t.success) {
-      const r = t.workspace["x-scalar-active-tab"] ?? 0, m = t.workspace["x-scalar-tabs"], T = m?.[r];
-      T && await u.replace({
-        path: T.path,
+      const r = t.workspace["x-scalar-active-tab"] ?? 0, m = t.workspace["x-scalar-tabs"], I = m?.[r];
+      I && await u.replace({
+        path: I.path,
         query: d.value?.query ?? {}
       }), m && r >= m.length && S.emit("tabs:update:tabs", {
         "x-scalar-active-tab": 0
@@ -163,34 +166,34 @@ const Re = 1e3, Ae = 288, Xe = async ({
     const n = b.value.find((r) => r.teamUid === "local" && r.slug === "default") ?? b.value[0];
     if (n)
       return y(n.namespace, n.slug);
-    const c = await O({
+    const c = await _({
       name: "Default Workspace",
       slug: "default"
     });
     if (W.value = !1, !c)
       return console.error("Failed to create the default workspace, something went wrong, can not load the workspace");
     o.reset();
-  }, te = (e) => {
+  }, oe = (e) => {
     k.value = e;
     const a = b.value.find(
       (t) => t.namespace === f.value && t.slug === x.value
     );
-    if (!(a && H(a.teamUid, e)))
+    if (!(a && G(a.teamUid, e)))
       return y("local", "default");
-  }, _ = i(() => {
+  }, P = i(() => {
     const e = s.value;
     if (!e)
       return [];
     const a = e.workspace["x-scalar-order"] ?? Object.keys(e.workspace.documents);
-    return de(Object.keys(e.workspace.documents), a, (t) => t).map((t) => e.workspace.documents[t]?.["x-scalar-navigation"]).filter(M);
-  }), o = fe(_), R = ({
+    return he(Object.keys(e.workspace.documents), a, (t) => t).map((t) => e.workspace.documents[t]?.["x-scalar-navigation"]).filter(j);
+  }), o = ge(P), R = ({
     document: e,
     path: a,
     method: t,
     example: n
-  }) => JSON.stringify([e, a, t, n].filter(M)), P = i(
-    () => he({
-      items: _.value,
+  }) => JSON.stringify([e, a, t, n].filter(j)), V = i(
+    () => ke({
+      items: P.value,
       nestedKey: "children",
       filter: (e) => e.type === "document" || e.type === "operation" || e.type === "example",
       getId: (e) => {
@@ -203,16 +206,16 @@ const Re = 1e3, Ae = 288, Xe = async ({
         });
       }
     })
-  ), I = (e) => {
-    const a = P.value.get(R(e));
-    return a || P.value.get(
+  ), T = (e) => {
+    const a = V.value.get(R(e));
+    return a || V.value.get(
       R({
         document: e.document,
         path: e.path,
         method: e.method
       })
     );
-  }, V = (e) => {
+  }, F = (e) => {
     const a = o.getEntryById(e);
     if (!a) {
       console.warn(`Could not find sidebar entry with id ${e} to select`);
@@ -265,38 +268,38 @@ const Re = 1e3, Ae = 288, Xe = async ({
         }
       });
     o.setExpanded(e, !o.isExpanded(e));
-  }, ne = async () => {
+  }, re = async () => {
     if (!s.value)
       return;
     const e = s.value.workspace["x-scalar-active-tab"] ?? 0, a = s.value.workspace["x-scalar-tabs"]?.[e];
     a && await u.replace(a.path);
-  }, F = (e) => {
+  }, K = (e) => {
     e && s.value?.buildSidebar(e);
-  }, se = (e) => {
+  }, ce = (e) => {
     const a = D.value?.["x-scalar-navigation"]?.name;
     if (!a)
       return;
-    const t = I({
+    const t = T({
       document: a,
       path: e.path,
       method: e.method,
       example: e.exampleKey
     });
-    (!t || t.type !== "example") && (F(a), d.value && q(d.value));
-  }, oe = i(() => s.value?.workspace?.["x-scalar-sidebar-width"] ?? Ae), re = (e) => s.value?.update("x-scalar-sidebar-width", e), A = p(!0), ce = "x-scalar-tabs", le = "x-scalar-active-tab", C = (e) => {
+    (!t || t.type !== "example") && (K(a), d.value && M(d.value));
+  }, le = i(() => s.value?.workspace?.["x-scalar-sidebar-width"] ?? Ne), ue = (e) => s.value?.update("x-scalar-sidebar-width", e), A = p(!0), ie = "x-scalar-tabs", pe = "x-scalar-active-tab", C = (e) => {
     const a = l("method", e), t = l("pathEncoded", e), n = l("documentSlug", e), c = l("workspaceSlug", e);
     return {
-      ...We({
+      ...De({
         workspace: c,
         document: n,
         path: t,
         method: a,
-        getEntryByLocation: I
+        getEntryByLocation: T
       }),
       path: d.value?.path ?? ""
     };
-  }, K = i(() => s.value?.workspace[ce] ?? [C(d.value)]), ue = i(() => s.value?.workspace[le] ?? 0), $ = async (e) => {
-    const a = K.value[e];
+  }, $ = i(() => s.value?.workspace[ie] ?? [C(d.value)]), me = i(() => s.value?.workspace[pe] ?? 0), q = async (e) => {
+    const a = $.value[e];
     if (!a) {
       console.warn(`Cannot copy URL: tab at index ${e} does not exist`);
       return;
@@ -307,28 +310,28 @@ const Re = 1e3, Ae = 288, Xe = async ({
     } catch (n) {
       console.error("Failed to copy URL to clipboard:", n);
     }
-  }, ie = (e) => {
+  }, de = (e) => {
     const a = l("workspaceSlug", e), t = l("documentSlug", e), n = l("namespace", e);
     if (!n || !a)
       return;
     const c = v.value.find(
       (r) => r.slug === a && r.namespace === n
     );
-    if (c && !H(c.teamUid, k.value))
+    if (c && !G(c.teamUid, k.value))
       return y("local", "default");
-    if (f.value = n, x.value = a, E.value = t, B.value = l("method", e), L.value = l("pathEncoded", e), N.value = l("exampleName", e), e.path !== "" && Ie.setCurrentPath(e.path), w(f.value, a) !== U.value?.id)
-      return ae(f.value, a);
-    t && t !== s.value?.workspace[be.workspace.activeDocument] && s?.value?.update("x-scalar-active-document", t), pe(e), q(e);
-  }, pe = (e) => {
+    if (f.value = n, x.value = a, E.value = t, L.value = l("method", e), N.value = l("pathEncoded", e), O.value = l("exampleName", e), e.path !== "" && Ae.setCurrentPath(e.path), w(f.value, a) !== U.value?.id)
+      return se(f.value, a);
+    t && t !== s.value?.workspace[Ee.workspace.activeDocument] && s?.value?.update("x-scalar-active-document", t), ve(e), M(e);
+  }, ve = (e) => {
     const a = s.value?.workspace["x-scalar-tabs"] ?? [], t = s.value?.workspace["x-scalar-active-tab"] ?? 0, n = a[t];
     !n || n.path === e.path || (a[t] = C(e));
-  }, q = (e) => {
+  }, M = (e) => {
     const a = l("documentSlug", e);
     if (!a) {
       o.setSelected(null);
       return;
     }
-    const t = I({
+    const t = T({
       document: a,
       path: l("pathEncoded", e),
       method: l("method", e),
@@ -336,19 +339,23 @@ const Re = 1e3, Ae = 288, Xe = async ({
     });
     t && (o.setSelected(t.id), o.setExpanded(t.id, !0));
   };
-  Te({
+  Ce({
     eventBus: S,
     router: u,
     store: s,
-    navigateToCurrentTab: ne,
-    rebuildSidebar: F,
-    onAfterExampleCreation: se,
-    onSelectSidebarItem: V,
-    onCopyTabUrl: (e) => $(e),
+    navigateToCurrentTab: re,
+    rebuildSidebar: K,
+    onAfterExampleCreation: ce,
+    onSelectSidebarItem: F,
+    onCopyTabUrl: (e) => q(e),
     onToggleSidebar: () => A.value = !A.value,
-    renameWorkspace: Q
+    renameWorkspace: ee
   });
-  const me = i(() => {
+  const Y = Te({
+    fallbackThemeSlug: Q,
+    customThemes: B,
+    store: s
+  }), fe = i(() => {
     const e = s.value?.workspace["x-scalar-color-mode"] ?? "system";
     return e === "system" ? window.matchMedia?.("(prefers-color-scheme: dark)")?.matches ?? !1 : e === "dark";
   });
@@ -357,22 +364,22 @@ const Re = 1e3, Ae = 288, Xe = async ({
     store: s,
     sidebar: {
       state: o,
-      width: oe,
+      width: le,
       isOpen: A,
-      handleSelectItem: V,
-      handleSidebarWidthUpdate: re,
-      getEntryByLocation: I
+      handleSelectItem: F,
+      handleSidebarWidthUpdate: ue,
+      getEntryByLocation: T
     },
     tabs: {
-      state: K,
-      activeTabIndex: ue,
-      copyTabUrl: $
+      state: $,
+      activeTabIndex: me,
+      copyTabUrl: q
     },
     workspace: {
-      create: O,
+      create: _,
       workspaceList: v,
       filteredWorkspaceList: b,
-      workspaceGroups: G,
+      workspaceGroups: X,
       activeWorkspace: U,
       navigateToWorkspace: y,
       isOpen: i(() => !!(x.value && !E.value))
@@ -385,17 +392,22 @@ const Re = 1e3, Ae = 288, Xe = async ({
       namespace: f,
       workspaceSlug: x,
       documentSlug: E,
-      path: L,
-      method: B,
-      exampleName: N,
-      teamUid: ye(k),
-      setTeamUid: te
+      path: N,
+      method: L,
+      exampleName: O,
+      teamUid: We(k),
+      setTeamUid: oe
     },
-    environment: J,
+    environment: Z,
     document: D,
-    isDarkMode: me
+    isDarkMode: fe,
+    theme: {
+      styles: Y.themeStyles,
+      themeStyleTag: Y.themeStyleTag,
+      customThemes: B
+    }
   };
 };
 export {
-  Xe as createAppState
+  na as createAppState
 };

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

@@ -21,7 +21,7 @@ type CreateApiClientOptions = {
      * Fallback theme slug to use if no theme is selected for the workspace
      * @default 'default'
      */
-    fallbackThemeSlug?: string;
+    fallbackThemeSlug?: () => string;
 };
 /**
  * Creates the appropriate router with the appropriate routes based on the layout

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":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAO3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,KAAK,sBAAsB,GAAG;IAC5B;;;;;OAKG;IACH,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,EAAE,CAAA;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,sBAAsB,CAAC,QAAQ,CAAC,gCAQvE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,IAAI,WAAW,GAAG,IAAI,EACtB,sDAA8E,sBAAsB;;;cAkCrG,CAAA"}
+{"version":3,"file":"create-api-client-app.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/create-api-client-app.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAO3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,KAAK,sBAAsB,GAAG;IAC5B;;;;;OAKG;IACH,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,EAAE,CAAA;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,MAAM,CAAA;CACjC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,sBAAsB,CAAC,QAAQ,CAAC,gCAQvE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,IAAI,WAAW,GAAG,IAAI,EACtB,sDAAkE,sBAAsB;;;cAgCzF,CAAA"}

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

@@ -5,12 +5,10 @@ import f from "../App.vue.js";
 import { createAppState as A } from "../app-state.js";
 import { ROUTES as c } from "./routes.js";
 import { useCommandPaletteState as h } from "../../command-palette/hooks/use-command-palette-state.js";
-const S = (t) => t === "web" ? p({ history: u(), routes: c }) : p({ history: d(), routes: c }), k = async (t, { layout: r = "desktop", plugins: i, customThemes: m, fallbackThemeSlug: n = "default" }) => {
-  const o = S(r), a = await A({ router: o }), s = h(), e = l(f, {
+const S = (t) => t === "web" ? p({ history: u(), routes: c }) : p({ history: d(), routes: c }), k = async (t, { layout: r = "desktop", plugins: i, customThemes: m, fallbackThemeSlug: n }) => {
+  const o = S(r), a = await A({ router: o, customThemes: m, fallbackThemeSlug: n }), s = h(), e = l(f, {
     layout: r,
     plugins: i,
-    customThemes: m,
-    fallbackThemeSlug: n,
     getAppState: () => a,
     getCommandPaletteState: () => s
   });

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

@@ -9,22 +9,39 @@ import type { MergedSecuritySchemes } from '../../../../v2/blocks/scalar-auth-se
 import type { ClientLayout } from '../../../../v2/types/layout';
 /** These props are provided at the route level */
 export type RouteProps = {
+    /** The slug of the currently selected document in the workspace */
     documentSlug: string;
+    /** The currently active document */
     document: WorkspaceDocument | null;
+    /** The workspace event bus */
     eventBus: WorkspaceEventBus;
+    /** The layout of the client */
     layout: ClientLayout;
+    /** The API path currently selected (e.g. "/users/{id}") */
     path?: string;
+    /** The HTTP method for the currently selected API path (e.g. GET, POST) */
     method?: HttpMethod;
+    /** The name of the currently selected example (for examples within an endpoint) */
     exampleName?: string;
+    /** The currently active environment */
     environment: XScalarEnvironment;
+    /** The merged security schemes */
     securitySchemes: MergedSecuritySchemes;
+    /** The workspace store */
     workspaceStore: WorkspaceStore;
+    /** The currently active workspace */
     activeWorkspace: {
         id: string;
         label: string;
     };
+    /** Client plugins */
     plugins: ClientPlugin[];
+    /** Custom themes available to the team */
     customThemes?: Theme[];
+    /** The currently selected theme styles string */
+    currentTheme?: string;
+    /** Whether the current color mode is dark */
+    isDarkMode?: boolean;
 };
 /** When in the collections pages */
 export type CollectionProps = RouteProps & ({

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;AAEnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAC3C,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,qBAAqB,EAAE,MAAM,+DAA+D,CAAA;AAY1G,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,eAAe,EAAE,qBAAqB,CAAA;IACtC,cAAc,EAAE,cAAc,CAAA;IAC9B,eAAe,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,YAAY,CAAC,EAAE,KAAK,EAAE,CAAA;CAGvB,CAAA;AAED,oCAAoC;AACpC,MAAM,MAAM,eAAe,GAAG,UAAU,GACtC,CACI;IACE,cAAc,EAAE,UAAU,GAAG,WAAW,CAAA;IACxC,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GACD;IACE,cAAc,EAAE,WAAW,CAAA;IAC3B,QAAQ,EAAE,IAAI,CAAA;CACf,CACJ,CAAA;AAEH,MAAM,MAAM,0BAA0B,GAClC,WAAW,GACX,eAAe,GACf,cAAc,GACd,aAAa,GACb,QAAQ,GACR,aAAa,CAAA;AAEjB,kFAAkF;AAClF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAlBK,UAAU,GAAG,WAAW;kCAC9B,iBAAiB;;wCAGX,WAAW;kCACjB,IAAI;;wCALE,UAAU,GAAG,WAAW;kCAC9B,iBAAiB;;wCAGX,WAAW;kCACjB,IAAI;;;;;;;;;;;;;;;;;;;;;oCALE,UAAU,GAAG,WAAW;8BAC9B,iBAAiB;;oCAGX,WAAW;8BACjB,IAAI;;oCALE,UAAU,GAAG,WAAW;8BAC9B,iBAAiB;;oCAGX,WAAW;8BACjB,IAAI;;;;;;;;;;;;;;;gCALE,UAAU,GAAG,WAAW;0BAC9B,iBAAiB;;gCAGX,WAAW;0BACjB,IAAI;;gCALE,UAAU,GAAG,WAAW;0BAC9B,iBAAiB;;gCAGX,WAAW;0BACjB,IAAI;;;;;;;;;IA8JM,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;AAEnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAC3C,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,qBAAqB,EAAE,MAAM,+DAA+D,CAAA;AAa1G,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,kDAAkD;AAClD,MAAM,MAAM,UAAU,GAAG;IACvB,mEAAmE;IACnE,YAAY,EAAE,MAAM,CAAA;IACpB,oCAAoC;IACpC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,8BAA8B;IAC9B,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,+BAA+B;IAC/B,MAAM,EAAE,YAAY,CAAA;IACpB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,WAAW,EAAE,kBAAkB,CAAA;IAC/B,kCAAkC;IAClC,eAAe,EAAE,qBAAqB,CAAA;IACtC,0BAA0B;IAC1B,cAAc,EAAE,cAAc,CAAA;IAC9B,qCAAqC;IACrC,eAAe,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C,qBAAqB;IACrB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,KAAK,EAAE,CAAA;IACtB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,oCAAoC;AACpC,MAAM,MAAM,eAAe,GAAG,UAAU,GACtC,CACI;IACE,cAAc,EAAE,UAAU,GAAG,WAAW,CAAA;IACxC,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GACD;IACE,cAAc,EAAE,WAAW,CAAA;IAC3B,QAAQ,EAAE,IAAI,CAAA;CACf,CACJ,CAAA;AAEH,MAAM,MAAM,0BAA0B,GAClC,WAAW,GACX,eAAe,GACf,cAAc,GACd,aAAa,GACb,QAAQ,GACR,aAAa,CAAA;AAEjB,kFAAkF;AAClF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAlBK,UAAU,GAAG,WAAW;kCAC9B,iBAAiB;;wCAGX,WAAW;kCACjB,IAAI;;wCALE,UAAU,GAAG,WAAW;kCAC9B,iBAAiB;;wCAGX,WAAW;kCACjB,IAAI;;;;;;;;;;;;;;;;;;;;;oCALE,UAAU,GAAG,WAAW;8BAC9B,iBAAiB;;oCAGX,WAAW;8BACjB,IAAI;;oCALE,UAAU,GAAG,WAAW;8BAC9B,iBAAiB;;oCAGX,WAAW;8BACjB,IAAI;;;;;;;;;;;;;;;gCALE,UAAU,GAAG,WAAW;0BAC9B,iBAAiB;;gCAGX,WAAW;0BACjB,IAAI;;gCALE,UAAU,GAAG,WAAW;0BAC9B,iBAAiB;;gCAGX,WAAW;0BACjB,IAAI;;;;;;;;;IAmKM,CAAA"}

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

@@ -10,7 +10,8 @@ import v from "../../collection/OperationCollection.vue.js";
 import f from "../../collection/WorkspaceCollection.vue.js";
 import { workspaceStorage as p } from "../../../helpers/storage.js";
 import l from "../../operation/Operation.vue.js";
-const R = [
+import w from "../../collection/components/Editor/Editor.vue.js";
+const O = [
   {
     path: "/@:namespace/:workspaceSlug",
     children: [
@@ -48,6 +49,11 @@ const R = [
                     name: "operation.authentication",
                     path: "authentication",
                     component: o
+                  },
+                  {
+                    name: "operation.editor",
+                    path: "editor",
+                    component: w
                   }
                 ]
               }
@@ -146,5 +152,5 @@ const R = [
   }
 ];
 export {
-  R as ROUTES
+  O as ROUTES
 };

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

@@ -37,6 +37,20 @@ export declare const useTheme: ({ fallbackThemeSlug, store, customThemes, }: {
     fallbackThemeSlug: MaybeRefOrGetter<string>;
     store: MaybeRefOrGetter<WorkspaceStore | null>;
 }) => {
+    /**
+     * Computed ref containing the resolved theme styles object
+     * for the currently active theme. Always returns a style object,
+     * never null, with proper fallback logic if custom or workspace themes are missing.
+     */
+    themeStyles: import("vue").ComputedRef<{
+        themeStyles: string;
+        themeSlug: string;
+    }>;
+    /**
+     * Computed ref containing a <style> tag as a string,
+     * ready to be injected into the DOM.
+     * This wraps the currently active theme CSS variables/styles.
+     */
     themeStyleTag: import("vue").ComputedRef<string>;
 };
 //# sourceMappingURL=use-theme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/hooks/use-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAA8B,MAAM,gBAAgB,CAAA;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,KAAK,CAAA;AAkC9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,QAAQ,GAAI,6CAItB;IACD,YAAY,EAAE,gBAAgB,CAAC,KAAK,EAAE,CAAC,CAAA;IACvC,iBAAiB,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC3C,KAAK,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAC/C;;CA2CA,CAAA"}
+{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/hooks/use-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAA8B,MAAM,gBAAgB,CAAA;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,KAAK,CAAA;AAkC9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,QAAQ,GAAI,6CAItB;IACD,YAAY,EAAE,gBAAgB,CAAC,KAAK,EAAE,CAAC,CAAA;IACvC,iBAAiB,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC3C,KAAK,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAC/C;IA6CG;;;;OAIG;;qBAhDuC,MAAM;mBAAa,MAAM;;IAmDnE;;;;OAIG;;CAGN,CAAA"}

package/dist/v2/features/app/hooks/use-theme.js

@@ -1,34 +1,48 @@
-import { themePresets as y, defaultFonts as S } from "@scalar/themes";
-import { computed as T, toValue as a } from "vue";
-const p = new Map(y.map((e) => [e.slug, e])), l = (e, s = "scalar-theme") => `<style id="scalar-theme" data-testid="${s}">${e}</style>`, o = (e, s) => {
-  const r = (t) => `${t}
-${S}`;
-  if (p.has(e))
-    return r(p.get(e)?.theme ?? "");
-  const c = s.find((t) => t.slug === e);
-  if (c)
-    return r(c.theme);
+import { themePresets as p, defaultFonts as g } from "@scalar/themes";
+import { computed as d, toValue as a } from "vue";
+const i = new Map(p.map((e) => [e.slug, e])), T = (e, l = "scalar-theme") => `<style id="scalar-theme" data-testid="${l}">${e}</style>`, o = (e, l) => {
+  const t = (r) => `${r}
+${g}`;
+  if (i.has(e))
+    return t(i.get(e)?.theme ?? "");
+  const s = l.find((r) => r.slug === e);
+  if (s)
+    return t(s.theme);
 }, w = ({
   fallbackThemeSlug: e,
-  store: s,
-  customThemes: r
-}) => ({
-  themeStyleTag: T(() => {
-    const t = l(o("default", []), "default"), m = a(s), n = a(e);
-    if (m === null)
-      return t;
-    const f = m.workspace["x-scalar-theme"], u = f === "none" ? n : f;
-    if (!u) {
-      const i = o(n, a(r));
-      return i ? l(i, n) : t;
+  store: l,
+  customThemes: t
+}) => {
+  const s = d(() => {
+    const u = { themeStyles: o("default", []), themeSlug: "default" }, c = a(l), n = a(e);
+    if (c === null)
+      return u;
+    const h = c.workspace["x-scalar-theme"], m = h === "none" ? n : h;
+    if (!m) {
+      const y = o(n, a(t));
+      return y ? { themeStyles: y, themeSlug: n } : u;
     }
-    const h = o(u, a(r));
-    if (h)
-      return l(h, u);
-    const d = o(n, a(r));
-    return d ? l(d, n) : t;
-  })
-});
+    const S = o(m, a(t));
+    if (S)
+      return { themeStyles: S, themeSlug: m };
+    const f = o(n, a(t));
+    return f ? { themeStyles: f, themeSlug: n } : u;
+  }), r = d(() => T(s.value.themeStyles, s.value.themeSlug));
+  return {
+    /**
+     * Computed ref containing the resolved theme styles object
+     * for the currently active theme. Always returns a style object,
+     * never null, with proper fallback logic if custom or workspace themes are missing.
+     */
+    themeStyles: s,
+    /**
+     * Computed ref containing a <style> tag as a string,
+     * ready to be injected into the DOM.
+     * This wraps the currently active theme CSS variables/styles.
+     */
+    themeStyleTag: r
+  };
+};
 export {
   w as useTheme
 };