chore: update build process

Author: animify

.gitignore

@@ -3,9 +3,9 @@
 /build
 /bundle
 /dist
+/site
 /.rts2*
 /index.d.ts
-/shallowEqual.d.ts
 
 # Logs
 logs

build.sh

@@ -2,20 +2,12 @@
 # Build use-restate
 
 function BUNDLE {
-    echo "Microbundling..."
+    echo "Bundling..."
     rm -rf dist
     yarn bundle
     mv dist/index.d.ts index.d.ts
-    mv dist/shallowEqual.d.ts shallowEqual.d.ts
-    echo "Microbundling done."
-}
-
-function DELETE_TEMP {
-    rm -rf .rts2_cache_cjs
-    rm -rf .rts2_cache_es
-    rm -rf .rts2_cache_umd
+    echo "Bundling done."
 }
 
 BUNDLE
-DELETE_TEMP
 echo "Completed build process."

example/App.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { createStore } from 'redux';
 import Count from './Count';
-import { RestateProvider } from 'use-restate';
+import { RestateProvider } from '../src';
 
 const Actions = {
     INCREMENT: 'INCREMENT',

example/Count.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useRestate, useAction, useDispatch } from 'use-restate';
+import { useRestate, useAction, useDispatch } from '../src';
 
 export default function Component() {
     const dispatch = useDispatch();

package.json

@@ -1,9 +1,9 @@
 {
   "name": "use-restate",
   "version": "0.0.15",
-  "main": "dist/use-restate.js",
-  "umd:main": "dist/use-restate.umd.js",
-  "module": "dist/use-restate.m.js",
+  "main": "dist/index.js",
+  "umd": "dist/index.umd.js",
+  "module": "dist/index.m.js",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/animify/useRestate.git"
@@ -19,15 +19,19 @@
   "author": "Stefan Mansson <st.mansson@icloud.com>",
   "license": "MIT",
   "scripts": {
-    "start": "parcel ./example/index.html",
-    "bundle": "microbundle build -i src/index.ts -o dist/ --name use-restate --compress false --sourcemap false",
+    "start": "parcel ./example/index.html -d site",
+    "bundle": "rollup -c",
     "build": "sh ./build.sh",
     "prepublishOnly": "yarn build",
     "release": "changelog && git push --follow-tags && yarn publish --access public --non-interactive",
     "lint": "tslint -p tsconfig.json",
     "test": "jest"
   },
   "dependencies": {
+    "react": "^16.7.0-alpha.0",
+    "react-dom": "^16.7.0-alpha.0"
+  },
+  "peerDependencies": {
     "react": "^16.7.0-alpha.0",
     "react-dom": "^16.7.0-alpha.0",
     "redux": "^4.0.1"
@@ -36,12 +40,18 @@
     "@types/jest": "^23.3.10",
     "@types/react": "^16.7.11",
     "@types/react-dom": "^16.0.11",
+    "@types/redux": "^3.6.0",
     "changelog.md": "^1.1.0",
     "husky": "^1.2.0",
     "jest": "^23.6.0",
     "lint-staged": "^8.1.0",
-    "microbundle": "^0.8.1",
     "parcel": "^1.10.3",
+    "rollup": "^0.66.6",
+    "rollup-plugin-babel": "^4.0.3",
+    "rollup-plugin-commonjs": "^9.2.0",
+    "rollup-plugin-node-resolve": "^3.4.0",
+    "rollup-plugin-peer-deps-external": "^2.2.0",
+    "rollup-plugin-typescript2": "^0.18.0",
     "ts-jest": "^23.10.5",
     "tslint": "^5.11.0",
     "typescript": "^3.2.1"
@@ -65,4 +75,4 @@
   "lint-staged": {
     "*.ts": "yarn run lint"
   }
-}
+}

rollup.config.js

@@ -0,0 +1,31 @@
+import typescript from 'rollup-plugin-typescript2';
+import commonjs from 'rollup-plugin-commonjs';
+import external from 'rollup-plugin-peer-deps-external';
+import resolve from 'rollup-plugin-node-resolve';
+import pkg from './package.json';
+
+export default {
+    input: 'src/index.ts',
+    output: [
+        {
+            file: pkg.main,
+            format: 'cjs',
+            exports: 'named',
+        },
+        {
+            file: pkg.module,
+            format: 'es',
+            exports: 'named',
+        },
+    ],
+    plugins: [
+        external(),
+        resolve(),
+        typescript({
+            clean: true,
+            rollupCommonJSResolveHack: true,
+            exclude: ['*.d.ts', '**/*.d.ts'],
+        }),
+        commonjs(),
+    ],
+};

src/index.ts

@@ -21,7 +21,7 @@ export function useRestate<TState, TSelector>(selectFrom: (state: TState) => TSe
     const store = useStore();
 
     const [restate, setRestate] = useState(() => selectFrom(store.getState()));
-    const previousRestate = useRef();
+    const previousRestate = useRef({});
 
     useEffect(() => {
         previousRestate.current = restate;

src/react.d.ts

@@ -1,23 +1,23 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node",
+    "lib": ["dom", "es2015", "es2016", "es2017"],
+    "outDir": "build",
     "module": "esnext",
     "target": "es5",
-    "lib": ["es6", "dom", "es2016", "es2017"],
-    "allowJs": false,
-    "sourceMap": false,
     "jsx": "react",
-    "outDir": "build",
-    "suppressImplicitAnyIndexErrors": true,
+    "sourceMap": false,
+    "allowJs": false,
+    "noUnusedLocals": true,
     "declaration": true,
+    "moduleResolution": "node",
     "forceConsistentCasingInFileNames": true,
     "noImplicitReturns": true,
     "noImplicitThis": true,
     "noImplicitAny": true,
     "strictNullChecks": true,
-    "noUnusedLocals": true,
+    "suppressImplicitAnyIndexErrors": true,
     "noUnusedParameters": true
   },
   "include": ["src"],
-  "exclude": ["node_modules"]
-}
+  "exclude": ["node_modules", "dist", "rollup.config.js"]
+}