Use typescript plugin for build.

Makes for a slightly better bundle size.

Author: StringEpsilon

.babelrc renamed to babel.config.js

@@ -1,5 +1,5 @@
-{
-	"presets": [
+module.exports = {
+	presets: [
 		[
 			"@babel/env",
 			{
@@ -13,7 +13,7 @@
 			}
 		],
 		"@babel/react",
-		"@babel/preset-typescript",
+		"@babel/typescript"
 	],
 	"plugins": [
 		"@babel/plugin-proposal-class-properties",

package-lock.json

@@ -42,6 +42,7 @@
 		"@types/enzyme": "^3.9.1",
 		"@types/jest": "^24.0.11",
 		"@types/react": "^16.8.12",
+		"@wessberg/rollup-plugin-ts": "^1.1.45",
 		"babel-jest": "^24.7.1",
 		"enzyme": "^3.9.0",
 		"enzyme-adapter-react-16": "^1.11.2",
@@ -62,4 +63,4 @@
 			"enzyme-to-json/serializer"
 		]
 	}
-}
+}

package.json

@@ -1,7 +1,6 @@
-const babel = require("rollup-plugin-babel");
-const commonjs = require("rollup-plugin-commonjs");
 const nodeResolve = require("rollup-plugin-node-resolve");
 const { uglify } = require("rollup-plugin-uglify");
+const ts = require("@wessberg/rollup-plugin-ts");
 
 const externalModules = ["react", "gud", "tiny-warning", "prop-types"];
 const extensions = [".ts", ".tsx"];
@@ -13,8 +12,9 @@ const cjs = [
 		external: externalModules,
 		plugins: [
 			nodeResolve({ extensions }),
-			babel({ exclude: /node_modules/, extensions }),
-			commonjs({ extensions }),
+			ts({
+				transpiler: "babel",
+			}),
 		]
 	},
 	{
@@ -23,7 +23,9 @@ const cjs = [
 		external: externalModules,
 		plugins: [
 			nodeResolve({ extensions }),
-			babel({ exclude: /node_modules/, extensions }),
+			ts({
+				transpiler: "babel",
+			}),
 			uglify(),
 		]
 	}
@@ -36,9 +38,8 @@ const esm = [
 		external: externalModules,
 		plugins: [
 			nodeResolve({ extensions }),
-			babel({
-				exclude: /node_modules/,
-				extensions,
+			ts({
+				transpiler: "babel",
 			}),
 		]
 	}

rollup.config.js

@@ -29,7 +29,7 @@ export type Context<T> = {
 
 export type ProviderProps<T> = {
 	value: T;
-	children: React.ReactNode;
+	children?: React.ReactNode;
 	observedBits: any,
 };
 
@@ -66,7 +66,7 @@ function onlyChild(children: any): any {
 	return Array.isArray(children) ? children[0] : children;
 }
 
-function createReactContext<T>(defaultValue: T, calculateChangedBits?: (a: T, b: T) => number): Context<T> {
+export default function createReactContext<T>(defaultValue: T, calculateChangedBits?: (a: T, b: T) => number): Context<T> {
 	const contextProp = '__create-react-context-' + gud() + '__';
 
 	class Provider extends Component<ProviderProps<T>> {
@@ -179,4 +179,3 @@ function createReactContext<T>(defaultValue: T, calculateChangedBits?: (a: T, b:
 	};
 }
 
-export default createReactContext;

src/implementation.ts

@@ -8,7 +8,6 @@
 		},
 		"moduleResolution": "node",
 		"jsx": "react",
-		"emitDeclarationOnly": true,
 		"module": "es2015",
 		"removeComments": true,
 		"lib": [
@@ -24,8 +23,7 @@
 		"noImplicitAny": true,
 		"noImplicitReturns": true,
 		"resolveJsonModule": true,
-		"declaration": true,
-		"declarationDir": "dist/types",
+		"declaration": false,
 	},
 	"include": [
 		"src"