Replace old UI with new frontend

Author: g3force

.circleci/config.yml

@@ -7,17 +7,16 @@ jobs:
       - checkout
       - run:
           name: "Install dependencies"
-          command: yarn install
-      - run:
-          name: "Run lint"
-          command: yarn lint
+          working_directory: frontend
+          command: npm install
       - run:
           name: "Build"
-          command: yarn build
+          working_directory: frontend
+          command: npm run build
       - persist_to_workspace:
           root: .
           paths:
-            - internal/app/ui/dist/*
+            - frontend/dist/*
 
   backend:
     docker:

.dockerignore

@@ -1,12 +1,12 @@
-/.circleci
-/.idea
-/.vscode
-/.local
+.circleci
+.idea
+.vscode
+.local
 /config
 /doc
-/node_modules
+node_modules
 /proto
-/.git
+.git
 /Dockerfile
 /.env
 /docker-compose.yaml

.gitignore

@@ -1,6 +1,5 @@
 .DS_Store
 node_modules
-/internal/app/ui/dist
 /config/
 
 # Editor directories and files

Dockerfile

@@ -1,22 +1,18 @@
 FROM node:16.15-alpine3.15 AS build_node
-WORKDIR /tmp/ssl-game-controller
-COPY public public
-COPY src src
-COPY babel.config.js .
-COPY package.json .
-COPY vue.config.js .
-COPY yarn.lock .
-RUN yarn install
-RUN yarn build
+COPY frontend /tmp/ssl-game-controller/frontend
+WORKDIR /tmp/ssl-game-controller/frontend
+RUN npm install
+RUN npm run build
 
 FROM golang:1.18-alpine3.15 AS build_go
 WORKDIR /go/src/github.com/RoboCup-SSL/ssl-game-controller
 COPY cmd cmd
 COPY internal internal
 COPY pkg pkg
+COPY frontend frontend
 COPY go.mod .
 COPY go.sum .
-COPY --from=build_node /tmp/ssl-game-controller/internal/app/ui/dist internal/app/ui/dist
+COPY --from=build_node /tmp/ssl-game-controller/frontend/dist frontend/dist
 RUN go install -v ./cmd/ssl-game-controller
 
 # Start fresh from a smaller image

FAQ.md

@@ -10,8 +10,6 @@ The [ssl-refbox](https://github.com/RoboCup-SSL/ssl-refbox) replacement that was
 
 ![Screenshot of Interface](./doc/screenshot_interface.png)
 
-See [FAQ](./FAQ.md) for some general information.
-
 ## Usage
 If you just want to use this app, simply download the latest [release binary](https://github.com/RoboCup-SSL/ssl-game-controller/releases/latest). The binary is self-contained. No dependencies are required.
 

README.md

@@ -2,9 +2,9 @@ package main
 
 import (
 	"flag"
+	"github.com/RoboCup-SSL/ssl-game-controller/frontend"
 	"github.com/RoboCup-SSL/ssl-game-controller/internal/app/config"
 	"github.com/RoboCup-SSL/ssl-game-controller/internal/app/gc"
-	"github.com/RoboCup-SSL/ssl-game-controller/internal/app/ui"
 	"log"
 	"net/http"
 	"os"
@@ -35,7 +35,7 @@ func main() {
 		return
 	}
 
-	ui.HandleUi()
+	frontend.HandleUi()
 
 	err := http.ListenAndServe(*address, nil)
 	if err != nil {

babel.config.js

@@ -1,4 +1,4 @@
-package ui
+package frontend
 
 import (
 	"embed"

cmd/ssl-game-controller/main.go

@@ -1,10 +1,13 @@
-#!/bin/sh
+#!/usr/bin/env bash
 
-set -e
+set -euo pipefail
 
-# UI
-yarn install
-yarn build
+# frontend
+(
+  cd frontend
+  npm install
+  npm run build
+)
 
 # backend
 go install -v ./cmd/ssl-game-controller