Use Bun for deps (#980)

* Use Bun for deps

* Oops, formatting

.github/workflows/ci.yml

@@ -72,20 +72,17 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v6
 
-      - name: Set up Node.js
-        uses: actions/setup-node@v6
-        with:
-          node-version: 22
-          cache: npm
+      - name: Set up Bun
+        uses: oven-sh/setup-bun@v2
 
       - name: Install JavaScript dependencies
-        run: npm ci
+        run: bun install --frozen-lockfile
 
       - name: Run Svelte type checks
-        run: npm run check:svelte
+        run: bun run check:svelte
 
       - name: Run Svelte formatting checks
-        run: npm run format:svelte:check
+        run: bun run format:svelte:check
 
   zeitwerk:
     runs-on: ubuntu-latest
@@ -128,14 +125,11 @@ jobs:
           ruby-version: .ruby-version
           bundler-cache: true
 
-      - name: Set up Node.js
-        uses: actions/setup-node@v6
-        with:
-          node-version: 22
-          cache: npm
+      - name: Set up Bun
+        uses: oven-sh/setup-bun@v2
 
       - name: Install JavaScript dependencies
-        run: npm ci
+        run: bun install --frozen-lockfile
 
       - name: Pre-build Vite assets for test
         run: bin/vite build

Dockerfile

@@ -42,7 +42,7 @@ FROM base AS build
 
 # Install packages needed to build gems
 RUN apt-get update -qq && \
-    apt-get install --no-install-recommends -y build-essential git pkg-config libpq-dev libyaml-dev nodejs npm && \
+    apt-get install --no-install-recommends -y build-essential git pkg-config libpq-dev libyaml-dev nodejs && \
     rm -rf /var/lib/apt/lists /var/cache/apt/archives
 
 # Install npm dependencies for Vite

app/javascript/components/CountryFlag.svelte

@@ -17,7 +17,9 @@
 
     const unicodeHex = normalizedCode
       .split("")
-      .map((char) => (0x1f1e6 + char.charCodeAt(0) - "A".charCodeAt(0)).toString(16))
+      .map((char) =>
+        (0x1f1e6 + char.charCodeAt(0) - "A".charCodeAt(0)).toString(16),
+      )
       .join("-");
 
     return `https://cdn.jsdelivr.net/gh/twitter/twemoji@latest/assets/svg/${unicodeHex}.svg`;
@@ -29,11 +31,5 @@
 </script>
 
 {#if src}
-  <img
-    {src}
-    {title}
-    {alt}
-    class={className}
-    loading="lazy"
-  />
+  <img {src} {title} {alt} class={className} loading="lazy" />
 {/if}

bin/setup

@@ -14,7 +14,7 @@ FileUtils.chdir APP_ROOT do
 
   puts "== Installing dependencies =="
   system("bundle check") || system!("bundle install")
-  system! "npm install"
+  system! "bun install"
 
   # puts "\n== Copying sample files =="
   # unless File.exist?("config/database.yml")

bun.lock

@@ -5,7 +5,6 @@
     "": {
       "dependencies": {
         "@fontsource-variable/spline-sans": "^5.2.8",
-        "@fontsource/inter": "^5.2.8",
         "@inertiajs/core": "file:vendor/inertia/packages/core",
         "@inertiajs/svelte": "file:vendor/inertia/packages/svelte",
         "@sveltejs/vite-plugin-svelte": "^6.2.4",
@@ -99,8 +98,6 @@
 
     "@fontsource-variable/spline-sans": ["@fontsource-variable/spline-sans@5.2.8", "", {}, "sha512-Cn4tVu+wTZpJoD9zHN1fio0bPXq/79qE9yvQmiUz09rBZTJntKYNpA5bawDeRtS07dTxueeAVJqVwKGb0TNheQ=="],
 
-    "@fontsource/inter": ["@fontsource/inter@5.2.8", "", {}, "sha512-P6r5WnJoKiNVV+zvW2xM13gNdFhAEpQ9dQJHt3naLvfg+LkF2ldgSLiF4T41lf1SQCM9QmkqPTn4TH568IRagg=="],
-
     "@inertiajs/core": ["@inertiajs/core@file:vendor/inertia/packages/core", { "dependencies": { "@jridgewell/trace-mapping": "^0.3.31", "@types/lodash-es": "^4.17.12", "laravel-precognition": "2.0.0-beta.0", "lodash-es": "^4.17.23" }, "peerDependencies": { "axios": "^1.13.2" }, "optionalPeers": ["axios"] }],
 
     "@inertiajs/svelte": ["@inertiajs/svelte@file:vendor/inertia/packages/svelte", { "dependencies": { "@inertiajs/core": "file:../core", "@types/lodash-es": "^4.17.12", "laravel-precognition": "2.0.0-beta.0", "lodash-es": "^4.17.23" }, "peerDependencies": { "svelte": "^5.0.0" } }],

package.json

@@ -2,14 +2,13 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "check": "npm run check:svelte && tsc -p tsconfig.node.json",
+    "check": "bun run check:svelte && tsc -p tsconfig.node.json",
     "check:svelte": "svelte-check --tsconfig ./tsconfig.svelte-check.json",
     "format:svelte": "prettier --write \"app/javascript/**/*.svelte\"",
     "format:svelte:check": "prettier --check \"app/javascript/**/*.svelte\""
   },
   "dependencies": {
     "@fontsource-variable/spline-sans": "^5.2.8",
-    "@fontsource/inter": "^5.2.8",
     "@inertiajs/core": "file:vendor/inertia/packages/core",
     "@inertiajs/svelte": "file:vendor/inertia/packages/svelte",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",