Update build script for browser

Author: BoTime

.eslintrc.json

@@ -0,0 +1,30 @@
+{
+    "env": {
+        "browser": true,
+        "es6": true,
+        "node": true
+    },
+    "extends": "mdcs",
+    "parserOptions": {
+        "ecmaVersion": 2016,
+        "sourceType": "module"
+    },
+    "rules": {
+        "indent": [
+            "error",
+            "tab"
+        ],
+        "linebreak-style": [
+            "error",
+            "unix"
+        ],
+        "quotes": [
+            "error",
+            "single"
+        ],
+        "semi": [
+            "error",
+            "always"
+        ]
+    }
+}

examples/helloworld/helloworld.html

@@ -7,6 +7,7 @@
 
     <script src="../lib/three.min.js"></script>
     <script src="../lib/tween.min.js"></script>
+		<script src="../lib/stats.min.js"></script>
     <script src="../lib/tf.min.js"></script>
     <script src="../lib/TrackballControls.js"></script>
     <script src="../../dist/tensorspace.js"></script>
@@ -82,4 +83,4 @@
 </script>
 
 </body>
-</html>
+</html>

package.json

@@ -28,7 +28,6 @@
     "install": "^0.12.1",
     "npm": "^6.4.1",
     "three": "^0.98.0",
-    "stats.js": "^0.17.0",
     "three-trackballcontrols": "^0.0.7"
   },
   "devDependencies": {
@@ -37,6 +36,8 @@
     "babel-core": "^6.26.0",
     "babel-preset-es2015": "^6.24.1",
     "chai": "^4.2.0",
+    "eslint": "^5.13.0",
+    "eslint-config-mdcs": "^4.2.3",
     "jasmine-core": "^3.3.0",
     "karma": "^3.1.4",
     "karma-chrome-launcher": "^2.2.0",
@@ -48,6 +49,7 @@
     "puppeteer": "^1.11.0",
     "rollup": "^0.66.0",
     "rollup-plugin-terser": "^4.0.1",
+    "stats-js": "^1.0.0",
     "terser": "^3.14.1",
     "uglify-es": "^3.3.10",
     "yalc": "^1.0.0-pre.27"

rollup.config.npm.js

@@ -2,64 +2,79 @@
  * @author botime / https://github.com/botime
  */
 
-import { terser } from "rollup-plugin-terser";
+import { terser } from 'rollup-plugin-terser';
 
 let terserOptions = {
 
-    output: {
+	output: {
 
-        ecma: 5,
-        preamble: '// https://github.com/tensorspace-team/tensorspace/blob/master/LICENSE'
+		ecma: 5,
+		preamble: '// https://github.com/tensorspace-team/tensorspace/blob/master/LICENSE'
 
-    }
+	}
 
 };
 
 export default [
 
-    // Build regular version for distribution
-    {
-        input: 'src/tensorspace.js',
-        output: [ {
-
-            format: 'iife',
-            file: 'dist/tensorspace.js',
-            name: "TSP",
-            sourcemap: true,
-
-        } ]
-
-    },
-
 	// Build regular version for development
 	{
-
-		input: 'src/tensorspace.dev.js',
+		external: [ 'three', '@tweenjs/tween.js', '@tensorflow/tfjs', 'three-trackballcontrols', 'stats-js' ],
+		input: 'src/tensorspace.js',
 		output: [ {
+			globals: {
+				'three': 'THREE',
+				'@tweenjs/tween.js': 'TWEEN',
+				'@tensorflow/tfjs': 'tf',
+				'tensorspace': 'TSP',
+				'stats-js': 'Stats',
+				'three-trackballcontrols': 'THREE.TrackballControls'
+			},
+			format: 'iife',
+			file: 'dist/tensorspace.js',
+			name: 'TSP',
+			sourcemap: true
 
-			format: 'esm',
-			file: 'build/tensorspace.dev.esm.js',
-			name: "TSP",
+		}, {
+
+			format: 'cjs',
+			file: 'dist/tensorspace.cjs.js',
+			name: 'TSP',
 			sourcemap: true
 
 		} ]
 
 	},
 
-    // Build minified version for distribution
-    {
-
-        input: 'src/tensorspace.js',
-        plugins: [ terser( terserOptions ) ],
-        output: [ {
-
-            format: 'iife',
-            file: 'dist/tensorspace.min.js',
-            name: "TSP",
-            sourcemap: true,
-
-        } ]
-
-    }
-
-]
+	// // Build regular version for development
+	// {
+	//
+	// 	input: 'src/tensorspace.dev.js',
+	// 	output: [ {
+	//
+	// 		format: 'esm',
+	// 		file: 'build/tensorspace.dev.esm.js',
+	// 		name: "TSP",
+	// 		sourcemap: true
+	//
+	// 	} ]
+	//
+	// },
+	//
+	//   // Build minified version for distribution
+	//   {
+	//
+	//       input: 'src/tensorspace.js',
+	//       plugins: [ terser( terserOptions ) ],
+	//       output: [ {
+	//
+	//           format: 'iife',
+	//           file: 'dist/tensorspace.min.js',
+	//           name: "TSP",
+	//           sourcemap: true,
+	//
+	//       } ]
+	//
+	//   }
+
+];

src/scene/SceneInitializer.js

@@ -4,8 +4,8 @@
 
 import * as THREE from "three";
 import * as TWEEN from "@tweenjs/tween.js";
-import Stats from "stats.js/src/Stats";
-import TrackballControls from "three-trackballcontrols";
+import * as Stats from "stats-js";
+import * as TrackballControls from "three-trackballcontrols";
 import { DefaultCameraPos, DefaultLayerDepth } from "../utils/Constant";
 
 function SceneInitializer( container ) {
@@ -232,4 +232,4 @@ SceneInitializer.prototype = {
 
 };
 
-export { SceneInitializer };
+export { SceneInitializer };