setup VueJS UI code

Dockerfile

@@ -1,3 +1,11 @@
+######################################
+# Prepare npm_builder
+######################################
+FROM node:16 as npm_builder
+WORKDIR /app
+ADD . .
+RUN make build_ui
+
 ######################################
 # Prepare go_builder
 ######################################
@@ -14,6 +22,7 @@ RUN mkdir /app
 WORKDIR /app
 
 COPY --from=go_builder /app/goliac ./goliac
+COPY --from=npm_builder /app/browser/goliac-ui/dist ./browser/goliac-ui/dist
 
 RUN useradd --uid 1000 --gid 0 goliac && \
     chown goliac:root /app && \

Makefile

@@ -1,11 +1,18 @@
 
-all: deps gen build
+all: deps gen build build_ui
 
 rebuild: gen build
 
 build:
 	@GO111MODULE=on go build -o goliac ./cmd/goliac
 
+build_ui:
+	@echo "Building Goliac UI ..."
+	@cd ./browser/goliac-ui/; npm install --legacy-peer-deps && npm run build
+
+run_ui:
+	@cd ./browser/goliac-ui/; npm run serve
+
 test: deps verifiers
 	@GO111MODULE=on go test -race -covermode=atomic -coverprofile=coverage.txt ./internal/...
 	@go tool cover -html coverage.txt -o cover.html

browser/goliac-ui/README.md

@@ -0,0 +1,24 @@
+# goliac-ui
+
+## Project setup
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+```
+yarn serve
+```
+
+### Compiles and minifies for production
+```
+yarn build
+```
+
+### Lints and fixes files
+```
+yarn lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

browser/goliac-ui/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

browser/goliac-ui/jsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  }
+}