Export TS declaration files

- Swap out awesome-typescript-loader with ts-loader due to a bug in AT that prevents generation
   of TS declaration files for interfaces
- Stitch together the generated TS declaration files
- Remove the temporary folder once generated

Author: anbiniyar

Diff for: package.json

@@ -23,6 +23,7 @@
     "awesome-typescript-loader": "^3.1.3",
     "cross-env": "^5.0.0",
     "css-loader": "^0.28.1",
+    "dts-bundle": "^0.7.2",
     "enzyme": "^2.8.2",
     "es6-promise": "^4.1.0",
     "extract-text-webpack-plugin": "^2.1.0",
@@ -54,6 +55,7 @@
     "sass-loader": "^6.0.5",
     "sinon": "^2.2.0",
     "style-loader": "^0.17.0",
+    "ts-loader": "^2.0.3",
     "tslint": "^5.2.0",
     "typescript": "^2.3.2",
     "url-loader": "^0.5.8",
@@ -67,7 +69,7 @@
     "test": "cross-env NODE_ENV=test karma start",
     "clean": "rimraf dist",
     "start": "webpack-dev-server --debug --output-pathinfo --history-api-fallback --hot --inline --progress --colors --port 3000 --open",
-    "build": "rimraf dist && cross-env NODE_ENV=production webpack --progress --colors && cross-env NODE_ENV=minify webpack --progress --colors",
+    "build": "rimraf dist && cross-env NODE_ENV=production webpack --progress --colors && cross-env NODE_ENV=minify webpack --progress --colors && rimraf dist/types",
     "analyze": "cross-env NODE_ENV=analyze webpack --progress --colors"
   }
 }

Diff for: tsconfig.json

@@ -4,7 +4,6 @@
     "target": "es5",
     "lib": ["es5", "dom"],
     "sourceMap": true,
-    "allowJs": true,
     "jsx": "react",
     "experimentalDecorators": true,
     "allowSyntheticDefaultImports": true,
@@ -15,7 +14,9 @@
     "noImplicitAny": false,
     "strictNullChecks": true,
     "suppressImplicitAnyIndexErrors": true,
-    "noUnusedLocals": true
+    "noUnusedLocals": true,
+    "declaration": true,
+    "declarationDir": "types"
   },
   "exclude": [
     "node_modules",

Diff for: webpack.config.js

@@ -41,7 +41,7 @@ const base = {
 			// .ts, .tsx
 			{
 				test: /\.tsx?$/,
-				use: IS_PROD ? 'awesome-typescript-loader' : ['react-hot-loader', 'awesome-typescript-loader']
+				use: IS_PROD ? 'ts-loader' : ['react-hot-loader', 'ts-loader']
 			},
 			{
 				test: /\.css/,
@@ -119,6 +119,22 @@ const base = {
 	}
 };
 
+function DtsBundlePlugin() {}
+
+DtsBundlePlugin.prototype.apply = function (compiler) {
+	compiler.plugin('done', function () {
+		const dts = require('dts-bundle');
+
+		dts.bundle({
+			name: 'onenotepicker',
+			main: path.resolve(__dirname) + '/dist/types/src/oneNotePicker.d.ts',
+			out:  path.resolve(__dirname) + '/dist/oneNotePicker.d.ts',
+			removeSource: true,
+			outputAsModuleFolder: true
+		});
+	});
+};
+
 const prod = {
 	devtool: 'source-map',
 	plugins: [
@@ -130,7 +146,8 @@ const prod = {
 			'process.env': {
 				'NODE_ENV': JSON.stringify('production')
 			}
-		})
+		}),
+		new DtsBundlePlugin()
 	],
 	externals: {
 		'react': 'React',
@@ -173,3 +190,4 @@ if (IS_ANALYZE) {
 }
 
 module.exports = webpackConfiguration;
+