@redocly/theme 0.59.0-rc.1 → 0.59.0-rc.3

package/lib/components/AsyncApiDocs/hooks/AfterAsyncApiChannelDescription.d.ts

@@ -0,0 +1 @@
+export declare const AfterAsyncApiChannelDescription: any;

package/lib/components/AsyncApiDocs/hooks/AfterAsyncApiChannelDescription.js

@@ -0,0 +1,11 @@
+"use strict";
+// interface AfterAsyncApiChannelDescriptionProps {
+//   channel: any;
+// }
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AfterAsyncApiChannelDescription = void 0;
+// export function AfterAsyncApiChannelDescription(_props: AfterAsyncApiChannelDescriptionProps) {
+//   return null;
+// }
+exports.AfterAsyncApiChannelDescription = null;
+//# sourceMappingURL=AfterAsyncApiChannelDescription.js.map

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' | 'mcp-cursor';
+export type PageActionType = 'copy' | 'view' | 'chatgpt' | 'claude' | 'mcp-cursor' | 'mcp-claude' | 'mcp-json';
 export declare function usePageActions(pageSlug: string, mcpUrl?: string, actions?: PageActionType[]): PageAction[];

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

@@ -33,7 +33,7 @@ function usePageActions(pageSlug, mcpUrl, actions) {
     const { isPublic } = usePageData() || {};
     const result = (0, react_1.useMemo)(() => {
         var _a, _b;
-        if (shouldHideAllActions) {
+        if (shouldHideAllActions && !(actions === null || actions === void 0 ? void 0 : actions.length)) {
             return [];
         }
         const origin = dom_1.IS_BROWSER ? window.location.origin : globalThis['SSR_HOSTNAME'];
@@ -80,6 +80,29 @@ function usePageActions(pageSlug, mcpUrl, actions) {
                             }
                         },
                     };
+                case 'mcp-claude':
+                    if (!mcpUrl) {
+                        return null;
+                    }
+                    return {
+                        buttonText: 'Copy Claude configuration',
+                        title: 'Copy Claude configuration',
+                        description: 'Copy MCP configuration for Claude',
+                        iconComponent: ClaudeIcon_1.ClaudeIcon,
+                        onClick: () => __awaiter(this, void 0, void 0, function* () {
+                            clipboard_service_1.ClipboardService.copyCustom(`claude mcp add --transport http server ${mcpUrl}`);
+                        }),
+                    };
+                case '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(generateMCPConfig());
+                        }),
+                    };
                 case 'copy':
                     return {
                         buttonText: translate('page.actions.copyButtonText', 'Copy'),

package/lib/index.d.ts

@@ -83,6 +83,7 @@ export * from './components/OpenApiDocs/hooks/BeforeOpenApiOperation';
 export * from './components/OpenApiDocs/hooks/OpenApiFooter';
 export * from './components/OpenApiDocs/hooks/OpenApiHeader';
 export * from './components/OpenApiDocs/hooks/AdditionalOverviewInfo';
+export * from './components/AsyncApiDocs/hooks/AfterAsyncApiChannelDescription';
 export * from './components/SidebarActions/ChangeViewButton';
 export * from './components/SidebarActions/SidebarActions';
 export * from './components/SidebarActions/styled';

package/lib/index.js

@@ -136,6 +136,7 @@ __exportStar(require("./components/OpenApiDocs/hooks/BeforeOpenApiOperation"), e
 __exportStar(require("./components/OpenApiDocs/hooks/OpenApiFooter"), exports);
 __exportStar(require("./components/OpenApiDocs/hooks/OpenApiHeader"), exports);
 __exportStar(require("./components/OpenApiDocs/hooks/AdditionalOverviewInfo"), exports);
+__exportStar(require("./components/AsyncApiDocs/hooks/AfterAsyncApiChannelDescription"), exports);
 /* SidebarActions */
 __exportStar(require("./components/SidebarActions/ChangeViewButton"), exports);
 __exportStar(require("./components/SidebarActions/SidebarActions"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.59.0-rc.1",
+  "version": "0.59.0-rc.3",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",

package/src/components/AsyncApiDocs/hooks/AfterAsyncApiChannelDescription.tsx

@@ -0,0 +1,9 @@
+// interface AfterAsyncApiChannelDescriptionProps {
+//   channel: any;
+// }
+
+// export function AfterAsyncApiChannelDescription(_props: AfterAsyncApiChannelDescriptionProps) {
+//   return null;
+// }
+
+export const AfterAsyncApiChannelDescription: any = null;

package/src/core/hooks/use-page-actions.ts

@@ -18,7 +18,14 @@ const DEFAULT_ENABLED_ACTIONS = ['copy', 'view', 'chatgpt', 'claude'] as const;
 const CURSOR_URL =
   'cursor://anysphere.cursor-deeplink/mcp/install?name=$NAME&config=$BASE64_ENCODED_CONFIG';
 
-export type PageActionType = 'copy' | 'view' | 'chatgpt' | 'claude' | 'mcp-cursor';
+export type PageActionType =
+  | 'copy'
+  | 'view'
+  | 'chatgpt'
+  | 'claude'
+  | 'mcp-cursor'
+  | 'mcp-claude'
+  | 'mcp-json';
 
 export function usePageActions(
   pageSlug: string,
@@ -42,7 +49,7 @@ export function usePageActions(
   const { isPublic } = usePageData() || {};
 
   const result: PageAction[] = useMemo(() => {
-    if (shouldHideAllActions) {
+    if (shouldHideAllActions && !actions?.length) {
       return [];
     }
 
@@ -106,6 +113,30 @@ export function usePageActions(
                 }
               },
             };
+          case 'mcp-claude':
+            if (!mcpUrl) {
+              return null;
+            }
+
+            return {
+              buttonText: 'Copy Claude configuration',
+              title: 'Copy Claude configuration',
+              description: 'Copy MCP configuration for Claude',
+              iconComponent: ClaudeIcon,
+              onClick: async () => {
+                ClipboardService.copyCustom(`claude mcp add --transport http server ${mcpUrl}`);
+              },
+            };
+          case 'mcp-json':
+            return {
+              buttonText: 'Copy MCP configuration',
+              title: 'Copy MCP JSON configuration',
+              description: 'Copy MCP JSON configuration',
+              iconComponent: CopyIcon,
+              onClick: async () => {
+                ClipboardService.copyCustom(generateMCPConfig());
+              },
+            };
           case 'copy':
             return {
               buttonText: translate('page.actions.copyButtonText', 'Copy'),

package/src/index.ts

@@ -98,6 +98,7 @@ export * from '@redocly/theme/components/OpenApiDocs/hooks/BeforeOpenApiOperatio
 export * from '@redocly/theme/components/OpenApiDocs/hooks/OpenApiFooter';
 export * from '@redocly/theme/components/OpenApiDocs/hooks/OpenApiHeader';
 export * from '@redocly/theme/components/OpenApiDocs/hooks/AdditionalOverviewInfo';
+export * from '@redocly/theme/components/AsyncApiDocs/hooks/AfterAsyncApiChannelDescription';
 /* SidebarActions */
 export * from '@redocly/theme/components/SidebarActions/ChangeViewButton';
 export * from '@redocly/theme/components/SidebarActions/SidebarActions';