an automatic script to initialize experiments dir (#295)

Yuuno, Hibiki · joeyklee · commit 9e818a23fc9a · 2019-02-22T16:52:28.000-05:00
* an alternative way to test with experiments dir

* revert change for webpack.dev

* Change experiments to manual-test

* rename folder to manual-test

* update .gitignore
diff --git a/.gitignore b/.gitignore
@@ -6,6 +6,7 @@ node_modules
 .vscode
 *.DS_STORE
 experiments
+manual-test
 training/lstm/data/t
 .cache
 /public
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
     "commit": "git-cz",
     "prebuild": "rimraf dist",
     "start": "webpack-dev-server --open --config webpack.dev.babel.js",
+    "manual-test": "webpack-dev-server --open --config webpack.test.babel.js",
     "build": "webpack --config webpack.prod.babel.js",
     "test": "./node_modules/karma/bin/karma start karma.conf.js",
     "test:single": "./node_modules/karma/bin/karma start karma.conf.js --single-run",
diff --git a/webpack.dev.babel.js b/webpack.dev.babel.js
@@ -3,7 +3,6 @@
 // This software is released under the MIT License.
 // https://opensource.org/licenses/MIT
 
-import { existsSync } from 'fs';
 import { join } from 'path';
 import merge from 'webpack-merge';
 import common from './webpack.common.babel';
@@ -14,9 +13,9 @@ export default merge(common, {
   devtool: 'inline-source-map',
   devServer: {
     watchContentBase: true,
-    contentBase: [join(__dirname, './dist'), join(__dirname, './experiments')]
+    contentBase: join(__dirname, './dist')
   },
-  plugins: existsSync(join(__dirname, './experiments/index.html')) ? [] : [
+  plugins: [
     new HtmlWebpackPlugin({
       title: 'ml5'
     })
diff --git a/webpack.test.babel.js b/webpack.test.babel.js
@@ -0,0 +1,51 @@
+// Copyright (c) 2019 ml5
+// 
+// This software is released under the MIT License.
+// https://opensource.org/licenses/MIT
+
+import { existsSync, mkdirSync, writeFileSync, lstatSync } from 'fs';
+import { join } from 'path';
+import merge from 'webpack-merge';
+import common from './webpack.common.babel';
+
+// this is the function to initialize manual-test folder when running `npm run start`
+(function checkExperimentsFolder() {
+  const experimentsDir = join(__dirname, './manual-test');
+  const indexFile = join(experimentsDir, './index.html');
+
+  // create manual-test dir if not exist, or check if it is a readable dir.
+  if (!existsSync(experimentsDir)) mkdirSync(experimentsDir);
+  else {
+    assert(lstatSync(experimentsDir).isDirectory(), "./manual-test should be a readable folder.");
+  }
+
+  // create index.html in manual-test dir if not exist, or check if it is a readable file.
+  if (!existsSync(indexFile)) {
+    writeFileSync(indexFile, `
+      <!DOCTYPE html>
+      <html>
+      <head>
+        <title>ml5.js manual test</title>
+        <script src="http://localhost:8080/ml5.js"></script>
+      </head>
+      <body>
+        <script>
+          // Your scripts would be written here
+        </script>
+      </body>
+      </html>`.replace(/      /g, '').trimLeft());
+  } else {
+    assert(lstatSync(indexFile).isFile(), "./manual-test/index.html should be a readable file.");
+  }
+
+})();
+
+export default merge(common, {
+  mode: 'development',
+  devtool: 'inline-source-map',
+  devServer: {
+    watchContentBase: true,
+    contentBase: [join(__dirname, './dist'), join(__dirname, './manual-test')]
+  },
+  plugins: []
+});
