Fix loadFile bugs, add CI, lint, tests on Vitest, split ImageTool

.github/workflows/ci.yml

@@ -0,0 +1,22 @@
+name: CI
+
+on:
+  pull_request:
+  push:
+    branches: [master]
+
+jobs:
+  check:
+    name: check
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: npm
+      - run: npm ci
+      - run: npm run lint
+      - run: npm run format:check
+      - run: npm run check
+      - run: npm run build

.nvmrc

@@ -0,0 +1 @@
+22

.oxlintrc.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "plugins": ["typescript", "react", "jsx-a11y"],
+  "categories": { "correctness": "error" },
+  "rules": {
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn"
+  },
+  "ignorePatterns": ["dist", "node_modules", "public"]
+}

.prettierignore

@@ -0,0 +1,5 @@
+dist
+node_modules
+package-lock.json
+public
+.claude

.prettierrc.json

@@ -0,0 +1,3 @@
+{
+  "printWidth": 100
+}

README.md

@@ -13,10 +13,14 @@ Everything, including the JPEG encoder, the gain-map container and the ICC profi
 from scratch in TypeScript and runs in a Web Worker. Nothing is uploaded anywhere.
 
     npm install
-    npm run dev        # http://localhost:5173
+    npm run dev        # http://localhost:5180
     npm run dev:lan    # same, reachable from a phone on your Wi-Fi
-    npm run check      # checks the image modules in Node, no browser needed
-    npm run build       # production build in dist/
+    npm run check      # tests for the image modules (Vitest, no browser needed)
+    npm run lint       # oxlint
+    npm run format     # Prettier (format:check only verifies)
+    npm run build      # type check + production build in dist/
+
+CI runs lint, format:check, check and build on every pull request. Node 22 (see `.nvmrc`).
 
 Check on an HDR screen (Chrome 137+, Safari 26 / iOS 26): the glowing parts should look brighter
 than white. On other screens and browsers the files still look like normal pictures.

index.html

@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="viewport" content="width=device-width" />
     <meta name="color-scheme" content="dark" />
     <meta name="theme-color" content="#060919" />
     <meta
@@ -34,6 +34,7 @@
     />
     <meta name="twitter:image" content="https://glow.bereg.dev/og-image.png" />
   </head>
+
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>