@scalar/api-reference 1.48.7 → 1.48.8

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

@@ -1,6 +1,5 @@
 import { type AnyApiReferenceConfiguration } from '@scalar/types/api-reference';
 import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
-import '@scalar/agent-chat/style.css';
 type __VLS_Props = {
     /**
      * Configuration for the API reference.

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":"AAkxCA,OAAO,EAEL,KAAK,4BAA4B,EAGlC,MAAM,6BAA6B,CAAA;AAOpC,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,4CAA4C,CAAA;AAsBnD,OAAO,8BAA8B,CAAA;AAkCrC,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;AA+2CF,QAAA,MAAM,UAAU;;;;oPAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ApiReference.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiReference.vue"],"names":[],"mappings":"AAixCA,OAAO,EAEL,KAAK,4BAA4B,EAGlC,MAAM,6BAA6B,CAAA;AAOpC,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,4CAA4C,CAAA;AAmDnD,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;AAi3CF,QAAA,MAAM,UAAU;;;;oPAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,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-148cccbd"]]);
+const ApiReference = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5197a9d8"]]);
 export {
   ApiReference as default
 };

package/dist/components/ApiReference.vue2.js

@@ -4,6 +4,7 @@ import { OpenApiClientButton } from "@scalar/api-client/components";
 import { createApiClientModal } from "@scalar/api-client/v2/features/modal";
 import { getActiveEnvironment, getServers } from "@scalar/api-client/v2/helpers";
 import { addScalarClassesToHeadless, ScalarSidebarFooter, ScalarColorModeToggleButton, ScalarColorModeToggleIcon } from "@scalar/components";
+import { isLocalUrl } from "@scalar/helpers/url/is-local-url";
 import { createSidebarState, scrollSidebarToTop, ScalarSidebar } from "@scalar/sidebar";
 import { hasObtrusiveScrollbars, getThemeStyles } from "@scalar/themes";
 import { apiReferenceConfigurationSchema } from "@scalar/types/api-reference";
@@ -13,11 +14,8 @@ import { useColorMode } from "@scalar/use-hooks/useColorMode";
 import { ScalarToasts } from "@scalar/use-toasts";
 import { createWorkspaceStore } from "@scalar/workspace-store/client";
 import { createWorkspaceEventBus } from "@scalar/workspace-store/events";
-import diff from "microdiff";
-import { useAgent, AGENT_CONTEXT_SYMBOL } from "../hooks/use-agent.js";
-import "@scalar/agent-chat/style.css";
-import { isLocalUrl } from "@scalar/helpers/url/is-local-url";
 import { useScrollLock } from "@vueuse/core";
+import diff from "microdiff";
 import ClassicHeader from "./ClassicHeader.vue.js";
 import _sfc_main$5 from "./Content/Content.vue.js";
 /* empty css                     */
@@ -32,6 +30,7 @@ import { loadClientFromStorage, loadAuthFromStorage } from "../helpers/load-from
 import { mapConfigPlugins } from "../helpers/map-config-plugins.js";
 import { mapConfigToWorkspaceStore } from "../helpers/map-config-to-workspace-store.js";
 import { normalizeConfigurations } from "../helpers/normalize-configurations.js";
+import { useAgent, AGENT_CONTEXT_SYMBOL } from "../hooks/use-agent.js";
 import { useIntersection } from "../hooks/use-intersection.js";
 import { persistencePlugin } from "../plugins/persistance-plugin.js";
 import { PLUGIN_MANAGER_SYMBOL } from "../plugins/hooks/usePluginManager.js";
@@ -521,7 +520,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return mode;
     });
-    const bodyScrollLocked = useScrollLock(document.body);
+    const bodyScrollLocked = useScrollLock(
+      typeof document !== "undefined" ? document.body : null
+    );
     watch(agent.showAgent, () => bodyScrollLocked.value = agent.showAgent.value);
     const showMCPButton = computed(() => {
       if (mergedConfig.value.mcp?.disabled) {

package/dist/components/Content/Auth/helpers/get-default-security.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-default-security.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Auth/helpers/get-default-security.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yDAAyD,CAAA;AACpG,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAA;AAG9E,OAAO,KAAK,EACV,yBAAyB,EACzB,oBAAoB,EACrB,MAAM,8DAA8D,CAAA;AAErE;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,QAAQ,oBAAoB,GAAG,SAAS,KAAG,MAAM,EAMjF,CAAA;AA2CD;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,GAC7B,sBAAsB,yBAAyB,EAAE,EACjD,yBAAyB,2BAA2B,CAAC,yBAAyB,CAAC,EAC/E,iBAAiB,qBAAqB,KACrC,yBAAyB,GAAG,IAW9B,CAAA"}
+{"version":3,"file":"get-default-security.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Auth/helpers/get-default-security.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yDAAyD,CAAA;AACpG,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAA;AAG9E,OAAO,KAAK,EACV,yBAAyB,EACzB,oBAAoB,EACrB,MAAM,8DAA8D,CAAA;AAErE;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,QAAQ,oBAAoB,GAAG,SAAS,KAAG,MAAM,EAMjF,CAAA;AAkED;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,GAC7B,sBAAsB,yBAAyB,EAAE,EACjD,yBAAyB,2BAA2B,CAAC,yBAAyB,CAAC,EAC/E,iBAAiB,qBAAqB,KACrC,yBAAyB,GAAG,IAW9B,CAAA"}

package/dist/components/Content/Auth/helpers/get-default-security.js

@@ -6,6 +6,18 @@ const getDefaultScopes = (scheme) => {
   }
   return scheme["x-default-scopes"] ?? [];
 };
+const hydrateSecurityRequirement = (requirement, securitySchemes) => {
+  const hydratedRequirement = {};
+  for (const [schemeName, scopes] of Object.entries(unpackProxyObject(requirement, { depth: 1 }) ?? requirement)) {
+    if (Array.isArray(scopes) && scopes.length > 0) {
+      hydratedRequirement[schemeName] = scopes;
+      continue;
+    }
+    const scheme = getResolvedRef(securitySchemes[schemeName]);
+    hydratedRequirement[schemeName] = getDefaultScopes(scheme);
+  }
+  return hydratedRequirement;
+};
 const addSchemeToRequirement = (acc, schemeName, securitySchemes) => {
   const scheme = getResolvedRef(securitySchemes[schemeName]);
   acc[schemeName] = getDefaultScopes(scheme);
@@ -33,7 +45,7 @@ const getDefaultSecurity = (securityRequirements, preferredSecurityScheme, secur
   }
   const firstRequirement = securityRequirements[0];
   if (firstRequirement) {
-    return unpackProxyObject(firstRequirement, { depth: 1 });
+    return hydrateSecurityRequirement(firstRequirement, securitySchemes);
   }
   return null;
 };

package/dist/helpers/storage.d.ts

@@ -88,10 +88,10 @@ export declare const authStorage: () => {
                 }) | undefined;
             }) | {
                 implicit?: ({
-                    refreshUrl: string;
                     scopes: {
                         [x: string]: string;
                     };
+                    refreshUrl: string;
                 } & {
                     'x-scalar-security-query'?: {
                         [x: string]: string;
@@ -118,10 +118,10 @@ export declare const authStorage: () => {
                     'x-scalar-secret-redirect-uri': string;
                 }) | undefined;
                 password?: ({
-                    refreshUrl: string;
                     scopes: {
                         [x: string]: string;
                     };
+                    refreshUrl: string;
                 } & {
                     'x-scalar-security-query'?: {
                         [x: string]: string;
@@ -155,10 +155,10 @@ export declare const authStorage: () => {
                     'x-scalar-credentials-location'?: "body" | "header" | undefined;
                 }) | undefined;
                 clientCredentials?: ({
-                    refreshUrl: string;
                     scopes: {
                         [x: string]: string;
                     };
+                    refreshUrl: string;
                 } & {
                     'x-scalar-security-query'?: {
                         [x: string]: string;
@@ -189,10 +189,10 @@ export declare const authStorage: () => {
                     'x-scalar-credentials-location'?: "body" | "header" | undefined;
                 }) | undefined;
                 authorizationCode?: ({
-                    refreshUrl: string;
                     scopes: {
                         [x: string]: string;
                     };
+                    refreshUrl: string;
                 } & {
                     'x-scalar-security-query'?: {
                         [x: string]: string;

package/dist/ssr.d.ts

@@ -0,0 +1,22 @@
+/**
+ * SSR entry point for @scalar/api-reference.
+ *
+ * Re-exports the same components as the main entry. The ApiReference component
+ * is SSR-compatible and works with createSSRApp and renderToString from
+ * @vue/server-renderer.
+ *
+ * @example
+ * ```ts
+ * import { createSSRApp } from 'vue'
+ * import { renderToString } from '@vue/server-renderer'
+ * import { ApiReference } from '@scalar/api-reference/ssr'
+ *
+ * const app = createSSRApp({
+ *   render: () => h(ApiReference, { configuration: { url: '/openapi.json' } }),
+ * })
+ * const html = await renderToString(app)
+ * ```
+ */
+export type { ApiReferenceConfiguration, ReferenceProps } from './index.js';
+export { ApiReference, GettingStarted, SearchButton, SearchModal, createApiReference, createEmptySpecification, } from './index.js';
+//# sourceMappingURL=ssr.d.ts.map

package/dist/ssr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr.d.ts","sourceRoot":"","sources":["../src/ssr.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,YAAY,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AACxE,OAAO,EACL,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EACX,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,SAAS,CAAA"}

package/dist/ssr.js

@@ -0,0 +1,14 @@
+import { default as default2 } from "./features/Search/components/SearchButton.vue.js";
+import { default as default3 } from "./components/ApiReference.vue.js";
+import { default as default4 } from "./components/GettingStarted.vue.js";
+import { default as default5 } from "./features/Search/components/SearchModal.vue.js";
+import { createApiReference } from "./standalone/lib/html-api.js";
+import { createEmptySpecification } from "./helpers/openapi.js";
+export {
+  default3 as ApiReference,
+  default4 as GettingStarted,
+  default2 as SearchButton,
+  default5 as SearchModal,
+  createApiReference,
+  createEmptySpecification
+};

package/dist/style.css

@@ -9955,6 +9955,9 @@ to {
 .app-platform-mac :is(.scalar-app .mac\:h-12) {
   height: 48px;
 }
+.app-platform-mac :is(.scalar-app .mac\:pt-12) {
+  padding-top: 48px;
+}
 .app-platform-mac :is(.scalar-app .mac\:pl-\[72px\]) {
   padding-left: 72px;
 }
@@ -10997,7 +11000,7 @@ to {
   -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
   mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
 }
-[data-v-fd127758] .cm-content {
+[data-v-0fdec6da] .cm-content {
   font-size: var(--scalar-small);
 }
 .form-group[data-v-43df1726] {
@@ -12623,7 +12626,7 @@ to {
 
 /* Configurable Layout Variables */
 @layer scalar-config {
-.scalar-api-reference[data-v-148cccbd] {
+.scalar-api-reference[data-v-5197a9d8] {
     /* The header height */
     --refs-header-height: calc(
       var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -12645,20 +12648,20 @@ to {
     /* The maximum width of the content column */
     --refs-content-max-width: var(--scalar-content-max-width, 1540px);
 }
-.scalar-api-reference.references-classic[data-v-148cccbd] {
+.scalar-api-reference.references-classic[data-v-5197a9d8] {
     /* Classic layout is wider */
     --refs-content-max-width: var(--scalar-content-max-width, 1420px);
     min-height: 100dvh;
     --refs-sidebar-width: 0;
 }
 }
-.t-doc__sidebar[data-v-148cccbd] {
+.t-doc__sidebar[data-v-5197a9d8] {
   z-index: 10;
 }
 
 /* ----------------------------------------------------- */
 /* References Layout */
-.references-layout[data-v-148cccbd] {
+.references-layout[data-v-5197a9d8] {
   /* Try to fill the container */
   min-height: 100dvh;
   min-width: 100%;
@@ -12682,39 +12685,39 @@ to {
 
   background: var(--scalar-background-1);
 }
-.references-editor[data-v-148cccbd] {
+.references-editor[data-v-5197a9d8] {
   grid-area: editor;
   display: flex;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.references-rendered[data-v-148cccbd] {
+.references-rendered[data-v-5197a9d8] {
   position: relative;
   grid-area: rendered;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.scalar-api-reference.references-classic[data-v-148cccbd],
-.references-classic .references-rendered[data-v-148cccbd] {
+.scalar-api-reference.references-classic[data-v-5197a9d8],
+.references-classic .references-rendered[data-v-5197a9d8] {
   height: initial !important;
   max-height: initial !important;
 }
 @layer scalar-config {
-.references-sidebar[data-v-148cccbd] {
+.references-sidebar[data-v-5197a9d8] {
     /* Set a default width if references are enabled */
     --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
 }
 }
 
 /* Footer */
-.references-footer[data-v-148cccbd] {
+.references-footer[data-v-5197a9d8] {
   grid-area: footer;
 }
 /* ----------------------------------------------------- */
 /* Responsive / Mobile Layout */
 @media (max-width: 1000px) {
   /* Stack view on mobile */
-.references-layout[data-v-148cccbd] {
+.references-layout[data-v-5197a9d8] {
     /* Adjust the sidebar height to the viewport height minus the header height */
     --refs-sidebar-height: calc(
       var(--full-height, 100dvh) - var(--scalar-custom-header-height, 0px)
@@ -12729,13 +12732,13 @@ to {
       'rendered'
       'footer';
 }
-.references-editable[data-v-148cccbd] {
+.references-editable[data-v-5197a9d8] {
     grid-template-areas:
       'header'
       'navigation'
       'editor';
 }
-.references-rendered[data-v-148cccbd] {
+.references-rendered[data-v-5197a9d8] {
     position: static;
 }
 }
@@ -12746,12 +12749,12 @@ to {
 * when the new elements are available
 */
 @media (max-width: 1000px) {
-.scalar-api-references-standalone-mobile[data-v-148cccbd]:not(.references-classic) {
+.scalar-api-references-standalone-mobile[data-v-5197a9d8]:not(.references-classic) {
     --scalar-header-height: 50px;
 }
 }
 
-.darklight-reference[data-v-148cccbd] {
+.darklight-reference[data-v-5197a9d8] {
   width: 100%;
   margin-top: auto;
 }

package/package.json

@@ -20,7 +20,7 @@
     "vue",
     "vue3"
   ],
-  "version": "1.48.7",
+  "version": "1.48.8",
   "engines": {
     "node": ">=22"
   },
@@ -64,6 +64,11 @@
       "types": "./dist/helpers/index.d.ts",
       "default": "./dist/helpers/index.js"
     },
+    "./ssr": {
+      "import": "./dist/ssr.js",
+      "types": "./dist/ssr.d.ts",
+      "default": "./dist/ssr.js"
+    },
     "./style.css": "./dist/style.css",
     "./browser/standalone.js": "./dist/browser/standalone.js"
   },
@@ -85,22 +90,22 @@
     "microdiff": "^1.5.0",
     "nanoid": "^5.1.6",
     "vue": "^3.5.26",
-    "@scalar/api-client": "2.37.0",
-    "@scalar/agent-chat": "0.9.7",
+    "@scalar/agent-chat": "0.9.8",
+    "@scalar/api-client": "2.38.0",
     "@scalar/code-highlight": "0.3.0",
+    "@scalar/components": "0.20.8",
     "@scalar/helpers": "0.4.1",
-    "@scalar/oas-utils": "0.10.6",
-    "@scalar/components": "0.20.7",
-    "@scalar/openapi-parser": "0.25.3",
     "@scalar/icons": "0.6.0",
+    "@scalar/openapi-parser": "0.25.3",
+    "@scalar/oas-utils": "0.10.7",
     "@scalar/openapi-types": "0.6.0",
-    "@scalar/sidebar": "0.8.7",
+    "@scalar/sidebar": "0.8.8",
     "@scalar/snippetz": "0.7.4",
     "@scalar/themes": "0.15.0",
     "@scalar/types": "0.7.3",
-    "@scalar/workspace-store": "0.40.0",
+    "@scalar/use-hooks": "0.4.0",
     "@scalar/use-toasts": "0.10.0",
-    "@scalar/use-hooks": "0.4.0"
+    "@scalar/workspace-store": "0.40.1"
   },
   "devDependencies": {
     "@hono/node-server": "^1.19.7",
@@ -118,8 +123,8 @@
     "vite-plugin-banner": "^0.8.1",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vitest": "4.0.16",
-    "@scalar/core": "0.4.3",
     "@scalar/build-tooling": "0.5.0",
+    "@scalar/core": "0.4.3",
     "@scalar/galaxy": "0.6.0",
     "@scalar/react-renderer": "0.4.0"
   },
@@ -131,7 +136,6 @@
     "dev:standalone": "vite -c vite.standalone.config.ts",
     "playground:components": "vite ./playground/components -c ./playground/components/vite.config.ts",
     "playground:esm": "vite ./playground/esm -c ./playground/esm/vite.config.ts",
-    "playground:ssr": "cd ./playground/ssr && pnpm dev",
     "playground:vue": "vite ./playground/vue -c ./playground/vue/vite.config.ts",
     "preview": "vite preview",
     "test": "vitest",