@velor/remote-mouse 6.4.8

package/public/sw.js

@@ -0,0 +1,103 @@
+const CACHE_NAME = 'remote-mouse-shell-v4';
+const SHELL_ASSETS = [
+  '/',
+  '/styles.css?v=20260404a',
+  '/favicon.svg',
+  '/icon-192.png',
+  '/icon-512.png',
+  '/apple-touch-icon.png',
+  '/manifest.webmanifest',
+  '/client/ui/main/page.js?v=20260404a',
+];
+
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    (async () => {
+      try {
+        const cache = await caches.open(CACHE_NAME);
+        await cache.addAll(SHELL_ASSETS);
+      } catch (_error) {}
+    })(),
+  );
+  self.skipWaiting();
+});
+
+self.addEventListener('activate', (event) => {
+  event.waitUntil(
+    (async () => {
+      const keys = await caches.keys();
+      await Promise.all(
+        keys
+          .filter((key) => key !== CACHE_NAME)
+          .map((key) => caches.delete(key)),
+      );
+    })(),
+  );
+  self.clients.claim();
+});
+
+self.addEventListener('fetch', (event) => {
+  const request = event.request;
+  if (request.method !== 'GET') {
+    return;
+  }
+
+  const url = new URL(request.url);
+  if (url.origin !== self.location.origin) {
+    return;
+  }
+  if (url.pathname.startsWith('/socket.io/')) {
+    return;
+  }
+
+  if (request.mode === 'navigate') {
+    event.respondWith(
+      fetch(request).catch(() => caches.match('/')),
+    );
+    return;
+  }
+
+  if (
+    request.destination === 'script'
+    || request.destination === 'style'
+    || url.pathname.startsWith('/client/')
+  ) {
+    event.respondWith(
+      (async () => {
+        try {
+          const response = await fetch(request);
+          const responseClone = response.clone();
+          void (async () => {
+            try {
+              const cache = await caches.open(CACHE_NAME);
+              await cache.put(request, responseClone);
+            } catch (_error) {}
+          })();
+          return response;
+        } catch (_error) {
+          return caches.match(request);
+        }
+      })(),
+    );
+    return;
+  }
+
+  event.respondWith(
+    (async () => {
+      const cached = await caches.match(request);
+      if (cached) {
+        return cached;
+      }
+
+      const response = await fetch(request);
+      const responseClone = response.clone();
+      void (async () => {
+        try {
+          const cache = await caches.open(CACHE_NAME);
+          await cache.put(request, responseClone);
+        } catch (_error) {}
+      })();
+      return response;
+    })(),
+  );
+});

package/scripts/codex-commit.sh

@@ -0,0 +1,112 @@
+#!/usr/bin/env bash
+
+set -euo pipefail
+
+ROOT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
+cd "$ROOT_DIR"
+
+if ! command -v codex >/dev/null 2>&1; then
+  echo "codex introuvable dans le PATH." >&2
+  exit 1
+fi
+
+if ! command -v jq >/dev/null 2>&1; then
+  echo "jq est requis." >&2
+  exit 1
+fi
+
+if ! git rev-parse --is-inside-work-tree >/dev/null 2>&1; then
+  echo "Ce script doit etre lance dans un depot git." >&2
+  exit 1
+fi
+
+if [[ -n "$(git status --porcelain)" ]]; then
+  :
+else
+  echo "Aucune modification detectee." >&2
+  exit 1
+fi
+
+SCHEMA_FILE="$(mktemp)"
+OUTPUT_FILE="$(mktemp)"
+trap 'rm -f "$SCHEMA_FILE" "$OUTPUT_FILE"' EXIT
+SKILL_FILE="$ROOT_DIR/.codex/skills/codex-commit/SKILL.md"
+
+cat > "$SCHEMA_FILE" <<'EOF'
+{
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["bump", "message"],
+  "properties": {
+    "bump": {
+      "type": "string",
+      "enum": ["patch", "minor", "major"]
+    },
+    "message": {
+      "type": "string",
+      "minLength": 1
+    }
+  }
+}
+EOF
+
+if [[ -f "$SKILL_FILE" ]]; then
+  PROMPT="$(cat <<'EOF'
+Utilise la skill `codex-commit` disponible dans le depot courant.
+
+Analyse le depot git courant et determine:
+- le niveau de version semver a appliquer dans package.json parmi patch, minor, major
+- un message de commit git court, clair, en francais
+
+Contraintes de sortie:
+- reponds uniquement avec l'objet JSON conforme au schema
+- le message doit etre en une seule ligne, sans backticks, sans prefixe de type obligatoire
+EOF
+)"
+else
+  PROMPT="$(cat <<'EOF'
+Analyse le depot git courant et determine:
+- le niveau de version semver a appliquer dans package.json parmi patch, minor, major
+- un message de commit git court, clair, en francais
+
+Regles:
+- major si breaking change observable
+- minor si ajout de fonctionnalite utilisateur ou nouvelle capacite notable
+- patch pour correctif, refactor, test, docs, chore ou petit ajustement
+- reponds uniquement avec l'objet JSON conforme au schema
+- le message doit etre en une seule ligne, sans backticks, sans prefixe de type obligatoire
+EOF
+)"
+fi
+
+codex exec \
+  --full-auto \
+  --skip-git-repo-check \
+  --output-schema "$SCHEMA_FILE" \
+  --output-last-message "$OUTPUT_FILE" \
+  --color never \
+  -C "$ROOT_DIR" \
+  "$PROMPT" >/dev/null
+
+DECISION_JSON="$(cat "$OUTPUT_FILE")"
+BUMP_TYPE="$(printf '%s' "$DECISION_JSON" | jq -r '.bump')"
+COMMIT_MESSAGE="$(printf '%s' "$DECISION_JSON" | jq -r '.message')"
+
+if [[ -z "$BUMP_TYPE" || "$BUMP_TYPE" == "null" ]]; then
+  echo "Codex n'a pas retourne de bump valide." >&2
+  exit 1
+fi
+
+if [[ -z "$COMMIT_MESSAGE" || "$COMMIT_MESSAGE" == "null" ]]; then
+  echo "Codex n'a pas retourne de message de commit valide." >&2
+  exit 1
+fi
+
+echo "Bump decide par Codex: $BUMP_TYPE"
+echo "Message decide par Codex: $COMMIT_MESSAGE"
+
+npm version "$BUMP_TYPE" --no-git-tag-version
+git add -A
+git commit -m "$COMMIT_MESSAGE"
+
+echo "Commit cree avec succes."

package/scripts/generate-mobile-screenshots.mjs

@@ -0,0 +1,244 @@
+#!/usr/bin/env node
+
+import {spawn} from 'node:child_process';
+import fs from 'node:fs/promises';
+import os from 'node:os';
+import path from 'node:path';
+import {fileURLToPath} from 'node:url';
+import {chromium, devices} from '@playwright/test';
+
+const scriptDir = path.dirname(fileURLToPath(import.meta.url));
+const projectRoot = path.resolve(scriptDir, '..');
+const outputDir = path.resolve(projectRoot, '.artifacts', 'screenshots');
+const port = Number(process.env.MOBILE_SCREENSHOT_PORT || process.env.PORT || 3211);
+const baseUrl = String(process.env.MOBILE_SCREENSHOT_BASE_URL || `http://127.0.0.1:${port}`).replace(/\/$/, '');
+const locale = String(process.env.MOBILE_SCREENSHOT_LOCALE || 'en');
+const device = devices['iPhone 14 Pro'];
+const stableScreenshotCss = [
+  '*,*::before,*::after{',
+  'animation-duration:0s!important;',
+  'animation-delay:0s!important;',
+  'transition-duration:0s!important;',
+  'scroll-behavior:auto!important;',
+  '}',
+].join('');
+
+const screenshots = [
+  {
+    path: '/',
+    readySelector: '#touchpad',
+    fileName: 'remote-mobile-home.png',
+  },
+  {
+    path: '/',
+    readySelector: '#vlc-controls',
+    fileName: 'remote-mobile-vlc.png',
+    beforeCapture: async (page) => {
+      await page.evaluate(() => {
+        const remoteStack = document.querySelector('#remote-stack');
+        const vlcPanel = document.querySelector('#vlc-controls');
+        const vlcToggle = vlcPanel?.querySelector('.remote-panel-toggle');
+        vlcPanel.hidden = false;
+        vlcToggle?.click();
+
+        if (remoteStack && vlcPanel) {
+          remoteStack.prepend(vlcPanel);
+        }
+
+        document.querySelector('#vlc-controls')?.scrollIntoView({
+          block: 'start',
+          inline: 'nearest',
+        });
+      });
+    },
+  },
+  {
+    path: '/ui/admin/preferences',
+    readySelector: '[data-theme-switcher]',
+    fileName: 'remote-mobile-preferences.png',
+  },
+  {
+    path: '/ui/admin/config',
+    readySelector: '#config-form',
+    fileName: 'remote-mobile-config.png',
+  },
+  {
+    path: '/ui/admin/server-info',
+    readySelector: '#capabilities',
+    fileName: 'remote-mobile-server-info.png',
+  },
+];
+
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+async function isServerHealthy() {
+  try {
+    const response = await fetch(`${baseUrl}/health`, {signal: AbortSignal.timeout(1000)});
+    return response.ok;
+  } catch {
+    return false;
+  }
+}
+
+async function waitForServer(serverProcess) {
+  const startedAt = Date.now();
+  while (Date.now() - startedAt < 30_000) {
+    if (await isServerHealthy()) {
+      return;
+    }
+    if (serverProcess.exitCode !== null) {
+      const details = serverProcess.stderrOutput ? `\n${serverProcess.stderrOutput.trim()}` : '';
+      throw new Error(`Server exited before becoming healthy with code ${serverProcess.exitCode}.${details}`);
+    }
+    await sleep(250);
+  }
+  const details = serverProcess.stderrOutput ? `\n${serverProcess.stderrOutput.trim()}` : '';
+  throw new Error(`Timed out waiting for ${baseUrl}/health.${details}`);
+}
+
+function startServer() {
+  const databasePath = path.join(os.tmpdir(), `remote-mouse-screenshots-${process.pid}.sqlite`);
+  const serverProcess = spawn(process.execPath, ['index.js'], {
+    cwd: projectRoot,
+    env: {
+      ...process.env,
+      PORT: String(port),
+      SERVER_HOST: '127.0.0.1',
+      PERSISTENCE_DB_PATH: databasePath,
+      LOG_LEVEL: process.env.LOG_LEVEL || 'fatal',
+    },
+    stdio: ['ignore', 'ignore', 'pipe'],
+  });
+  serverProcess.stderrOutput = '';
+  serverProcess.stderr.on('data', (chunk) => {
+    serverProcess.stderrOutput = `${serverProcess.stderrOutput}${chunk}`.slice(-4000);
+  });
+  return serverProcess;
+}
+
+async function stopServer(serverProcess) {
+  if (!serverProcess || serverProcess.exitCode !== null) {
+    return;
+  }
+
+  serverProcess.kill('SIGINT');
+  const stopped = await Promise.race([
+    new Promise((resolve) => serverProcess.once('exit', () => resolve(true))),
+    sleep(5000).then(() => false),
+  ]);
+
+  if (!stopped && serverProcess.exitCode === null) {
+    serverProcess.kill('SIGTERM');
+  }
+}
+
+async function captureScreenshots() {
+  await fs.mkdir(outputDir, {recursive: true});
+
+  const browser = await chromium.launch();
+  try {
+    const context = await browser.newContext({
+      ...device,
+      locale: locale === 'en' ? 'en-US' : locale,
+    });
+
+    await context.addInitScript(({selectedLocale, css}) => {
+      window.localStorage.setItem('remote-mouse.locale', selectedLocale);
+      window.addEventListener('DOMContentLoaded', () => {
+        const style = document.createElement('style');
+        style.textContent = css;
+        document.head.appendChild(style);
+      });
+    }, {
+      selectedLocale: locale,
+      css: stableScreenshotCss,
+    });
+
+    const page = await context.newPage();
+    page.setDefaultTimeout(15_000);
+    await page.route('**/api/admin/configs', async (route) => {
+      const response = await route.fetch();
+      const payload = await response.json();
+      const configs = Array.isArray(payload.configs) ? payload.configs.map((entry) => (
+        entry?.path === 'vlc.enabled' || entry?.id === 'vlc.enabled'
+          ? {...entry, value: true}
+          : entry
+      )) : payload.configs;
+
+      await route.fulfill({
+        response,
+        json: {
+          ...payload,
+          configs,
+          config: {
+            ...payload.config,
+            vlc: {
+              ...payload.config?.vlc,
+              enabled: true,
+            },
+          },
+        },
+      });
+    });
+    await page.route('**/api/admin/remotes', async (route) => {
+      const response = await route.fetch();
+      const payload = await response.json();
+      const remotes = Array.isArray(payload.remotes) ? [...payload.remotes] : [];
+      if (!remotes.some((remote) => remote?.id === 'vlc')) {
+        const insertAt = Math.max(0, remotes.findIndex((remote) => remote?.id === 'preview'));
+        remotes.splice(insertAt, 0, {
+          id: 'vlc',
+          labelKey: 'preferences.remote.vlc',
+          enabled: true,
+        });
+      }
+
+      await route.fulfill({
+        response,
+        json: {
+          ...payload,
+          remotes: remotes.map((remote) => (
+            remote?.id === 'vlc' ? {...remote, enabled: true} : remote
+          )),
+        },
+      });
+    });
+
+    for (const screenshot of screenshots) {
+      await page.goto(`${baseUrl}${screenshot.path}`, {
+        waitUntil: 'domcontentloaded',
+        timeout: 15_000,
+      });
+      await page.waitForSelector(screenshot.readySelector, {state: 'visible'});
+      await page.waitForFunction((expectedLocale) => (
+        document.documentElement.lang === expectedLocale
+      ), locale).catch(() => {});
+      await page.waitForTimeout(700);
+      if (screenshot.beforeCapture) {
+        await screenshot.beforeCapture(page);
+        await page.waitForTimeout(100);
+      }
+
+      const outputPath = path.join(outputDir, screenshot.fileName);
+      await page.screenshot({path: outputPath, fullPage: false});
+      console.log(`Generated ${path.relative(projectRoot, outputPath)}`);
+    }
+  } finally {
+    await browser.close();
+  }
+}
+
+let serverProcess = null;
+
+try {
+  if (!(await isServerHealthy())) {
+    serverProcess = startServer();
+    await waitForServer(serverProcess);
+  }
+
+  await captureScreenshots();
+} finally {
+  await stopServer(serverProcess);
+}