initial commit

Author: rick-bongers

.dockerignore

@@ -0,0 +1,4 @@
+**/.gitignore
+**/.gitkeep
+src/.env
+**/node_modules

.env.local

@@ -0,0 +1,4 @@
+PROJECT_NAME="debugbar"
+PROJECT_ENVIRONMENT="local"
+COMPOSE_PROJECT_NAME="${PROJECT_NAME}_${PROJECT_ENVIRONMENT}"
+TRAEFIK_HOST="debugbar.pro.test"

.gitignore

@@ -0,0 +1,15 @@
+/docker-compose.override.yml
+
+# JetBrains IDE
+.idea/
+
+# Unit test reports
+TEST*.xml
+
+# Generated by MacOS
+.DS_Store
+
+# Generated by Windows
+Thumbs.db
+
+.env

.nvmrc

@@ -0,0 +1 @@
+v18.14.2

README.md

@@ -0,0 +1,31 @@
+# Startup lokale ontwikkeling
+
+## Prerequisites
+1. Developers startup opgepakt: https://www.notion.so/Developers-startup-7e9fef0b962e4d29abfeb83f8ce667cd
+
+## Setup
+1. Clone deze repository naar je lokale ontwikkelomgeving.
+2. Maak Docker environment file aan via ```cp .env.local .env``` en pas eventueel ```.env``` aan.
+3. Maak je eigen docker compose file ```cp docker-compose.local.yml docker-compose.override.yml```
+4. Build het project: ```docker-compose build```
+5. Run en run het project: ```docker-compose up -d```
+
+## Run playground
+1. Shell in de workspace container: ```docker-compose exec workspace sh```
+2. Installeer Yarn: ```yarn```
+3. Run Yarn DevServer: ```yarn dev```
+4. Je project is nu te benaderen via https://ui.auto.test
+
+## Run storybook
+1. Shell in de workspace container: ```docker-compose exec storybook sh```
+2. Installeer Yarn: ```yarn```
+3. Run Yarn storybook: ```yarn storybook```
+4. Je project is nu te benaderen via https://storybook.auto.test
+
+## Build 
+1. Shell in de workspace container: ```docker-compose exec workspace sh```
+2. build components: ```yarn build```
+
+## Publish
+1. Shell in de workspace container: ```docker-compose exec workspace sh```
+2. Publish ```npm run publish --public```

docker-compose.local.yml

@@ -0,0 +1,30 @@
+version: '3.8'
+services:
+
+  workspace:
+    image: vue-debugbar-workspace
+    build:
+      context: .
+      dockerfile: ./dockerfiles/workspace.dockerfile
+    restart: unless-stopped
+    ports:
+      - 80
+    labels:
+      - "traefik.enable=true"
+      - "traefik.http.routers.${COMPOSE_PROJECT_NAME}-http.rule=Host(`${TRAEFIK_HOST}`)"
+      - "traefik.http.routers.${COMPOSE_PROJECT_NAME}-http.entrypoints=web"
+      - "traefik.http.routers.${COMPOSE_PROJECT_NAME}.rule=Host(`${TRAEFIK_HOST}`)"
+      - "traefik.http.routers.${COMPOSE_PROJECT_NAME}.entrypoints=websecure"
+      - "traefik.http.routers.${COMPOSE_PROJECT_NAME}.middlewares=secure-headers@file"
+      - "traefik.http.routers.${COMPOSE_PROJECT_NAME}.tls=true"
+
+    volumes:
+      - ./src:/var/www:cached
+    networks:
+      - web
+    command: ['tail', '-f', '/dev/null']
+
+  # Ignore nginx container on local
+  nginx:
+    profiles:
+      - do-not-start

docker-compose.stack.yml

@@ -0,0 +1,22 @@
+version: '3.8'
+services:
+
+  nginx:
+    deploy:
+      replicas: 1
+      restart_policy:
+        condition: any
+        delay: 5s
+        max_attempts: 5
+        window: 120s
+      labels:
+        - "traefik.enable=true"
+        - "traefik.http.services.${COMPOSE_PROJECT_NAME}.loadbalancer.server.port=80"
+        - "traefik.http.routers.${COMPOSE_PROJECT_NAME}-http.rule=Host(`${TRAEFIK_HOST}`)"
+        - "traefik.http.routers.${COMPOSE_PROJECT_NAME}-http.entrypoints=web"
+        - "traefik.http.routers.${COMPOSE_PROJECT_NAME}-http.middlewares=to-https@file"
+        - "traefik.http.routers.${COMPOSE_PROJECT_NAME}.service=${COMPOSE_PROJECT_NAME}"
+        - "traefik.http.routers.${COMPOSE_PROJECT_NAME}.rule=Host(`${TRAEFIK_HOST}`)"
+        - "traefik.http.routers.${COMPOSE_PROJECT_NAME}.entrypoints=websecure"
+        - "traefik.http.routers.${COMPOSE_PROJECT_NAME}.middlewares=secure-headers@file"
+        - "traefik.http.routers.${COMPOSE_PROJECT_NAME}.tls.certresolver=lets-encrypt"

docker-compose.yml

@@ -0,0 +1,14 @@
+version: '3.8'
+services:
+
+  nginx:
+    image: ${PROJECT_NAME}-nginx:${PROJECT_ENVIRONMENT}
+    build:
+      context: .
+      dockerfile: ./dockerfiles/nginx.dockerfile
+    networks:
+      - web
+
+networks:
+  web:
+    external: true

dockerfiles/nginx.dockerfile

@@ -0,0 +1,8 @@
+FROM nginx:alpine
+
+COPY dockerfiles/vhost.conf /etc/nginx/conf.d/default.conf
+
+WORKDIR /var/www
+
+# Copy static assets from builder stage
+COPY ./src/dist .

dockerfiles/vhost.conf

@@ -0,0 +1,30 @@
+server {
+    server_name _;
+    listen 80;
+    index index.html;
+    root /var/www;
+    client_max_body_size 164M;
+    location / {
+        try_files $uri $uri/ /index.html;
+        add_header Cache-Control "no-store, no-cache, must-revalidate";
+    }
+
+    include mime.types;
+    types {
+      application/javascript js mjs;
+    }
+
+    location ~ (index.html|service-worker.js)$ {
+        add_header Last-Modified $date_gmt;
+        add_header Cache-Control 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';
+        if_modified_since off;
+        expires off;
+        etag off;
+    }
+
+    location /js {
+        expires 1y;
+        add_header Cache-Control "public";
+        access_log off;
+     }
+}