Merge pull request #19 from gritzkoo/master

Adjust build steps to complience to npm

Author: joaomantovani

package-lock.json

@@ -1,17 +1,36 @@
 {
   "name": "@penseapp/uselocalstoragereducer",
-  "version": "1.1.8",
+  "version": "2.0.0",
   "description": "A react hooks to use useReducer with localStorage persist",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "private": false,
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/penseapp/useLocalStorageReducer.git"
+  },
+  "homepage": "https://penseapp-uselocalstoragereduce.web.app",
+  "keywords": [
+    "react",
+    "hooks",
+    "localStorage",
+    "useReducer"
+  ],
+  "files": [
+    "dist/**/*"
+  ],
+  "author": "@joaomantovani",
+  "license": "MIT",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "lint": "FORCE_COLOR=true eslint ./**/*.{ts,tsx} --max-warnings=0 --format=codeframe",
     "prettier": "FORCE_COLOR=true prettier --write './**/*.{jsx,tsx,ts,js,md}' && prettier --write './README.md'",
     "i-all": "npm i && cd playground && npm i",
     "build": "rollup -c",
+    "build2": "tsc",
     "build-watch": "rollup -c -w",
-    "build:all": "npm-run-all build build:playground",
+    "build:all": "npm-run-all build build:playground build2",
     "start-playground": "cd playground && npm run start",
     "build:playground": "cd playground && npm run build",
     "install:playground": "cd playground && npm i-all",
@@ -20,19 +39,6 @@
     "clean": "rm -rf ./node_modules && rm package-lock.json",
     "clean:all": "npm-run-all --parallel clean clean:playground"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/penseapp/useLocalStorageReducer.git"
-  },
-  "homepage": "https://penseapp-uselocalstoragereduce.web.app",
-  "keywords": [
-    "react",
-    "hooks",
-    "localStorage",
-    "useReducer"
-  ],
-  "author": "@joaomantovani",
-  "license": "MIT",
   "devDependencies": {
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
@@ -54,17 +60,13 @@
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-prettier": "^2.1.0",
     "rollup-plugin-typescript2": "^0.30.0",
-    "rollup-plugin-uglify": "^6.0.4",
+    "rollup-plugin-uglify": "^5.0.2",
     "typescript": "^4.2.2"
   },
   "peerDependencies": {
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
-  "files": [
-    "dist",
-    "package.json"
-  ],
   "dependencies": {
     "expired-storage": "^1.0.2"
   },

package.json

@@ -1,2 +1,8 @@
-export { useLocalStorageReducer } from "./useLocalStorageReducer";
-//# sourceMappingURL=index.d.ts.map
+import { Reducer, ReducerState, Dispatch, ReducerAction } from "react";
+export declare function useLocalStorageReducer<I, A>(
+  key: string,
+  reducer: Reducer<I, A>,
+  initialState: I,
+  expire?: number | boolean
+): [ReducerState<Reducer<I, A>>, Dispatch<ReducerAction<Reducer<I, A>>>];
+//# sourceMappingURL=index.d.ts.map

playground/src/component-lib/index.d.ts

@@ -1 +1,55 @@
-export { useLocalStorageReducer } from "./useLocalStorageReducer";
+import {
+  useEffect,
+  useReducer,
+  Reducer,
+  ReducerState,
+  Dispatch,
+  ReducerAction,
+} from "react";
+import ExpiredStorage from "expired-storage";
+
+export function useLocalStorageReducer<I, A>(
+  key: string,
+  reducer: Reducer<I, A>,
+  initialState: I,
+  expire: number | boolean = 60 * 30
+): [ReducerState<Reducer<I, A>>, Dispatch<ReducerAction<Reducer<I, A>>>] {
+  const [state, dispatch] = useReducer(
+    reducer,
+    initialState,
+    (initialState) => {
+      try {
+        const expiredStorage = new ExpiredStorage();
+
+        // Get from local storage by key
+        const item = expiredStorage.getItem(key);
+
+        const parsedInitialValue = JSON.stringify(initialState);
+
+        // Parse stored json or if none return initialValue
+        return item ? JSON.parse(item) : JSON.parse(parsedInitialValue);
+      } catch (error) {
+        // If error also return initialValue
+        console.error(error);
+        return initialState;
+      }
+    }
+  );
+
+  useEffect(() => {
+    try {
+      const expiredStorage = new ExpiredStorage();
+
+      expire !== false && typeof expire === "number"
+        ? expiredStorage.setItem(key, JSON.stringify(state), expire)
+        : window.localStorage.setItem(key, JSON.stringify(state));
+    } catch (error) {
+      // TODO: A more advanced implementation would handle the error case
+      console.error(error);
+    }
+
+    localStorage.setItem(key, JSON.stringify(state));
+  }, [expire, key, state]);
+
+  return [state, dispatch];
+}