docker based build

.devcontainer/Dockerfile

@@ -0,0 +1,38 @@
+ARG VARIANT=20-bookworm-slim
+
+FROM --platform=linux/amd64 node:${VARIANT}
+LABEL org.opencontainers.image.source="https://github.com/maplibre/maplibre-gl-js"
+
+RUN apt-get update && export DEBIAN_FRONTEND=noninteractive \
+    && apt-get -y install \
+    --no-install-recommends \
+    build-essential \
+    git \
+    libglew-dev \
+    libxi-dev \
+    default-jre \
+    default-jdk \
+    xvfb \
+    python3 \
+    python-is-python3 \
+    pkg-config \
+    libpixman-1-dev \
+    libcairo2-dev \
+    libpango1.0-dev \
+    libgif-dev \
+    wget \
+    && rm -rf /var/lib/apt/lists/*
+
+# For testing purposes
+RUN wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub > linux_signing_key.pub \
+    && install -D -o root -g root -m 644 linux_signing_key.pub /etc/apt/keyrings/linux_signing_key.pub \
+    && echo "deb [arch=amd64 signed-by=/etc/apt/keyrings/linux_signing_key.pub] http://dl.google.com/linux/chrome/deb/ stable main" > /etc/apt/sources.list.d/google-chrome.list \
+    && apt -y update && export DEBIAN_FRONTEND=noninteractive \
+    && apt -y install google-chrome-stable \
+    && rm -rf /var/lib/apt/lists/*
+
+COPY ./ /maplibre-gl-js/
+WORKDIR /maplibre-gl-js
+RUN npm ci && npm run build-dist
+CMD npm run start
+EXPOSE 9966

.devcontainer/devcontainer.json

@@ -1,4 +1,5 @@
 {
     "name": "MapLibre container using node.js",
+    "build": { "dockerfile": "Dockerfile" },
     "postCreateCommand": "/bin/bash -l -c \"source $NVM_DIR/nvm.sh && nvm install && npm install && echo 'done npm install' && sudo apt-get update && sudo apt-get install -y build-essential git libglew-dev libxi-dev default-jre default-jdk xvfb\""
 }

.github/workflows/release.yml

@@ -6,6 +6,26 @@ on:
   workflow_dispatch:
 
 jobs:
+  push-dev-image:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: './devcontainer'
+    steps:
+      - name: 'Checkout GitHub Action'
+        uses: actions/checkout@main
+
+      - name: 'Login to GitHub Container Registry'
+        uses: docker/login-action@v1
+        with:
+          registry: ghcr.io
+          username: ${{github.actor}}
+          password: ${{secrets.GITHUB_TOKEN}}
+
+      - name: 'Build Inventory Image'
+        run: |
+          docker build . --tag ghcr.io/maplibre/maplibre-gl-js:${{ steps.package-version.outputs.current-version }}
+          docker push ghcr.io/maplibre/maplibre-gl-js:${{ steps.package-version.outputs.current-version }}
   release-check:
     name: Check if version changed
     runs-on: ubuntu-latest

CHANGELOG.md

@@ -3,6 +3,7 @@
 ### ✨ Features and improvements
 
 - Expose projection matrix parameters ([#3136](https://github.com/maplibre/maplibre-gl-js/pull/3136))
+- Add docker build abilities ([#57](https://github.com/maplibre/maplibre-gl-js/issues/57))
 - _...Add new stuff here..._
 
 ### 🐞 Bug fixes

CONTRIBUTING.md

@@ -156,6 +156,26 @@ Install headless-gl dependencies https://github.com/stackgl/headless-gl#windows
 copy node_modules/headless-gl/deps/windows/dll/x64/*.dll c:\windows\system32
 ```
 
+### Docker
+
+#### Build the basic docker image
+
+```shell
+docker compose up --build build
+```
+
+#### Start development mode
+
+```shell
+docker compose up dev
+```
+
+#### Run tests
+
+```shell
+docker compose up test
+```
+
 ## Creating a Standalone Build
 
 A standalone build allows you to turn the contents of this repository into `maplibre-gl.js` and `maplibre-gl.css` files that can be included on an html page.

docker-compose.yml

@@ -0,0 +1,33 @@
+services:
+  build:
+    platform: linux/amd64
+    build:
+      platforms:
+        - "linux/amd64"
+      context: .
+      dockerfile: ./.devcontainer/Dockerfile
+    image: ghcr.io/maplibre/maplibre-gl-js:dev
+    volumes:
+      - ./:/maplibre-gl-js/
+
+  dev:
+    platform: linux/amd64
+    image: ghcr.io/maplibre/maplibre-gl-js:dev
+    working_dir: /maplibre-gl-js
+    volumes:
+      - ./:/maplibre-gl-js/
+    ports:
+      - 9966:9966
+    command: npm run start
+
+  test:
+    platform: linux/amd64
+    image: ghcr.io/maplibre/maplibre-gl-js:dev
+    volumes:
+      - ./:/maplibre-gl-js/
+    command:
+      - /bin/bash
+      - -c
+      - |
+        set -xe
+        npm run test