add devcontainer (#30)

.devcontainer/Dockerfile

@@ -0,0 +1,7 @@
+FROM ubuntu:23.10
+RUN apt-get update && apt-get install -y python3-setuptools pipenv npm
+
+# chromium dependencies
+RUN apt-get install -y fonts-noto-color-emoji libnss3 libatk1.0-0 libatk-bridge2.0-0 libcups2 libxkbcommon0 libxdamage1 libpango-1.0-0 libcairo2 libasound2
+
+USER ubuntu

.devcontainer/devcontainer.json

@@ -0,0 +1,12 @@
+{
+  "build": {
+    "dockerfile": "Dockerfile"
+  },
+  "customizations": {
+    "vscode": {
+      "extensions": ["ms-python.python", "Lencerf.beancount"]
+    }
+  },
+  "postCreateCommand": "make deps",
+  "forwardPorts": [5000]
+}

.github/workflows/continuous-integration.yaml

@@ -14,23 +14,7 @@ jobs:
     steps:
       - uses: actions/checkout@v3
 
-      - name: Install dependencies
-        run: |
-          sudo pip3 install black
-
-      - name: Build frontend
-        run: make build
-
-      - name: Install fava-dashboards
-        run: pip3 install .
-
-      - name: Start Fava
-        run: cd example; fava example.beancount &
-
-      - name: Run HTML tests
-        run: cd frontend; npm run test -- -t HTML
-
-      - name: Run formatter
-        run: |
-          make format
-          git diff --exit-code
+      - name: Build and run dev container task
+        uses: devcontainers/ci@v0.3
+        with:
+          runCmd: make ci

Makefile

@@ -1,22 +1,34 @@
-frontend/node_modules: frontend/package-lock.json
-	cd frontend; npm install
-	touch -m frontend/node_modules
+deps-js:
+	cd frontend; npm install && npx puppeteer browsers install chrome
 
-.PHONY: build
-build: frontend/node_modules
+deps-py:
+	cd example; pipenv install -d
+
+deps: deps-js deps-py
+
+build-js:
 	cd frontend; npm run build
 
-.PHONY: watch
-watch: frontend/node_modules
+watch-js:
 	cd frontend; npm run watch
 
-.PHONY: test
-test: frontend/node_modules
-	cd frontend; npm run test
+test-js:
+	cd frontend; LANG=en npm run test
+
+test-js-update:
+	cd frontend; LANG=en npm run test -- -u
+
+run:
+	cd example; pipenv run fava example.beancount
 
-.PHONY: format
 format:
-	cd frontend; npx --no-install -- prettier -w . ../src/fava_dashboards/templates/*.css
-	black src/fava_dashboards/__init__.py scripts/format_js_in_dashboard.py
+	cd frontend; npx prettier -w . ../src/fava_dashboards/templates/*.css
+	cd example; pipenv run black ../src/fava_dashboards/__init__.py ../scripts/format_js_in_dashboard.py
+	cd example; find . -name '*.beancount' -exec pipenv run bean-format -c 59 -o "{}" "{}" \;
 	./scripts/format_js_in_dashboard.py example/dashboards.yaml
-	find example -name '*.beancount' -exec bean-format -c 59 -o "{}" "{}" \;
+
+ci:
+	make run &
+	make test-js
+	make format
+	git diff --exit-code

example/Pipfile

@@ -7,6 +7,7 @@ name = "pypi"
 fava-dashboards = {editable = true, path = "./.."}
 
 [dev-packages]
+black = "*"
 
 [requires]
 python_version = "3.11"

frontend/jest-puppeteer.config.js

@@ -5,5 +5,7 @@ module.exports = {
             height: 1000,
         },
         headless: "new",
+        // chrome sandbox does not work inside container
+        args: ["--no-sandbox"],
     },
 };