name: build CoderBot frontend

on: push

jobs:

build-frontend:

runs-on: ubuntu-latest

strategy:

matrix:

node-version: [16.x]

# See supported Node.js release schedule at https://nodejs.org/en/about/releases/

steps:

- uses: actions/checkout@v3

- name: Use Node.js ${{ matrix.node-version }}

uses: actions/setup-node@v3

with:

node-version: ${{ matrix.node-version }}

cache: 'npm'

- run: npm ci

- run: npm run build --if-present

- name: Archive dist

uses: actions/upload-artifact@v3

with:

name: frontend-dist

path: dist

release-frontend:

runs-on: ubuntu-latest

needs: build-frontend

steps:

- uses: actions/checkout@v3 # Checking out the repo

- name: Docker meta

id: meta

uses: docker/metadata-action@v4

with:

# list of Docker images to use as base name for tags

images: ghcr.io/coderbotorg/frontend

# generate Docker tags based on the following events/attributes

tags: |

- name: Download dist artifact

uses: actions/download-artifact@v3

with:

name: frontend-dist

path: frontend/dist

- run: wget https://github.com/CoderBotOrg/docs/releases/download/v0.1/docs.tgz

- run: mkdir -p frontend/cb_docs

- run: tar xzf docs.tgz -C frontend/cb_docs

- run: rm docs.tgz

- name: Set up QEMU

uses: docker/setup-qemu-action@v2

- name: Set up Docker Buildx

id: buildx

uses: docker/setup-buildx-action@v2

- name: Login to DockerHub

uses: docker/login-action@v2

with:

registry: ghcr.io

username: ${{ github.actor }}

password: ${{ secrets.GITHUB_TOKEN }}

- name: Build and push

uses: docker/build-push-action@v3

with:

push: true

platforms: linux/arm/v7

tags: ${{ steps.meta.outputs.tags }}

context: .

file: docker/Dockerfile

cache-from: type=registry,ref=ghcr.io/coderbotorg/frontend:latest

cache-to: type=inline

FROM nginx:1.23.1-alpine

ADD dist /usr/share/nginx/html

ADD cb_docs /usr/share/nginx/html/docs

ADD docker/nginx.conf /etc/nginx/nginx.conf

ADD docker/default.conf /etc/nginx/conf.d/default.conf

server {

listen 80;

server_name localhost;

#access_log /var/log/nginx/host.access.log main;

location / {

root /usr/share/nginx/html;

index index.html index.htm;

}

#error_page 404 /404.html;

# redirect server error pages to the static page /50x.html

#

error_page 500 502 503 504 /50x.html;

location = /50x.html {

root /usr/share/nginx/html;

}

location /api {

proxy_pass http://127.0.0.1:5000;

}

location /wifi {

rewrite /wifi/(.*) /$1 break;

proxy_pass http://127.0.0.1:8080;

}

}

user nginx;

worker_processes 1;

error_log /var/log/nginx/error.log notice;

pid /var/run/nginx.pid;

events {

worker_connections 1024;

}

http {

include /etc/nginx/mime.types;

default_type application/octet-stream;

log_format main '$remote_addr - $remote_user [$time_local] "$request" '

'$status $body_bytes_sent "$http_referer" '

'"$http_user_agent" "$http_x_forwarded_for"';

access_log /var/log/nginx/access.log main;

sendfile on;

#tcp_nopush on;

keepalive_timeout 65;

#gzip on;

include /etc/nginx/conf.d/*.conf;

}