Add assest file. closes #37

Author: eberhardtm

assets.json

@@ -0,0 +1,11 @@
+{
+  "vendor": {
+    "js": "vendor.d4412575.chunk.js"
+  },
+  "add": {
+    "js": "add.c1f8097d.min.js"
+  },
+  "search": {
+    "js": "search.2e1d3d6d.min.js"
+  }
+}

class/Factory/React.php

@@ -33,10 +33,24 @@ public static function getScript($filename)
         if (SYSTEMS_REACT_DEV) {
             $path = "dev/$filename.js";
         } else {
-            $path = "build/$filename.js";
+            $path = "build/" . React::getAssetPath($filename);
         }
         $script = "<script type='text/javascript' src='{$root_directory}$path'></script>";
         return $script;
     }
+    
+    public static function getAssetPath($scriptName)
+    {
+        $rootDirectory = PHPWS_SOURCE_DIR . "mod/systemsinventory/";
+        if (!is_file($rootDirectory . 'assets.json')) {
+            exit('Missing assets.json file. Run "npm run build" in the systemsinventory directory.');
+        }
+        $jsonRaw = file_get_contents($rootDirectory . 'assets.json');
+        $json = json_decode($jsonRaw, true);
+        if (!isset($json[$scriptName]['js'])) {
+            throw new \Exception('Script file not found among assets.');
+        }
+        return $json[$scriptName]['js'];
+    }
 
 }

package.json

@@ -12,6 +12,7 @@
     "@babel/core": "^7.1.6",
     "@babel/preset-env": "^7.1.6",
     "@babel/preset-react": "^7.0.0",
+    "assets-webpack-plugin": "^3.5.1",
     "babel-loader": "^8.0.5",
     "browser-sync": "^2.26.3",
     "browser-sync-webpack-plugin": "^2.2.2",

webpack.config.js

@@ -75,17 +75,18 @@ module.exports = (env, argv) => {
     // require('webpack-bundle-analyzer').BundleAnalyzerPlugin
     // settings.plugins.push(new BundleAnalyzerPlugin()) const AssetsPlugin =
     // require('assets-webpack-plugin')
-    settings.plugins.push(
-      new webpack.DefinePlugin({'process.env.NODE_ENV': JSON.stringify('production')})
-    )
+    const AssetsPlugin = require('assets-webpack-plugin')
+      settings.plugins.push(
+	  new webpack.DefinePlugin({'process.env.NODE_ENV': JSON.stringify('production')})
+      )
 
-    // settings.plugins.push(  new AssetsPlugin({filename: 'assets.json',
-    // prettyPrint: true,}) )
-    settings.output = {
-      path: setup.path.join(setup.APP_DIR, 'build'),
-      filename: '[name].js',
-      chunkFilename: '[name].js'
-    }
+      settings.plugins.push(  new AssetsPlugin({filename: 'assets.json',
+						prettyPrint: true,}) )
+      settings.output = {
+	  path: setup.path.join(setup.APP_DIR, 'build'),
+	  filename: '[name].[chunkhash:8].min.js',
+	  chunkFilename: '[name].[chunkhash:8].chunk.js'
+      }
   }
   return settings
 }