feat: bun, biome, and strict typescript foundation for 2.0

.github/workflows/config.yml

@@ -14,15 +14,16 @@ jobs:
         uses: actions/checkout@v4.1.1
         with:
           fetch-depth: 2
-      - name: Setup Node.js environment
-        uses: actions/setup-node@v4.0.2
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v2
         with:
-          node-version: 22.23.1
-          cache: yarn
+          bun-version: 1.3.11
+      - name: Install Dependencies
+        run: bun install --frozen-lockfile
       - name: Run script
-        run: yarn config:check
+        run: bun run config:check
       - name: Generate latest env vars
-        run: yarn config:env
+        run: bun run config:env
       - name: Configure git
         run: |
           git config --global user.name "turtlesocks-bot"

.github/workflows/lint.yml

@@ -10,26 +10,25 @@ jobs:
         uses: actions/checkout@v4.1.1
         with:
           fetch-depth: 2
-      - name: Setup Node.js environment
-        uses: actions/setup-node@v4.0.2
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v2
         with:
-          node-version: 22.23.1
-          cache: yarn
+          bun-version: 1.3.11
 
       - name: Install Dependencies
-        run: yarn
+        run: bun install --frozen-lockfile
 
       - name: Masterfile
-        run: yarn masterfile
+        run: bun run masterfile
 
       - name: Test
-        run: yarn test
+        run: bun run test
 
-      - name: Lint
-        run: yarn lint
+      - name: Typecheck
+        run: bun run typecheck
 
-      - name: Prettier
-        run: yarn prettier
+      - name: Lint
+        run: bun run lint
 
       - name: Build
-        run: yarn build
+        run: bun run build

.github/workflows/locales.yml

@@ -22,15 +22,14 @@ jobs:
         uses: actions/checkout@v4.1.1
         with:
           fetch-depth: 0
-      - name: Setup Node.js environment
-        uses: actions/setup-node@v4.0.2
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v2
         with:
-          node-version: 22.23.1
-          cache: yarn
+          bun-version: 1.3.11
       - name: Install dependencies
-        run: yarn
+        run: bun install --frozen-lockfile
       - name: Run generating script
-        run: yarn locales:generate
+        run: bun run locales:generate
         env:
           OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
       - name: Configure git

.github/workflows/main.yml

@@ -4,6 +4,7 @@ on:
     branches:
       - main
       - develop
+      - v2
 
 jobs:
   lint:

.github/workflows/release.yml

@@ -12,28 +12,25 @@ jobs:
         uses: actions/checkout@v4.1.1
         with:
           fetch-depth: 0
-      - name: Setup Node.js environment
-        uses: actions/setup-node@v4.0.2
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v2
         with:
-          node-version: 22.23.1
-          cache: yarn
+          bun-version: 1.3.11
       - name: Echo versions
-        run: |
-          node --version
-          yarn --version
+        run: bun --version
       - name: Install dependencies
-        run: yarn --prefer-offline
+        run: bun install --frozen-lockfile
         env:
           HUSKY: 0
       - name: Lint app
-        run: yarn lint
+        run: bun run lint
       - name: Build app
-        run: yarn build
+        run: bun run build
       - name: Release
         env:
           GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           HUSKY: 0
-        run: npx semantic-release
+        run: bunx semantic-release
       - name: Configure git
         if: ${{ github.ref_name == 'main'}}
         run: |

.github/workflows/sentry.yml

@@ -12,17 +12,16 @@ jobs:
         uses: actions/checkout@v4.1.1
         with:
           fetch-depth: 2
-      - name: Setup Node.js environment
-        uses: actions/setup-node@v4.0.2
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v2
         with:
-          node-version: 22.23.1
-          cache: yarn
+          bun-version: 1.3.11
 
       - name: Install Dependencies
-        run: yarn
+        run: bun install --frozen-lockfile
 
       - name: Sentry Build
-        run: yarn release
+        run: bun run release
         env:
           SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
           SENTRY_DSN: ${{ secrets.SENTRY_DSN }}

.husky/pre-commit

@@ -1,4 +1,5 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npx lint-staged --verbose
+bunx biome check --staged --no-errors-on-unmatched
+bun run typecheck

.vscode/extensions.json

@@ -1,9 +1,8 @@
 {
   "recommendations": [
     "streetsidesoftware.code-spell-checker",
-    "dbaeumer.vscode-eslint",
+    "biomejs.biome",
     "lokalise.i18n-ally",
-    "esbenp.prettier-vscode",
     "christian-kohler.npm-intellisense",
     "graphql.vscode-graphql"
   ]

.vscode/settings.json

@@ -7,11 +7,11 @@
   "i18n-ally.keystyle": "flat",
   "[javascript]": {
     "editor.autoClosingBrackets": "always",
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "biomejs.biome"
   },
   "[javascriptreact]": {
     "editor.autoClosingBrackets": "always",
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "biomejs.biome"
   },
   "editor.formatOnSave": true,
   "typescript.tsdk": "node_modules/typescript/lib"

Dockerfile

@@ -1,20 +1,17 @@
-## Simple Dockerfile to build ReactMap (main branch)
+## Simple Dockerfile to build ReactMap (v2 branch)
 # - Inside the container, the content of this git repo lives in /home/node/
 ## You have to mount your configs into the container:
 # - mount local.json to /home/node/server/src/configs/local.json
 # - mount areas.json to /home/node/server/src/configs/areas.json
-# - Also mount every other configuration file necessary into the according directory.
 
-FROM node:22.23.1-alpine
-
-ENV NPM_CONFIG_PREFIX=/home/node/.npm-global
-ENV PATH=$PATH:/home/node/.npm-global/bin
+FROM oven/bun:1.3.11-alpine
 
 WORKDIR /home/node
-COPY package.json .
-COPY yarn.lock .
-RUN apk add git
-RUN npm install -g yarn
+
+RUN apk add --no-cache git
+
 COPY . .
-RUN yarn install
-RUN yarn build
+RUN bun install --frozen-lockfile
+RUN bun run build
+
+CMD ["bun", "."]

app.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>ReactMap</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/app/main.tsx"></script>
+  </body>
+</html>

app/App.tsx

@@ -0,0 +1,7 @@
+export function App() {
+  return (
+    <main className="grid min-h-dvh place-items-center bg-white font-sans">
+      <p className="text-lg text-neutral-500">ReactMap 2.0</p>
+    </main>
+  )
+}

app/build.test.ts

@@ -0,0 +1,45 @@
+import { expect, test } from 'bun:test'
+import { resolve } from 'path'
+
+// Asserting on the Vite config rather than dist/ artifacts: CI runs the
+// test step before the build step (fresh checkout, no dist/), so a test
+// that stats dist/index.html and dist/app.html would fail red in CI even
+// on a correct build. The build itself is still proven end to end by the
+// CI Build step, which fails if either entry breaks.
+async function loadRollupInput() {
+  const viteConfigModule = require('../vite.config.js')
+  const resolved =
+    typeof viteConfigModule === 'function'
+      ? viteConfigModule
+      : viteConfigModule.default
+  const config = await resolved({ mode: 'production', command: 'build' })
+  return config.build.rollupOptions.input as Record<string, string>
+}
+
+test('the vite config keeps the 1.0 entry', async () => {
+  const input = await loadRollupInput()
+  expect(input.main).toContain('index.html')
+})
+
+test('the vite config adds the 2.0 entry', async () => {
+  const input = await loadRollupInput()
+  expect(input.app).toContain('app.html')
+})
+
+test('the app entry CSS gets its own chunk, separate from the 1.0 CSS', async () => {
+  const viteConfigModule = require('../vite.config.js')
+  const resolved =
+    typeof viteConfigModule === 'function'
+      ? viteConfigModule
+      : viteConfigModule.default
+  const config = await resolved({ mode: 'production', command: 'build' })
+  const { manualChunks } = config.build.rollupOptions.output
+  const appCssId = resolve(__dirname, '../app/styles.css')
+  const legacyCssId = resolve(__dirname, '../src/assets/css/main.css')
+
+  const appChunk = manualChunks(appCssId)
+  const legacyChunk = manualChunks(legacyCssId)
+
+  expect(appChunk).not.toBe(legacyChunk)
+  expect(legacyChunk).toBe('index')
+})