Move Tabs and TabItem to the global scope

danbarr · danbarr · commit a40f1311a237 · 2025-09-04T19:47:19.000Z
Signed-off-by: Dan Barr &lt;6922515+danbarr@users.noreply.github.com&gt;
diff --git a/docs/theme-preview.mdx b/docs/theme-preview.mdx
@@ -182,9 +182,6 @@ A standard Markdown table:
 MDX Tabs component, default theme
 ([reference](https://docusaurus.io/docs/markdown-features/tabs))
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 <Tabs>
   <TabItem value='apple' label='Apple' default>
     This is an apple 🍎
diff --git a/docs/toolhive/guides-cli/build-containers.mdx b/docs/toolhive/guides-cli/build-containers.mdx
@@ -5,9 +5,6 @@ description:
   CLI.
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 This guide explains how to use the [`thv build`](../reference/cli/thv_build.md)
 command to build MCP server containers from protocol schemes without running
 them. This is useful for pre-building containers for Kubernetes deployments,
diff --git a/docs/toolhive/guides-cli/install.mdx b/docs/toolhive/guides-cli/install.mdx
@@ -3,9 +3,6 @@ title: Install ToolHive
 description: How to install, upgrade, and manage the ToolHive CLI.
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 This guide walks you through installing, upgrading, and managing the ToolHive
 CLI ([`thv`](../reference/cli/thv.md)).
 
diff --git a/docs/toolhive/guides-cli/network-isolation.mdx b/docs/toolhive/guides-cli/network-isolation.mdx
@@ -3,9 +3,6 @@ title: Network isolation
 description: How to configure network isolation for MCP servers in ToolHive
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 Most MCP servers require network access to function properly—for example, to
 access APIs, download data, or communicate with other services. However,
 malicious or misconfigured servers can also exfiltrate sensitive data or
diff --git a/docs/toolhive/guides-cli/run-mcp-servers.mdx b/docs/toolhive/guides-cli/run-mcp-servers.mdx
@@ -3,9 +3,6 @@ title: Run MCP servers
 description: How to run MCP servers with the ToolHive CLI.
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 This guide explains how to run Model Context Protocol (MCP) servers using
 ToolHive. It covers how to run servers from the ToolHive registry, customize
 server settings, and run custom servers using Docker images or protocol schemes.
diff --git a/docs/toolhive/guides-cli/secrets-management.mdx b/docs/toolhive/guides-cli/secrets-management.mdx
@@ -4,9 +4,6 @@ description:
   How to securely manage API tokens and other sensitive data in ToolHive.
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 MCP servers often need secrets like API tokens, connection strings, and other
 sensitive parameters. ToolHive provides built-in secrets management features,
 letting you manage these values securely without exposing them in plaintext
diff --git a/docs/toolhive/guides-mcp/_template.mdx b/docs/toolhive/guides-mcp/_template.mdx
@@ -7,9 +7,6 @@ last_update:
   date: YYYY-MM-DD
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 ## Overview
 
 A brief overview of the MCP server, its purpose, and key features. Link to the
diff --git a/docs/toolhive/guides-mcp/context7.mdx b/docs/toolhive/guides-mcp/context7.mdx
@@ -8,9 +8,6 @@ last_update:
   date: 2025-08-27
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 ## Overview
 
 The [Context7 MCP server](https://github.com/upstash/context7) provides
@@ -45,9 +42,9 @@ While Context7 works without an API key, registering at
 :::note
 
 Currently, the Context7 MCP server only supports a CLI argument for the API key.
-This means ToolHive's secrets management cannot be used to inject the key.
-Instead, you must pass the API key directly as a command-line argument when
-starting the server.
+This means ToolHive's secrets management cannot be used to inject the key as an
+environment variable. Instead, you must pass the API key directly as a
+command-line argument when starting the server.
 
 :::
 
@@ -78,10 +75,13 @@ Run with the default configuration (no API key required for basic usage):
 thv run context7
 ```
 
-If you have a Context7 API key for higher rate limits, pass it as an argument:
+If you have a Context7 API key for higher rate limits, you can pass it directly
+as a command-line argument. You can store the key in a ToolHive secret and
+retrieve it when starting the server:
 
 ```bash
-thv run context7 -- --api-key <YOUR_API_KEY>
+thv secret set context7
+thv run context7 -- --api-key $(thv secret get context7)
 ```
 
 Enable [network isolation](../guides-cli/network-isolation.mdx) using the
@@ -94,7 +94,7 @@ thv run --isolate-network context7
 Combine API key with network isolation:
 
 ```bash
-thv run --isolate-network context7 -- --api-key <YOUR_API_KEY>
+thv run --isolate-network context7 -- --api-key $(thv secret get context7)
 ```
 
 </TabItem>
diff --git a/docs/toolhive/guides-mcp/fetch.mdx b/docs/toolhive/guides-mcp/fetch.mdx
@@ -7,9 +7,6 @@ last_update:
   date: 2025-08-15
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 ## Overview
 
 A simple, lightweight MCP server that retrieves data from a website to add
diff --git a/docs/toolhive/guides-mcp/filesystem.mdx b/docs/toolhive/guides-mcp/filesystem.mdx
@@ -7,8 +7,6 @@ last_update:
   date: 2025-08-15
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import ThemedImage from '@theme/ThemedImage';
 
diff --git a/docs/toolhive/guides-mcp/github.mdx b/docs/toolhive/guides-mcp/github.mdx
@@ -8,9 +8,6 @@ last_update:
   date: 2025-08-15
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 ## Overview
 
 The official [GitHub MCP server](https://github.com/github/github-mcp-server)
diff --git a/docs/toolhive/guides-mcp/k8s.mdx b/docs/toolhive/guides-mcp/k8s.mdx
@@ -8,9 +8,6 @@ last_update:
   date: 2025-09-02
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 ## Overview
 
 An MCP server that interacts with Kubernetes clusters, enabling you to manage
diff --git a/docs/toolhive/guides-mcp/osv.mdx b/docs/toolhive/guides-mcp/osv.mdx
@@ -8,9 +8,6 @@ last_update:
   date: 2025-09-02
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 ## Overview
 
 The [OSV MCP server](https://github.com/StacklokLabs/osv-mcp) provides access to
diff --git a/docs/toolhive/guides-mcp/playwright.mdx b/docs/toolhive/guides-mcp/playwright.mdx
@@ -8,8 +8,6 @@ last_update:
   date: 2025-08-27
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import ThemedImage from '@theme/ThemedImage';
 
diff --git a/docs/toolhive/guides-ui/index.mdx b/docs/toolhive/guides-ui/index.mdx
@@ -28,7 +28,7 @@ simple way to get started.
     dark: useBaseUrl('/img/toolhive/toolhive-ui-screenshot-dark.webp'),
   }}
   title='ToolHive UI screenshot'
-></ThemedImage>
+/>
 <br />
 
 We strive to make ToolHive intuitive and easy to use. If we've missed the mark
diff --git a/docs/toolhive/guides-ui/install.mdx b/docs/toolhive/guides-ui/install.mdx
@@ -3,9 +3,6 @@ title: Install ToolHive
 description: How to install the ToolHive UI application.
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 This guide walks you through installing, upgrading, and managing the ToolHive
 desktop application.
 
diff --git a/docs/toolhive/guides-ui/network-isolation.mdx b/docs/toolhive/guides-ui/network-isolation.mdx
@@ -76,7 +76,7 @@ The configuration pictured below allows the MCP server to access
     dark: useBaseUrl('/img/toolhive/network-isolation-dark.webp'),
   }}
   title='Network isolation configuration showing allowed hosts and ports'
-></ThemedImage>
+/>
 <br />
 
 ## Related information
diff --git a/docs/toolhive/guides-ui/registry.mdx b/docs/toolhive/guides-ui/registry.mdx
@@ -29,7 +29,7 @@ the built-in or custom registry.
     dark: useBaseUrl('/img/toolhive/toolhive-ui-registry-dark.webp'),
   }}
   title='ToolHive Registry Page'
-></ThemedImage>
+/>
 
 The registry interface displays a list of available servers. You can browse
 through the list, use search functionality, and click on any server to view
@@ -78,7 +78,7 @@ For detailed information on creating a custom registry, see the
     dark: useBaseUrl('/img/toolhive/toolhive-ui-registry-settings-dark.webp'),
   }}
   title='Local Registry configuration with file path input field'
-></ThemedImage>
+/>
 
 ## Next steps
 
diff --git a/docs/toolhive/tutorials/custom-registry.mdx b/docs/toolhive/tutorials/custom-registry.mdx
@@ -3,9 +3,6 @@ title: Create a custom MCP registry
 description: Learn how to create a custom MCP registry for ToolHive.
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 ## Overview
 
 ToolHive includes a built-in registry of MCP servers with verified
diff --git a/docs/toolhive/tutorials/quickstart-cli.mdx b/docs/toolhive/tutorials/quickstart-cli.mdx
@@ -5,9 +5,6 @@ description:
   server.
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 In this tutorial, you'll install the ToolHive command-line application and run
 your first MCP server. By the end, you'll have a working MCP server that can
 fetch content from websites and be used by AI applications like GitHub Copilot
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -35,6 +35,8 @@ export default [
         // Add global components from src/theme/MDXComponents.tsx here
         //Columns: 'readonly',
         //Column: 'readonly',
+        Tabs: 'readonly',
+        TabItem: 'readonly',
         MCPMetadata: 'readonly',
       },
     },
diff --git a/src/theme/MDXComponents.tsx b/src/theme/MDXComponents.tsx
@@ -7,11 +7,15 @@
 */
 
 import MDXComponents from '@theme-original/MDXComponents';
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
 import MCPMetadata from '@site/src/components/MCPMetadata';
 
 export default {
   // Reusing the default mapping
   ...MDXComponents,
   // Add custom components
+  Tabs,
+  TabItem,
   MCPMetadata,
 };
