Disable cookie banner on query param

kubeshop · Aug 8, 2023 · fb3e78e · fb3e78e
1 parent 7d98706
commit fb3e78e
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 29 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -57,7 +57,7 @@ const config = {
     },
   ],
 
-  clientModules: [require.resolve("./src/clientModules/cloud-communication.ts")],
+  clientModules: [require.resolve("./src/clientModules/embed.ts")],
 
   plugins: [
     "docusaurus-plugin-sass",

diff --git a/src/clientModules/cloud-communication.ts b/src/clientModules/cloud-communication.ts
diff --git a/src/clientModules/embed.ts b/src/clientModules/embed.ts
@@ -0,0 +1,28 @@
+import ExecutionEnvironment from "@docusaurus/ExecutionEnvironment";
+
+export interface DocsConfigWindow extends Window {
+  displayConfig?: {
+    cookieBanner: {
+      forceHide: boolean;
+    };
+  };
+}
+
+if (ExecutionEnvironment.canUseDOM) {
+  document.addEventListener("DOMContentLoaded", function () {
+    const urlParams = new URLSearchParams(window.location.search);
+    const isEmbedded = urlParams.get("embedded");
+    if (!isEmbedded) {
+      return;
+    }
+
+    console.log("embedded mode detected");
+
+    (window as DocsConfigWindow).displayConfig = {
+      ...(window as DocsConfigWindow).displayConfig,
+      cookieBanner: {
+        forceHide: true,
+      },
+    };
+  });
+}
diff --git a/src/components/CookieBanner/index.tsx b/src/components/CookieBanner/index.tsx
@@ -2,13 +2,16 @@ import React, { FC } from "react";
 import { Link } from "react-router-dom";
 import CookieBanner, { Cookies } from "react-cookie-banner";
 import styles from "./index.module.scss";
+import { DocsConfigWindow } from "@site/src/clientModules/embed";
 
 export const CookiesMessageBanner: FC = () => {
   const cookies = new Cookies();
 
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  if (!cookies || cookies.get("accepts-cookies") || window.globalParams?.cookie?.hide) {
+  if (
+    !cookies ||
+    cookies.get("accepts-cookies") ||
+    (window as DocsConfigWindow).displayConfig?.cookieBanner.forceHide
+  ) {
     return null;
   }