Create declaration files with typescript (#128)

* refactor(serializableStateInvariantMiddleware): named import instead of default

* refactor(build): create types with typescript

* fix(build): don't add interfaces to umd/esm modules

Author: zoltanbedi

index.d.ts

@@ -6,6 +6,7 @@
   "main": "dist/redux-starter-kit.cjs.js",
   "module": "dist/redux-starter-kit.esm.js",
   "unpkg": "dist/redux-starter-kit.umd.js",
+  "types": "dist/typings.d.ts",
   "author": "Mark Erikson <mark@isquaredsoftware.com>",
   "license": "MIT",
   "devDependencies": {
@@ -45,7 +46,6 @@
   },
   "files": [
     "dist",
-    "index.d.ts",
     "src"
   ],
   "dependencies": {

package.json

@@ -20,7 +20,7 @@ export default [
     plugins: [
       babel({
         extensions,
-        exclude: 'node_modules/**'
+        exclude
       }),
       resolve({
         extensions

rollup.config.js

@@ -14,7 +14,7 @@ import {
 } from 'redux'
 import { composeWithDevTools } from 'redux-devtools-extension'
 import thunk, { ThunkDispatch, ThunkMiddleware } from 'redux-thunk'
-import createSerializableStateInvariantMiddleware from './serializableStateInvariantMiddleware'
+import { createSerializableStateInvariantMiddleware } from './serializableStateInvariantMiddleware'
 
 import isPlainObject from './isPlainObject'
 

src/configureStore.ts

@@ -1,24 +1,5 @@
-export { combineReducers, compose } from 'redux'
-export { default as createNextState } from 'immer'
-export { default as createSelector } from 'selectorator'
-
-export { configureStore, getDefaultMiddleware } from './configureStore'
-export { createAction, getType } from './createAction'
-export { createReducer } from './createReducer'
-export { createSlice } from './createSlice'
-export {
-  default as createSerializableStateInvariantMiddleware,
-  isPlain
-} from './serializableStateInvariantMiddleware'
-
-// Unfortunately, Babel's TypeScript plugin doesn't let us re-export
-// types using the `export { ... } from` syntax. Because it compiles
-// modules, independently, it has no way of knowing whether an identifier
-// refers to a type or value, and thus cannot strip the type re-exports
-// out of the generated JS.
-//
-// https://github.com/babel/babel/issues/8361
-//
-// As a workaround, the root of this repository contains an `index.d.ts`
-// that contains all type re-exports. Whenever adding a new public function
-// or type, remember to export it in `index.d.ts` as well.
+export * from './configureStore'
+export * from './createAction'
+export * from './createReducer'
+export * from './createSlice'
+export * from './serializableStateInvariantMiddleware'

src/index.ts

@@ -1,7 +1,8 @@
 import { Reducer } from 'redux'
 import { configureStore } from './configureStore'
 
-import createSerializableStateInvariantMiddleware, {
+import {
+  createSerializableStateInvariantMiddleware,
   findNonSerializableValue
 } from './serializableStateInvariantMiddleware'
 

src/serializableStateInvariantMiddleware.test.ts

@@ -101,7 +101,7 @@ export interface SerializableStateInvariantMiddlewareOptions {
  *
  * @param options Middleware options.
  */
-export default function createSerializableStateInvariantMiddleware(
+export function createSerializableStateInvariantMiddleware(
   options: SerializableStateInvariantMiddlewareOptions = {}
 ): Middleware {
   const { isSerializable = isPlain } = options

src/serializableStateInvariantMiddleware.ts

@@ -0,0 +1,15 @@
+export {
+  Action,
+  ActionCreator,
+  AnyAction,
+  Middleware,
+  Reducer,
+  Store,
+  StoreEnhancer,
+  combineReducers,
+  compose
+} from 'redux'
+export { default as createNextState } from 'immer'
+export { default as createSelector } from 'selectorator'
+
+export * from '.'

src/typings.ts

@@ -1,14 +1,17 @@
 {
   "compilerOptions": {
     "allowSyntheticDefaultImports": true,
+    "emitDeclarationOnly": true,
     "esModuleInterop": true,
+    "declaration": true,
     "module": "es2015",
     "moduleResolution": "node",
-    "noEmit": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
+    "outDir": "dist",
     "strict": true,
     "target": "es2018"
   },
-  "include": ["src"]
+  "include": ["src"],
+  "exclude": ["src/*.test.ts"]
 }

tsconfig.json

@@ -8,7 +8,7 @@
     "target": "es2018",
     "baseUrl": "../..",
     "paths": {
-      "redux-starter-kit": ["index.d.ts"]
+      "redux-starter-kit": ["dist/typings.d.ts"]
     }
   }
 }