fix: move the cache invalidation to custom.js

jirispilka · jirispilka · commit 29c4de32631e · 2025-08-19T17:20:49.000+02:00
diff --git a/apify-docs-theme/src/theme/Layout/index.jsx b/apify-docs-theme/src/theme/Layout/index.jsx
@@ -4,29 +4,13 @@ import { useLocation } from '@docusaurus/router';
 import Layout from '@docusaurus/theme-classic/lib/theme/Layout/index';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import { usePluginData } from '@docusaurus/useGlobalData';
-import React, { useEffect } from 'react';
+import React from 'react';
 
 export default function LayoutWrapper(props) {
     const { options: { subNavbar } } = usePluginData('@apify/docs-theme');
     const baseUrl = useBaseUrl('/');
     const currentPath = useLocation().pathname.replace(new RegExp(`^${baseUrl}`), '');
 
-    // Silent cache busting for mcp.apify.com redirects
-    useEffect(() => {
-        // Only run on the MCP documentation page
-        if (currentPath.includes('integrations/mcp')) {
-            // Always clear cache when on MCP page to help with redirect issues.
-            // Background: Previously, mcp.apify.com had a 301 redirect to this docs page, which was wrong.
-            // Many users have this redirect cached in their browsers, so they can't access the new MCP UI.
-            // This helps with their cached redirect, allowing them to access mcp.apify.com
-            fetch('https://mcp.apify.com/', { method: 'get', cache: 'reload' }).then(() => {
-                console.log('MCP cache cleared successfully');
-            }).catch((error) => {
-                console.warn('Failed to clear MCP cache:', error);
-            });
-        }
-    }, [currentPath]);
-
     return (
         <>
             <Head>
diff --git a/apify-docs-theme/static/js/custom.js b/apify-docs-theme/static/js/custom.js
@@ -125,9 +125,30 @@ window.addEventListener('load', () => {
 
     // docusaurus-openapi-docs plugin: scroll sidebar into viewport, no need for a large timeout here
     setTimeout(() => scrollOpenApiSidebarItemIntoView(), 200);
+
+    // MCP cache clearing - run after page is fully loaded
+    setTimeout(() => clearMcpRedirectCache(), 200);
 });
 
 window.addEventListener('popstate', () => {
     setTimeout(() => redirectOpenApiDocs(), 50);
     setTimeout(() => scrollOpenApiSidebarItemIntoView(), 50);
 });
+
+// MCP redirect cache-busting
+// Background: Previously, mcp.apify.com had a 301 redirect to the docs page
+// This clears cached redirects so users can access the new MCP configuration interface
+function clearMcpRedirectCache() {
+    // Only run on the MCP documentation page
+    if (window.location.pathname.includes('integrations/mcp')) {
+        // Clear cached redirects to mcp.apify.com
+        fetch('https://mcp.apify.com/', {
+            method: 'get',
+            cache: 'reload',
+        }).then(() => {
+            // Cache cleared successfully
+        }).catch(() => {
+            // Failed to clear cache - silent fail
+        });
+    }
+}
