Skip to content

Commit

Permalink
🧹: Add docker and devcontainer config
Browse files Browse the repository at this point in the history
  • Loading branch information
brandonaaron committed Dec 14, 2023
1 parent d9d93d0 commit 03cc78e
Show file tree
Hide file tree
Showing 7 changed files with 63 additions and 0 deletions.
16 changes: 16 additions & 0 deletions .devcontainer/devcontainer.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
{
"dockerComposeFile": [
"../docker-compose.yml",
"./docker-compose.devcontainer.yml"
],
"service": "dev",
"workspaceFolder": "/dark-pref",
"customizations": {
"vscode": {
"extensions": [
"dbaeumer.vscode-eslint",
"EditorConfig.EditorConfig"
]
}
}
}
4 changes: 4 additions & 0 deletions .devcontainer/docker-compose.devcontainer.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
version: "3.8"
services:
dev:
command: /bin/sh -c "while sleep 1000; do :; done"
4 changes: 4 additions & 0 deletions .dockerignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
Dockerfile
.dockerignore
node_modules
.git
1 change: 1 addition & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@

## Unreleased

- chore: Add Docker and devcontainer config
- chore: Update dependencies
- chore: Move to eslint flat config and stylistic package
- chore: Implement list-staged and husky for pre-commit linting
Expand Down
15 changes: 15 additions & 0 deletions Dockerfile
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
FROM node:20 AS base

FROM base AS deps
WORKDIR /dark-pref
COPY package*.json ./
RUN npm i
RUN npx playwright install-deps
RUN npx playwright install


# Copy over node modules for dev
FROM deps AS dev
WORKDIR /dark-pref
COPY --from=deps /dark-pref/node_modules ./node_modules
COPY . .
8 changes: 8 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -152,3 +152,11 @@ module.exports = {
//...
}
```

## Docker

Run `docker compose up` to get a working dev environment. This will start a dev server on port 8888.

Run `docker compose run --build dev npm run test` to just run the unit tests in isolation.

There is a config for a vscode devcontainer too. The devcontainer uses the same Dockerfile/docker-compose config but does not start a dev server. Instead open a terminal within vscode and run `npm start` (or `npm run test`, etc).
15 changes: 15 additions & 0 deletions docker-compose.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
version: "3.8"
services:
dev:
build:
context: .
target: dev
restart: always
command: npm start
environment:
- NODE_ENV=development
volumes:
- .:/dark-pref
- /dark-pref/node_modules/
ports:
- 8888:8888

0 comments on commit 03cc78e

Please sign in to comment.