@redocly/theme 0.59.0 → 0.60.0-custom.2

package/lib/components/SidebarActions/styled.js

@@ -33,11 +33,11 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ControlsWrapChangeLayoutButtons = exports.ControlsWrap = exports.StyledChangeViewButtonWrap = exports.StyledChangeViewButton = void 0;
+exports.ControlsWrap = exports.ControlsWrapChangeLayoutButtons = exports.StyledChangeViewButtonWrap = exports.StyledChangeViewButton = void 0;
 const styled_components_1 = __importStar(require("styled-components"));
 const utils_1 = require("../../core/utils");
 const Tooltip_1 = require("../../components/Tooltip/Tooltip");
-exports.StyledChangeViewButton = styled_components_1.default.span `
+const StyledChangeViewButton = styled_components_1.default.span `
   display: flex;
   position: relative;
   flex-direction: ${({ collapsedSidebar }) => (collapsedSidebar ? 'column' : 'row')};
@@ -49,7 +49,8 @@ exports.StyledChangeViewButton = styled_components_1.default.span `
   z-index: 1;
   padding: calc(var(--spacing-unit) / 2);
 `;
-exports.StyledChangeViewButtonWrap = (0, styled_components_1.default)(Tooltip_1.Tooltip) `
+exports.StyledChangeViewButton = StyledChangeViewButton;
+const StyledChangeViewButtonWrap = (0, styled_components_1.default)(Tooltip_1.Tooltip) `
   width: 20px;
   height: 20px;
   border-radius: var(--border-radius);
@@ -58,7 +59,8 @@ exports.StyledChangeViewButtonWrap = (0, styled_components_1.default)(Tooltip_1.
   justify-content: center;
   background-color: ${({ active }) => active && 'var(--segmented-buttons-bg-color-inner)'};
 `;
-exports.ControlsWrap = styled_components_1.default.span `
+exports.StyledChangeViewButtonWrap = StyledChangeViewButtonWrap;
+const ControlsWrap = styled_components_1.default.span `
   display: none;
   justify-content: flex-end;
   bottom: 0;
@@ -86,11 +88,13 @@ exports.ControlsWrap = styled_components_1.default.span `
     display: none;
   }
 `;
-exports.ControlsWrapChangeLayoutButtons = styled_components_1.default.span `
+exports.ControlsWrap = ControlsWrap;
+const ControlsWrapChangeLayoutButtons = styled_components_1.default.span `
   display: flex;
   bottom: 0;
   flex-direction: ${({ isCollapsed }) => (isCollapsed ? 'column-reverse' : 'row')};
   gap: ${({ isCollapsed }) => (isCollapsed ? '10px' : 'var(--spacing-xs)')};
   align-items: center;
 `;
+exports.ControlsWrapChangeLayoutButtons = ControlsWrapChangeLayoutButtons;
 //# sourceMappingURL=styled.js.map

package/lib/components/Tag/Tag.d.ts

@@ -6,7 +6,7 @@ type SubjectStatusColor = 'active' | 'draft' | 'deprecated' | 'product';
 type HttpColor = 'get' | 'post' | 'put' | 'delete' | 'option' | 'patch' | 'head' | 'hook' | 'link';
 type ActionColor = 'receive' | 'send';
 type ChannelColor = 'channel';
-type HttpStatusColor = 'http-deprecated';
+type HttpStatusColor = 'http-deprecated' | 'http-additional-operation';
 type StatusColor = DefaultStatusColor | ActionStatusColor | SubjectStatusColor | HttpColor | ActionColor | ChannelColor | HttpStatusColor;
 type Color = 'red' | 'green' | 'blue' | 'grey' | 'turquoise' | 'magenta' | 'purple' | 'carrot' | 'raspberry' | 'orange' | 'grass' | 'persian-green' | 'sky' | 'blueberry';
 export type TagProps = {

package/lib/components/Tag/Tag.js

@@ -177,7 +177,7 @@ const TagWrapper = styled_components_1.default.div.attrs(({ className, color, si
   ${({ textTransform }) => `text-transform: ${textTransform ? `${textTransform}` : 'var(--tag-text-transform)'};`}
 
   color: var(--tag-color);
-  background-color: var(--tag-bg-color);
+  background-color: ${({ variant }) => variant === 'filled' ? 'var(--tag-bg-color)' : 'transparent'};
   ${({ borderless }) => borderless
     ? ''
     : `border: var(--tag-border-width) var(--tag-border-style) var(--tag-border-color);`}

package/lib/components/Tag/variables.dark.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tagDarkMode = void 0;
 const styled_components_1 = require("styled-components");
+/* eslint-disable theme/no-raw-colors-in-styles */
 exports.tagDarkMode = (0, styled_components_1.css) `
   --tag-close-button-bg-color-focus: var(--color-warm-grey-6); // @presenter Color
 
@@ -231,6 +232,12 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-bg-color-hover: #373776; // @presenter Color
   }
 
+  .tag-http-additional-operation {
+    --tag-color: #FCAB69; // @presenter Color
+    --tag-bg-color: #523926; // @presenter Color
+    --tag-bg-color-hover: #694830; // @presenter Color
+  }
+
   .tag-receive {
     --tag-color: #88CF82; // @presenter Color
     --tag-bg-color: #23421F; // @presenter Color
@@ -278,4 +285,5 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-bg-color-hover: transparent;
   }
 `;
+/* eslint-enable theme/no-raw-colors-in-styles */
 //# sourceMappingURL=variables.dark.js.map

package/lib/components/Tag/variables.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tag = void 0;
 const styled_components_1 = require("styled-components");
+/* eslint-disable theme/no-raw-colors-in-styles */
 exports.tag = (0, styled_components_1.css) `
   /**
     * @tokens Tag borders
@@ -312,6 +313,12 @@ exports.tag = (0, styled_components_1.css) `
     --tag-color: var(--text-color-disabled); // @presenter Color
   }
 
+  .tag-http-additional-operation {
+    --tag-color: #F97316; // @presenter Color
+    --tag-bg-color: #faede3; // @presenter Color
+    --tag-bg-color-hover: #fae2cf; // @presenter Color
+  }
+
   .tag-send {
     --tag-color: #4144F6; // @presenter Color
     --tag-bg-color: #ECECFE; // @presenter Color
@@ -395,4 +402,5 @@ exports.tag = (0, styled_components_1.css) `
       
   // @tokens End
 `;
+/* eslint-enable theme/no-raw-colors-in-styles */
 //# sourceMappingURL=variables.js.map

package/lib/components/Tooltip/Tooltip.js

@@ -232,6 +232,7 @@ const TooltipWrapper = styled_components_1.default.div `
   position: relative;
   display: flex;
 `;
+/* eslint-disable theme/no-raw-colors-in-styles */
 const TooltipBody = styled_components_1.default.span `
   display: inline-block;
 
@@ -272,4 +273,5 @@ const TooltipBody = styled_components_1.default.span `
     ${PLACEMENTS[placement]};
   `}
 `;
+/* eslint-enable theme/no-raw-colors-in-styles */
 //# sourceMappingURL=Tooltip.js.map

package/lib/components/VersionPicker/VersionPicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Version } from '@redocly/config';
-import type { SelectProps } from '../../core/types/select';
+import type { SelectProps } from '../../core/types';
 import { Select } from '../../components/Select/Select';
 export declare function VersionPicker(props: {
     versions?: Version[];

package/lib/config.d.ts

@@ -1,2 +1,2 @@
-import type { ProductConfig, CatalogFilterConfig, CatalogConfig, AmplitudeAnalyticsConfig, GoogleAnalyticsConfig, SegmentAnalyticsConfig, RudderstackAnalyticsConfig, GtmAnalyticsConfig, ScorecardConfig, ProductGoogleAnalyticsConfig, ProductThemeOverrideConfig, ProductUiConfig, RedoclyConfig, UiAccessibleConfig, ThemeConfig, ThemeUIConfig } from '@redocly/config';
-export type { ProductConfig, CatalogFilterConfig, CatalogConfig, AmplitudeAnalyticsConfig, GoogleAnalyticsConfig, SegmentAnalyticsConfig, RudderstackAnalyticsConfig, GtmAnalyticsConfig, ScorecardConfig, ProductGoogleAnalyticsConfig, ProductThemeOverrideConfig, ProductUiConfig, RedoclyConfig, UiAccessibleConfig, ThemeConfig, ThemeUIConfig, };
+import type { ProductConfig, CatalogFilterConfig, CatalogConfig, AmplitudeAnalyticsConfig, GoogleAnalyticsConfig, SegmentAnalyticsConfig, RudderstackAnalyticsConfig, GtmAnalyticsConfig, ScorecardConfig, ScorecardsConfig, ProductGoogleAnalyticsConfig, ProductThemeOverrideConfig, ProductUiConfig, RedoclyConfig, UiAccessibleConfig, ThemeConfig, ThemeUIConfig } from '@redocly/config';
+export type { ProductConfig, CatalogFilterConfig, CatalogConfig, AmplitudeAnalyticsConfig, GoogleAnalyticsConfig, SegmentAnalyticsConfig, RudderstackAnalyticsConfig, GtmAnalyticsConfig, ScorecardConfig, ScorecardsConfig, ProductGoogleAnalyticsConfig, ProductThemeOverrideConfig, ProductUiConfig, RedoclyConfig, UiAccessibleConfig, ThemeConfig, ThemeUIConfig, };

package/lib/core/constants/index.d.ts

@@ -4,4 +4,5 @@ export * from './code-walkthrough';
 export * from './search';
 export * from './catalog';
 export * from './breadcrumb';
+export * from './request-methods';
 export * from './mcp';

package/lib/core/constants/index.js

@@ -20,5 +20,6 @@ __exportStar(require("./code-walkthrough"), exports);
 __exportStar(require("./search"), exports);
 __exportStar(require("./catalog"), exports);
 __exportStar(require("./breadcrumb"), exports);
+__exportStar(require("./request-methods"), exports);
 __exportStar(require("./mcp"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/constants/request-methods.d.ts

@@ -0,0 +1 @@
+export declare const REQUEST_METHODS: string[];

package/lib/core/constants/request-methods.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.REQUEST_METHODS = void 0;
+exports.REQUEST_METHODS = [
+    'GET',
+    'POST',
+    'PUT',
+    'DELETE',
+    'PATCH',
+    'OPTIONS',
+    'HEAD',
+    'TRACE',
+];
+//# sourceMappingURL=request-methods.js.map

package/lib/core/hoc/index.d.ts

@@ -1 +1 @@
-export * from './typedMemo';
+export * from './typed-memo';

package/lib/core/hoc/index.js

@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./typedMemo"), exports);
+__exportStar(require("./typed-memo"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/hoc/{typedMemo.js → typed-memo.js}

@@ -3,4 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.typedMemo = void 0;
 const react_1 = require("react");
 exports.typedMemo = react_1.memo;
-//# sourceMappingURL=typedMemo.js.map
+//# sourceMappingURL=typed-memo.js.map

package/lib/core/hooks/__tests__/mocks/mock-intersection-observer.d.ts

@@ -11,5 +11,5 @@ export declare class MockIntersectionObserver {
     observe(target: HTMLElement): void;
     unobserve(target: HTMLElement): void;
     disconnect(): void;
-    takeRecords(): any[];
+    takeRecords(): IntersectionObserverEntry[];
 }

package/lib/core/hooks/__tests__/mocks/mock-intersection-observer.js

@@ -44,9 +44,7 @@ class MockIntersectionObserver {
             configurable: true,
             writable: true,
             value: () => {
-                this.entries.map((entry) => {
-                    entry.isIntersecting = this.isInViewPort(entry.target);
-                });
+                this.entries = this.entries.map((entry) => (Object.assign(Object.assign({}, entry), { isIntersecting: this.isInViewPort(entry.target) })));
                 this.callback(this.entries, this);
             }
         });

package/lib/core/hooks/catalog/{useCatalogEntities.js → use-catalog-entities.js}

@@ -16,4 +16,4 @@ function useCatalogEntities({ entitiesTypes, excludedEntities }) {
         initialFilter: initialTypesFilter || initialExcludedEntitiesFilter,
     };
 }
-//# sourceMappingURL=useCatalogEntities.js.map
+//# sourceMappingURL=use-catalog-entities.js.map

package/lib/core/hooks/catalog/{useCatalogEntitySchema.d.ts → use-catalog-entity-schema.d.ts}

@@ -4,7 +4,7 @@ type CatalogEntitySchemaProps = {
     relatedEntity: BffCatalogRelatedEntity | null;
 };
 export declare function useCatalogEntitySchema({ entity, relatedEntity }: CatalogEntitySchemaProps): {
-    definition: any;
+    definition: Record<string, unknown>;
     parsedSchema: any;
     rawSchema: any;
 };

package/lib/core/hooks/catalog/{useCatalogEntitySchema.js → use-catalog-entity-schema.js}

@@ -36,4 +36,4 @@ function useCatalogEntitySchema({ entity, relatedEntity }) {
         rawSchema: schema,
     };
 }
-//# sourceMappingURL=useCatalogEntitySchema.js.map
+//# sourceMappingURL=use-catalog-entity-schema.js.map

package/lib/core/hooks/catalog/{useCatalogTableHeaderCellActions.js → use-catalog-table-header-cell-actions.js}

@@ -20,4 +20,4 @@ function useCatalogTableHeaderCellActions({ column, handleSortClick, setSortOpti
     };
     return { handleCellClick, sortKey, isUpActive, isDownActive };
 }
-//# sourceMappingURL=useCatalogTableHeaderCellActions.js.map
+//# sourceMappingURL=use-catalog-table-header-cell-actions.js.map

package/lib/core/hooks/catalog/{useCatalogTableViewRow.js → use-catalog-table-view-row.js}

@@ -23,4 +23,4 @@ function useCatalogTableViewRow({ entityKey, entityType, catalogConfig, entities
     };
     return { getEntityDetailsLink };
 }
-//# sourceMappingURL=useCatalogTableViewRow.js.map
+//# sourceMappingURL=use-catalog-table-view-row.js.map

package/lib/core/hooks/catalog/{useGraph.js → use-graph.js}

@@ -4,7 +4,7 @@ exports.useGraph = useGraph;
 const react_1 = require("react");
 const react_2 = require("@xyflow/react");
 const catalog_1 = require("../../constants/catalog");
-// TODO: This isn't final implementation, leaved comments for future reference.
+// Note: This isn't final implementation, leaved comments for future reference.
 function useGraph({ entity, relations }) {
     const rootNodeId = entity.id;
     // Compute final label for a relation considering its role
@@ -162,4 +162,4 @@ function useGraph({ entity, relations }) {
         onConnect,
     };
 }
-//# sourceMappingURL=useGraph.js.map
+//# sourceMappingURL=use-graph.js.map

package/lib/core/hooks/code-walkthrough/use-code-walkthrough-controls.js

@@ -122,6 +122,7 @@ function useCodeWalkthroughControls(filters, inputs, toggles, enableDeepLink) {
             if (!controlsState[id].render) {
                 continue;
             }
+            // eslint-disable-next-line no-warning-comments
             // code-walk-todo: need to check if we have a default fallback
             const items = Array.isArray(filter === null || filter === void 0 ? void 0 : filter.items) ? filter.items : [];
             const activeItems = items.filter((item) => areConditionsMet(item));

package/lib/core/hooks/code-walkthrough/use-code-walkthrough-steps.d.ts

@@ -17,6 +17,7 @@ type StepsGroup = {
     steps: {
         offset: number;
         height: number;
+        ref?: HTMLElement;
     }[];
 };
 export declare function getGroupMarkers(group: StepsGroup): number[];

package/lib/core/hooks/code-walkthrough/use-renderable-files.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRenderableFiles = useRenderableFiles;
 const react_1 = require("react");
 const find_closest_common_directory_1 = require("../../utils/find-closest-common-directory");
-const get_file_icon_1 = require("../../utils/get-file-icon");
+const GetFileIcon_1 = require("../../utils/GetFileIcon");
 const urls_1 = require("../../utils/urls");
 function useRenderableFiles(files) {
     return (0, react_1.useMemo)(function () {
@@ -25,6 +25,6 @@ function useRenderableFiles(files) {
 function getFileTypeIcon(basename) {
     var _a;
     const extension = ((_a = basename.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '';
-    return (0, get_file_icon_1.getFileIconByExt)(extension);
+    return (0, GetFileIcon_1.getFileIconByExt)(extension);
 }
 //# sourceMappingURL=use-renderable-files.js.map

package/lib/core/hooks/index.d.ts

@@ -37,11 +37,14 @@ export * from './code-walkthrough/use-renderable-files';
 export * from './use-element-size';
 export * from './use-time-ago';
 export * from './use-input-key-commands';
-export * from './catalog/useCatalogEntities';
-export * from './catalog/useGraph';
+export * from './catalog/use-catalog-entities';
+export * from './catalog/use-graph';
 export * from './use-active-page-version';
 export * from './use-page-versions';
 export * from './use-user-teams';
 export * from './use-page-actions';
 export * from './use-mcp-config';
 export * from './use-connect-mcp-button';
+export * from './catalog/use-catalog-table-view-row';
+export * from './catalog/use-catalog-entity-schema';
+export * from './catalog/use-catalog-table-header-cell-actions';

package/lib/core/hooks/index.js

@@ -53,12 +53,15 @@ __exportStar(require("./code-walkthrough/use-renderable-files"), exports);
 __exportStar(require("./use-element-size"), exports);
 __exportStar(require("./use-time-ago"), exports);
 __exportStar(require("./use-input-key-commands"), exports);
-__exportStar(require("./catalog/useCatalogEntities"), exports);
-__exportStar(require("./catalog/useGraph"), exports);
+__exportStar(require("./catalog/use-catalog-entities"), exports);
+__exportStar(require("./catalog/use-graph"), exports);
 __exportStar(require("./use-active-page-version"), exports);
 __exportStar(require("./use-page-versions"), exports);
 __exportStar(require("./use-user-teams"), exports);
 __exportStar(require("./use-page-actions"), exports);
 __exportStar(require("./use-mcp-config"), exports);
 __exportStar(require("./use-connect-mcp-button"), exports);
+__exportStar(require("./catalog/use-catalog-table-view-row"), exports);
+__exportStar(require("./catalog/use-catalog-entity-schema"), exports);
+__exportStar(require("./catalog/use-catalog-table-header-cell-actions"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/hooks/menu/use-collapse.js

@@ -162,6 +162,7 @@ function setStyles(target, newStyles) {
         }
     }
 }
+/* eslint-disable-next-line @typescript-eslint/no-explicit-any */
 function useEvent(callback) {
     const ref = (0, react_1.useRef)(callback);
     (0, react_1.useEffect)(() => {

package/lib/core/hooks/menu/use-mobile-menu-items.js

@@ -28,6 +28,7 @@ const useMobileMenuItems = (menuType) => {
     const menuItems = [];
     if (menuType === common_1.MobileMenuType.PAGE) {
         if (activeVersion) {
+            // eslint-disable-next-line no-warning-comments
             // TODO: consider to refactor
             const versionsSection = (0, menu_1.buildVersionSection)(translate, versions, activeVersion);
             menuItems.push(...versionsSection);

package/lib/core/hooks/use-mcp-config.js

@@ -2,17 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMCPConfig = useMCPConfig;
 const react_1 = require("react");
-const use_theme_config_1 = require("./use-theme-config");
+const use_theme_hooks_1 = require("./use-theme-hooks");
 const dom_1 = require("../utils/dom");
 const constants_1 = require("../constants");
 const mcp_1 = require("../utils/mcp");
 function useMCPConfig() {
-    var _a, _b, _c, _d, _e;
-    const themeConfig = (0, use_theme_config_1.useThemeConfig)();
-    const origin = dom_1.IS_BROWSER ? window.location.origin : globalThis['SSR_HOSTNAME'];
-    const serverName = ((_b = (_a = themeConfig.mcp) === null || _a === void 0 ? void 0 : _a.docs) === null || _b === void 0 ? void 0 : _b.name) || constants_1.DEFAULT_MCP_SERVER_NAME;
+    var _a;
+    const { useMcpData } = (0, use_theme_hooks_1.useThemeHooks)();
+    const { docs: { enabled, name }, } = useMcpData();
+    const origin = dom_1.IS_BROWSER
+        ? window.location.origin
+        : ((_a = globalThis['SSR_HOSTNAME']) !== null && _a !== void 0 ? _a : '');
+    const serverName = name || constants_1.DEFAULT_MCP_SERVER_NAME;
     const serverUrl = `${origin}/mcp`;
-    const isMcpDisabled = ((_c = themeConfig.mcp) === null || _c === void 0 ? void 0 : _c.hide) || ((_e = (_d = themeConfig.mcp) === null || _d === void 0 ? void 0 : _d.docs) === null || _e === void 0 ? void 0 : _e.hide) || false;
+    const isMcpDisabled = !enabled || false;
     const cursorUrl = (0, react_1.useMemo)(() => (0, mcp_1.generateMCPDeepLink)('cursor', { serverName, url: serverUrl }), [serverName, serverUrl]);
     const vscodeUrl = (0, react_1.useMemo)(() => (0, mcp_1.generateMCPDeepLink)('vscode', { serverName, url: serverUrl }), [serverName, serverUrl]);
     return {

package/lib/core/hooks/use-page-actions.d.ts

@@ -1,3 +1,3 @@
 import type { PageAction } from '../types';
-export type PageActionType = 'copy' | 'view' | 'chatgpt' | 'claude' | 'docs-mcp-cursor' | 'docs-mcp-vscode' | 'mcp-cursor' | 'mcp-vscode';
+export type PageActionType = 'copy' | 'view' | 'chatgpt' | 'claude' | 'docs-mcp-cursor' | 'docs-mcp-vscode' | 'docs-mcp-json' | 'mcp-cursor' | 'mcp-vscode';
 export declare function usePageActions(pageSlug: string, mcpUrl?: string, actions?: PageActionType[]): PageAction[];

package/lib/core/hooks/use-page-actions.js

@@ -30,6 +30,7 @@ const DEFAULT_ENABLED_ACTIONS = [
     'claude',
     'docs-mcp-cursor',
     'docs-mcp-vscode',
+    'docs-mcp-json',
 ];
 function usePageActions(pageSlug, mcpUrl, actions) {
     var _a, _b, _c;
@@ -52,11 +53,13 @@ function usePageActions(pageSlug, mcpUrl, actions) {
         return createMCPAction({ clientType, mcpConfig: config, translate });
     }, [mcpUrl, mcpConfig, translate]);
     const result = (0, react_1.useMemo)(() => {
-        var _a, _b;
-        if (shouldHideAllActions) {
+        var _a, _b, _c;
+        if (shouldHideAllActions && !(actions === null || actions === void 0 ? void 0 : actions.length)) {
             return [];
         }
-        const origin = dom_1.IS_BROWSER ? window.location.origin : globalThis['SSR_HOSTNAME'];
+        const origin = dom_1.IS_BROWSER
+            ? window.location.origin
+            : ((_a = globalThis['SSR_HOSTNAME']) !== null && _a !== void 0 ? _a : '');
         const normalizedSlug = pageSlug.startsWith('/') ? pageSlug : '/' + pageSlug;
         const mdPageUrl = new URL(origin + normalizedSlug + (normalizedSlug === '/' ? 'index.html.md' : '.md')).toString();
         const actionHandlers = {
@@ -114,8 +117,24 @@ function usePageActions(pageSlug, mcpUrl, actions) {
                     link: getExternalAiPromptLink('https://claude.ai/new', mdPageUrl),
                 };
             },
+            'docs-mcp-json': () => {
+                return {
+                    buttonText: 'Copy MCP configuration',
+                    title: 'Copy MCP JSON configuration',
+                    description: 'Copy MCP JSON configuration',
+                    iconComponent: CopyIcon_1.CopyIcon,
+                    onClick: () => __awaiter(this, void 0, void 0, function* () {
+                        clipboard_service_1.ClipboardService.copyCustom(JSON.stringify({
+                            'mcp-server': {
+                                url: mcpUrl,
+                                description: 'MCP Server',
+                            },
+                        }, null, 2));
+                    }),
+                };
+            },
         };
-        return (((_b = (_a = themeConfig.navigation) === null || _a === void 0 ? void 0 : _a.actions) === null || _b === void 0 ? void 0 : _b.items) || actions || DEFAULT_ENABLED_ACTIONS)
+        return (((_c = (_b = themeConfig.navigation) === null || _b === void 0 ? void 0 : _b.actions) === null || _c === void 0 ? void 0 : _c.items) || actions || DEFAULT_ENABLED_ACTIONS)
             .map((action) => { var _a; return (_a = actionHandlers[action]) === null || _a === void 0 ? void 0 : _a.call(actionHandlers); })
             .filter((action) => action !== null);
     }, [
@@ -126,6 +145,7 @@ function usePageActions(pageSlug, mcpUrl, actions) {
         translate,
         isPublic,
         createMCPHandler,
+        mcpUrl,
     ]);
     return result;
 }

package/lib/core/hooks/use-telemetry-fallback.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTelemetryFallback = void 0;
+// eslint-disable-next-line no-warning-comments
 // TODO we need to create some common way to do this.
 const useTelemetryFallback = () => ({
     send: () => { },

package/lib/core/hooks/use-theme-config.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useThemeConfig = useThemeConfig;
 const react_1 = require("react");
 const ThemeDataContext_1 = require("../contexts/ThemeDataContext");
+// eslint-disable-next-line no-warning-comments
 // TODO: rename and additionally export as alias for backward compatibility
 function useThemeConfig(useProductConfig = true) {
     const context = (0, react_1.useContext)(ThemeDataContext_1.ThemeDataContext);

package/lib/core/hooks/use-theme-hooks.js

@@ -20,6 +20,7 @@ const fallbacks = {
     usePageData: () => null,
     usePageProps: () => ({}),
     usePageSharedData: () => null,
+    useMcpData: () => ({ docs: { enabled: false } }),
 };
 const useThemeHooks = () => {
     const context = (0, react_1.useContext)(ThemeDataContext_1.ThemeDataContext);

package/lib/core/openapi/index.d.ts

@@ -6,11 +6,12 @@ export type { SegmentedOption, SegmentedProps } from '../types/segmented';
 export { IS_BROWSER } from '../utils/dom';
 export { addLeadingSlash, removeLeadingSlash, getPathPrefix, combineUrls, addTrailingSlash, withPathPrefix, } from '../utils/urls';
 export { capitalize } from '../utils/string';
-export { typedMemo } from '../hoc/typedMemo';
+export { typedMemo } from '../hoc/typed-memo';
 export { useMount } from '../hooks/use-mount';
 export { GlobalStyle } from '../styles/global';
 export { breakpoints } from '../utils/media-css';
 export { isPrimitive } from '../utils/args-typecheck';
+export { getOperationColor } from '../utils/get-operation-color';
 export { ClipboardService } from '../utils/clipboard-service';
 export { getUserAgent } from '../utils/get-user-agent';
 export { useFocusTrap } from '../hooks/use-focus-trap';

package/lib/core/openapi/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeDataContext = exports.isObject = exports.isNotNull = exports.isString = exports.isUndefined = exports.SecurityVariablesEnvSuffix = exports.useDialogHotKeys = exports.useSearchDialog = exports.useModalScrollLock = exports.useActiveSectionId = exports.useOutsideClick = exports.useThemeHooks = exports.useFocusTrap = exports.getUserAgent = exports.ClipboardService = exports.isPrimitive = exports.breakpoints = exports.GlobalStyle = exports.useMount = exports.typedMemo = exports.capitalize = exports.withPathPrefix = exports.addTrailingSlash = exports.combineUrls = exports.getPathPrefix = exports.removeLeadingSlash = exports.addLeadingSlash = exports.IS_BROWSER = void 0;
+exports.ThemeDataContext = exports.isObject = exports.isNotNull = exports.isString = exports.isUndefined = exports.SecurityVariablesEnvSuffix = exports.useDialogHotKeys = exports.useSearchDialog = exports.useModalScrollLock = exports.useActiveSectionId = exports.useOutsideClick = exports.useThemeHooks = exports.useFocusTrap = exports.getUserAgent = exports.ClipboardService = exports.getOperationColor = exports.isPrimitive = exports.breakpoints = exports.GlobalStyle = exports.useMount = exports.typedMemo = exports.capitalize = exports.withPathPrefix = exports.addTrailingSlash = exports.combineUrls = exports.getPathPrefix = exports.removeLeadingSlash = exports.addLeadingSlash = exports.IS_BROWSER = void 0;
 var dom_1 = require("../utils/dom");
 Object.defineProperty(exports, "IS_BROWSER", { enumerable: true, get: function () { return dom_1.IS_BROWSER; } });
 var urls_1 = require("../utils/urls");
@@ -12,8 +12,8 @@ Object.defineProperty(exports, "addTrailingSlash", { enumerable: true, get: func
 Object.defineProperty(exports, "withPathPrefix", { enumerable: true, get: function () { return urls_1.withPathPrefix; } });
 var string_1 = require("../utils/string");
 Object.defineProperty(exports, "capitalize", { enumerable: true, get: function () { return string_1.capitalize; } });
-var typedMemo_1 = require("../hoc/typedMemo");
-Object.defineProperty(exports, "typedMemo", { enumerable: true, get: function () { return typedMemo_1.typedMemo; } });
+var typed_memo_1 = require("../hoc/typed-memo");
+Object.defineProperty(exports, "typedMemo", { enumerable: true, get: function () { return typed_memo_1.typedMemo; } });
 var use_mount_1 = require("../hooks/use-mount");
 Object.defineProperty(exports, "useMount", { enumerable: true, get: function () { return use_mount_1.useMount; } });
 var global_1 = require("../styles/global");
@@ -22,6 +22,8 @@ var media_css_1 = require("../utils/media-css");
 Object.defineProperty(exports, "breakpoints", { enumerable: true, get: function () { return media_css_1.breakpoints; } });
 var args_typecheck_1 = require("../utils/args-typecheck");
 Object.defineProperty(exports, "isPrimitive", { enumerable: true, get: function () { return args_typecheck_1.isPrimitive; } });
+var get_operation_color_1 = require("../utils/get-operation-color");
+Object.defineProperty(exports, "getOperationColor", { enumerable: true, get: function () { return get_operation_color_1.getOperationColor; } });
 var clipboard_service_1 = require("../utils/clipboard-service");
 Object.defineProperty(exports, "ClipboardService", { enumerable: true, get: function () { return clipboard_service_1.ClipboardService; } });
 var get_user_agent_1 = require("../utils/get-user-agent");

package/lib/core/templates/Markdown.js

@@ -58,6 +58,7 @@ function default_1({ pageProps, children }) {
         }
         setWrapperElement(node);
     }, 
+    // eslint-disable-next-line no-warning-comments
     // TODO: is this correct?
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [pageProps.headings]);

package/lib/core/types/hooks.d.ts

@@ -98,6 +98,12 @@ export type ThemeHooks = {
         setSearchFacet: React.Dispatch<React.SetStateAction<SearchFacet | null>>;
         setSearchFacetQuery: React.Dispatch<React.SetStateAction<SearchFacetQuery | null>>;
     };
+    useMcpData: () => {
+        docs: {
+            enabled: boolean;
+            name?: string;
+        };
+    };
     useSidebarItems: (activeVersion?: Version | null) => {
         currentItems: ItemState[];
         allSidebarItems: ItemState[];

package/lib/core/types/index.d.ts

@@ -1,20 +1,21 @@
-export * from './breadcrumb';
-export * from './catalog';
-export * from './l10n';
-export * from './mcp';
-export * from './feedback';
-export * from './hooks';
-export * from './markdown';
-export * from './navbar';
+export type * from './breadcrumb';
+export type * from './catalog';
+export type * from './l10n';
+export type * from './mcp';
+export type * from './feedback';
+export type * from './hooks';
+export type * from './markdown';
+export type * from './navbar';
 export * from './search';
-export * from './select';
-export * from './sidebar';
-export * from './filter';
-export * from './user-menu';
-export * from './user-claims';
-export * from './common';
-export * from './open-api-server';
-export * from './marker';
-export * from './code-walkthrough';
-export * from './page-actions';
-export * from './open-api-info';
+export type * from './select';
+export type * from './sidebar';
+export type * from './filter';
+export type * from './user-menu';
+export type * from './user-claims';
+export type * from './common';
+export type * from './open-api-server';
+export type * from './marker';
+export type * from './code-walkthrough';
+export type * from './page-actions';
+export type * from './open-api-info';
+export type * from './segmented';