Merge pull request #147 from dscrobonia/add-webpack

Add xo linter, ava test framework, webpack build tool, README

.gitignore

@@ -6,3 +6,5 @@ build/temp/
 build/zap-exts/
 .idea/
 *.iml
+node_modules/
+dist/

build/build.xml

@@ -423,6 +423,24 @@
 		<build-deploy-addon name="hud" />
 	</target>
 
+	<target name="lint-staged-hud" description="run the XO linter on the staged hud extension">
+		<exec executable="npm">
+			<arg line="run lint-staged" />
+		</exec>		
+	</target>
+
+	<target name="lint-all-hud" description="run the XO linter on all files of the hud extension">
+		<exec executable="npm">
+			<arg line="run lint" />
+		</exec>		
+	</target>
+
+	<target name="test-hud" description="run the ava tests for the hud extension">
+		<exec executable="npm">
+			<arg line="run test" />
+		</exec>		
+	</target>
+
 	<target name="deploy-and-reset-hud" description="deploy the hud extension and delete the config directory">
 		<build-deploy-addon name="hud" />
 		<delete dir="${hud.config.dir}"/>

build/loaders/zap-loader.js

@@ -0,0 +1,10 @@
+module.exports = function zapLoader(source) {
+  source = source.replace("<<ZAP_HUD_FILES>>", "https://zap");
+  source = source.replace("<<ZAP_HUD_URL>>", "https://targetdomain.com");
+  source = source.replace("<<ZAP_HUD_API>>", "https://zap/api");
+  source = source.replace("<<ZAP_HUD_WS>>", "https://zap/websocket");
+  source = source.replace("<<ZAP_HUD_TOOLS>>", "'http://zap/to/some/tool'");
+  source = source.replace("<<ZAP_SHARED_SECRET>>", "sometestsecret");
+
+  return source;
+};

build/webpack.config.dev.js

@@ -0,0 +1,34 @@
+'use strict'
+
+const path = require('path')
+const { VueLoaderPlugin } = require('vue-loader')
+
+module.exports = {
+  mode: 'development',
+  entry: [
+    './src/org/zaproxy/zap/extension/hud/files/hud/serviceworker.js',
+    './src/org/zaproxy/zap/extension/hud/files/hud/panel.js'
+  ],
+  resolveLoader: {
+    alias: {'zap-loader': path.join(__dirname, 'loaders/zap-loader.js')}
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        use: [
+          'zap-loader'
+        ]
+      },
+      {
+        test: /\.vue$/,
+        use: [
+          'vue-loader'
+        ]
+      }
+    ]
+  },
+  plugins: [
+    new VueLoaderPlugin()
+  ]
+}