Docker local dev

.dockerignore

@@ -0,0 +1,6 @@
+node_modules
+Dockerfile
+dev.Dockerfile
+docker-compose.yml
+prod.docker-compose.yml
+

.env.example

@@ -1,14 +1,25 @@
 # BACKEND
-
 ## DATABASE
 POSTGRES_USER=docker
 POSTGRES_PASSWORD=docker
 POSTGRES_DATABASE=datatlas
-POSTGRES_HOST=localhost
+POSTGRES_HOST=postgres
 POSTGRES_PORT=5432
 
 ## SALT
 PASSWORD_SALT=put_long_string_here
 
+## SEEDING USERS (1 admin and 1 editor)
+[email protected]
+ADMIN_PASSWORD=admin
+[email protected]
+DUMMY_EDITOR_PASSWORD=editor
+
 # FRONTEND
 REACT_APP_MAPBOX_ACCESS_TOKEN="defaultMapboxToken"
+REACT_APP_DEFAULT_LOCALE='fr'
+REACT_APP_API_BASE_URL=http://localhost:3333/api
+
+# DEV USER ID
+UID=1000
+GID=1000

README.md

@@ -14,27 +14,32 @@ cp .env.example .env
 ```
 cp .env.example .env
 docker compose up
-nx run-many --target=serve
 ```
 
-> **Note**: you must manually configure `pgadmin` :
->
-> 1. Right-click _Servers > Register > Server..._
-> 2. Under **Connection**:
->
-> - **Host** `datatlas-db`
-> - **Port**: `5432`
-> - **Username**: `docker`
-> - **Password**: `docker`
->
-> https://towardsdatascience.com/how-to-run-postgresql-and-pgadmin-using-docker-3a6a8ae918b5
-
 **Setup app `.env` :**
 
 > See **app** [./apps/frontend/README.md](./apps/frontend/README.md).
 
 ## Development
 
+### Ue docker for development
+
+```
+cp .env.example .env
+
+docker-compose build 
+docker rm dev-datatlas-node-modules
+docker run --name dev-datatlas-node-modules -d --env-file .env dev-datatlas tail -f /dev/null 
+docker cp dev-datatlas-node-modules:/datatlas/node_modules .
+docker stop dev-datatlas-node-modules && docker rm dev-datatlas-node-modules
+docker-compose up
+```
+No need to rerun all the command above for a second time, just run `docker-compose up` and it will start the containers.
+
+
+**About .env file**
+to get your user uid and gid run `id` in your terminal
+
 ### Code quality
 
 Run `prettier` on whole repository:
@@ -121,3 +126,10 @@ Run `nx graph` to see a diagram of the dependencies of the projects.
 ### Further help
 
 Visit the [Nx Documentation](https://nx.dev) to learn more.
+
+### Troubleshooting
+
+#### pgpass on my local machine does not automaticly connect to datatlas postgres database
+
+The mounted pgpass file should have 0600 permissions. If not, pgpass will ignore it.
+`chmod 0600 docker/pgadmin/pgpass`

apps/backend/.env.example

@@ -2,7 +2,7 @@
 POSTGRES_USER=docker
 POSTGRES_PASSWORD=docker
 POSTGRES_DATABASE=datatlas
-POSTGRES_HOST=datatlas-db
+POSTGRES_HOST=postgres
 POSTGRES_PORT=5432
 
 # SALT

docker-compose.yml

@@ -1,8 +1,8 @@
-version: '3.1'
+version: '3.9'
 
 services:
   postgres:
-    container_name: datatlas-db
+    container_name: dev-datatlas-db
     image: kartoza/postgis:15-3.3
     restart: unless-stopped
     environment:
@@ -14,11 +14,47 @@ services:
       - '5432:${POSTGRES_PORT}'
 
   pgadmin:
-    container_name: pgadmin4_container
+    container_name: dev-datatlas-pgadmin
     image: dpage/pgadmin4
     restart: unless-stopped
     environment:
       PGADMIN_DEFAULT_EMAIL: [email protected]
       PGADMIN_DEFAULT_PASSWORD: root
     ports:
       - '5431:80'
+    volumes:
+      - ./pgadmin/servers.json:/pgadmin4/servers.json
+      - ./pgadmin/pgpass:/pgpass
+
+  backend:
+    container_name: dev-datatlas-backend
+    image: dev-datatlas
+    build:
+      dockerfile: docker/dev.Dockerfile
+      context: .
+    command: npx nx serve backend
+    depends_on:
+      - postgres
+    env_file:
+      - .env
+    volumes:
+      - ./apps/backend:/datatlas/apps/backend
+      - ./node_modules:/datatlas/node_modules
+    ports:
+      - 3333:3333
+  frontend:
+    container_name: dev-datatlas-frontend
+    image: dev-datatlas
+    build:
+      dockerfile: docker/dev.Dockerfile
+      context: .
+    command: npx nx serve frontend
+    env_file:
+      - .env
+    volumes:
+      - ./apps/frontend:/datatlas/apps/frontend 
+      - ./node_modules:/datatlas/node_modules
+    ports:
+      - 3000:3000
+
+

docker/dev.Dockerfile

@@ -0,0 +1,16 @@
+FROM node:lts 
+
+# Create app directory
+WORKDIR /datatlas
+
+# Install app dependencies
+COPY ./ /datatlas/
+
+RUN npm install --force
+
+# Install app dependencies
+RUN npm install @nrwl/cli -g
+
+CMD ["tail", "-f", "/dev/null"]
+
+

docker/pgadmin/pgpass

@@ -0,0 +1 @@
+postgres:5432:postgres:docker:docker

docker/pgadmin/servers.json

@@ -0,0 +1,14 @@
+{
+  "Servers": {
+    "1": {
+      "Name": "datatlas",
+      "Group": "Servers",
+      "Host": "postgres",
+      "Port": 5432,
+      "MaintenanceDB": "postgres",
+      "Username": "docker",
+      "PassFile": "/pgpass",
+      "SSLMode": "prefer"
+    }
+  }
+}

prod.docker-compose.yml

@@ -15,7 +15,7 @@ services:
   backend:
     container_name: datatlas-backend
     build:
-      dockerfile: Dockerfile
+      dockerfile: docker/Dockerfile
       context: .
       target: backend
       args:
@@ -29,7 +29,7 @@ services:
   frontend:
     container_name: datatlas-frontend
     build:
-      dockerfile: Dockerfile
+      dockerfile: docker/Dockerfile
       context: .
       target: frontend
       args: