Fix no DOM error

Author: dprothero

.npmignore

@@ -1,3 +1,10 @@
 .tsbuildinfo*
 tsconfig*
+lib/tests
 src/tests
+.github
+.husky
+CODE_OF_CONDUCT.md
+CONTRIBUTING.md
+getPkgTag.js
+jest.config.js

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twilio-labs/docusaurus-plugin-segment",
-  "version": "0.1.0-pre1",
+  "version": "0.1.0-pre2",
   "description": "Segment plugin for Docusaurus.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

src/track-search.ts

@@ -1,45 +1,48 @@
-// The following is for integrating with https://github.com/cmfcmf/docusaurus-search-local
+import ExecutionEnvironment from "@docusaurus/core/lib/client/exports/ExecutionEnvironment";
 
-let searchInput, timeout: NodeJS.Timeout | undefined;
+if (ExecutionEnvironment.canUseDOM) {
+  // The following is for integrating with https://github.com/cmfcmf/docusaurus-search-local
+  let searchInput, timeout: NodeJS.Timeout | undefined;
 
-function processEvent(event: Event): void {
-  clearTimeout(timeout);
-  timeout = setTimeout(() => {
-    const query = (event?.target as HTMLInputElement)?.value.trim();
-    if (query) {
-      window.analytics.track("Searched", {
-        category: "Search",
-        label: window.location.pathname,
-        properties: {
-          query,
-        },
-      });
+  function processEvent(event: Event): void {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => {
+      const query = (event?.target as HTMLInputElement)?.value.trim();
+      if (query) {
+        window.analytics.track("Searched", {
+          category: "Search",
+          label: window.location.pathname,
+          properties: {
+            query,
+          },
+        });
+      }
+    }, 1000);
+  }
+
+  function checkSearchInput() {
+    searchInput = document.querySelector("input[type=search]");
+    if (searchInput) {
+      searchInput.addEventListener("input", processEvent);
+      return true;
     }
-  }, 1000);
-}
 
-function checkSearchInput() {
-  searchInput = document.querySelector("input[type=search]");
-  if (searchInput) {
-    searchInput.addEventListener("input", processEvent);
-    return true;
+    return false;
   }
 
-  return false;
-}
+  if (!checkSearchInput()) {
+    // We need to wait until it gets added to the DOM
+    const observer = new MutationObserver(() => {
+      if (checkSearchInput()) {
+        observer.disconnect();
+      }
+    });
 
-if (!checkSearchInput()) {
-  // We need to wait until it gets added to the DOM
-  const observer = new MutationObserver(() => {
-    if (checkSearchInput()) {
-      observer.disconnect();
-    }
-  });
-
-  observer.observe(document.body, {
-    subtree: false,
-    childList: true,
-  });
+    observer.observe(document.body, {
+      subtree: false,
+      childList: true,
+    });
+  }
 }
 
 export {};