Update webplugin

- Instead of hello world,
  provide Dicoogle Health Check, the tutorial webplugin
- use parcel to build the plugin

Author: Enet4

pom.xml

@@ -24,7 +24,7 @@
                 <directory>src/main/resources/html5/</directory>
             </resource>
             <resource>
-                <directory>src/main/resources/webplugin-sample</directory>
+                <directory>src/main/resources/webplugin-sample/dist</directory>
                 <targetPath>WebPlugins/webplugin-sample</targetPath>
                 <filtering>false</filtering>
                 <includes>

src/main/resources/webplugin-sample/.babelrc

@@ -1 +1,2 @@
-node_modules
+.parcel-cache/
+node_modules/

src/main/resources/webplugin-sample/.gitignore

@@ -1,7 +1,9 @@
-# demo
-> demo
+# Dicoogle Health Check web UI plugin
+
+> Checks for issues in the Dicoogle archive.
 
 This is a web UI menu plugin for Dicoogle.
+The development tutorial is available in the [Dicoogle Learning Pack](https://bioinformatics-ua.github.io/dicoogle-learning-pack/docs/webplugins/).
 
 ## Building
 
@@ -11,4 +13,4 @@ npm install
 
 ## Deploying
 
-Place `module.js` and `package.json` in a folder in the WebPlugins directory.
+Place `dist/module.js` and `dist/package.json` in a folder in the `WebPlugins/` directory.

src/main/resources/webplugin-sample/README.md

@@ -0,0 +1,28 @@
+// This build script updates the output package.json file.
+//
+// Although using the original package.json file works,
+// it is better to provide a simple version to production,
+// to reduce size and simplify the plugin.
+const fs = require('fs');
+const packageJson = require('./package.json');
+
+const {
+    name,
+    version,
+    private,
+    description,
+    license,
+    dicoogle,
+} = packageJson;
+
+const out = {
+    name,
+    version,
+    private,
+    description,
+    license,
+    main: dicoogle['module-file'] || 'module.js',
+    dicoogle,
+};
+fs.mkdirSync('dist', {recursive: true});
+fs.writeFileSync("dist/package.json", JSON.stringify(out, undefined, 2));

src/main/resources/webplugin-sample/build-package-json.js

@@ -0,0 +1,13 @@
+{
+  "name": "dicoogle-healthcheck",
+  "version": "1.0.0",
+  "private": true,
+  "description": "Example web UI plugin for Dicoogle",
+  "license": "MIT",
+  "main": "module.js",
+  "dicoogle": {
+    "slot-id": "menu",
+    "caption": "Health Check",
+    "module-file": "module.js"
+  }
+}