Bundle and test typescript declarations (#20)

related to #12 
* updated build script to copy type declarations to dist dir
* added type tests

Author: nataly87s

.gitignore

@@ -1,3 +1,5 @@
+.idea/
 node_modules/
 coverage/
 dist/*.js
+dist/*.ts

.travis.yml

@@ -5,8 +5,9 @@ install:
   - "yarn global add codecov"
   - "yarn install --freeze-lockfile"
 script:
-  - "yarn test --coverage"
+  - "yarn test:js --coverage"
   - "yarn prettier --list-different"
   - "yarn test:types:flow"
+  - "yarn test:types:ts"
   - "codecov"
 cache: yarn

package.json

@@ -2,6 +2,7 @@
   "name": "react-recomponent",
   "version": "1.0.0-rc.2",
   "main": "dist/react-recomponent.js",
+  "typings": "dist/react-recomponent.d.ts",
   "umd:main": "dist/react-recomponent.umd.js",
   "module": "dist/react-recomponent.m.js",
   "source": "src/index.js",
@@ -17,9 +18,11 @@
     "babel-jest": "^23.6.0",
     "babel-preset-env": "^1.7.0",
     "babel-preset-react": "^6.24.1",
+    "dtslint": "^0.3.0",
     "flow-bin": "^0.82.0",
     "jest": "^23.6.0",
     "microbundle": "^0.6.0",
+    "npm-run-all": "^4.1.3",
     "prettier": "^1.14.3",
     "react": "^16.5.2",
     "react-dom": "^16.5.2"
@@ -28,11 +31,15 @@
     "react": "^16.4.0"
   },
   "scripts": {
-    "test": "jest",
+    "test": "run-p test:js test:types:*",
     "prettier": "prettier {{__tests__,src,type-definitions}/**.{js,flow},README.md}",
-    "format": "yarn prettier --write",
+    "format": "prettier --write",
+    "test:js": "jest",
+    "test:types:ts": "yarn build && tsc ./type-definitions/ReComponent.d.ts --lib es2015 && dtslint type-definitions/ts-tests",
     "test:types:flow": "flow check .",
-    "build": "yarn microbundle -o dist/ --name ReComponent --compress false --sourcemap false",
+    "build": "run-p bundle:*",
+    "bundle:dist": "microbundle -o dist/ --name ReComponent --compress false --sourcemap false",
+    "bundle:types": "cp type-definitions/ReComponent.d.ts dist/react-recomponent.d.ts",
     "prepublishOnly": "yarn build"
   },
   "jest": {

type-definitions/ReComponent.d.ts

@@ -39,7 +39,7 @@ export function NoUpdate(): NoUpdateAction;
 
 export function Update<T>(state: T): UpdateAction<T>;
 
-export function SideEffects<T>(sideEffect: T): SideEffectsAction<T>;
+export function SideEffects<T>(sideEffect: SideEffect<T>): SideEffectsAction<T>;
 
 export function UpdateWithSideEffects<S, SE>(state: S, sideEffects: SideEffect<SE>): UpdateWithSideEffectsAction<S, SE>;
 

type-definitions/ts-tests/exports.ts

@@ -0,0 +1,16 @@
+import * as recomponent from 'react-recomponent';
+import { NoUpdate, Update, SideEffects, UpdateWithSideEffects, ReComponent, RePureComponent } from 'react-recomponent';
+
+NoUpdate; // $ExpectType () => NoUpdateAction
+Update; // $ExpectType <T>(state: T) => UpdateAction<T>
+SideEffects; // $ExpectType <T>(sideEffect: SideEffect<T>) => SideEffectsAction<T>
+UpdateWithSideEffects; // $ExpectType <S, SE>(state: S, sideEffects: SideEffect<SE>) => UpdateWithSideEffectsAction<S, SE>
+ReComponent; // $ExpectType typeof ReComponent
+RePureComponent; // $ExpectType typeof RePureComponent
+
+recomponent.NoUpdate; // $ExpectType () => NoUpdateAction
+recomponent.Update; // $ExpectType <T>(state: T) => UpdateAction<T>
+recomponent.SideEffects; // $ExpectType <T>(sideEffect: SideEffect<T>) => SideEffectsAction<T>
+recomponent.UpdateWithSideEffects; // $ExpectType <S, SE>(state: S, sideEffects: SideEffect<SE>) => UpdateWithSideEffectsAction<S, SE>
+recomponent.ReComponent; // $ExpectType typeof ReComponent
+recomponent.RePureComponent; // $ExpectType typeof RePureComponent

type-definitions/ts-tests/index.d.ts

@@ -0,0 +1 @@
+// TypeScript Version: 2.3

type-definitions/ts-tests/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "target": "es5",
+    "sourceMap": true,
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictFunctionTypes": true,
+    "strictNullChecks": true,
+    "lib": ["esnext"],
+    "baseUrl": "../../",
+    "paths": { "react-recomponent": ["."] }
+  },
+  "exclude": [
+    "node_modules"
+  ]
+}

type-definitions/ts-tests/tslint.json

@@ -0,0 +1,7 @@
+{
+  "extends": "dtslint/dtslint.json",
+  "rules": {
+    "no-useless-files": false,
+    "no-duplicate-imports": false
+  }
+}

type-definitions/ts-tests/updateTypes.ts

@@ -0,0 +1,17 @@
+import { NoUpdate, Update, SideEffects, UpdateWithSideEffects } from 'react-recomponent';
+
+// $ExpectType NoUpdateAction
+NoUpdate();
+
+// $ExpectType UpdateAction<number>
+Update<number>(4);
+
+// $ExpectType SideEffectsAction<any>
+SideEffects<any>(() => {});
+// $ExpectError
+SideEffects<any>({});
+
+// $ExpectType UpdateWithSideEffectsAction<number, any>
+UpdateWithSideEffects<number, any>(4, () => {});
+// $ExpectError
+UpdateWithSideEffects<number, any>(4, {});