🔙 reset (#16)

* done. * fix bug with resume. add status states. * switch from parcel to vite. * remove comments. * remove parcel from gitignore. * update documentation. * set state after handling timer.
bradgarropy · Nov 23, 2021 · d903f50 · d903f50
1 parent 685cb41
commit d903f50
Show file tree

Hide file tree

Showing 14 changed files with 10,717 additions and 9,674 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -8,7 +8,7 @@
     "jsxSingleQuote": false,
     "trailingComma": "all",
     "bracketSpacing": false,
-    "jsxBracketSameLine": false,
+    "bracketSameLine": false,
     "arrowParens": "avoid",
     "endOfLine": "lf"
 }
diff --git a/example/index.html b/example/index.html
@@ -9,6 +9,6 @@
 
     <body>
         <div id="root"></div>
-        <script src="./index.tsx"></script>
+        <script src="./index.tsx" type="module"></script>
     </body>
 </html>
diff --git a/example/index.tsx b/example/index.tsx
@@ -1,7 +1,7 @@
 import * as React from "react"
 import * as ReactDOM from "react-dom"
 
-import useCountdown from "../."
+import useCountdown from "../src"
 
 const App = () => {
     const countdown = useCountdown({
@@ -21,12 +21,17 @@ const App = () => {
         countdown.resume()
     }
 
+    const onReset = () => {
+        countdown.reset()
+    }
+
     return (
         <>
             <h1>⏳ useCountdown hook</h1>
             <h2>{countdown.formatted}</h2>
             <button onClick={onPause}>Pause</button>
             <button onClick={onResume}>Resume</button>
+            <button onClick={onReset}>Reset</button>
         </>
     )
 }

diff --git a/example/package-lock.json b/example/package-lock.json
diff --git a/example/package.json b/example/package.json
@@ -4,21 +4,13 @@
     "main": "index.js",
     "license": "MIT",
     "scripts": {
-        "start": "parcel index.html",
-        "build": "parcel build index.html"
-    },
-    "dependencies": {
-        "react-app-polyfill": "^1.0.0"
-    },
-    "alias": {
-        "react": "../node_modules/react",
-        "react-dom": "../node_modules/react-dom/profiling",
-        "scheduler/tracing": "../node_modules/scheduler/tracing-profiling"
+        "start": "vite"
     },
     "devDependencies": {
-        "@types/react": "^16.9.11",
-        "@types/react-dom": "^16.8.4",
-        "parcel": "^1.12.3",
-        "typescript": "^3.4.5"
+        "@types/react": "^17.0.36",
+        "@types/react-dom": "^17.0.11",
+        "@vitejs/plugin-react": "^1.1.0",
+        "typescript": "^4.5.2",
+        "vite": "^2.6.14"
     }
 }
diff --git a/example/tsconfig.json b/example/tsconfig.json
diff --git a/example/vite.config.ts b/example/vite.config.ts
@@ -0,0 +1,6 @@
+import react from "@vitejs/plugin-react"
+import {defineConfig} from "vite"
+
+export default defineConfig({
+    plugins: [react()],
+})
diff --git a/jest.config.js b/jest.config.js
@@ -2,6 +2,7 @@ const config = {
     clearMocks: true,
     collectCoverage: true,
     collectCoverageFrom: ["<rootDir>/src/**"],
+    testEnvironment: "jsdom",
     transform: {
         "^.+\\.(ts|tsx)$": "ts-jest",
     },