Update files for docker, docker compose

Author: wicksome

Dockerfile

@@ -1,16 +1,30 @@
-FROM node:12.18.3 AS builder
+FROM node:12 AS builder
 
-WORKDIR /root
-COPY . .
-RUN rm -rf .git
+# fetch sources
+COPY . /usr/app
+#RUN wget "https://github.com/kkeisuke/plantuml-editor/archive/refs/heads/master.zip" && \
+#    unzip "master.zip" && \
+#    mv plantuml-editor-master /usr/app
 
-ENV VUE_APP_SERVER=https://plantuml-server.kkeisuke.app/
-ENV VUE_APP_CDN=https://plantuml-server.kkeisuke.app/
+WORKDIR /usr/app
 
+# NOTE
+#   - tailing "/" is important! (At least for VUE_APP_CDN.)
+#   - VUE_APP_SERVER will never used. (Drop it?)
+# See PR#19
+# https://github.com/kkeisuke/plantuml-editor/pull/19
+ARG VUE_APP_URL=https://plantuml-editor.kkeisuke.com/
+ARG VUE_APP_SERVER=https://plantuml-server.kkeisuke.dev/
+ARG VUE_APP_CDN=https://plantuml-server.kkeisuke.dev/
+
+# build app
 RUN npm install && \
     npm run flow-typed && \
     npm run build
 
-FROM nginx:latest
+# NGINX Alpine as minimal web server
+FROM nginx:alpine
+
 WORKDIR /usr/share/nginx/html
-COPY --from=builder /root/dist/ .
+
+COPY --from=builder /usr/app/dist/ .

README.md

@@ -49,12 +49,42 @@ or build with docker
 # build with docker
 docker build \ 
        -t plantuml-editor \
-       --env VUE_CONFIG_SERVER=http://localhost:8080/ \
-       --env VUE_APP_CDN=http://localhost:8080/ \
+       --build-arg VUE_APP_URL=http://localhost:8080/ \
+       --build-arg VUE_APP_SERVER=http://localhost:4000/ \
+       --build-arg VUE_APP_CDN=http://localhost:4000/ \
+       .
+
+# or with PR#19
+# https://github.com/kkeisuke/plantuml-editor/pull/19
+docker build \ 
+       -t plantuml-editor \
+       --build-arg VUE_APP_URL=http://localhost:8080 \
+       --build-arg VUE_APP_CDN=http://localhost:4000 \
        .
 
 # run plantuml-editor server with docker
-docker run -d -p 80:80 --name plantuml-editor plantuml-editor
+docker run -d -p 8080:80 --name plantuml-editor plantuml-editor
+```
+
+or with docker compose
+
+```yaml
+version: "3.9"
+services:
+  plantuml-editor:
+    build:
+      context: .
+      dockerfile: Dockerfile
+      args:
+        - VUE_APP_URL=http://localhost:8080
+        - VUE_APP_SERVER=http://localhost:4000/
+        - VUE_APP_CDN=http://localhost:4000/
+    restart: always
+    container_name: plantuml-editor
+    #environment:
+    #  - TZ=...
+    ports: 
+      - 8080:80
 ```
 
 ## For development