@scalar/api-reference 1.41.0 → 1.42.0

package/dist/components/ApiReference.vue.d.ts

@@ -1,4 +1,3 @@
-import type { OpenAPIV3_1 } from '@scalar/openapi-types';
 import { type AnyApiReferenceConfiguration } from '@scalar/types/api-reference';
 type __VLS_Props = {
     /**
@@ -28,259 +27,8 @@ type __VLS_Slots = {
     };
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
-    dereferenced: import("vue").Ref<{
-        [x: `x-${string}`]: any;
-        [x: string]: any;
-        openapi?: "3.1.0" | "3.1.1" | "3.1.2" | undefined;
-        swagger?: never | undefined;
-        info?: {
-            title?: string | undefined;
-            description?: string | undefined;
-            termsOfService?: string | undefined;
-            contact?: {
-                name?: string | undefined;
-                url?: string | undefined;
-                email?: string | undefined;
-            } | undefined;
-            version?: string | undefined;
-            summary?: string | undefined;
-            license?: {
-                name?: string | undefined;
-                url?: string | undefined;
-                identifier?: string | undefined;
-            } | undefined;
-        } | undefined;
-        jsonSchemaDialect?: string | undefined;
-        servers?: {
-            url?: string | undefined;
-            description?: string | undefined;
-            variables?: Record<string, OpenAPIV3_1.ServerVariableObject> | undefined;
-        }[] | undefined;
-        paths?: OpenAPIV3_1.PathsObject<{}, {}> | undefined;
-        components?: {
-            schemas?: Record<string, OpenAPIV3_1.SchemaObject> | undefined;
-            responses?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ResponseObject> | undefined;
-            parameters?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ParameterObject> | undefined;
-            examples?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ExampleObject> | undefined;
-            requestBodies?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.RequestBodyObject> | undefined;
-            headers?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.HeaderObject> | undefined;
-            securitySchemes?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.SecuritySchemeObject> | undefined;
-            links?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.LinkObject> | undefined;
-            callbacks?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.CallbackObject> | undefined;
-            pathItems?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.PathItemObject> | undefined;
-        } | undefined;
-        webhooks?: Record<string, OpenAPIV3_1.PathItemObject | OpenAPIV3_1.ReferenceObject> | undefined;
-    } | {
-        [x: `x-${string}`]: any;
-        [x: string]: any;
-        openapi?: "3.1.0" | "3.1.1" | "3.1.2" | undefined;
-        swagger?: never | undefined;
-        info?: {
-            title?: string | undefined;
-            description?: string | undefined;
-            termsOfService?: string | undefined;
-            contact?: {
-                name?: string | undefined;
-                url?: string | undefined;
-                email?: string | undefined;
-            } | undefined;
-            version?: string | undefined;
-            summary?: string | undefined;
-            license?: {
-                name?: string | undefined;
-                url?: string | undefined;
-                identifier?: string | undefined;
-            } | undefined;
-        } | undefined;
-        jsonSchemaDialect?: string | undefined;
-        servers?: {
-            url?: string | undefined;
-            description?: string | undefined;
-            variables?: Record<string, OpenAPIV3_1.ServerVariableObject> | undefined;
-        }[] | undefined;
-        webhooks?: Record<string, OpenAPIV3_1.PathItemObject | OpenAPIV3_1.ReferenceObject> | undefined;
-        components?: {
-            schemas?: Record<string, OpenAPIV3_1.SchemaObject> | undefined;
-            responses?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ResponseObject> | undefined;
-            parameters?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ParameterObject> | undefined;
-            examples?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ExampleObject> | undefined;
-            requestBodies?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.RequestBodyObject> | undefined;
-            headers?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.HeaderObject> | undefined;
-            securitySchemes?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.SecuritySchemeObject> | undefined;
-            links?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.LinkObject> | undefined;
-            callbacks?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.CallbackObject> | undefined;
-            pathItems?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.PathItemObject> | undefined;
-        } | undefined;
-        paths?: OpenAPIV3_1.PathsObject<{}, {}> | undefined;
-    } | {
-        [x: `x-${string}`]: any;
-        [x: string]: any;
-        openapi?: "3.1.0" | "3.1.1" | "3.1.2" | undefined;
-        swagger?: never | undefined;
-        info?: {
-            title?: string | undefined;
-            description?: string | undefined;
-            termsOfService?: string | undefined;
-            contact?: {
-                name?: string | undefined;
-                url?: string | undefined;
-                email?: string | undefined;
-            } | undefined;
-            version?: string | undefined;
-            summary?: string | undefined;
-            license?: {
-                name?: string | undefined;
-                url?: string | undefined;
-                identifier?: string | undefined;
-            } | undefined;
-        } | undefined;
-        jsonSchemaDialect?: string | undefined;
-        servers?: {
-            url?: string | undefined;
-            description?: string | undefined;
-            variables?: Record<string, OpenAPIV3_1.ServerVariableObject> | undefined;
-        }[] | undefined;
-        components?: {
-            schemas?: Record<string, OpenAPIV3_1.SchemaObject> | undefined;
-            responses?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ResponseObject> | undefined;
-            parameters?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ParameterObject> | undefined;
-            examples?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ExampleObject> | undefined;
-            requestBodies?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.RequestBodyObject> | undefined;
-            headers?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.HeaderObject> | undefined;
-            securitySchemes?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.SecuritySchemeObject> | undefined;
-            links?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.LinkObject> | undefined;
-            callbacks?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.CallbackObject> | undefined;
-            pathItems?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.PathItemObject> | undefined;
-        } | undefined;
-        webhooks?: Record<string, OpenAPIV3_1.PathItemObject | OpenAPIV3_1.ReferenceObject> | undefined;
-        paths?: OpenAPIV3_1.PathsObject<{}, {}> | undefined;
-    } | null, OpenAPIV3_1.Document<{}> | {
-        [x: `x-${string}`]: any;
-        [x: string]: any;
-        openapi?: "3.1.0" | "3.1.1" | "3.1.2" | undefined;
-        swagger?: never | undefined;
-        info?: {
-            title?: string | undefined;
-            description?: string | undefined;
-            termsOfService?: string | undefined;
-            contact?: {
-                name?: string | undefined;
-                url?: string | undefined;
-                email?: string | undefined;
-            } | undefined;
-            version?: string | undefined;
-            summary?: string | undefined;
-            license?: {
-                name?: string | undefined;
-                url?: string | undefined;
-                identifier?: string | undefined;
-            } | undefined;
-        } | undefined;
-        jsonSchemaDialect?: string | undefined;
-        servers?: {
-            url?: string | undefined;
-            description?: string | undefined;
-            variables?: Record<string, OpenAPIV3_1.ServerVariableObject> | undefined;
-        }[] | undefined;
-        paths?: OpenAPIV3_1.PathsObject<{}, {}> | undefined;
-        components?: {
-            schemas?: Record<string, OpenAPIV3_1.SchemaObject> | undefined;
-            responses?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ResponseObject> | undefined;
-            parameters?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ParameterObject> | undefined;
-            examples?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ExampleObject> | undefined;
-            requestBodies?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.RequestBodyObject> | undefined;
-            headers?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.HeaderObject> | undefined;
-            securitySchemes?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.SecuritySchemeObject> | undefined;
-            links?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.LinkObject> | undefined;
-            callbacks?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.CallbackObject> | undefined;
-            pathItems?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.PathItemObject> | undefined;
-        } | undefined;
-        webhooks?: Record<string, OpenAPIV3_1.PathItemObject | OpenAPIV3_1.ReferenceObject> | undefined;
-    } | {
-        [x: `x-${string}`]: any;
-        [x: string]: any;
-        openapi?: "3.1.0" | "3.1.1" | "3.1.2" | undefined;
-        swagger?: never | undefined;
-        info?: {
-            title?: string | undefined;
-            description?: string | undefined;
-            termsOfService?: string | undefined;
-            contact?: {
-                name?: string | undefined;
-                url?: string | undefined;
-                email?: string | undefined;
-            } | undefined;
-            version?: string | undefined;
-            summary?: string | undefined;
-            license?: {
-                name?: string | undefined;
-                url?: string | undefined;
-                identifier?: string | undefined;
-            } | undefined;
-        } | undefined;
-        jsonSchemaDialect?: string | undefined;
-        servers?: {
-            url?: string | undefined;
-            description?: string | undefined;
-            variables?: Record<string, OpenAPIV3_1.ServerVariableObject> | undefined;
-        }[] | undefined;
-        webhooks?: Record<string, OpenAPIV3_1.PathItemObject | OpenAPIV3_1.ReferenceObject> | undefined;
-        components?: {
-            schemas?: Record<string, OpenAPIV3_1.SchemaObject> | undefined;
-            responses?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ResponseObject> | undefined;
-            parameters?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ParameterObject> | undefined;
-            examples?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ExampleObject> | undefined;
-            requestBodies?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.RequestBodyObject> | undefined;
-            headers?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.HeaderObject> | undefined;
-            securitySchemes?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.SecuritySchemeObject> | undefined;
-            links?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.LinkObject> | undefined;
-            callbacks?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.CallbackObject> | undefined;
-            pathItems?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.PathItemObject> | undefined;
-        } | undefined;
-        paths?: OpenAPIV3_1.PathsObject<{}, {}> | undefined;
-    } | {
-        [x: `x-${string}`]: any;
-        [x: string]: any;
-        openapi?: "3.1.0" | "3.1.1" | "3.1.2" | undefined;
-        swagger?: never | undefined;
-        info?: {
-            title?: string | undefined;
-            description?: string | undefined;
-            termsOfService?: string | undefined;
-            contact?: {
-                name?: string | undefined;
-                url?: string | undefined;
-                email?: string | undefined;
-            } | undefined;
-            version?: string | undefined;
-            summary?: string | undefined;
-            license?: {
-                name?: string | undefined;
-                url?: string | undefined;
-                identifier?: string | undefined;
-            } | undefined;
-        } | undefined;
-        jsonSchemaDialect?: string | undefined;
-        servers?: {
-            url?: string | undefined;
-            description?: string | undefined;
-            variables?: Record<string, OpenAPIV3_1.ServerVariableObject> | undefined;
-        }[] | undefined;
-        components?: {
-            schemas?: Record<string, OpenAPIV3_1.SchemaObject> | undefined;
-            responses?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ResponseObject> | undefined;
-            parameters?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ParameterObject> | undefined;
-            examples?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.ExampleObject> | undefined;
-            requestBodies?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.RequestBodyObject> | undefined;
-            headers?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.HeaderObject> | undefined;
-            securitySchemes?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.SecuritySchemeObject> | undefined;
-            links?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.LinkObject> | undefined;
-            callbacks?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.CallbackObject> | undefined;
-            pathItems?: Record<string, OpenAPIV3_1.ReferenceObject | OpenAPIV3_1.PathItemObject> | undefined;
-        } | undefined;
-        webhooks?: Record<string, OpenAPIV3_1.PathItemObject | OpenAPIV3_1.ReferenceObject> | undefined;
-        paths?: OpenAPIV3_1.PathsObject<{}, {}> | undefined;
-    } | null>;
+    eventBus: import("@scalar/workspace-store/events").WorkspaceEventBus;
+    workspaceStore: import("@scalar/workspace-store/client").WorkspaceStore;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/components/ApiReference.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReference.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiReference.vue"],"names":[],"mappings":"AA2oCA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAGxD,OAAO,EAEL,KAAK,4BAA4B,EAGlC,MAAM,6BAA6B,CAAA;AAsDpC,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,4BAA4B,CAAA;CAC7C,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,eAAe,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1C,aAAa,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,eAAe,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1C,aAAa,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,oBAAoB,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/C,MAAM,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;CAClC,CAAC;AA6tCF,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oPAOnB,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":"ApiReference.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiReference.vue"],"names":[],"mappings":"AAooCA,OAAO,EAEL,KAAK,4BAA4B,EAGlC,MAAM,6BAA6B,CAAA;AAqDpC,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,4BAA4B,CAAA;CAC7C,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,eAAe,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1C,aAAa,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,eAAe,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1C,aAAa,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,oBAAoB,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/C,MAAM,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;CAClC,CAAC;AAgsCF,QAAA,MAAM,eAAe;;;oPAOnB,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/components/ApiReference.vue.js

@@ -4,7 +4,7 @@ import _sfc_main from "./ApiReference.vue2.js";
 /* empty css                  */
 /* empty css                  */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const ApiReference = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4529c98b"]]);
+const ApiReference = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-61847119"]]);
 export {
   ApiReference as default
 };

package/dist/components/ApiReference.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent, useTemplateRef, computed, ref, watch, useId, provide, onServerPrefetch, onBeforeMount, createElementBlock, openBlock, createBlock, createElementVNode, createVNode, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, normalizeClass, createCommentVNode, unref, renderSlot, normalizeProps, guardReactiveProps, createSlots } from "vue";
+import { defineComponent, computed, ref, watch, useId, provide, onServerPrefetch, onBeforeMount, useTemplateRef, onMounted, onBeforeUnmount, createElementBlock, openBlock, createBlock, createElementVNode, createVNode, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, normalizeClass, createCommentVNode, unref, renderSlot, normalizeProps, guardReactiveProps, createSlots } from "vue";
 import { provideUseId } from "@headlessui/vue";
 import { OpenApiClientButton } from "@scalar/api-client/components";
-import { LAYOUT_SYMBOL } from "@scalar/api-client/hooks";
+import { createApiClientModal } from "@scalar/api-client/v2/features/modal";
+import { getActiveEnvironment } from "@scalar/api-client/v2/helpers";
 import { addScalarClassesToHeadless, ScalarSidebarFooter, ScalarColorModeToggleButton, ScalarColorModeToggleIcon } from "@scalar/components";
 import { redirectToProxy } from "@scalar/oas-utils/helpers";
-import { dereference, upgrade } from "@scalar/openapi-parser";
 import { createSidebarState, ScalarSidebar } from "@scalar/sidebar";
 import { hasObtrusiveScrollbars, getThemeStyles } from "@scalar/themes";
 import { apiReferenceConfigurationSchema } from "@scalar/types/api-reference";
@@ -13,8 +13,8 @@ import { useClipboard } from "@scalar/use-hooks/useClipboard";
 import { useColorMode } from "@scalar/use-hooks/useColorMode";
 import { ScalarToasts } from "@scalar/use-toasts";
 import { createWorkspaceStore } from "@scalar/workspace-store/client";
-import { createWorkspaceEventBus, onCustomEvent } from "@scalar/workspace-store/events";
-import microdiff from "microdiff";
+import { createWorkspaceEventBus } from "@scalar/workspace-store/events";
+import diff from "microdiff";
 import ClassicHeader from "./ClassicHeader.vue.js";
 import _sfc_main$4 from "./Content/Content.vue.js";
 /* empty css                     */
@@ -26,12 +26,12 @@ import { getSystemModePreference } from "../helpers/color-mode.js";
 import { downloadDocument } from "../helpers/download.js";
 import { getIdFromUrl, makeUrlFromId } from "../helpers/id-routing.js";
 import { intersectionEnabled, scrollToLazy, blockIntersection } from "../helpers/lazy-bus.js";
-import { mapConfigToClientStore } from "../helpers/map-config-to-client-store.js";
+import { mapConfigPlugins } from "../helpers/map-config-plugins.js";
 import { mapConfigToWorkspaceStore } from "../helpers/map-config-to-workspace-store.js";
 import { mapConfiguration } from "../helpers/map-configuration.js";
 import { normalizeConfigurations } from "../helpers/normalize-configurations.js";
 import { useIntersection } from "../hooks/use-intersection.js";
-import { useWorkspaceStoreEvents } from "../hooks/use-workspace-store-events.js";
+import { persistencePlugin } from "../plugins/persistance-plugin.js";
 import { PLUGIN_MANAGER_SYMBOL } from "../plugins/hooks/usePluginManager.js";
 import { createPluginManager } from "../plugins/plugin-manager.js";
 const _hoisted_1 = {
@@ -52,15 +52,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
-    const eventBus = createWorkspaceEventBus({ debug: false });
-    if (typeof window !== "undefined") {
-      window.dataDumpWorkspace = () => workspaceStore;
-    }
-    const root = useTemplateRef("root");
     const { mediaQueries } = useBreakpoints();
     const { copyToClipboard } = useClipboard();
     const isDevelopment = false;
     const obtrusiveScrollbars = computed(hasObtrusiveScrollbars);
+    const eventBus = createWorkspaceEventBus({ debug: isDevelopment });
     const isSidebarOpen = ref(false);
     watch(
       () => mediaQueries?.lg?.value,
@@ -71,7 +67,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     provideUseId(() => useId());
-    provide(LAYOUT_SYMBOL, "modal");
     const configList = computed(() => normalizeConfigurations(props.configuration));
     const isMultiDocument = computed(() => Object.keys(configList.value).length > 1);
     const activeSlug = ref(
@@ -160,7 +155,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       activeSlug.value = slug;
     }
-    const workspaceStore = createWorkspaceStore();
+    const workspaceStore = createWorkspaceStore({
+      plugins: [persistencePlugin({ prefix: () => activeSlug.value })]
+    });
     const { toggleColorMode, isDarkMode } = useColorMode({
       initialColorMode: {
         true: "dark",
@@ -207,7 +204,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       if (config.expandAllModelSections) {
         const models = docItems.find(
-          (item) => item.type === "tag" && item.id === "models"
+          (item) => item.type === "models"
         );
         if (models) {
           sidebarState.setExpanded(models.id, true);
@@ -242,14 +239,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       sidebarState.setSelected(id);
       scrollToLazy(id, sidebarState.setExpanded, sidebarState.getEntryById);
     };
-    useWorkspaceStoreEvents(workspaceStore, root);
     mapConfigToWorkspaceStore({
       config: () => mergedConfig.value,
       store: workspaceStore,
       isDarkMode
     });
+    const environment = computed(
+      () => getActiveEnvironment(
+        workspaceStore,
+        workspaceStore.workspace.activeDocument ?? null
+      )
+    );
+    if (typeof window !== "undefined") {
+      window.dataDumpWorkspace = () => workspaceStore;
+    }
+    __expose({
+      eventBus,
+      workspaceStore
+    });
     const changeSelectedDocument = async (slug, elementId) => {
       workspaceStore.update("x-scalar-active-document", slug);
+      apiClient.value?.route({
+        documentSlug: slug,
+        method: "get",
+        path: "/"
+      });
       const normalized = configList.value[slug];
       if (!normalized) {
         console.warn(`Document ${slug} not found in configList`);
@@ -289,13 +303,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           sidebarState.setExpanded(firstTag.id, true);
         }
       }
-      const raw = JSON.parse(workspaceStore.exportActiveDocument("json") ?? "{}");
-      const { schema } = dereference(upgrade(raw).specification);
-      if (!schema) {
-        dereferenced.value = null;
-        return;
-      }
-      dereferenced.value = schema;
     };
     watch(
       () => Object.values(configList.value),
@@ -320,7 +327,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           if (!updated.source.content) {
             return;
           }
-          if (microdiff(
+          if (diff(
             updated.source.content,
             previous && "content" in previous.source ? previous.source.content ?? {} : {}
           ).length) {
@@ -355,38 +362,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         )
       )
     );
-    const dereferenced = ref(null);
-    __expose({
-      dereferenced
-    });
-    const modal = useTemplateRef("modal");
     const documentUrl = computed(() => {
       return configList.value[activeSlug.value]?.source?.url;
     });
-    const { activeServer, getSecuritySchemes, openClient } = mapConfigToClientStore(
-      {
-        workspaceStore,
-        config: mergedConfig,
-        el: modal,
-        root,
-        dereferencedDocument: dereferenced,
-        documentUrl
+    const modal = useTemplateRef("modal");
+    const apiClient = ref(null);
+    onMounted(() => {
+      if (!modal.value) {
+        return;
       }
-    );
-    onCustomEvent(root, "scalar-open-client", (event) => {
-      openClient(event.detail);
+      apiClient.value = createApiClientModal({
+        el: modal.value,
+        eventBus,
+        workspaceStore,
+        plugins: mapConfigPlugins(mergedConfig.value)
+      });
     });
-    onCustomEvent(root, "scalar-on-show-more", (event) => {
-      mergedConfig.value.onShowMore?.(event.detail.id);
-      return sidebarState.setExpanded(event.detail.id, true);
+    onBeforeUnmount(() => {
+      apiClient.value?.app.unmount();
     });
-    onCustomEvent(root, "scalar-update-selected-server", (event) => {
-      if (mergedConfig.value.onServerChange) {
-        mergedConfig.value.onServerChange(event.detail.value ?? "");
-      }
-    });
-    onCustomEvent(root, "scalar-download-document", async (event) => {
-      if (event.detail.format === "direct") {
+    eventBus.on(
+      "server:update:selected",
+      ({ url }) => mergedConfig.value.onServerChange?.(url)
+    );
+    eventBus.on("ui:download:document", async ({ format }) => {
+      if (format === "direct") {
         const url = configList.value[activeSlug.value]?.source?.url;
         if (!url) {
           console.error(
@@ -400,7 +400,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         downloadDocument(result, activeSlug.value ?? "openapi");
         return;
       }
-      const format = event.detail.format;
       const document = workspaceStore.exportActiveDocument(format);
       if (!document) {
         console.error("No document found to download");
@@ -408,7 +407,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       downloadDocument(document, activeSlug.value ?? "openapi", format);
     });
-    const handleSelectItem = (id) => {
+    const handleSelectItem = (id, caller) => {
       const item = sidebarState.getEntryById(id);
       if ((item?.type === "tag" || item?.type === "models") && sidebarState.isExpanded(id)) {
         const unblock = blockIntersection();
@@ -423,6 +422,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const url = makeUrlFromId(id, basePath.value, isMultiDocument.value);
       if (url) {
         window.history.pushState({}, "", url);
+        if (caller === "sidebar") {
+          mergedConfig.value.onSidebarClick?.(url.toString());
+        }
       }
     };
     eventBus.on("select:nav-item", ({ id }) => handleSelectItem(id));
@@ -438,10 +440,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         window.history.replaceState({}, "", url.toString());
       }
     });
-    eventBus.on(
-      "toggle:nav-item",
-      ({ id, open }) => sidebarState.setExpanded(id, open ?? !sidebarState.isExpanded(id))
-    );
+    eventBus.on("toggle:nav-item", ({ id, open }) => {
+      if (open) {
+        mergedConfig.value.onShowMore?.(id);
+      }
+      sidebarState.setExpanded(id, open ?? !sidebarState.isExpanded(id));
+    });
     eventBus.on("copy-url:nav-item", ({ id }) => {
       const url = makeUrlFromId(
         id,
@@ -476,10 +480,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return mode;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "root",
-        ref: root
-      }, [
+      return openBlock(), createElementBlock("div", null, [
         (openBlock(), createBlock(resolveDynamicComponent("style"), null, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(mergedConfig.value.customCss) + " " + toDisplayString(themeStyle.value), 1)
@@ -527,11 +528,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 isSelected: unref(sidebarState).isSelected,
                 items: sidebarItems.value,
                 layout: "reference",
-                options: {
-                  operationTitleSource: mergedConfig.value.operationTitleSource
-                },
+                options: mergedConfig.value,
                 role: "navigation",
-                onSelectItem: _cache[1] || (_cache[1] = (id) => handleSelectItem(id))
+                onSelectItem: _cache[1] || (_cache[1] = (id) => handleSelectItem(id, "sidebar"))
               }, {
                 header: withCtx(() => [
                   documentOptionList.value.length > 1 ? (openBlock(), createBlock(_sfc_main$2, {
@@ -554,7 +553,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   renderSlot(_ctx.$slots, "sidebar-end", normalizeProps(guardReactiveProps(slotProps.value)), () => [
                     createVNode(unref(ScalarSidebarFooter), { class: "darklight-reference" }, {
                       toggle: withCtx(() => [
-                        !mergedConfig.value.hideDarkModeToggle ? (openBlock(), createBlock(unref(ScalarColorModeToggleButton), {
+                        !mergedConfig.value.hideDarkModeToggle && !mergedConfig.value.forceDarkModeState ? (openBlock(), createBlock(unref(ScalarColorModeToggleButton), {
                           key: 0,
                           modelValue: colorMode.value === "dark",
                           "onUpdate:modelValue": _cache[0] || (_cache[0] = () => unref(toggleColorMode)())
@@ -583,26 +582,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "references-rendered"
           }, [
             createVNode(_sfc_main$4, {
-              activeServer: unref(activeServer),
               document: unref(workspaceStore).workspace.activeDocument,
+              environment: environment.value,
               eventBus: unref(eventBus),
               expandedItems: unref(sidebarState).expandedItems.value,
-              getSecuritySchemes: unref(getSecuritySchemes),
+              headingSlugGenerator: mergedConfig.value.generateHeadingSlug ?? ((heading) => `${activeSlug.value}/description/${heading.slug}`),
+              httpClients: unref(workspaceStore).config["x-scalar-reference-config"]?.httpClients,
               infoSectionId: infoSectionId.value ?? "description/introduction",
               items: sidebarItems.value,
-              options: {
-                headingSlugGenerator: mergedConfig.value.generateHeadingSlug ?? ((heading) => `${activeSlug.value}/description/${heading.slug}`),
-                httpClients: unref(workspaceStore).config["x-scalar-reference-config"]?.httpClients,
-                layout: mergedConfig.value.layout,
-                persistAuth: mergedConfig.value.persistAuth,
-                showOperationId: mergedConfig.value.showOperationId,
-                hideTestRequestButton: mergedConfig.value.hideTestRequestButton,
-                expandAllResponses: mergedConfig.value.expandAllResponses,
-                expandAllModelSections: mergedConfig.value.expandAllModelSections,
-                orderRequiredPropertiesFirst: mergedConfig.value.orderRequiredPropertiesFirst,
-                orderSchemaPropertiesBy: mergedConfig.value.orderSchemaPropertiesBy,
-                documentDownloadType: mergedConfig.value.documentDownloadType
-              },
+              options: mergedConfig.value,
               xScalarDefaultClient: unref(workspaceStore).workspace["x-scalar-default-client"]
             }, createSlots({
               start: withCtx(() => [
@@ -619,7 +607,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 512),
                 mergedConfig.value.layout === "classic" ? (openBlock(), createBlock(ClassicHeader, { key: 1 }, {
                   "dark-mode-toggle": withCtx(() => [
-                    !mergedConfig.value.hideDarkModeToggle ? (openBlock(), createBlock(unref(ScalarColorModeToggleIcon), {
+                    !mergedConfig.value.hideDarkModeToggle && !mergedConfig.value.forceDarkModeState ? (openBlock(), createBlock(unref(ScalarColorModeToggleIcon), {
                       key: 0,
                       class: "text-c-2 hover:text-c-1",
                       mode: colorMode.value,
@@ -662,7 +650,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["activeServer", "document", "eventBus", "expandedItems", "getSecuritySchemes", "infoSectionId", "items", "options", "xScalarDefaultClient"])
+            ]), 1032, ["document", "environment", "eventBus", "expandedItems", "headingSlugGenerator", "httpClients", "infoSectionId", "items", "options", "xScalarDefaultClient"])
           ], 8, _hoisted_3),
           _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5, [
             renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps(slotProps.value)), void 0, true)
@@ -673,7 +661,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 512)
         ], 2),
         createVNode(unref(ScalarToasts))
-      ], 512);
+      ]);
     };
   }
 });

package/dist/components/Content/Auth/Auth.vue.d.ts

@@ -0,0 +1,17 @@
+import { type MergedSecuritySchemes } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block';
+import type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
+import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace';
+type __VLS_Props = {
+    options: Pick<ApiReferenceConfigurationRaw, 'authentication' | 'persistAuth' | 'proxyUrl'>;
+    document: WorkspaceDocument | undefined;
+    eventBus: WorkspaceEventBus;
+    securitySchemes: MergedSecuritySchemes;
+    selectedServer: ServerObject | null;
+    environment: XScalarEnvironment;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=Auth.vue.d.ts.map

package/dist/components/Content/Auth/Auth.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Auth.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Auth/Auth.vue"],"names":[],"mappings":"AA0FA,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,yDAAyD,CAAA;AAKhE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAChG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAKlF,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,IAAI,CACX,4BAA4B,EAC5B,gBAAgB,GAAG,aAAa,GAAG,UAAU,CAC9C,CAAA;IACD,QAAQ,EAAE,iBAAiB,GAAG,SAAS,CAAA;IACvC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,eAAe,EAAE,qBAAqB,CAAA;IACtC,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;;AA+GJ,wBAMG"}