feat: 🎸 update build process

Use tsc to compile, remove gulp, update dependencies.

Author: streamich

.gitignore

@@ -12,3 +12,4 @@ yarn.lock
 /dist_docs/
 _book/
 /storybook-static/
+yarn-error.log

build/gulpfile.js

@@ -3,51 +3,50 @@
   "version": "0.0.1",
   "description": "Universal Children Definition for React Components",
   "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "typings": "lib/index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/streamich/react-universal-interface.git"
   },
   "scripts": {
-    "build": "npm run clean && gulp --gulpfile build/gulpfile.js build-ts && gulp --gulpfile build/gulpfile.js build-modules",
-    "clean": "rimraf lib modules",
+    "build": "npm run clean && tsc",
+    "clean": "rimraf lib",
     "test": "npm run test:server && npm run test:client",
     "test:server": "mocha -r ts-node/register src/**/*.test-server.ts*",
     "test:client": "jest",
-    "test:client:coverage": "jest --coverage",
-    "test:watch": "jest --watch",
     "semantic-release": "semantic-release"
   },
   "dependencies": {
+    "tslib": "^1.9.3"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@types/chai": "4.1.1",
-    "@types/jest": "22.0.1",
-    "@types/node": "9.3.0",
-    "@types/react": "16.0.36",
-    "@types/react-dom": "16.0.4",
+    "@types/chai": "^4.1.6",
+    "@types/jest": "^23.3.5",
+    "@types/node": "^10.12.0",
+    "@types/react": "^16.4.18",
+    "@types/react-dom": "^16.0.9",
     "chai": "4.1.2",
     "enzyme": "3.3.0",
     "enzyme-adapter-react-16": "^1.1.1",
     "enzyme-to-json": "3.3.0",
-    "gulp": "3.9.1",
-    "gulp-typescript": "3",
     "jest": "22.1.2",
     "jest-environment-jsdom": "^22.1.4",
     "jest-environment-jsdom-global": "^1.0.3",
     "jest-tap-reporter": "1.9.0",
     "mocha": "5.0.0",
     "mol-conventional-changelog": "1.2.0",
     "react-test-renderer": "16.2.0",
-    "rimraf": "2.6.2",
-    "ts-jest": "22.0.1",
-    "ts-node": "4.1.0",
-    "typescript": "2.6.2",
-    "semantic-release": "^12.2.4",
-    "react": "^16.2.0",
-    "react-dom": "^16.2.0"
+    "rimraf": "^2.6.2",
+    "ts-jest": "^23.10.4",
+    "ts-node": "^7.0.1",
+    "typescript": "^3.1.3",
+    "semantic-release": "^15.10.4",
+    "react": "^16.5.2",
+    "react-dom": "^16.5.2"
   },
   "config": {
     "commitizen": {
@@ -72,7 +71,8 @@
     "reporters": [
       "jest-tap-reporter"
     ],
-    "testEnvironment": "jest-environment-jsdom-global"
+    "testEnvironment": "jest-environment-jsdom-global",
+    "testURL": "http://localhost"
   },
   "keywords": [
     "react",

package.json

@@ -1,4 +1,4 @@
-import {createElement as h} from 'react';
+import * as React from 'react';
 import {renderToString} from 'react-dom/server';
 import {expect} from 'chai';
 import render from '../render';

src/__tests__/createEnhancer.test-server.tsx

@@ -1,4 +1,4 @@
-import {createElement as h, Component} from 'react';
+import * as React from 'react';
 import render from '../render';
 import createEnhancer from '../createEnhancer';
 import {mount} from 'enzyme';
@@ -7,22 +7,22 @@ const Parent = (props) => render(props, {foo: 'bar' + (props.extra || '')});
 const withParent = createEnhancer(Parent, 'parent');
 
 @withParent
-class Decorator1 extends Component<any, any> {
+class Decorator1 extends React.Component<any, any> {
     render () {
         return <div>{this.props.parent.foo}</div>;
     }
 }
 
 @withParent('custom')
-class Decorator2 extends Component<any, any> {
+class Decorator2 extends React.Component<any, any> {
     render () {
         return <div>{this.props.custom.foo}</div>;
     }
 }
 
 
 @withParent('', {extra: '.extra'})
-class Decorator3 extends Component<any, any> {
+class Decorator3 extends React.Component<any, any> {
     render () {
         return <div>{this.props.parent.foo}</div>;
     }

src/__tests__/createEnhancer.test.tsx

@@ -1,4 +1,4 @@
-import {createElement as h} from 'react';
+import * as React from 'react';
 import {renderToString} from 'react-dom/server';
 import {expect} from 'chai';
 import render from '../render';

src/__tests__/render.test-server.tsx

@@ -1,4 +1,4 @@
-import {createElement as h} from 'react';
+import * as React from 'react';
 import render from '../render';
 import {mount} from 'enzyme';
 

src/__tests__/render.test.tsx

@@ -1,6 +1,8 @@
-import {createElement as h} from 'react';
+import * as React from 'react';
 import addClassDecoratorSupport from './addClassDecoratorSupport';
 
+const h = React.createElement;
+
 const noWrap = (Comp, propName, props, state) => h(Comp, propName ?
   {[propName]: state, ...props} :
   {...state, ...props}

src/createEnhancer.ts

@@ -1,7 +1,7 @@
-import {Component} from 'react';
+import * as React from 'react';
 
 const wrapInStatefulComponent = (Comp) => {
-    const Decorated = class extends Component<any, any> {
+    const Decorated = class extends React.Component<any, any> {
         render () {
             return Comp(this.props, this.context);
         }

src/wrapInStatefulComponent.ts

@@ -5,35 +5,30 @@
     "moduleResolution": "Node",
     "removeComments": true,
     "noImplicitAny": false,
-    "sourceMap": false,
     "outDir": "./lib",
-    "allowJs": true,
+    "allowJs": false,
     "allowSyntheticDefaultImports": true,
     "jsx": "react",
-    "jsxFactory": "h",
     "skipDefaultLibCheck": true,
     "skipLibCheck": true,
     "experimentalDecorators": true,
-    "lib": [
-      "dom",
-      "es5",
-      "es6",
-      "es7",
-      "es2015",
-      "scripthost",
-      "dom.iterable"
-    ]
+    "importHelpers": true,
+    "pretty": true,
+    "sourceMap": true,
+    "esModuleInterop": true,
+    "noEmitHelpers": true,
+    "noErrorTruncation": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitReturns": true,
+    "declaration": true,
+    "lib": ["dom", "es5", "es6", "es7", "es2015", "es2017", "scripthost", "dom.iterable"]
   },
-  "include": [
-    "src"
-  ],
+  "include": ["typing.d.ts", "src"],
   "exclude": [
     "node_modules",
     "lib",
-    "src/__tests__",
+    "**/__tests__/**/*",
     "*.test.ts",
-    "*.test.tsx",
-    "*.test-server.ts",
-    "*.test-server.tsx"
+    "*.test.tsx"
   ]
 }