chore: migrate to bun (phase 1)

.github/workflows/build.yaml

@@ -49,7 +49,7 @@ jobs:
             -v $(pwd)/artifacts:/app/artifacts:delegated \
             -v /app/artifacts/node_modules \
             screenly-browser-extension:latest \
-            /bin/bash -c "npm run build && cp -r dist/ artifacts/"
+            /bin/bash -c "bun run build && cp -r dist/ artifacts/"
 
       - name: Compress
         run: |

.github/workflows/test.yaml

@@ -45,4 +45,4 @@ jobs:
             -v $(pwd):/app:delegated \
             -v /app/node_modules \
             screenly-browser-extension:latest \
-            /bin/bash -c "npx webpack --config webpack.dev.js && npm run test"
+            /bin/bash -c "bunx webpack --config webpack.dev.js && bun run test"

Dockerfile

@@ -1,11 +1,11 @@
-FROM node:22
+FROM oven/bun:1.4.0
 
 WORKDIR /app
 RUN mkdir -p /output
 RUN chmod -R 777 /output
 
 ADD package.json /app/package.json
-ADD package-lock.json /app/package-lock.json
-RUN npm install --quiet
+ADD bun.lock /app/bun.lock
+RUN bun install
 
 ADD . /app

bin/package_extension.sh

@@ -17,6 +17,6 @@ docker run \
     -v $(pwd):/app:delegated \
     -v /app/node_modules \
     screenly-browser-extension:latest \
-    /bin/bash -c "npx webpack --config webpack.prod.js"
+    /bin/bash -c "bunx webpack --config webpack.prod.js"
 
 (cd dist && zip -r ../screenly-$PLATFORM-extension-$VERSION.zip *)

bin/run_eslint.sh

@@ -9,4 +9,4 @@ docker run \
     -v $(pwd):/app:delegated \
     -v /app/node_modules \
     screenly-browser-extension:latest \
-    npm run lint:check
+    bun run lint:check

bin/run_formatter.sh

@@ -16,4 +16,4 @@ docker run \
     -v $(pwd):/app:delegated \
     -v /app/node_modules \
     screenly-browser-extension:latest \
-    npm run format:${MODE}
+    bun run format:${MODE}

bin/run_tests.sh

@@ -17,5 +17,5 @@ docker run \
     -v $(pwd):/app:delegated \
     -v /app/node_modules \
     screenly-browser-extension:latest \
-    /bin/bash -c "npm test"
+    /bin/bash -c "bun run test"
 

docker-compose.yml

@@ -1,7 +1,7 @@
 services:
   browser-extension:
     build: .
-    command: npx webpack --watch --config webpack.dev.js
+    command: bunx webpack --watch --config webpack.dev.js
     image: screenly-browser-extension:latest
     volumes:
       - .:/app:delegated

eslint.config.mjs

@@ -12,22 +12,22 @@ const __dirname = path.dirname(__filename);
 const compat = new FlatCompat({
   baseDirectory: __dirname,
   recommendedConfig: js.configs.recommended,
-  allConfig: js.configs.all
+  allConfig: js.configs.all,
 });
 
 export default [
   ...compat.extends(
     'eslint:recommended',
     'plugin:react/recommended',
     'plugin:jasmine/recommended',
-    'plugin:@typescript-eslint/recommended'
   ),
+  ...tseslint.configs['flat/recommended'],
   {
     ignores: [
       'src/lib/vendor/',
       'node_modules/',
       'dist/',
-      'src/test/environment.js'
+      'src/test/environment.js',
     ],
   },
   {
@@ -66,8 +66,11 @@ export default [
     rules: {
       'react/prop-types': 'off',
       '@typescript-eslint/explicit-function-return-type': 'error',
-      '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        { argsIgnorePattern: '^_' },
+      ],
       'no-undef': 'error',
     },
-  }
+  },
 ];