⚡ Optimise lib size

package.json

@@ -9,10 +9,15 @@
   "main": "cjs/index.js",
   "module": "esm/index.js",
   "types": "types/index.d.ts",
+  "browser": {
+    "./cjs/index.js": "./cjs/index.browser.js",
+    "./esm/index.js": "./esm/index.browser.js"
+  },
   "files": [
     "cjs",
     "esm",
-    "types"
+    "types",
+    "server"
   ],
   "tags": [
     "react",
@@ -28,6 +33,7 @@
     "build:esm": "tsc -p tsconfig.esm.json",
     "build:cjs": "tsc -p tsconfig.cjs.json",
     "build:types": "tsc -p tsconfig.types.json",
+    "prebuild": "rimraf esm cjs types",
     "test": "jest",
     "lint": "eslint --ext ts --ext js src/",
     "size": "size-limit",
@@ -45,16 +51,13 @@
   "size-limit": [
     {
       "name": "[server]",
-      "path": "./esm/index.js",
+      "path": "./cjs/index.js",
       "limit": "5.5Kb"
     },
     {
       "name": "[client]",
-      "path": "./esm/index.js",
-      "limit": "1Kb",
-      "ignore": [
-        "react-ssr-prepass"
-      ]
+      "path": "./esm/index.browser.js",
+      "limit": "580Kb"
     }
   ],
   "eslintConfig": {
@@ -137,6 +140,7 @@
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "react-is": "^16.13.0",
+    "rimraf": "^3.0.2",
     "size-limit": "^4.0.1",
     "ts-jest": "^25.2.0",
     "typescript": "^3.7.5"

src/context.ts

@@ -1,5 +1,5 @@
 import { createContext } from 'react'
-import { defaultStore } from './data-store'
+import { defaultStore } from './store'
 
 /**
  * Provides `dataStore` created with {@link createDataStore} to {@link withData} components using [React Context](http://reactjs.org/docs/context.html).

src/get-initial-data.ts

@@ -1,13 +1,11 @@
 import prepass from 'react-ssr-prepass'
-import { defaultStore } from './data-store'
+import { RawData } from './types'
+import { defaultStore } from './store'
 
-function getInitialData(
-  element: React.ElementType,
-  store = defaultStore
-): Promise<ReturnType<typeof store['get']>> {
+function getInitialData(element: React.ElementType, store = defaultStore) {
   store.clear()
 
-  return prepass(element).then(() => Array.from(store))
+  return prepass(element).then<RawData>(() => Array.from(store))
 }
 
 export { getInitialData }

src/index.browser.ts

@@ -0,0 +1,3 @@
+export { DataProvider } from './context'
+export { hydrateData } from './store'
+export { useRUD } from './use-rud'

src/index.ts

@@ -1,4 +1,4 @@
-export { hydrateData } from './data-store'
 export { DataProvider } from './context'
 export { getInitialData } from './get-initial-data'
+export { hydrateData } from './store'
 export { useRUD } from './use-rud'

src/data-store.ts → src/store.ts

@@ -2,7 +2,7 @@ import { RawData, Key } from './types'
 
 export const defaultStore = new Map<Key, any>()
 
-export const hydrateData = (input: RawData = []) =>
+export const hydrateData = (input: RawData) =>
   input.forEach(([key, value]) => {
     defaultStore.set(key, value)
   })

src/use-async-state.ts

@@ -8,38 +8,29 @@ type Action<T> =
 
 type Reducer<T> = (prevState: AsyncState<T>, action: Action<T>) => AsyncState<T>
 
+const merge = <A, B>(a: A, b: B) => Object.assign({}, a, b)
+
 const reducer: Reducer<any> = (prevState, action) => {
   switch (action.type) {
     case ActionTypes.START:
-      return {
-        ...prevState,
-        isLoading: true,
-        error: null,
-      }
+      return merge(prevState, { isLoading: true, error: null })
     case ActionTypes.FINISH: {
       if (action.payload instanceof Error) {
-        return {
-          ...FINISH_STATE,
-          isReady: false,
-          error: action.payload,
-        }
+        return merge(FINISH_STATE, { isReady: false, error: action.payload })
       }
 
-      return {
-        ...FINISH_STATE,
-        result: action.payload,
-      }
+      return merge(FINISH_STATE, { result: action.payload })
     }
     default:
       throw new Error('Unknown action type')
   }
 }
 
-export function useAsyncState<T>(initialState: AsyncState<T>) {
-  const [state, dispatch] = useReducer<Reducer<T>>(reducer, {
-    ...INITIAL_STATE,
-    ...initialState,
-  })
+export function useAsyncState<T>(input: AsyncState<T>) {
+  const [state, dispatch] = useReducer<Reducer<T>>(
+    reducer,
+    merge(INITIAL_STATE, input)
+  )
 
   const actions = useMemo(() => {
     const start = () => {