Merge pull request #41 from OneNoteDev/move-to-react-production-build

leakymemory · web-flow · commit ae1e29e3483d · 2017-05-17T09:53:33.000-07:00
Produce production version for library
diff --git a/package.json b/package.json
@@ -28,7 +28,6 @@
     "extract-text-webpack-plugin": "^2.1.0",
     "file-loader": "^0.11.1",
     "html-loader": "^0.4.5",
-    "html-webpack-plugin": "^2.28.0",
     "jasmine": "^2.6.0",
     "jasmine-core": "^2.6.1",
     "karma": "^1.7.0",
@@ -50,6 +49,7 @@
     "react-dom": "^15.5.4",
     "react-hot-loader": "^1.3.1",
     "react-test-renderer": "^15.5.4",
+    "rimraf": "^2.6.1",
     "sass-loader": "^6.0.5",
     "sinon": "^2.2.0",
     "style-loader": "^0.17.0",
@@ -58,11 +58,15 @@
     "url-loader": "^0.5.8",
     "wallaby-webpack": "0.0.38",
     "webpack": "^2.5.1",
-    "webpack-dev-server": "^2.4.5"
+    "webpack-bundle-analyzer": "^2.8.1",
+    "webpack-dev-server": "^2.4.5",
+    "webpack-merge": "^4.1.0"
   },
   "scripts": {
     "test": "cross-env NODE_ENV=test karma start",
-    "start": "webpack-dev-server --debug --devtool cheap-module-source-map --output-pathinfo --history-api-fallback --hot --inline --progress --colors --port 3000 --open",
-    "build": "webpack -p --progress --colors"
+    "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",
+    "analyze": "cross-env NODE_ENV=analyze webpack --progress --colors"
   }
 }
diff --git a/postcss.config.js b/postcss.config.js
@@ -0,0 +1,8 @@
+module.exports = {
+	plugins: {
+		'postcss-import': {},
+		'postcss-cssnext': {
+			browsers: ['last 2 versions', '> 5%'],
+		},
+	},
+};
diff --git a/sampleapp/index.html b/sampleapp/index.html
@@ -4,7 +4,7 @@
 		<meta charset="utf-8">
 		<title>OneNote Picker Sample</title>
 		<link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/4.1.0/css/fabric.min.css">
-		<link rel="stylesheet" href="dist/pickerStyles.css">
+		<link rel="stylesheet" href="dist/onenotepicker.css">
 	</head>
 	<body style="min-height:100%">
 		<div id="oneNotePicker" style="width:350px;height:350px;margin:50px;overflow-y:scroll"></div>
diff --git a/sampleapp/standalone.html b/sampleapp/standalone.html
@@ -0,0 +1,35 @@
+<html>
+<head>
+    <title></title>
+    <link href="../dist/onenotepicker.css" rel="stylesheet" type="text/css" />
+    <script src="https://unpkg.com/react@15/dist/react.js"></script>
+    <script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
+    <script src="../dist/onenotepicker.js"></script>
+</head>
+<body>
+<div id="oneNotePicker"></div>
+<script>
+    var mockGlobals  = {
+        callbacks: {
+            onNotebookSelected: function(value) {
+                console.error(value)
+            }
+        }
+    };
+
+    var mockNotebooks = [
+        {
+            name: "NAME",
+            id: "ID",
+            expanded: true,
+            sectionGroups: [],
+            sections: []
+        }
+    ];
+
+    ReactDOM.render(
+        React.createElement(OneNotePicker.default, { globals: mockGlobals, notebooks:  mockNotebooks}, null),
+        document.getElementById('oneNotePicker'));
+</script>
+</body>
+</html>
diff --git a/src/oneNotePicker.tsx b/src/oneNotePicker.tsx
@@ -1,5 +1,7 @@
 import * as React from 'react';
 
+import './oneNotePicker.scss';
+
 import NotebookItem from './components/notebookItem';
 import GlobalProps from './props/globalProps';
 import Notebook from './oneNoteDataStructures/notebook';
diff --git a/tsconfig.json b/tsconfig.json
@@ -24,7 +24,8 @@
     "acceptance-tests",
     "webpack",
     "jest",
-    "src/setupTests.ts"
+    "src/setupTests.ts",
+    "dist"
   ],
   "types": [
     "typePatches"
diff --git a/webpack.config.js b/webpack.config.js
