ci: add CI workflow, ESLint, Prettier, package checks, and husky hooks

- GitHub Actions workflow: typecheck, lint, format check, tests, build,
  dist-drift check (dist/ is committed and installed straight from git),
  and package-shape validation on every PR and push to main.
- ESLint (typescript-eslint + react-hooks flat config); fixed the dead
  code it found (unused imports/vars). The new react-hooks compiler rules
  flag pre-existing deliberate patterns (refs in render, setState in
  stream effects) — kept as warnings for now.
- Prettier, following the repo .editorconfig (tabs, width 150); one-time
  reformat of the codebase. Generated files (skins, boot assets, dist)
  are ignored.
- publint + @arethetypeswrong/cli: fixed a real FalseCJS issue they
  caught — the exports map served ESM importers the CJS type
  declarations; now import/require each get matching types.
- husky pre-commit: lint-staged (eslint --fix + prettier on staged
  files), typecheck, tests, then rebuild dist and re-stage it so a
  commit can never ship src changes with a stale build. The prepare
  script is guarded (husky || true) so git-dependency installs of this
  package don't fail.

Claude-Session: https://claude.ai/code/session_01VtCcrdjXTnBUCLYv4HVo99

Author: gmegidish

.github/workflows/ci.yml

@@ -0,0 +1,37 @@
+name: CI
+
+on:
+        push:
+                branches: [main]
+        pull_request:
+
+jobs:
+        ci:
+                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 typecheck
+
+                        - run: npm run lint
+
+                        - run: npm run format:check
+
+                        - run: npm test
+
+                        - run: npm run build
+
+                        # dist/ is committed and installed straight from git — fail if the
+                        # committed build doesn't match what src/ actually produces.
+                        - name: Check dist is up to date
+                          run: git diff --exit-code dist/
+
+                        # Validate the published package shape (exports map, dual CJS/ESM types).
+                        - run: npm run check:package

.husky/pre-commit

@@ -0,0 +1,8 @@
+# Fast checks on staged files, then the full gate CI runs.
+npx lint-staged
+npm run typecheck
+npm test
+# dist/ is committed and consumed straight from git — rebuild and stage it so
+# a commit can never ship src changes with a stale build (CI verifies too).
+npm run build
+git add dist

.prettierignore

@@ -0,0 +1,7 @@
+dist/
+example/dist/
+package-lock.json
+src/skins/iosNinePatch.ts
+src/skins/androidNinePatch.ts
+src/skins/pixel9.ts
+src/skins/bootAssets.ts

.prettierrc

@@ -0,0 +1,3 @@
+{
+	"singleQuote": true
+}

README.md

@@ -16,13 +16,13 @@ Requires `react` and `react-dom` >= 18 as peer dependencies.
 import { DeviceView } from '@mobile-next/device-view';
 
 <DeviceView
-  serverUrl="wss://app.mobilenext.ai/ws"
-  token="mob_XXXX..."
-  deviceId="your-device-id"
-  onConnected={() => console.log('connected')}
-  onDisconnected={() => console.log('disconnected')}
-  onError={(err) => console.error(err)}
-/>
+	serverUrl="wss://app.mobilenext.ai/ws"
+	token="mob_XXXX..."
+	deviceId="your-device-id"
+	onConnected={() => console.log('connected')}
+	onDisconnected={() => console.log('disconnected')}
+	onError={(err) => console.error(err)}
+/>;
 ```
 
 The component fills its container, so give the parent element a size.

dist/index.d.mts

@@ -16,7 +16,7 @@ interface DeviceDescriptor {
     platform: DevicePlatform;
     type: DeviceType;
     version?: string;
-    state?: "online" | "offline";
+    state?: 'online' | 'offline';
 }
 interface ScreenSize {
     width: number;

dist/index.d.ts

@@ -16,7 +16,7 @@ interface DeviceDescriptor {
     platform: DevicePlatform;
     type: DeviceType;
     version?: string;
-    state?: "online" | "offline";
+    state?: 'online' | 'offline';
 }
 interface ScreenSize {
     width: number;