make sure window and document is defined

Author: joetannenbaum

packages/core/src/eventHandler.ts

@@ -14,8 +14,13 @@ class EventHandler {
   }[] = []
 
   public init() {
-    window.addEventListener('popstate', this.handlePopstateEvent.bind(this))
-    document.addEventListener('scroll', debounce(Scroll.onScroll.bind(Scroll), 100), true)
+    if (typeof window !== 'undefined') {
+      window.addEventListener('popstate', this.handlePopstateEvent.bind(this))
+    }
+
+    if (typeof document !== 'undefined') {
+      document.addEventListener('scroll', debounce(Scroll.onScroll.bind(Scroll), 100), true)
+    }
   }
 
   public onGlobalEvent<TEventName extends GlobalEventNames>(

packages/core/src/history.ts

@@ -29,22 +29,24 @@ class History {
   }
 
   public pushState(page: Page): void {
-    if (!this.preserveUrl) {
-      this.current = page
-
-      this.addToQueue(() => {
-        return this.getPageData(page).then((data) => {
-          window.history.pushState(
-            {
-              page: data,
-              timestamp: Date.now(),
-            },
-            '',
-            page.url,
-          )
-        })
-      })
+    if (isServer || this.preserveUrl) {
+      return
     }
+
+    this.current = page
+
+    this.addToQueue(() => {
+      return this.getPageData(page).then((data) => {
+        window.history.pushState(
+          {
+            page: data,
+            timestamp: Date.now(),
+          },
+          '',
+          page.url,
+        )
+      })
+    })
   }
 
   protected getPageData(page: Page): Promise<Page | ArrayBuffer> {
@@ -84,21 +86,24 @@ class History {
   public replaceState(page: Page): void {
     currentPage.merge(page)
 
-    if (!this.preserveUrl) {
-      this.current = page
-      this.addToQueue(() => {
-        return this.getPageData(page).then((data) => {
-          window.history.replaceState(
-            {
-              page: data,
-              timestamp: Date.now(),
-            },
-            '',
-            page.url,
-          )
-        })
-      })
+    if (isServer || this.preserveUrl) {
+      return
     }
+
+    this.current = page
+
+    this.addToQueue(() => {
+      return this.getPageData(page).then((data) => {
+        window.history.replaceState(
+          {
+            page: data,
+            timestamp: Date.now(),
+          },
+          '',
+          page.url,
+        )
+      })
+    })
   }
 
   protected addToQueue(fn: () => Promise<void>): void {

packages/core/src/navigationType.ts

@@ -2,7 +2,7 @@ class NavigationType {
   protected type: NavigationTimingType
 
   public constructor() {
-    if (window?.performance.getEntriesByType('navigation').length > 0) {
+    if (typeof window !== 'undefined' && window?.performance.getEntriesByType('navigation').length > 0) {
       this.type = (window.performance.getEntriesByType('navigation')[0] as PerformanceNavigationTiming).type
     } else {
       this.type = 'navigate'

packages/core/src/poll.ts

@@ -28,6 +28,10 @@ export class Poll {
   }
 
   public start() {
+    if (typeof window === 'undefined') {
+      return
+    }
+
     this.stop()
 
     this.id = window.setInterval(() => {

packages/core/src/polls.ts

@@ -33,6 +33,10 @@ class Polls {
   }
 
   protected setupVisibilityListener() {
+    if (typeof document === 'undefined') {
+      return
+    }
+
     document.addEventListener(
       'visibilitychange',
       () => {

packages/core/src/progress.ts

@@ -1,13 +1,22 @@
 import NProgress from 'nprogress'
 import { GlobalEvent } from './types'
 
-const hideProgressStyleEl = document.createElement('style')
-hideProgressStyleEl.innerHTML = '#nprogress { display: none; }'
+const hideProgressStyleEl = (() => {
+  if (typeof document === 'undefined') {
+    return null
+  }
+
+  const el = document.createElement('style')
+
+  el.innerHTML = '#nprogress { display: none; }'
+
+  return el
+})()
 
 let hideCount = 0
 
 const removeStyle = () => {
-  if (!document.querySelector('#nprogress')) {
+  if (hideProgressStyleEl && !document.querySelector('#nprogress')) {
     return document.head.removeChild(hideProgressStyleEl)
   }
 
@@ -25,7 +34,7 @@ export const reveal = (force = false) => {
 export const hide = () => {
   hideCount++
 
-  if (!document.head.contains(hideProgressStyleEl)) {
+  if (hideProgressStyleEl && !document.head.contains(hideProgressStyleEl)) {
     document.head.appendChild(hideProgressStyleEl)
   }
 }