fix: Google Cloud Build

amiller-gh · amiller-gh · commit e84b32a5c0fa · 2019-09-16T11:58:58.000-07:00
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -2,18 +2,7 @@ import React from 'react';
 import Hero from '../components/hero';
 import Layout from '../components/layout';
 
-import './konami.js';
-
-let discoMode: NodeJS.Timeout | null = null;
-document.addEventListener('konamiCode', (): void => {
-  if (discoMode) {
-    return clearInterval(discoMode);
-  }
-  discoMode = setInterval(
-    (): boolean => document.body.classList.toggle('dark-mode'),
-    300
-  );
-});
+import '../util/konami';
 
 export default function HomePage(): JSX.Element {
   const title = 'Home Page';
diff --git a/src/pages/konami.js b/src/pages/konami.js
diff --git a/src/util/konami.ts b/src/util/konami.ts
@@ -0,0 +1,57 @@
+const enum KEY {
+  LEFT = 37,
+  UP = 38,
+  RIGHT = 39,
+  DOWN = 40,
+  A = 65,
+  B = 66,
+}
+
+// eslint-disable-next-line no-bitwise
+const contains = (a: string, b: string): boolean => !!~a.indexOf(b);
+
+function initKonami(): void {
+  const CODE_SEQUENCE = '38384040373937396665'; // ⬆ ⬆ ⬇ ⬇ ⬅ ➡ ⬅ ➡ b a
+  const maxDelay = 1500;
+  const konamiCodeEvent = new Event('konamiCode');
+  let buffer = '';
+  let lastDate = Date.now();
+
+  const validKeys = new Set([
+    KEY.LEFT,
+    KEY.UP,
+    KEY.RIGHT,
+    KEY.DOWN,
+    KEY.A,
+    KEY.B,
+  ]);
+
+  document.addEventListener('keyup', function triggerKonami(ev): void {
+    if (!validKeys.has(ev.keyCode)) {
+      return;
+    }
+    buffer =
+      Date.now() - lastDate <= maxDelay ? `${ev.keyCode}` : buffer + ev.keyCode;
+    lastDate = Date.now();
+    if (!contains(buffer, CODE_SEQUENCE)) {
+      return;
+    }
+    document.dispatchEvent(konamiCodeEvent);
+    buffer = '';
+  });
+}
+
+// SSR Protection
+if (document) {
+  initKonami();
+  let discoMode: NodeJS.Timeout | null = null;
+  document.addEventListener('konamiCode', (): void => {
+    if (discoMode) {
+      return clearInterval(discoMode);
+    }
+    discoMode = setInterval(
+      (): boolean => document.body.classList.toggle('dark-mode'),
+      300
+    );
+  });
+}
