@scalar/api-client 2.17.8 → 2.18.0

package/dist/v2/components/data-table/DataTableInputSelect.vue.js

@@ -1,57 +1,60 @@
-import { defineComponent as T, computed as m, ref as y, watch as k, nextTick as E, createElementBlock as f, openBlock as o, createBlock as v, withDirectives as K, unref as a, withCtx as n, createVNode as s, createElementVNode as i, toDisplayString as V, withKeys as M, vModelText as R, createCommentVNode as C, Fragment as _, renderList as U, normalizeClass as $ } from "vue";
-import { ScalarComboboxMultiselect as F, ScalarButton as b, ScalarIcon as h, ScalarDropdown as L, ScalarDropdownItem as B, ScalarDropdownDivider as W } from "@scalar/components";
+import { defineComponent as T, computed as p, ref as w, watch as b, nextTick as E, createElementBlock as m, openBlock as o, createBlock as f, withDirectives as K, unref as a, withCtx as n, createVNode as s, createElementVNode as i, toDisplayString as V, withKeys as M, vModelText as R, createCommentVNode as C, Fragment as _, renderList as U, normalizeClass as $ } from "vue";
+import { ScalarComboboxMultiselect as F, ScalarButton as B, ScalarIcon as v, ScalarDropdown as L, ScalarDropdownItem as D, ScalarDropdownDivider as W } from "@scalar/components";
 const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-full pr-10 -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline" }, G = { class: "text-c-1 whitespace-nowrap" }, H = { class: "text-c-1 overflow-hidden text-ellipsis" }, J = { class: "overflow-hidden text-ellipsis" }, P = { class: "flex h-4 w-4 items-center justify-center" }, Z = /* @__PURE__ */ T({
   __name: "DataTableInputSelect",
   props: {
-    modelValue: { type: [String, Number, Boolean] },
+    modelValue: { type: [String, Number, Boolean, Array, Object] },
     value: {},
-    default: { type: [String, Number, Boolean] },
+    default: { type: [String, Number, Boolean, Array, Object] },
     canAddCustomValue: { type: Boolean, default: !0 },
     type: {}
   },
   emits: ["update:modelValue"],
-  setup(D, { emit: z }) {
-    const u = D, c = z, p = m(() => u.value ?? []), d = y(!1), r = y(""), x = y(null);
-    k(r, (e) => {
+  setup(j, { emit: z }) {
+    const u = j, c = z, h = p(() => u.value ?? []), d = w(!1), r = w(""), x = w(null);
+    b(r, (e) => {
       c("update:modelValue", e);
     });
     const g = (e) => {
       c("update:modelValue", e), d.value = !1;
-    }, j = () => {
-      r.value.trim() && g(r.value);
     }, A = () => {
+      r.value.trim() && g(r.value);
+    }, N = () => {
       r.value.trim() || c("update:modelValue", ""), d.value = !1;
-    }, N = (e) => u.modelValue.toString() === e;
-    k(d, (e) => {
+    }, O = (e) => u.modelValue.toString() === e;
+    b(d, (e) => {
       e && E(() => {
         x.value?.focus();
       });
     });
-    const S = m(() => u.modelValue !== void 0 ? u.modelValue : u.default), w = m(() => {
-      const e = new Set(u.modelValue.toString().split(", "));
-      return p.value.filter((t) => e.has(t)).map((t) => ({ id: t, label: t, value: t }));
-    }), I = m(
-      () => p.value.map((e) => ({ id: e, label: e, value: e }))
-    ), O = (e) => {
+    const S = p(() => u.modelValue !== void 0 ? u.modelValue : u.default), k = p(
+      () => h.value.map((e) => {
+        const t = e.toString();
+        return { id: t, label: t, value: t };
+      })
+    ), y = p(() => {
+      const e = new Set(u.modelValue.toString().split(","));
+      return k.value.filter((t) => e.has(t.id));
+    }), I = (e) => {
       const t = e.map((l) => l.value);
-      c("update:modelValue", t.join(", "));
+      c("update:modelValue", t.join(","));
     };
-    return (e, t) => (o(), f("div", q, [
-      e.type === "array" ? (o(), v(a(F), {
+    return (e, t) => (o(), m("div", q, [
+      e.type === "array" ? (o(), f(a(F), {
         key: 0,
-        modelValue: w.value,
-        options: I.value,
-        "onUpdate:modelValue": O
+        modelValue: y.value,
+        options: k.value,
+        "onUpdate:modelValue": I
       }, {
         default: n(() => [
-          s(a(b), {
+          s(a(B), {
             class: "custom-scroll h-full justify-start gap-1.5 px-2 py-1.5 pr-6 font-normal outline-none",
             fullWidth: "",
             variant: "ghost"
           }, {
             default: n(() => [
-              i("span", G, V(w.value.length > 0 ? w.value.map((l) => l.label).join(", ") : "Select a value"), 1),
-              s(a(h), {
+              i("span", G, V(y.value.length > 0 ? y.value.map((l) => l.label).join(", ") : "Select a value"), 1),
+              s(a(v), {
                 class: "min-w-4",
                 icon: "ChevronDown",
                 size: "md"
@@ -61,7 +64,7 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
           })
         ]),
         _: 1
-      }, 8, ["modelValue", "options"])) : d.value ? K((o(), f("input", {
+      }, 8, ["modelValue", "options"])) : d.value ? K((o(), m("input", {
         key: 1,
         ref_key: "inputRef",
         ref: x,
@@ -69,17 +72,17 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
         class: "text-c-1 w-full min-w-0 border-none px-2 py-1.5 outline-none",
         placeholder: "Value",
         type: "text",
-        onBlur: A,
-        onKeyup: M(j, ["enter"])
+        onBlur: N,
+        onKeyup: M(A, ["enter"])
       }, null, 544)), [
         [R, r.value]
-      ]) : (o(), v(a(L), {
+      ]) : (o(), f(a(L), {
         key: 2,
         resize: "",
         value: S.value
       }, {
         items: n(() => [
-          (o(!0), f(_, null, U(p.value, (l) => (o(), v(a(B), {
+          (o(!0), m(_, null, U(h.value, (l) => (o(), f(a(D), {
             key: l,
             class: "group/item flex items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
             value: l,
@@ -89,10 +92,10 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
               i("div", {
                 class: $([
                   "flex h-4 w-4 items-center justify-center rounded-full p-[3px]",
-                  N(l) ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
+                  O(l) ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
                 ])
               }, [
-                s(a(h), {
+                s(a(v), {
                   class: "size-2.5",
                   icon: "Checkmark",
                   thickness: "3"
@@ -102,15 +105,15 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
             ]),
             _: 2
           }, 1032, ["value", "onClick"]))), 128)),
-          e.canAddCustomValue ? (o(), f(_, { key: 0 }, [
-            p.value.length ? (o(), v(a(W), { key: 0 })) : C("", !0),
-            s(a(B), {
+          e.canAddCustomValue ? (o(), m(_, { key: 0 }, [
+            h.value.length ? (o(), f(a(W), { key: 0 })) : C("", !0),
+            s(a(D), {
               class: "flex items-center gap-1.5",
               onClick: t[1] || (t[1] = (l) => d.value = !0)
             }, {
               default: n(() => [
                 i("div", P, [
-                  s(a(h), {
+                  s(a(v), {
                     icon: "Add",
                     size: "sm"
                   })
@@ -122,13 +125,13 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
           ], 64)) : C("", !0)
         ]),
         default: n(() => [
-          s(a(b), {
+          s(a(B), {
             class: "size-full justify-start gap-1.5 overflow-auto px-2 py-1.5 font-normal whitespace-nowrap outline-none",
             variant: "ghost"
           }, {
             default: n(() => [
               i("span", H, V(S.value ?? "Select a value"), 1),
-              s(a(h), {
+              s(a(v), {
                 icon: "ChevronDown",
                 size: "md"
               })

package/dist/v2/components/sidebar/Sidebar.vue.d.ts

@@ -1,8 +1,8 @@
+import { type ScalarListboxOption } from '@scalar/components';
 import { type DraggingItem, type HoveredItem, type SidebarState } from '@scalar/sidebar';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { WorkspaceDocument } from '@scalar/workspace-store/schemas';
 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 = {
     /** All documents to display sidebar items for */
@@ -10,9 +10,11 @@ type __VLS_Props = {
     /** Layout for the client */
     layout: ClientLayout;
     /** The currently active workspace */
-    activeWorkspace: Workspace;
+    activeWorkspace: {
+        id: string;
+    };
     /** The list of all available workspaces */
-    workspaces: Workspace[];
+    workspaces: ScalarListboxOption[];
     /** The workspace event bus for handling workspace-level events */
     eventBus: WorkspaceEventBus;
     /** The documents belonging to the workspace */

package/dist/v2/components/sidebar/Sidebar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/sidebar/Sidebar.vue"],"names":[],"mappings":"AAyJA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAIhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAA;AAE/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,KAAK,WAAW,GAAG;IACjB,iDAAiD;IACjD,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAC1C,4BAA4B;IAC5B,MAAM,EAAE,YAAY,CAAA;IACpB,qCAAqC;IACrC,eAAe,EAAE,SAAS,CAAA;IAC1B,2CAA2C;IAC3C,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,kEAAkE;IAClE,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,+CAA+C;IAC/C,SAAS,EAAE,iBAAiB,EAAE,CAAA;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EACR,OAAO,GACP,CAAC,CAAC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,KAAK,OAAO,CAAC,CAAA;CACxE,CAAC;AAeF,KAAK,WAAW,GAAG;IACjB,uCAAuC;IACvC,eAAe,CAAC,IAAI,OAAO,CAAA;IAC3B,sDAAsD;IACtD,SAAS,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,cAAc,CAAA;KAAE,GAAG,OAAO,CAAA;IACpD,mDAAmD;IACnD,MAAM,CAAC,IAAI,OAAO,CAAA;IAClB,yDAAyD;IACzD,KAAK,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,cAAc,CAAA;KAAE,GAAG,OAAO,CAAA;CACjD,CAAC;AAiBF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;AAqNF,QAAA,MAAM,eAAe;;;;;;;;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/sidebar/Sidebar.vue"],"names":[],"mappings":"AAsJA,OAAO,EAAoB,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAE/E,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAKhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,KAAK,WAAW,GAAG;IACjB,iDAAiD;IACjD,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAC1C,4BAA4B;IAC5B,MAAM,EAAE,YAAY,CAAA;IACpB,qCAAqC;IACrC,eAAe,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/B,2CAA2C;IAC3C,UAAU,EAAE,mBAAmB,EAAE,CAAA;IACjC,kEAAkE;IAClE,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,+CAA+C;IAC/C,SAAS,EAAE,iBAAiB,EAAE,CAAA;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EACR,OAAO,GACP,CAAC,CAAC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,KAAK,OAAO,CAAC,CAAA;CACxE,CAAC;AAeF,KAAK,WAAW,GAAG;IACjB,uCAAuC;IACvC,eAAe,CAAC,IAAI,OAAO,CAAA;IAC3B,sDAAsD;IACtD,SAAS,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,cAAc,CAAA;KAAE,GAAG,OAAO,CAAA;IACpD,mDAAmD;IACnD,MAAM,CAAC,IAAI,OAAO,CAAA;IAClB,yDAAyD;IACzD,KAAK,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,cAAc,CAAA;KAAE,GAAG,OAAO,CAAA;CACjD,CAAC;AAiBF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;AAqNF,QAAA,MAAM,eAAe;;;;;;;;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/components/sidebar/SidebarMenu.vue.d.ts

@@ -1,15 +1,17 @@
-import type { Workspace } from '../../../v2/features/app/hooks/use-workspace-selector.js';
+import { type ScalarListboxOption } from '@scalar/components';
 type __VLS_Props = {
     /**
      * 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[];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "create:workspace": () => any;

package/dist/v2/components/sidebar/SidebarMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/sidebar/SidebarMenu.vue"],"names":[],"mappings":"AAkGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAA;AAE/E,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,eAAe,EAAE,SAAS,CAAA;IAC1B;;;OAGG;IACH,UAAU,EAAE,SAAS,EAAE,CAAA;CACxB,CAAC;;;;;;;;AAgJF,wBAOG"}
+{"version":3,"file":"SidebarMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/sidebar/SidebarMenu.vue"],"names":[],"mappings":"AA2EA,OAAO,EAOL,KAAK,mBAAmB,EACzB,MAAM,oBAAoB,CAAA;AAI3B,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,eAAe,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/B;;;OAGG;IACH,UAAU,EAAE,mBAAmB,EAAE,CAAA;CAClC,CAAC;;;;;;;;AAwIF,wBAOG"}

package/dist/v2/components/sidebar/SidebarMenu.vue.js

@@ -1,42 +1,37 @@
-import { defineComponent as m, computed as k, createBlock as d, openBlock as S, unref as o, withCtx as t, createVNode as r, createTextVNode as i } from "vue";
-import { ScalarMenu as f, ScalarMenuSection as w, ScalarMenuWorkspacePicker as M, ScalarMenuLink as C, ScalarMenuResources as V, ScalarMenuSupport as v } from "@scalar/components";
-import { ScalarIconGear as W } from "@scalar/icons";
-import { RouterLink as x } from "vue-router";
-const L = /* @__PURE__ */ m({
+import { defineComponent as c, createBlock as u, openBlock as k, unref as o, withCtx as r, createVNode as t, createTextVNode as i } from "vue";
+import { ScalarMenu as m, ScalarMenuSection as d, ScalarMenuWorkspacePicker as S, ScalarMenuLink as f, ScalarMenuResources as w, ScalarMenuSupport as M } from "@scalar/components";
+import { ScalarIconGear as C } from "@scalar/icons";
+import { RouterLink as V } from "vue-router";
+const L = /* @__PURE__ */ c({
   __name: "SidebarMenu",
   props: {
     activeWorkspace: {},
     workspaces: {}
   },
   emits: ["create:workspace", "select:workspace"],
-  setup(l, { emit: p }) {
-    const n = p, c = k(
-      () => l.workspaces.map((a) => ({
-        label: a.name,
-        id: a.id
-      }))
-    );
-    return (a, e) => (S(), d(o(f), null, {
-      products: t(() => [...e[2] || (e[2] = [])]),
-      sections: t(({ close: u }) => [
-        r(o(w), null, {
-          title: t(() => [...e[3] || (e[3] = [
+  setup(W, { emit: p }) {
+    const a = p;
+    return (n, e) => (k(), u(o(m), null, {
+      products: r(() => [...e[2] || (e[2] = [])]),
+      sections: r(({ close: l }) => [
+        t(o(d), null, {
+          title: r(() => [...e[3] || (e[3] = [
             i("Team", -1)
           ])]),
-          default: t(() => [
-            r(o(M), {
-              modelValue: a.activeWorkspace.id,
-              workspaceOptions: c.value,
-              onCreateWorkspace: e[0] || (e[0] = (s) => n("create:workspace")),
-              "onUpdate:modelValue": e[1] || (e[1] = (s) => n("select:workspace", s))
+          default: r(() => [
+            t(o(S), {
+              modelValue: n.activeWorkspace.id,
+              workspaceOptions: n.workspaces,
+              onCreateWorkspace: e[0] || (e[0] = (s) => a("create:workspace")),
+              "onUpdate:modelValue": e[1] || (e[1] = (s) => a("select:workspace", s))
             }, null, 8, ["modelValue", "workspaceOptions"]),
-            r(o(C), {
-              is: o(x),
-              icon: o(W),
+            t(o(f), {
+              is: o(V),
+              icon: o(C),
               to: "/settings",
-              onClick: u
+              onClick: l
             }, {
-              default: t(() => [...e[4] || (e[4] = [
+              default: r(() => [...e[4] || (e[4] = [
                 i(" Settings ", -1)
               ])]),
               _: 1
@@ -44,8 +39,8 @@ const L = /* @__PURE__ */ m({
           ]),
           _: 2
         }, 1024),
-        r(o(V)),
-        r(o(v))
+        t(o(w)),
+        t(o(M))
       ]),
       _: 1
     }));

package/dist/v2/features/app/App.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/App.vue"],"names":[],"mappings":"AA+UA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AASrD;;;;GAIG;;YAGO,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;;YADhB,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;;AAH1B,wBA+aC"}
+{"version":3,"file":"App.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/App.vue"],"names":[],"mappings":"AA0MA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAQrD;;;;GAIG;;YAGO,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;;YADhB,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;;AAH1B,wBAmTC"}

package/dist/v2/features/app/App.vue.js

@@ -1,163 +1,111 @@
-import { defineComponent as $, ref as F, computed as r, createElementBlock as V, createBlock as y, unref as e, openBlock as d, Fragment as z, createElementVNode as W, createVNode as l, withCtx as G, normalizeProps as K, guardReactiveProps as j } from "vue";
-import { useModal as q, ScalarTeleportRoot as J } from "@scalar/components";
-import { isHttpMethod as Q } from "@scalar/helpers/http/is-http-method";
-import { getThemeStyles as X } from "@scalar/themes";
-import { ScalarToasts as Y } from "@scalar/use-toasts";
-import { createWorkspaceEventBus as Z } from "@scalar/workspace-store/events";
-import { useRoute as ee, useRouter as te, RouterView as oe } from "vue-router";
-import ae from "./components/CreateWorkspaceModal.vue.js";
-import re from "./components/SplashScreen.vue.js";
-import { useAppSidebar as se } from "./hooks/use-app-sidebar.js";
-import { useDocumentWatcher as ne } from "./hooks/use-document-watcher.js";
-import { useSyncPath as le } from "./hooks/use-sync-path.js";
-import { useWorkspaceSelector as ce } from "./hooks/use-workspace-selector.js";
-import ue from "../command-palette/components/TheCommandPalette.vue.js";
-import { useCommandPaletteState as pe } from "../command-palette/hooks/use-command-palette-state.js";
-import { getActiveEnvironment as ie } from "../../helpers/get-active-environment.js";
-import { useColorMode as me } from "../../hooks/use-color-mode.js";
-import { useGlobalHotKeys as de } from "../../hooks/use-global-hot-keys.js";
-import ve from "./components/AppSidebar.vue.js";
-import ke from "./components/DesktopTabs.vue.js";
-import Se from "./components/WebTopNav.vue.js";
-import { useTabs as fe } from "./hooks/use-tabs.js";
-import { useWorkspaceClientAppEvents as we } from "./hooks/use-workspace-client-app-events.js";
-const he = ["innerHTML"], ye = { class: "flex min-h-0 flex-1" }, We = { class: "bg-b-1 flex-1" }, be = {}, je = /* @__PURE__ */ $({
-  ...be,
+import { defineComponent as k, computed as u, createElementBlock as w, createBlock as p, unref as t, openBlock as n, Fragment as S, createElementVNode as c, createVNode as o, withCtx as f, normalizeProps as b, guardReactiveProps as h } from "vue";
+import { useModal as W, ScalarTeleportRoot as T } from "@scalar/components";
+import { getThemeStyles as y } from "@scalar/themes";
+import { ScalarToasts as B } from "@scalar/use-toasts";
+import { extensions as _ } from "@scalar/workspace-store/schemas/extensions";
+import { RouterView as g } from "vue-router";
+import C from "./components/CreateWorkspaceModal.vue.js";
+import E from "./components/SplashScreen.vue.js";
+import { useDocumentWatcher as O } from "./hooks/use-document-watcher.js";
+import x from "../command-palette/components/TheCommandPalette.vue.js";
+import { useColorMode as I } from "../../hooks/use-color-mode.js";
+import { useGlobalHotKeys as U } from "../../hooks/use-global-hot-keys.js";
+import { useAppState as M } from "./app-state.js";
+import A from "./components/AppSidebar.vue.js";
+import D from "./components/DesktopTabs.vue.js";
+import N from "./components/WebTopNav.vue.js";
+const L = ["innerHTML"], $ = { class: "flex min-h-0 flex-1" }, H = { class: "bg-b-1 flex-1" }, P = {}, se = /* @__PURE__ */ k({
+  ...P,
   __name: "App",
   props: {
     layout: {},
     plugins: { default: () => [] }
   },
-  setup(v) {
-    typeof window < "u" && (window.dataDumpWorkspace = () => o.value);
-    const s = Z({
-      debug: !1
-    }), k = F(!0), B = ee(), A = te(), c = (t) => {
-      const a = B.params[t];
-      return typeof a == "string" ? a : void 0;
-    }, S = r(() => c("workspaceSlug")), n = r(() => c("documentSlug")), p = r(() => !n.value || o.value === null ? null : o.value.workspace.documents[n.value] ?? null), f = r(() => {
-      const t = c("pathEncoded");
-      return t ? decodeURIComponent(t) : void 0;
-    }), w = r(() => {
-      const t = c("method");
-      return t && Q(t) ? t : void 0;
-    }), b = r(() => c("exampleName")), g = ce(), { store: o, workspaces: T, activeWorkspace: i, setWorkspaceId: O, createWorkspace: U } = g;
-    me({ workspaceStore: o });
-    const m = se({
-      workspaceStore: o,
-      documentSlug: n,
-      path: f,
-      method: w,
-      exampleName: b
-    }), E = fe({
-      workspaceStore: o,
-      getEntryByLocation: m.getEntryByLocation,
-      workspaceSlug: S,
-      documentSlug: n,
-      path: f,
-      method: w
-    }), { isLoading: x } = le({
-      workspaceSelectorState: g,
-      tabsState: E,
-      eventBus: s
-    }), _ = pe();
-    we({
-      eventBus: s,
-      document: p,
-      workspaceStore: o,
-      isSidebarOpen: k,
-      commandPaletteState: _,
-      sidebarState: m
-    }), de(s, v.layout), ne({
-      documentName: n,
-      store: o,
+  setup(i) {
+    const e = M();
+    typeof window < "u" && (window.dataDumpWorkspace = () => e.store.value, window.dumpAppState = () => e), I({ workspaceStore: e.store }), U(e.eventBus, i.layout), O({
+      documentName: () => e.store.value?.workspace[_.workspace.activeDocument],
+      store: e.store,
       initialTimeout: 5e3
     });
-    const I = r(
-      () => ie(o.value, p.value)
-    ), M = r(() => {
-      if (o.value === null)
+    const m = u(() => {
+      if (e.store.value === null)
         return "";
-      const t = o.value.workspace["x-scalar-theme"];
-      return t ? `<style>${X(t)}</style>` : "";
-    }), P = 288, D = r(
-      () => o.value?.workspace?.["x-scalar-sidebar-width"] ?? P
-    ), L = r(
-      () => !!(S.value && !n.value)
-    ), N = (t) => o.value?.update("x-scalar-sidebar-width", t), R = () => A.push({
+      const s = e.store.value.workspace["x-scalar-theme"];
+      return s ? `<style>${y(s)}</style>` : "";
+    }), d = () => e.router.value?.push({
       name: "workspace.environment",
-      params: { workspaceSlug: S.value }
-    }), C = (t) => {
-      t && O(t);
-    }, H = r(
-      () => ({
-        documentSlug: n.value ?? "",
-        document: p.value,
-        environment: I.value,
-        eventBus: s,
-        exampleName: b.value,
-        layout: v.layout,
-        method: w.value,
-        path: f.value,
-        workspaceStore: o.value,
-        activeWorkspace: i.value,
-        plugins: v.plugins,
-        securitySchemes: p.value?.components?.securitySchemes ?? {}
-      })
-    ), h = q();
-    return (t, a) => e(o) !== null && e(i) !== null && !e(x) ? (d(), V(z, { key: 0 }, [
-      W("div", { innerHTML: M.value }, null, 8, he),
-      l(e(J), null, {
-        default: G(() => [
-          l(e(Y)),
-          t.layout === "desktop" ? (d(), y(ke, {
+      params: {
+        workspaceSlug: e.activeEntities.workspaceSlug.value
+      }
+    }), l = W(), v = u(() => ({
+      documentSlug: e.activeEntities.documentSlug.value ?? "",
+      document: e.store.value?.workspace.activeDocument ?? null,
+      environment: e.environment.value,
+      eventBus: e.eventBus,
+      exampleName: e.activeEntities.exampleName.value,
+      layout: i.layout,
+      method: e.activeEntities.method.value,
+      path: e.activeEntities.path.value,
+      workspaceStore: e.store.value,
+      activeWorkspace: e.workspace.activeWorkspace.value,
+      plugins: i.plugins,
+      securitySchemes: e.document.value?.components?.securitySchemes ?? {}
+    }));
+    return (s, a) => t(e).store.value !== null && t(e).workspace.activeWorkspace.value !== null && !t(e).loading.value ? (n(), w(S, { key: 0 }, [
+      c("div", { innerHTML: m.value }, null, 8, L),
+      o(t(T), null, {
+        default: f(() => [
+          o(t(B)),
+          s.layout === "desktop" ? (n(), p(D, {
             key: 0,
-            eventBus: e(s),
-            tabsState: e(E)
-          }, null, 8, ["eventBus", "tabsState"])) : (d(), y(Se, {
+            activeTabIndex: t(e).tabs.activeTabIndex.value,
+            eventBus: t(e).eventBus,
+            tabs: t(e).tabs.state.value
+          }, null, 8, ["activeTabIndex", "eventBus", "tabs"])) : (n(), p(N, {
             key: 1,
-            activeWorkspace: e(i),
-            workspaces: e(T),
-            "onCreate:workspace": a[0] || (a[0] = (u) => e(h).show()),
-            "onSelect:workspace": C
-          }, null, 8, ["activeWorkspace", "workspaces"])),
-          W("main", ye, [
-            l(ve, {
-              isSidebarOpen: k.value,
-              "onUpdate:isSidebarOpen": a[1] || (a[1] = (u) => k.value = u),
-              activeWorkspace: e(i),
-              eventBus: e(s),
-              isWorkspaceOpen: L.value,
-              layout: t.layout,
-              sidebarState: e(m).state,
-              sidebarWidth: D.value,
-              store: e(o),
-              workspaces: e(T),
-              "onClick:workspace": R,
-              "onCreate:workspace": a[2] || (a[2] = (u) => e(h).show()),
-              "onSelect:workspace": C,
-              onSelectItem: e(m).handleSelectItem,
-              "onUpdate:sidebarWidth": N
-            }, null, 8, ["isSidebarOpen", "activeWorkspace", "eventBus", "isWorkspaceOpen", "layout", "sidebarState", "sidebarWidth", "store", "workspaces", "onSelectItem"]),
-            l(ae, {
-              state: e(h),
-              "onCreate:workspace": a[3] || (a[3] = (u) => e(U)(u))
+            activeWorkspace: t(e).workspace.activeWorkspace.value,
+            workspaces: t(e).workspace.workspaceList.value,
+            "onCreate:workspace": a[0] || (a[0] = (r) => t(l).show()),
+            "onSelect:workspace": t(e).workspace.setId
+          }, null, 8, ["activeWorkspace", "workspaces", "onSelect:workspace"])),
+          c("main", $, [
+            o(A, {
+              isSidebarOpen: t(e).sidebar.isOpen.value,
+              "onUpdate:isSidebarOpen": a[1] || (a[1] = (r) => t(e).sidebar.isOpen.value = r),
+              activeWorkspace: t(e).workspace.activeWorkspace.value,
+              eventBus: t(e).eventBus,
+              isWorkspaceOpen: t(e).workspace.isOpen.value,
+              layout: s.layout,
+              sidebarState: t(e).sidebar.state,
+              sidebarWidth: t(e).sidebar.width.value,
+              store: t(e).store.value,
+              workspaces: t(e).workspace.workspaceList.value,
+              "onClick:workspace": d,
+              "onCreate:workspace": a[2] || (a[2] = (r) => t(l).show()),
+              "onSelect:workspace": t(e).workspace.setId,
+              onSelectItem: t(e).sidebar.handleSelectItem,
+              "onUpdate:sidebarWidth": t(e).sidebar.handleSidebarWidthUpdate
+            }, null, 8, ["isSidebarOpen", "activeWorkspace", "eventBus", "isWorkspaceOpen", "layout", "sidebarState", "sidebarWidth", "store", "workspaces", "onSelect:workspace", "onSelectItem", "onUpdate:sidebarWidth"]),
+            o(C, {
+              state: t(l),
+              "onCreate:workspace": a[3] || (a[3] = (r) => t(e).workspace.create(r))
             }, null, 8, ["state"]),
-            l(ue, {
-              eventBus: e(s),
-              paletteState: e(_),
-              workspaceStore: e(o)
+            o(x, {
+              eventBus: t(e).eventBus,
+              paletteState: t(e).commandPalette,
+              workspaceStore: t(e).store.value
             }, null, 8, ["eventBus", "paletteState", "workspaceStore"]),
-            W("div", We, [
-              l(e(oe), K(j(H.value)), null, 16)
+            c("div", H, [
+              o(t(g), b(h(v.value)), null, 16)
             ])
           ])
         ]),
         _: 1
       })
-    ], 64)) : (d(), y(re, { key: 1 }));
+    ], 64)) : (n(), p(E, { key: 1 }));
   }
 });
 export {
-  je as default
+  se as default
 };

package/dist/v2/features/app/app-events.d.ts

@@ -0,0 +1,22 @@
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import { type OperationExampleMeta } from '@scalar/workspace-store/mutators';
+import type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace';
+import { type ComputedRef, type ShallowRef } from 'vue';
+import type { Router } from 'vue-router';
+import type { OpenCommand } from '../command-palette/hooks/use-command-palette-state.js';
+export declare function initializeAppEventHandlers({ eventBus, getStore, document, router, rebuildSidebar, navigateToCurrentTab, onSelectSidebarItem, onAfterExampleCreation, onOpenCommandPalette, onCopyTabUrl, onToggleSidebar, }: {
+    eventBus: WorkspaceEventBus;
+    getStore: () => WorkspaceStore | null;
+    /** Current active document */
+    document: ComputedRef<WorkspaceDocument | null>;
+    router: ShallowRef<Router | null>;
+    navigateToCurrentTab: () => Promise<void>;
+    rebuildSidebar: (documentName?: string) => void;
+    onSelectSidebarItem: (id: string) => void;
+    onAfterExampleCreation: (o: OperationExampleMeta) => void;
+    onOpenCommandPalette: OpenCommand;
+    onCopyTabUrl: (tabIndex: number) => void;
+    onToggleSidebar: () => void;
+}): void;
+//# sourceMappingURL=app-events.d.ts.map

package/dist/v2/features/app/app-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-events.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/app-events.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAwC,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAE7G,OAAO,EACL,KAAK,oBAAoB,EAgD1B,MAAM,kCAAkC,CAAA;AACzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAClF,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAY,MAAM,KAAK,CAAA;AACjE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAA;AAErF,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,oBAAoB,EACpB,YAAY,EACZ,eAAe,GAChB,EAAE;IACD,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,QAAQ,EAAE,MAAM,cAAc,GAAG,IAAI,CAAA;IACrC,8BAA8B;IAC9B,QAAQ,EAAE,WAAW,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IAC/C,MAAM,EAAE,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IACjC,oBAAoB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,cAAc,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,sBAAsB,EAAE,CAAC,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACzD,oBAAoB,EAAE,WAAW,CAAA;IACjC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,eAAe,EAAE,MAAM,IAAI,CAAA;CAC5B,QAySA"}