From f2e728e2ca739f95f4cee22523c2d23458c16f27 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Peter=20Babi=C4=8D?= <peter@peterbabic.dev>
Date: Fri, 19 Mar 2021 11:15:39 +0100
Subject: [PATCH] insert keyboard shortcuts

---
 src/App.svelte     | 11 +++++++++++
 tailwind.config.js |  4 +---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 01c984a..ee46329 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -303,6 +303,15 @@
       console.log(proportion.toFixed(2) + "% moves are victory")
     }
   }
+
+  const handleKeydown = event => {
+    if (event.key == "u") {
+      undo()
+    }
+    if (event.key == "r") {
+      restart()
+    }
+  }
 </script>
 
 <style lang="postcss">
@@ -337,6 +346,8 @@
 
 <Tailwind />
 
+<svelte:window on:keydown={handleKeydown} />
+
 <main class="container text-center mx-auto flex h-screen">
   <div
     class="m-auto transform-gpu sm:scale-150 md:scale-175 lg:scale-200 xl:scale-225">
diff --git a/tailwind.config.js b/tailwind.config.js
index 3e5a1d7..18d374d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,5 +1,3 @@
-const colors = require("tailwindcss/colors")
-
 module.exports = {
   purge: {
     enabled: !process.env.ROLLUP_WATCH,
@@ -7,7 +5,7 @@ module.exports = {
     content: ["./public/index.html", "./src/**/*.svelte"],
     options: {
       safelist: [
-        /(bg|border|text)\-(green|cyan|blue|yellow|orange|red|purple)(\-(lighter|darker))?/,
+        /^bg\-(green|cyan|blue|yellow|orange|red|purple)(\-(lighter|darker))?/,
       ],
     },
   },