slaveofcode · slaveofcode · Jul 27, 2026 · Jul 26, 2026 · Jul 26, 2026 · Jul 26, 2026
diff --git a/.github/workflows/desktop-check.yml b/.github/workflows/desktop-check.yml
@@ -69,6 +69,16 @@ jobs:
           mkdir -p dist
           echo '<!doctype html><title>stub</title>' > dist/index.html
 
+      # externalBin ("bin/ffmpeg") is validated at compile time by tauri-build;
+      # an empty file is enough for `cargo check` — we never execute it here.
+      - name: Stub ffmpeg sidecar
+        shell: bash
+        run: |
+          mkdir -p src-tauri/bin
+          TRIPLE=$(rustc -vV | sed -n 's/host: //p')
+          EXT=""; [ "${{ runner.os }}" = "Windows" ] && EXT=".exe"
+          : > "src-tauri/bin/ffmpeg-${TRIPLE}${EXT}"
+
       - name: cargo check (all targets)
         working-directory: src-tauri
         run: cargo check --all-targets
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,17 @@
 
 All notable changes to GoodWebTools are documented here.
 
+## [1.0.0-beta.3] — 2026-07-27
+
+### Added
+- Desktop app now **bundles FFmpeg**, so screen recording with audio works without a separate system FFmpeg install.
+
+### Fixed
+- **Unix Timestamp Converter** now detects and converts microsecond (16-digit) and nanosecond (19-digit) values instead of failing with a parse error.
+
+### Changed
+- Internal: resolved all source-code lint warnings (no behavior change).
+
 ## [1.0.0-beta.2] — 2026-07-27
 
 ### Fixed

diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "goodwebtools"
-version = "1.0.0-beta.1"
+version = "1.0.0-beta.3"
 description = "Privacy-first client-side tools"
 authors = ["Kresna <kresnapmn@gmail.com>"]
 edition = "2021"

diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
@@ -1,10 +1,11 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "GoodWebTools",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.3",
   "identifier": "com.goodwebtools.app",
   "build": {
-    "beforeBuildCommand": "npm run build",
+    "beforeDevCommand": "npm run download:ffmpeg",
+    "beforeBuildCommand": "npm run download:ffmpeg && npm run build",
     "frontendDist": "../dist",
     "devUrl": "http://localhost:4321"
   },
@@ -78,6 +79,7 @@
   "bundle": {
     "active": true,
     "createUpdaterArtifacts": true,
+    "externalBin": ["bin/ffmpeg"],
     "targets": ["nsis", "app", "dmg", "deb"],
     "resources": [],
     "category": "Utility",

diff --git a/src/islands/ToolHost.tsx b/src/islands/ToolHost.tsx
@@ -48,10 +48,12 @@
 export default function ToolHost({ toolId }: ToolHostProps) {
   const tool = getToolById(toolId);
 
+  // `tool` is a stable registry reference derived from `toolId`, so keying on
+  // both is equivalent to keying on `toolId` alone — and satisfies the linter.
   const LazyTool = useMemo(() => {
     if (!tool) return null;
     return lazy(tool.load);
-  }, [toolId]);
+  }, [toolId, tool]);
 
   if (!tool || !LazyTool) {
     return <div className="py-12 text-center text-muted-foreground">Tool not found.</div>;

diff --git a/src/islands/dev/HotkeyTest.tsx b/src/islands/dev/HotkeyTest.tsx
@@ -29,7 +29,7 @@ export default function HotkeyTest() {
   const registerTestHotkey = async (keys: string, description: string) => {
     setError(null);
     try {
-      const id = await hotkeyService.register(
+      await hotkeyService.register(
         keys,
         () => {
           setLastTriggered(`${description} (${keys})`);

diff --git a/src/islands/dev/JsonCompare.tsx b/src/islands/dev/JsonCompare.tsx
@@ -4,7 +4,7 @@
 import { CheckCircle2, XCircle } from 'lucide-react';

 // Deep equality check ignoring object property order
 function deepEqual(a: any, b: any, ignoreArrayOrder: boolean = true): boolean {
  if (a === b) return true;

  if (a == null || b == null) return a === b;
@@ -45,7 +45,7 @@
 }

 // Find differences between two objects
 function findDifferences(a: any, b: any, ignoreArrayOrder: boolean = true, path: string = ''): string[] {
  const diffs: string[] = [];

  if (a === b) return diffs;
@@ -68,7 +68,7 @@
    if (ignoreArrayOrder) {
      // Find unmatched elements (order-independent comparison)
      const bCopy = [...b];
      const unmatchedA: any[] = [];

      for (let i = 0; i < a.length; i++) {
        const matchIdx = bCopy.findIndex(bVal => deepEqual(a[i], bVal, ignoreArrayOrder));
@@ -129,8 +129,8 @@
 export default function JsonCompare() {
  const [leftJson, setLeftJson] = useState('');
  const [rightJson, setRightJson] = useState('');
  const [leftParsed, setLeftParsed] = useState<any>(null);
  const [rightParsed, setRightParsed] = useState<any>(null);
  const [leftError, setLeftError] = useState('');
  const [rightError, setRightError] = useState('');
  const [isEqual, setIsEqual] = useState<boolean | null>(null);
@@ -149,7 +149,7 @@
      return;
    }

    let parsedLeft: any = null;
    let parsedRight: any = null;

    // Parse left
@@ -195,11 +195,13 @@
     parseAndCompare(leftJson, value);
   };
 
-  // Re-compare when ignoreArrayOrder changes
+  // Re-compare only when ignoreArrayOrder toggles; edits to left/right already
+  // trigger a compare via their change handlers, so they're intentionally omitted.
   useEffect(() => {
     if (leftJson.trim() && rightJson.trim()) {
       parseAndCompare(leftJson, rightJson);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [ignoreArrayOrder]);
 
   return (

diff --git a/src/islands/dev/PasswordGen.tsx b/src/islands/dev/PasswordGen.tsx
@@ -37,7 +37,6 @@ export default function PasswordGen() {
   // Regenerate whenever any option changes.
   useEffect(() => {
     setPassword(generatePassword({ length, enabled, avoidAmbiguous, minNumbers, minSpecial }));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [length, enabled, avoidAmbiguous, minNumbers, minSpecial]);
 
   const clampMin = (value: number) => setMinLength(Math.min(Math.max(value || 1, 1), maxLength));

diff --git a/src/islands/dev/Timestamp.tsx b/src/islands/dev/Timestamp.tsx
@@ -6,6 +6,7 @@ import { Alert } from '@/components/ui/Alert';
 import {
   describeDate,
   parseTimestamp,
+  detectNumericUnit,
   formatInTimeZone,
   listTimeZones,
   getLocalTimeZone,
@@ -19,6 +20,7 @@ export default function Timestamp() {
   const [date, setDate] = useState<Date | null>(null);
   const [timeZone, setTimeZone] = useState(() => getLocalTimeZone());
   const [error, setError] = useState('');
+  const [detectedUnit, setDetectedUnit] = useState('');
   const [pickerValue, setPickerValue] = useState('');
   const [pickerZone, setPickerZone] = useState<'local' | 'utc'>('local');
 
@@ -27,6 +29,7 @@ export default function Timestamp() {
     setPickerValue(value);
     setPickerZone(zone);
     setError('');
+    setDetectedUnit('');
     if (!value) return;
     const parsed = parseDateTimeLocal(value, zone);
     if (parsed) setDate(parsed);
@@ -35,6 +38,7 @@ export default function Timestamp() {
   const convert = () => {
     setError('');
     setDate(null);
+    setDetectedUnit('');
     const trimmed = input.trim();
     if (!trimmed) return;
     const parsed = parseTimestamp(trimmed);
@@ -43,10 +47,13 @@ export default function Timestamp() {
       return;
     }
     setDate(parsed);
+    // Surface how an all-digits value was interpreted (seconds/ms/µs/ns).
+    if (/^\d+$/.test(trimmed)) setDetectedUnit(detectNumericUnit(trimmed));
   };
 
   const now = () => {
     setError('');
+    setDetectedUnit('');
     setDate(new Date());
   };
 
@@ -69,7 +76,7 @@ export default function Timestamp() {
         label="Unix timestamp or date string"
         value={input}
         onChange={e => setInput(e.target.value)}
-        placeholder="1720000000  ·  2026-07-12  ·  Jul 12 2026 10:00"
+        placeholder="1720000000 (s · ms · µs · ns)  ·  2026-07-12  ·  Jul 12 2026 10:00"
         rows={2}
       />
 
@@ -113,13 +120,20 @@ export default function Timestamp() {
           </div>
         </div>
 
-        <Button variant="ghost" onClick={() => { setInput(''); setDate(null); setError(''); setPickerValue(''); }}>
+        <Button variant="ghost" onClick={() => { setInput(''); setDate(null); setError(''); setDetectedUnit(''); setPickerValue(''); }}>
           Clear
         </Button>
       </div>
 
       {error && <Alert variant="error">{error}</Alert>}
 
+      {detectedUnit && (
+        <p className="text-sm text-muted-foreground">
+          Detected numeric input as{' '}
+          <span className="font-bold text-foreground">Unix {detectedUnit}</span>.
+        </p>
+      )}
+
       {date && (
         <>
           <label className="flex flex-wrap items-center gap-2 text-sm">

diff --git a/src/islands/draw/Whiteboard.tsx b/src/islands/draw/Whiteboard.tsx
@@ -113,7 +113,6 @@ export default function Whiteboard() {
       window.removeEventListener('pagehide', flushSave);
       window.removeEventListener('beforeunload', onBeforeUnload);
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   useEffect(() => {

diff --git a/src/islands/image/ImageAnnotate.tsx b/src/islands/image/ImageAnnotate.tsx
@@ -478,7 +478,6 @@ export default function ImageAnnotate() {
     takePendingImage().then(pending => {
       if (pending) onDrop([new File([pending.blob], pending.name, { type: pending.blob.type })]);
     });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const pointer = (e: { clientX: number; clientY: number }) => {
@@ -759,7 +758,6 @@ export default function ImageAnnotate() {
     window.addEventListener('keydown', onKey);
     return () => window.removeEventListener('keydown', onKey);
     // undo/redo use functional state updaters, so a stable listener is fine.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [textEdit]);
 
   const toPngBlob = async (): Promise<Blob> => {

diff --git a/src/islands/image/ObjectRemove.tsx b/src/islands/image/ObjectRemove.tsx
@@ -78,7 +78,7 @@ export default function ObjectRemove() {
 
   usePasteImage(f => onDrop([f]));
 
-  useEffect(() => { if (ready) redraw(); /* eslint-disable-next-line */ }, [ready]);
+  useEffect(() => { if (ready) redraw(); }, [ready]);
 
   const pointer = (e: React.PointerEvent) => {
     const c = viewRef.current!;

diff --git a/src/islands/playground/CodeScratchpad.tsx b/src/islands/playground/CodeScratchpad.tsx
@@ -4,7 +4,6 @@ import { Button } from '@/components/ui/Button';
 import MonacoEditor from './MonacoEditor';
 import { extensionToLanguage } from '@/tools/playground/language.lib';
 import { loadFiles, saveFiles, type ScratchFile } from '@/tools/playground/scratchpad.store';
-import { downloadService } from '@/services/download';
 import { fileService } from '@/services/file';
 import { clipboardService } from '@/services/clipboard';
 

diff --git a/src/services/file.service.ts b/src/services/file.service.ts
@@ -14,7 +14,7 @@ export class FileService {
     return Array.from(source);
   }
 
-  async getFileHandle(file: File): Promise<FileSystemFileHandle | null> {
+  async getFileHandle(_file: File): Promise<FileSystemFileHandle | null> {
     // File System Access API - may not be available
     if (!('showOpenFilePicker' in window)) {
       return null;

diff --git a/src/services/platform/index.ts b/src/services/platform/index.ts
@@ -20,7 +20,7 @@ export function getPlatform(): Platform {
 export function getArchitecture(): Architecture {
   if (typeof window === 'undefined') return 'unknown';
 
-  // @ts-ignore - navigator.userAgentData is experimental
+  // @ts-expect-error - navigator.userAgentData is experimental
   const uaData = navigator.userAgentData;
 
   if (uaData && uaData.platform) {

diff --git a/src/stores/worker.store.ts b/src/stores/worker.store.ts
@@ -14,6 +14,6 @@ export function setProgress(id: string, label: string, percent: number): void {
 
 export function removeProgress(id: string): void {
   const current = progressMap.get();
-  const { [id]: removed, ...rest } = current;
+  const { [id]: _removed, ...rest } = current;
   progressMap.set(rest);
 }
diff --git a/src/tools/dev/timestamp.lib.test.ts b/src/tools/dev/timestamp.lib.test.ts
@@ -2,6 +2,7 @@ import { describe, it, expect } from 'vitest';
 import {
   describeDate,
   parseTimestamp,
+  detectNumericUnit,
   formatInTimeZone,
   listTimeZones,
   getLocalTimeZone,
@@ -21,6 +22,24 @@ describe('parseTimestamp', () => {
     expect(date!.getTime()).toBe(1700000000000);
   });
 
+  it('parses a 16-digit numeric string as Unix microseconds', () => {
+    const date = parseTimestamp('1700000000000000');
+    expect(date).not.toBeNull();
+    expect(date!.getTime()).toBe(1700000000000);
+  });
+
+  it('parses a 19-digit numeric string as Unix nanoseconds', () => {
+    const date = parseTimestamp('1700000000000000000');
+    expect(date).not.toBeNull();
+    expect(date!.getTime()).toBe(1700000000000);
+  });
+
+  it('parses the reported 19-digit nanosecond value instead of erroring', () => {
+    const date = parseTimestamp('1784694237438743460');
+    expect(date).not.toBeNull();
+    expect(date!.getUTCFullYear()).toBe(2026);
+  });
+
   it('parses an ISO date string', () => {
     const date = parseTimestamp('2026-07-12');
     expect(date).not.toBeNull();
@@ -32,6 +51,15 @@ describe('parseTimestamp', () => {
   });
 });
 
+describe('detectNumericUnit', () => {
+  it('maps digit length to the epoch unit', () => {
+    expect(detectNumericUnit('1700000000')).toBe('seconds'); // 10
+    expect(detectNumericUnit('1700000000000')).toBe('milliseconds'); // 13
+    expect(detectNumericUnit('1700000000000000')).toBe('microseconds'); // 16
+    expect(detectNumericUnit('1784694237438743460')).toBe('nanoseconds'); // 19
+  });
+});
+
 describe('describeDate', () => {
   it('describes the Unix epoch', () => {
     const result = describeDate(new Date(0));

diff --git a/src/tools/dev/timestamp.lib.ts b/src/tools/dev/timestamp.lib.ts
@@ -69,13 +69,40 @@ export function listTimeZones(): string[] {
   return ['UTC', ...zones.filter(zone => zone !== 'UTC')];
 }
 
+export type NumericUnit = 'seconds' | 'milliseconds' | 'microseconds' | 'nanoseconds';
+
+/** Convert a numeric epoch value in the given unit to milliseconds. */
+const TO_MILLIS: Record<NumericUnit, (n: number) => number> = {
+  seconds: n => n * 1000,
+  milliseconds: n => n,
+  microseconds: n => n / 1e3,
+  nanoseconds: n => n / 1e6,
+};
+
+/**
+ * Infer the epoch unit of an all-digits timestamp from its length. Tuned so
+ * present-day values land on the right unit: ~10 digits = seconds,
+ * ~13 = milliseconds, ~16 = microseconds, ~19 = nanoseconds. The seconds/millis
+ * cutoffs (≤10, ≤13) match the tool's original behavior.
+ */
+export function detectNumericUnit(digits: string): NumericUnit {
+  const len = digits.length;
+  if (len <= 10) return 'seconds';
+  if (len <= 13) return 'milliseconds';
+  if (len <= 16) return 'microseconds';
+  return 'nanoseconds';
+}
+
 export function parseTimestamp(input: string): Date | null {
   const trimmed = input.trim();
   let date: Date;
   if (/^\d+$/.test(trimmed)) {
-    // Numeric: treat 10-digit as seconds, 13-digit as milliseconds.
-    const num = Number(trimmed);
-    date = new Date(trimmed.length <= 10 ? num * 1000 : num);
+    // Numeric epoch value: infer the unit (s/ms/µs/ns) from its digit length
+    // and convert to milliseconds for the Date constructor. This lets us accept
+    // high-resolution timestamps (e.g. 19-digit nanoseconds) that would blow
+    // past Date's range if naively treated as milliseconds.
+    const millis = TO_MILLIS[detectNumericUnit(trimmed)](Number(trimmed));
+    date = new Date(millis);
   } else {
     date = new Date(trimmed);
   }