rm playwright

Author: raphaeltm

.gitignore

@@ -23,5 +23,3 @@ defang
 samples
 /docs/samples.md
 /static/samples-v2.json
-playwright-report
-test-results

package-lock.json

@@ -46,7 +46,6 @@
     "@docusaurus/module-type-aliases": "3.0.0",
     "@docusaurus/tsconfig": "3.0.0",
     "@docusaurus/types": "3.0.0",
-    "@playwright/test": "^1.55.1",
     "@types/react": "^18.2.29",
     "autoprefixer": "^10.4.21",
     "postcss": "^8.5.6",

package.json

@@ -2,7 +2,24 @@ import { useLocation } from "@docusaurus/router";
 import Layout from "@theme-original/Layout";
 import React, { useEffect } from "react";
 
-let searchTrackingTimeout;
+const debounce = (fn, delay) => {
+  let timeoutId;
+  const debounced = (...args) => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      fn(...args);
+    }, delay);
+  };
+  debounced.cancel = () => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+      timeoutId = null;
+    }
+  };
+  return debounced;
+};
 
 export default function LayoutWrapper(props) {
   const location = useLocation();
@@ -24,24 +41,21 @@ export default function LayoutWrapper(props) {
         return undefined;
       }
 
+      const trackSearch = debounce((value) => {
+        window?.analytics?.track("docsSearch", {
+          searchQuery: value,
+        });
+      }, 1000);
+
       const handleChange = (event) => {
-        if (searchTrackingTimeout) {
-          clearTimeout(searchTrackingTimeout);
-        }
-        searchTrackingTimeout = setTimeout(() => {
-          window?.analytics?.track("docsSearch", {
-            searchQuery: event.target.value,
-          });
-        }, 1000);
+        trackSearch(event.target.value);
       };
 
       search.addEventListener("change", handleChange);
 
       return () => {
         search.removeEventListener("change", handleChange);
-        if (searchTrackingTimeout) {
-          clearTimeout(searchTrackingTimeout);
-        }
+        trackSearch.cancel();
       };
     };
 
@@ -74,3 +88,4 @@ export default function LayoutWrapper(props) {
     </>
   );
 }
+

playwright.config.ts

@@ -0,0 +1,4 @@
+{
+  "status": "passed",
+  "failedTests": []
+}