Update frontend code

Introduce webpack to bundle required dependencies instead of relying on global libraries. Those global libraries are deprecated and will be removed soon.

I tried to change the existing code as little as possible. However, the diff is huge because I fixed the indentation (tabs and spaces were mixed). Additionally, I tried to keep package.json and webpack.common.js as minimal as possible and took some inspiration from other official nextcloud apps.

Npm scripts:
- Production build: `npm run build`
- Development build: `npm run dev`
- Build and watch for changes: `npm run watch`

The build script should be run before pushing a release. The source files (inside src/), installed packages (inside node_modules/) and various js configs (webpack.*.js, package*.json and babel.config.json) can be omitted from a release. Webpack will output the generated code to js/.

Signed-off-by: Richard Steinmetz <steinmetz.richard@googlemail.com>

1 files changed, 20 insertions, 0 deletions

diff --git a/webpack.common.js b/webpack.common.js
new file mode 100644
index 0000000..24853b5
--- /dev/null
+++ b/webpack.common.js
@@ -0,0 +1,20 @@
+const path = require('path')
+
+module.exports = {
+  entry: {
+    main: path.join(__dirname, 'src/main.js'),
+  },
+  output: {
+    path: path.resolve(__dirname, 'js'),
+    filename: 'checksum.[name].js',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        loader: 'babel-loader',
+      },
+    ],
+  },
+}