preact-missing-hooks 3.1.0 → 4.0.0

package/.husky/pre-commit

@@ -0,0 +1 @@
+npm run lint && npm run format

package/.husky/pre-push

@@ -0,0 +1 @@
+npm run test && npm run size

package/.prettierignore

@@ -0,0 +1,3 @@
+dist
+node_modules
+*.min.js

package/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "semi": true,
+  "singleQuote": false,
+  "tabWidth": 2,
+  "trailingComma": "es5"
+}

package/Readme.md

@@ -36,7 +36,7 @@ A lightweight, extendable collection of React-like hooks for Preact, including u
 - **`useWorkerNotifications`** — Listens to a Worker's messages and maintains state: running tasks, completed/failed counts, event history, average task duration, throughput per second, and queue size. Worker posts `task_start` / `task_end` / `task_fail` / `queue_size`; returns `progress` (default view of all active worker data) plus individual stats.
 - Fully TypeScript compatible
 - Bundled with Microbundle
-- Zero dependencies (except `preact`)
+- Zero dependencies (peer: `preact` or `react` — use `/react` for React)
 
 ---
 
@@ -46,22 +46,35 @@ A lightweight, extendable collection of React-like hooks for Preact, including u
 npm install preact-missing-hooks
 ```
 
+Ensure your app has either **preact** or **react** installed (the package uses whichever is present).
+
 ---
 
 ## Import options
 
-- **Main package** — Import from the package root:
-  ```ts
-  import { useThreadedWorker, useClipboard } from 'preact-missing-hooks'
-  ```
+Use the same import in Preact and React projects:
+
+```ts
+import { useThreadedWorker, useClipboard } from "preact-missing-hooks";
+```
+
+- **How it picks Preact vs React**
+  - **CommonJS / Node:** The package detects which of `preact` or `react` is installed and uses that build automatically.
+  - **ESM (Vite, Webpack, etc.):** Default is the Preact build. In a **React** app, add the `react` condition so the package resolves to the React build:
+    - **Vite:** `vite.config.ts` → `resolve: { conditions: ['react'] }`
+    - **Webpack:** `resolve.conditionNames` (or similar) to include `'react'`
+  - **Or** in React projects you can always import from the explicit entry: `preact-missing-hooks/react`.
+
 - **Subpath exports (tree-shakeable)** — Import a single hook:
+
   ```ts
-  import { useThreadedWorker } from 'preact-missing-hooks/useThreadedWorker'
-  import { useClipboard } from 'preact-missing-hooks/useClipboard'
-  import { useWebRTCIP } from 'preact-missing-hooks/useWebRTCIP'
-  import { useWasmCompute } from 'preact-missing-hooks/useWasmCompute'
-  import { useWorkerNotifications } from 'preact-missing-hooks/useWorkerNotifications'
+  import { useThreadedWorker } from "preact-missing-hooks/useThreadedWorker";
+  import { useClipboard } from "preact-missing-hooks/useClipboard";
+  import { useWebRTCIP } from "preact-missing-hooks/useWebRTCIP";
+  import { useWasmCompute } from "preact-missing-hooks/useWasmCompute";
+  import { useWorkerNotifications } from "preact-missing-hooks/useWorkerNotifications";
   ```
+
   All hooks are available: `useTransition`, `useMutationObserver`, `useEventBus`, `useWrappedChildren`, `usePreferredTheme`, `useNetworkState`, `useClipboard`, `useRageClick`, `useThreadedWorker`, `useIndexedDB`, `useWebRTCIP`, `useWasmCompute`, `useWorkerNotifications`.
 
 ---
@@ -71,22 +84,22 @@ npm install preact-missing-hooks
 ### `useTransition`
 
 ```tsx
-import { useTransition } from 'preact-missing-hooks'
+import { useTransition } from "preact-missing-hooks";
 
 function ExampleTransition() {
-  const [startTransition, isPending] = useTransition()
+  const [startTransition, isPending] = useTransition();
 
   const handleClick = () => {
     startTransition(() => {
       // perform an expensive update here
-    })
-  }
+    });
+  };
 
   return (
     <button onClick={handleClick} disabled={isPending}>
-      {isPending ? 'Loading...' : 'Click Me'}
+      {isPending ? "Loading..." : "Click Me"}
     </button>
-  )
+  );
 }
 ```
 
@@ -95,21 +108,21 @@ function ExampleTransition() {
 ### `useMutationObserver`
 
 ```tsx
-import { useRef } from 'preact/hooks'
-import { useMutationObserver } from 'preact-missing-hooks'
+import { useRef } from "preact/hooks";
+import { useMutationObserver } from "preact-missing-hooks";
 
 function ExampleMutation() {
-  const ref = useRef<HTMLDivElement>(null)
+  const ref = useRef<HTMLDivElement>(null);
 
   useMutationObserver(
     ref,
     (mutations) => {
-      console.log('Detected mutations:', mutations)
+      console.log("Detected mutations:", mutations);
     },
-    { childList: true, subtree: true },
-  )
+    { childList: true, subtree: true }
+  );
 
-  return <div ref={ref}>Observe this content</div>
+  return <div ref={ref}>Observe this content</div>;
 }
 ```
 
@@ -120,33 +133,33 @@ function ExampleMutation() {
 ```tsx
 // types.ts
 export type Events = {
-  notify: (message: string) => void
-}
+  notify: (message: string) => void;
+};
 
 // Sender.tsx
-import { useEventBus } from 'preact-missing-hooks'
-import type { Events } from './types'
+import { useEventBus } from "preact-missing-hooks";
+import type { Events } from "./types";
 
 function Sender() {
-  const { emit } = useEventBus<Events>()
-  return <button onClick={() => emit('notify', 'Hello World!')}>Send</button>
+  const { emit } = useEventBus<Events>();
+  return <button onClick={() => emit("notify", "Hello World!")}>Send</button>;
 }
 
 // Receiver.tsx
-import { useEventBus } from 'preact-missing-hooks'
-import { useState, useEffect } from 'preact/hooks'
-import type { Events } from './types'
+import { useEventBus } from "preact-missing-hooks";
+import { useState, useEffect } from "preact/hooks";
+import type { Events } from "./types";
 
 function Receiver() {
-  const [msg, setMsg] = useState<string>('')
-  const { on } = useEventBus<Events>()
+  const [msg, setMsg] = useState<string>("");
+  const { on } = useEventBus<Events>();
 
   useEffect(() => {
-    const unsubscribe = on('notify', setMsg)
-    return unsubscribe
-  }, [])
+    const unsubscribe = on("notify", setMsg);
+    return unsubscribe;
+  }, []);
 
-  return <div>Message: {msg}</div>
+  return <div>Message: {msg}</div>;
 }
 ```
 
@@ -155,19 +168,19 @@ function Receiver() {
 ### `useWrappedChildren`
 
 ```tsx
-import { useWrappedChildren } from 'preact-missing-hooks'
+import { useWrappedChildren } from "preact-missing-hooks";
 
 function ParentComponent({ children }) {
   // Inject common props into all children
   const injectProps = {
-    className: 'enhanced-child',
-    onClick: () => console.log('Child clicked!'),
-    style: { border: '1px solid #ccc' },
-  }
+    className: "enhanced-child",
+    onClick: () => console.log("Child clicked!"),
+    style: { border: "1px solid #ccc" },
+  };
 
-  const wrappedChildren = useWrappedChildren(children, injectProps)
+  const wrappedChildren = useWrappedChildren(children, injectProps);
 
-  return <div className="parent">{wrappedChildren}</div>
+  return <div className="parent">{wrappedChildren}</div>;
 }
 
 // Usage with preserve strategy (default - existing props are preserved)
@@ -175,21 +188,21 @@ function PreserveExample() {
   return (
     <ParentComponent>
       <button className="btn">Existing class preserved</button>
-      <span style={{ color: 'red' }}>Both styles applied</span>
+      <span style={{ color: "red" }}>Both styles applied</span>
     </ParentComponent>
-  )
+  );
 }
 
 // Usage with override strategy (injected props override existing ones)
 function OverrideExample() {
-  const injectProps = { className: 'new-class' }
+  const injectProps = { className: "new-class" };
   const children = (
     <button className="old-class">Class will be overridden</button>
-  )
+  );
 
-  const wrappedChildren = useWrappedChildren(children, injectProps, 'override')
+  const wrappedChildren = useWrappedChildren(children, injectProps, "override");
 
-  return <div>{wrappedChildren}</div>
+  return <div>{wrappedChildren}</div>;
 }
 ```
 
@@ -198,12 +211,12 @@ function OverrideExample() {
 ### `usePreferredTheme`
 
 ```tsx
-import { usePreferredTheme } from 'preact-missing-hooks'
+import { usePreferredTheme } from "preact-missing-hooks";
 
 function ThemeAwareComponent() {
-  const theme = usePreferredTheme() // 'light' | 'dark' | 'no-preference'
+  const theme = usePreferredTheme(); // 'light' | 'dark' | 'no-preference'
 
-  return <div data-theme={theme}>Your system prefers: {theme}</div>
+  return <div data-theme={theme}>Your system prefers: {theme}</div>;
 }
 ```
 
@@ -212,18 +225,18 @@ function ThemeAwareComponent() {
 ### `useNetworkState`
 
 ```tsx
-import { useNetworkState } from 'preact-missing-hooks'
+import { useNetworkState } from "preact-missing-hooks";
 
 function NetworkStatus() {
-  const { online, effectiveType, saveData } = useNetworkState()
+  const { online, effectiveType, saveData } = useNetworkState();
 
   return (
     <div>
-      Status: {online ? 'Online' : 'Offline'}
+      Status: {online ? "Online" : "Offline"}
       {effectiveType && ` (${effectiveType})`}
-      {saveData && ' — Reduced data mode enabled'}
+      {saveData && " — Reduced data mode enabled"}
     </div>
-  )
+  );
 }
 ```
 
@@ -232,34 +245,34 @@ function NetworkStatus() {
 ### `useClipboard`
 
 ```tsx
-import { useState } from 'preact/hooks'
-import { useClipboard } from 'preact-missing-hooks'
+import { useState } from "preact/hooks";
+import { useClipboard } from "preact-missing-hooks";
 
 function CopyButton() {
-  const { copy, copied, error } = useClipboard({ resetDelay: 2000 })
+  const { copy, copied, error } = useClipboard({ resetDelay: 2000 });
 
   return (
-    <button onClick={() => copy('Hello, World!')}>
-      {copied ? 'Copied!' : 'Copy'}
+    <button onClick={() => copy("Hello, World!")}>
+      {copied ? "Copied!" : "Copy"}
     </button>
-  )
+  );
 }
 
 function PasteInput() {
-  const [text, setText] = useState('')
-  const { paste } = useClipboard()
+  const [text, setText] = useState("");
+  const { paste } = useClipboard();
 
   const handlePaste = async () => {
-    const content = await paste()
-    setText(content)
-  }
+    const content = await paste();
+    setText(content);
+  };
 
   return (
     <div>
       <input value={text} onChange={(e) => setText(e.target.value)} />
       <button onClick={handlePaste}>Paste</button>
     </div>
-  )
+  );
 }
 ```
 
@@ -270,26 +283,26 @@ function PasteInput() {
 Detects rage clicks (multiple rapid clicks in the same area), e.g. when the UI is unresponsive. Report them to [Sentry](https://docs.sentry.io/product/issues/issue-details/replay-issues/rage-clicks/) or your error tracker to surface rage-click issues and lower rage-click-related support.
 
 ```tsx
-import { useRef } from 'preact/hooks'
-import { useRageClick } from 'preact-missing-hooks'
+import { useRef } from "preact/hooks";
+import { useRageClick } from "preact-missing-hooks";
 
 function SubmitButton() {
-  const ref = useRef<HTMLButtonElement>(null)
+  const ref = useRef<HTMLButtonElement>(null);
 
   useRageClick(ref, {
     onRageClick: ({ count, event }) => {
       // Report to Sentry (or your error tracker) to create rage-click issues
-      Sentry.captureMessage('Rage click detected', {
-        level: 'warning',
-        extra: { count, target: event.target, tag: 'rage_click' },
-      })
+      Sentry.captureMessage("Rage click detected", {
+        level: "warning",
+        extra: { count, target: event.target, tag: "rage_click" },
+      });
     },
     threshold: 5, // min clicks (default 5, Sentry-style)
     timeWindow: 1000, // ms (default 1000)
     distanceThreshold: 30, // px (default 30)
-  })
+  });
 
-  return <button ref={ref}>Submit</button>
+  return <button ref={ref}>Submit</button>;
 }
 ```
 
@@ -300,16 +313,16 @@ function SubmitButton() {
 Runs async work in a queue with **sequential** (one task at a time, by priority) or **parallel** (worker pool) execution. Lower priority number = higher priority; same priority is FIFO.
 
 ```tsx
-import { useThreadedWorker } from 'preact-missing-hooks'
+import { useThreadedWorker } from "preact-missing-hooks";
 
 // Sequential: one task at a time, sorted by priority
-const sequential = useThreadedWorker(fetchUser, { mode: 'sequential' })
+const sequential = useThreadedWorker(fetchUser, { mode: "sequential" });
 
 // Parallel: up to N tasks at once
 const parallel = useThreadedWorker(processItem, {
-  mode: 'parallel',
+  mode: "parallel",
   concurrency: 4,
-})
+});
 
 // API (same for both modes)
 const {
@@ -320,11 +333,11 @@ const {
   queueSize, // tasks queued + running
   clearQueue, // clear pending tasks (running continue)
   terminate, // clear queue and reject new run()
-} = sequential
+} = sequential;
 
 // Run with priority (1 = highest)
-await run({ userId: 1 }, { priority: 1 })
-await run({ userId: 2 }, { priority: 3 })
+await run({ userId: 1 }, { priority: 1 });
+await run({ userId: 2 }, { priority: 3 });
 ```
 
 ---
@@ -340,40 +353,40 @@ Production-ready IndexedDB hook: database initialization, table creation (with k
 **Database API:** `db.table(name)`, `db.hasTable(name)`, `db.transaction(storeNames, mode, callback, options?)`.
 
 ```tsx
-import { useIndexedDB } from 'preact-missing-hooks'
+import { useIndexedDB } from "preact-missing-hooks";
 
 function App() {
   const { db, isReady, error } = useIndexedDB({
-    name: 'my-app-db',
+    name: "my-app-db",
     version: 1,
     tables: {
-      users: { keyPath: 'id', autoIncrement: true, indexes: ['email'] },
-      settings: { keyPath: 'key' },
+      users: { keyPath: "id", autoIncrement: true, indexes: ["email"] },
+      settings: { keyPath: "key" },
     },
-  })
+  });
 
-  if (error) return <div>Failed to open database</div>
-  if (!isReady || !db) return <div>Loading...</div>
+  if (error) return <div>Failed to open database</div>;
+  if (!isReady || !db) return <div>Loading...</div>;
 
-  const users = db.table('users')
+  const users = db.table("users");
 
   // All operations return Promises and accept optional { onSuccess, onError }
-  await users.insert({ email: 'a@b.com', name: 'Alice' })
-  await users.update(1, { name: 'Alice Smith' })
-  const found = await users.query((u) => u.email.startsWith('a@'))
-  const n = await users.count()
-  await users.delete(1)
-  await users.upsert({ id: 2, email: 'b@b.com' })
-  await users.bulkInsert([{ email: 'c@b.com' }, { email: 'd@b.com' }])
-  await users.clear()
+  await users.insert({ email: "a@b.com", name: "Alice" });
+  await users.update(1, { name: "Alice Smith" });
+  const found = await users.query((u) => u.email.startsWith("a@"));
+  const n = await users.count();
+  await users.delete(1);
+  await users.upsert({ id: 2, email: "b@b.com" });
+  await users.bulkInsert([{ email: "c@b.com" }, { email: "d@b.com" }]);
+  await users.clear();
 
   // Full transaction support
-  await db.transaction(['users', 'settings'], 'readwrite', async (tx) => {
-    await tx.table('users').insert({ email: 'e@b.com' })
-    await tx.table('settings').upsert({ key: 'theme', value: 'dark' })
-  })
+  await db.transaction(["users", "settings"], "readwrite", async (tx) => {
+    await tx.table("users").insert({ email: "e@b.com" });
+    await tx.table("settings").upsert({ key: "theme", value: "dark" });
+  });
 
-  return <div>DB ready. Tables: {db.hasTable('users') ? 'users' : ''}</div>
+  return <div>DB ready. Tables: {db.hasTable("users") ? "users" : ""}</div>;
 }
 ```
 
@@ -386,8 +399,8 @@ Detects client IP addresses using WebRTC ICE candidates and a STUN server (**fro
 Returns `{ ips: string[], loading: boolean, error: string | null }`. Options: `stunServers`, `timeout` (ms), `onDetect(ip)`.
 
 ```tsx
-import { useWebRTCIP } from 'preact-missing-hooks'
-import { useState, useEffect } from 'preact/hooks'
+import { useWebRTCIP } from "preact-missing-hooks";
+import { useState, useEffect } from "preact/hooks";
 
 function ClientIP() {
   const { ips, loading, error } = useWebRTCIP({
@@ -395,25 +408,25 @@ function ClientIP() {
     onDetect: (ip) => {
       /* optional: e.g. analytics */
     },
-  })
-  const [fallbackIP, setFallbackIP] = useState<string | null>(null)
+  });
+  const [fallbackIP, setFallbackIP] = useState<string | null>(null);
 
   // Fallback to public IP API when WebRTC fails or returns empty
   useEffect(() => {
-    if (loading || ips.length > 0) return
+    if (loading || ips.length > 0) return;
     if (error) {
-      fetch('https://api.ipify.org?format=json')
+      fetch("https://api.ipify.org?format=json")
         .then((r) => r.json())
         .then((d) => setFallbackIP(d.ip))
-        .catch(() => {})
+        .catch(() => {});
     }
-  }, [loading, ips.length, error])
+  }, [loading, ips.length, error]);
 
-  if (loading) return <p>Detecting IP…</p>
-  if (ips.length > 0) return <p>IPs (WebRTC): {ips.join(', ')}</p>
-  if (fallbackIP) return <p>IP (fallback API): {fallbackIP}</p>
-  if (error) return <p>WebRTC failed. Try fallback API.</p>
-  return null
+  if (loading) return <p>Detecting IP…</p>;
+  if (ips.length > 0) return <p>IPs (WebRTC): {ips.join(", ")}</p>;
+  if (fallbackIP) return <p>IP (fallback API): {fallbackIP}</p>;
+  if (error) return <p>WebRTC failed. Try fallback API.</p>;
+  return null;
 }
 ```
 
@@ -426,23 +439,23 @@ Runs WebAssembly computation in a Web Worker so the main thread stays responsive
 Returns `{ compute, result, loading, error, ready }`. Options: `wasmUrl` (required), `exportName` (default `'compute'`), optional `workerUrl` (custom worker script), optional `importObject` (must be serializable for the default worker).
 
 ```tsx
-import { useWasmCompute } from 'preact-missing-hooks'
+import { useWasmCompute } from "preact-missing-hooks";
 
 function AddWithWasm() {
   const { compute, result, loading, error, ready } = useWasmCompute<
     number,
     number
   >({
-    wasmUrl: '/add.wasm',
-    exportName: 'add',
-  })
+    wasmUrl: "/add.wasm",
+    exportName: "add",
+  });
 
   const handleClick = () => {
-    if (ready) compute(2).then(() => {})
-  }
+    if (ready) compute(2).then(() => {});
+  };
 
-  if (error) return <p>WASM unavailable: {error}</p>
-  if (!ready) return <p>Loading WASM…</p>
+  if (error) return <p>WASM unavailable: {error}</p>;
+  if (!ready) return <p>Loading WASM…</p>;
   return (
     <div>
       <button onClick={handleClick} disabled={loading}>
@@ -450,7 +463,7 @@ function AddWithWasm() {
       </button>
       {result != null && <p>Result: {result}</p>}
     </div>
-  )
+  );
 }
 ```
 
@@ -463,27 +476,27 @@ Listens to a Worker's `message` events and maintains state and derived stats. Yo
 Returns `runningTasks`, `completedCount`, `failedCount`, `eventHistory`, `averageDurationMs`, `throughputPerSecond`, `currentQueueSize`, and **`progress`** — a single object with all active worker data (running, completed, failed, totalProcessed, avg duration, throughput/s, queue). Options: `maxHistory` (default 100), `throughputWindowMs` (default 1000).
 
 ```tsx
-import { useWorkerNotifications } from 'preact-missing-hooks'
+import { useWorkerNotifications } from "preact-missing-hooks";
 
 function WorkerDashboard({ worker }) {
   const { progress, eventHistory } = useWorkerNotifications(worker, {
     maxHistory: 50,
-  })
+  });
 
   return (
     <div>
       <p>
-        Running: {progress.runningTasks.length} | Done:{' '}
+        Running: {progress.runningTasks.length} | Done:{" "}
         {progress.completedCount} | Failed: {progress.failedCount}
       </p>
       <p>
-        Avg: {progress.averageDurationMs.toFixed(0)}ms | Throughput:{' '}
-        {progress.throughputPerSecond.toFixed(2)}/s | Queue:{' '}
+        Avg: {progress.averageDurationMs.toFixed(0)}ms | Throughput:{" "}
+        {progress.throughputPerSecond.toFixed(2)}/s | Queue:{" "}
         {progress.currentQueueSize}
       </p>
       <small>Events: {eventHistory.length}</small>
     </div>
-  )
+  );
 }
 ```
 

package/dist/entry.cjs

@@ -0,0 +1,21 @@
+"use strict";
+/**
+ * Auto-detect Preact vs React and re-export the matching build.
+ * Used for require('preact-missing-hooks') in Node / CJS bundlers.
+ */
+function detect() {
+  try {
+    require.resolve("preact");
+    return require("./index.js");
+  } catch (_) {
+    try {
+      require.resolve("react");
+      return require("./react.js");
+    } catch (_) {
+      throw new Error(
+        "preact-missing-hooks: Install either \"preact\" or \"react\" in your project."
+      );
+    }
+  }
+}
+module.exports = detect();

package/dist/entry.js

@@ -0,0 +1,2 @@
+var e=require("preact/hooks"),n=require("preact"),r=new Map;function t(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}function o(e,n){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function(e,n){if(e){if("string"==typeof e)return t(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}}(e))||n&&e&&"number"==typeof e.length){r&&(e=r);var o=0;return function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)({}).hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},u.apply(null,arguments)}function i(){if("undefined"==typeof navigator)return{online:!0};var e={online:navigator.onLine},n=navigator.connection;return n&&(void 0!==n.effectiveType&&(e.effectiveType=n.effectiveType),void 0!==n.downlink&&(e.downlink=n.downlink),void 0!==n.rtt&&(e.rtt=n.rtt),void 0!==n.saveData&&(e.saveData=n.saveData),void 0!==n.type&&(e.connectionType=n.type)),e}function a(e,n){try{var r=e()}catch(e){return n(e)}return r&&r.then?r.then(void 0,n):r}var c=new Map;function s(e){return new Promise(function(n,r){e.onsuccess=function(){return n(e.result)},e.onerror=function(){var n;return r(null!=(n=e.error)?n:new DOMException("Unknown IndexedDB error"))}})}function f(e,n){return n?e.then(function(e){return null==n.onSuccess||n.onSuccess(e),e}).catch(function(e){throw null==n.onError||n.onError(e),e}):e}var l=/\b(?:25[0-5]|2[0-4]\d|1?\d{1,2})(?:\.(?:25[0-5]|2[0-4]\d|1?\d{1,2})){3}\b/g,d=["stun:stun.l.google.com:19302"];exports.useClipboard=function(n){void 0===n&&(n={});var r=n.resetDelay,t=void 0===r?2e3:r,o=e.useState(!1),u=o[0],i=o[1],c=e.useState(null),s=c[0],f=c[1],l=e.useCallback(function(){i(!1),f(null)},[]);return{copy:e.useCallback(function(e){try{if(f(null),"undefined"==typeof navigator||!navigator.clipboard){var n=new Error("Clipboard API is not available");return f(n),Promise.resolve(!1)}return Promise.resolve(a(function(){return Promise.resolve(navigator.clipboard.writeText(e)).then(function(){return i(!0),t>0&&setTimeout(function(){return i(!1)},t),!0})},function(e){var n=e instanceof Error?e:new Error(String(e));return f(n),!1}))}catch(e){return Promise.reject(e)}},[t]),paste:e.useCallback(function(){try{if(f(null),"undefined"==typeof navigator||!navigator.clipboard){var e=new Error("Clipboard API is not available");return f(e),Promise.resolve("")}return Promise.resolve(a(function(){return Promise.resolve(navigator.clipboard.readText())},function(e){var n=e instanceof Error?e:new Error(String(e));return f(n),""}))}catch(e){return Promise.reject(e)}},[]),copied:u,error:s,reset:l}},exports.useEventBus=function(){return{emit:e.useCallback(function(e){var n=arguments,t=r.get(e);t&&t.forEach(function(e){return e.apply(void 0,[].slice.call(n,1))})},[]),on:e.useCallback(function(e,n){var t=r.get(e);return t||(t=new Set,r.set(e,t)),t.add(n),function(){t.delete(n),0===t.size&&r.delete(e)}},[])}},exports.useIndexedDB=function(n){var r=e.useState(null),t=r[0],i=r[1],a=e.useState(null),l=a[0],d=a[1],v=e.useState(!1),p=v[0],m=v[1],h=e.useRef(n);return h.current=n,e.useEffect(function(){var e=!1;d(null),m(!1),i(null);var n=h.current;return function(e){var n=e.name+"_v"+e.version,r=c.get(n);return r||(r=function(e){return new Promise(function(n,r){var t=indexedDB.open(e.name,e.version);t.onerror=function(){var e;return r(null!=(e=t.error)?e:new DOMException("Failed to open database"))},t.onsuccess=function(){return n(t.result)},t.onupgradeneeded=function(n){for(var r=n.target.result,t=e.tables,u=0,i=Object.keys(t);u<i.length;u++){var a=i[u],c=t[a];if(!r.objectStoreNames.contains(a)){var s,f=r.createObjectStore(a,{keyPath:c.keyPath,autoIncrement:null!=(s=c.autoIncrement)&&s});if(c.indexes)for(var l,d=o(c.indexes);!(l=d()).done;){var v=l.value;f.createIndex(v,v,{unique:!1})}}}}})}(e),c.set(n,r),r)}({name:n.name,version:n.version,tables:n.tables}).then(function(n){if(e)n.close();else{var r=function(e){return{get db(){return e},hasTable:function(n){return e.objectStoreNames.contains(n)},table:function(n){return function(e,n){return function(e,n){function r(r){return e.transaction([n],r).objectStore(n)}return{insert:function(e,n){return f(s(r("readwrite").add(e)),n)},update:function(e,n,t){var o=r("readwrite");return f(s(o.get(e)).then(function(e){if(void 0===e)throw new DOMException("Key not found","NotFoundError");var r=u({},e,n);return s(o.put(r))}).then(function(){}),t)},delete:function(e,n){return f(s(r("readwrite").delete(e)).then(function(){}),n)},exists:function(e){return s(r("readonly").getKey(e)).then(function(e){return void 0!==e})},query:function(e,n){var t=r("readonly").openCursor(),o=[];return f(new Promise(function(n,r){t.onsuccess=function(){var r=t.result;r?(e(r.value)&&o.push(r.value),r.continue()):n(o)},t.onerror=function(){var e;return r(null!=(e=t.error)?e:new DOMException("Unknown error"))}}),n)},upsert:function(e,n){return f(s(r("readwrite").put(e)),n)},bulkInsert:function(e,n){var t=r("readwrite"),o=[];if(0===e.length)return f(Promise.resolve(o),n);var u=0;return f(new Promise(function(n,r){e.forEach(function(i,a){var c=t.add(i);c.onsuccess=function(){o[a]=c.result,++u===e.length&&n(o)},c.onerror=function(){var e;return r(null!=(e=c.error)?e:new DOMException("Unknown error"))}})}),n)},clear:function(e){return f(s(r("readwrite").clear()).then(function(){}),e)},count:function(e){return f(s(r("readonly").count()),null!=e?e:{})}}}(e,n)}(e,n)},transaction:function(n,r,t,o){var i=e.transaction(n,r),a={table:function(e){return function(e,n){return function(e,n){function r(){return e.objectStore(n)}return{insert:function(e,n){return f(s(r().add(e)),n)},update:function(e,n,t){var o=r();return f(s(o.get(e)).then(function(e){if(void 0===e)throw new DOMException("Key not found","NotFoundError");var r=u({},e,n);return s(o.put(r))}).then(function(){}),t)},delete:function(e,n){return f(s(r().delete(e)).then(function(){}),n)},exists:function(e){return s(r().getKey(e)).then(function(e){return void 0!==e})},query:function(e,n){var t=r().openCursor(),o=[];return f(new Promise(function(n,r){t.onsuccess=function(){var r=t.result;r?(e(r.value)&&o.push(r.value),r.continue()):n(o)},t.onerror=function(){var e;return r(null!=(e=t.error)?e:new DOMException("Unknown error"))}}),n)},upsert:function(e,n){return f(s(r().put(e)),n)},bulkInsert:function(e,n){var t=r(),o=[];if(0===e.length)return f(Promise.resolve(o),n);var u=0;return f(new Promise(function(n,r){e.forEach(function(i,a){var c=t.add(i);c.onsuccess=function(){o[a]=c.result,++u===e.length&&n(o)},c.onerror=function(){var e;return r(null!=(e=c.error)?e:new DOMException("Unknown error"))}})}),n)},clear:function(e){return f(s(r().clear()).then(function(){}),e)},count:function(e){return f(s(r().count()),null!=e?e:{})}}}(e,n)}(i,e)}},c=new Promise(function(e,n){i.oncomplete=function(){return e()},i.onerror=function(){var e;return n(null!=(e=i.error)?e:new DOMException("Transaction failed"))}}),l=t(a);return function(e,n){return n?e.then(function(){return null==n.onSuccess?void 0:n.onSuccess()}).catch(function(e){throw null==n.onError||n.onError(e),e}):e}(Promise.resolve(l).then(function(){return c}),o)}}}(n);i(r),m(!0)}}).catch(function(n){e||d(n)}),function(){e=!0}},[n.name,n.version]),{db:t,isReady:p,error:l}},exports.useMutationObserver=function(n,r,t){e.useEffect(function(){var e=n.current;if(e){var o=new MutationObserver(r);return o.observe(e,t),function(){return o.disconnect()}}},[n,r,t])},exports.useNetworkState=function(){var n=e.useState(i),r=n[0],t=n[1];return e.useEffect(function(){if("undefined"!=typeof window){var e=function(){return t(i())};window.addEventListener("online",e),window.addEventListener("offline",e);var n=navigator.connection;return null!=n&&n.addEventListener&&n.addEventListener("change",e),function(){window.removeEventListener("online",e),window.removeEventListener("offline",e),null!=n&&n.removeEventListener&&n.removeEventListener("change",e)}}},[]),r},exports.usePreferredTheme=function(){var n=e.useState(function(){if("undefined"==typeof window)return"no-preference";var e=window.matchMedia("(prefers-color-scheme: dark)"),n=window.matchMedia("(prefers-color-scheme: light)");return e.matches?"dark":n.matches?"light":"no-preference"}),r=n[0],t=n[1];return e.useEffect(function(){if("undefined"!=typeof window){var e=window.matchMedia("(prefers-color-scheme: dark)"),n=function(e){t(e.matches?"dark":"light")},r=function(){var e=window.matchMedia("(prefers-color-scheme: dark)"),n=window.matchMedia("(prefers-color-scheme: light)");t(e.matches?"dark":n.matches?"light":"no-preference")};e.addEventListener("change",n);var o=window.matchMedia("(prefers-color-scheme: light)");return o.addEventListener("change",r),function(){e.removeEventListener("change",n),o.removeEventListener("change",r)}}},[]),r},exports.useRageClick=function(n,r){var t=r.onRageClick,o=r.threshold,u=void 0===o?5:o,i=r.timeWindow,a=void 0===i?1e3:i,c=r.distanceThreshold,s=void 0===c?30:c,f=e.useRef(t);f.current=t;var l=e.useRef([]);e.useEffect(function(){var e=n.current;if(e){var r=function(e){var n=Date.now(),r={time:n,x:e.clientX,y:e.clientY},t=n-a,o=l.current.filter(function(e){return e.time>=t});if(o.push(r),Infinity!==s){var i=o.filter(function(e){return n=e,t=r,Math.hypot(t.x-n.x,t.y-n.y)<=s;var n,t});if(i.length>=u)return f.current({count:i.length,event:e}),void(l.current=[])}else if(o.length>=u)return f.current({count:o.length,event:e}),void(l.current=[]);l.current=o};return e.addEventListener("click",r),function(){return e.removeEventListener("click",r)}}},[n,u,a,s])},exports.useThreadedWorker=function(n,r){var t=r.concurrency,o="sequential"===r.mode?1:Math.max(1,void 0===t?4:t),u=e.useState(!1),i=u[0],a=u[1],c=e.useState(void 0),s=c[0],f=c[1],l=e.useState(void 0),d=l[0],v=l[1],p=e.useState(0),m=p[0],h=p[1],y=e.useRef([]),w=e.useRef(0),g=e.useRef(0),b=e.useRef(!1),k=e.useRef(n);k.current=n;var E=e.useCallback(function(){h(y.current.length+g.current)},[]),S=e.useCallback(function(){if(!(b.current||g.current>=o)){if(0===y.current.length)return 0===g.current&&a(!1),void E();y.current.sort(function(e,n){return e.priority!==n.priority?e.priority-n.priority:e.sequence-n.sequence});var e=y.current.shift();g.current+=1,a(!0),E(),(0,k.current)(e.data).then(function(n){f(n),v(void 0),e.resolve(n)}).catch(function(n){v(n),e.reject(n)}).finally(function(){g.current-=1,E(),S()}),y.current.length>0&&g.current<o&&S()}},[o,E]),x=e.useCallback(function(e,n){var r;if(b.current)return Promise.reject(new Error("Worker is terminated"));var t=null!=(r=null==n?void 0:n.priority)?r:1,o=++w.current,u=new Promise(function(n,r){y.current.push({data:e,priority:t,sequence:o,resolve:n,reject:r})});return E(),a(!0),queueMicrotask(S),u},[S,E]),C=e.useCallback(function(){var e=y.current;y.current=[],e.forEach(function(e){return e.reject(new Error("Task cleared from queue"))}),E(),0===g.current&&a(!1)},[E]),M=e.useCallback(function(){b.current=!0,C()},[C]);return e.useEffect(function(){return function(){b.current=!0}},[]),{run:x,loading:i,result:s,error:d,queueSize:m,clearQueue:C,terminate:M}},exports.useTransition=function(){var n=e.useState(!1),r=n[0],t=n[1];return[e.useCallback(function(e){t(!0),Promise.resolve().then(function(){e(),t(!1)})},[]),r]},exports.useWasmCompute=function(n){var r=n.wasmUrl,t=n.exportName,o=void 0===t?"compute":t,u=n.workerUrl,i=n.importObject,a=e.useState(void 0),c=a[0],s=a[1],f=e.useState(!0),l=f[0],d=f[1],v=e.useState(null),p=v[0],m=v[1],h=e.useState(!1),y=h[0],w=h[1],g=e.useRef(null),b=e.useRef(null),k=e.useRef(null);return e.useEffect(function(){if("undefined"==typeof window)return m("useWasmCompute is not available during SSR"),void d(!1);if("undefined"==typeof Worker)return m("Worker is not supported in this environment"),void d(!1);if("undefined"==typeof WebAssembly||"function"!=typeof WebAssembly.instantiate)return m("WebAssembly is not supported in this environment"),void d(!1);m(null),w(!1);var e=function(e){if(e)return new Worker(e);var n=new Blob(["\nself.onmessage = async (e) => {\n  const d = e.data;\n  if (d.type === 'init') {\n    try {\n      const res = await fetch(d.wasmUrl);\n      const buf = await res.arrayBuffer();\n      const mod = await WebAssembly.instantiate(buf, d.importObject || {});\n      self.wasmInstance = mod.instance;\n      self.exportName = d.exportName || 'compute';\n      self.postMessage({ type: 'ready' });\n    } catch (err) {\n      self.postMessage({ type: 'error', error: (err && err.message) || String(err) });\n    }\n    return;\n  }\n  if (d.type === 'compute') {\n    try {\n      const fn = self.wasmInstance.exports[self.exportName];\n      if (typeof fn !== 'function') {\n        self.postMessage({ type: 'error', error: 'Export \"' + self.exportName + '\" is not a function' });\n        return;\n      }\n      const result = fn(d.input);\n      self.postMessage({ type: 'result', result: result });\n    } catch (err) {\n      self.postMessage({ type: 'error', error: (err && err.message) || String(err) });\n    }\n  }\n};\n"],{type:"application/javascript"}),r=URL.createObjectURL(n),t=new Worker(r);return URL.revokeObjectURL(r),t}(u);g.current=e;var n=function(e){var n,r=null!=(n=e.data)?n:{},t=r.type,o=r.result,u=r.error;return"ready"===t?(w(!0),void d(!1)):"error"===t?(m(null!=u?u:"Unknown error"),d(!1),void(k.current&&(k.current(new Error(u)),b.current=null,k.current=null))):void("result"===t&&(s(o),d(!1),b.current&&(b.current(o),b.current=null,k.current=null)))};return e.addEventListener("message",n),e.postMessage({type:"init",wasmUrl:r,exportName:o,importObject:null!=i?i:{}}),function(){e.removeEventListener("message",n),e.terminate(),g.current=null,k.current&&(k.current(new Error("Worker terminated")),b.current=null,k.current=null)}},[r,o,u,i]),{compute:e.useCallback(function(e){return new Promise(function(n,r){g.current&&y?p?r(new Error(p)):(b.current=n,k.current=r,d(!0),g.current.postMessage({type:"compute",input:e})):r(new Error("WASM not ready"))})},[y,p]),result:c,loading:l,error:p,ready:y}},exports.useWebRTCIP=function(n){void 0===n&&(n={});var r=n.stunServers,t=void 0===r?d:r,o=n.timeout,u=void 0===o?3e3:o,i=n.onDetect,a=e.useState([]),c=a[0],s=a[1],f=e.useState(!0),v=f[0],p=f[1],m=e.useState(null),h=m[0],y=m[1],w=e.useRef(null),g=e.useRef(null),b=e.useRef(new Set),k=e.useRef(i);return k.current=i,e.useEffect(function(){if("undefined"==typeof window)return p(!1),void y("WebRTC IP detection is not available during SSR");if("undefined"==typeof RTCPeerConnection)return p(!1),void y("RTCPeerConnection is not available");var e=new Set;b.current=e;var n=function(){g.current&&(clearTimeout(g.current),g.current=null),w.current&&(w.current.close(),w.current=null),p(!1)},r=function(n){e.has(n)||(e.add(n),s(function(e){return[].concat(e,[n])}),null==k.current||k.current(n))};try{var o=new RTCPeerConnection({iceServers:[{urls:t}]});w.current=o,o.onicecandidate=function(e){var n,t=e.candidate;t&&t.candidate&&((n=t.candidate.match(l))?[].concat(n):[]).forEach(r)},o.createDataChannel(""),o.createOffer().then(function(e){return o.setLocalDescription(e)}).catch(function(e){y(e instanceof Error?e.message:"Failed to create offer"),n()}),g.current=setTimeout(function(){return n()},u)}catch(e){y(e instanceof Error?e.message:"WebRTC setup failed"),n()}return function(){n()}},[t.join(","),u]),{ips:c,loading:v,error:h}},exports.useWorkerNotifications=function(n,r){void 0===r&&(r={});var t=r.maxHistory,o=void 0===t?100:t,u=r.throughputWindowMs,i=void 0===u?1e3:u,a=e.useState([]),c=a[0],s=a[1],f=e.useState(0),l=f[0],d=f[1],v=e.useState(0),p=v[0],m=v[1],h=e.useState([]),y=h[0],w=h[1],g=e.useState(0),b=g[0],k=g[1],E=e.useRef([]),S=e.useRef(0),x=e.useRef(0);e.useEffect(function(){if(n){var e=function(e){var n=function(e){if(null==e||"object"!=typeof e)return null;var n=e.type;return"task_start"!==n&&"task_end"!==n&&"task_fail"!==n&&"queue_size"!==n?null:{type:n,taskId:"string"==typeof e.taskId?e.taskId:void 0,duration:"number"==typeof e.duration?e.duration:void 0,error:"string"==typeof e.error?e.error:void 0,size:"number"==typeof e.size?e.size:void 0,timestamp:Date.now()}}(e.data);if(n)if(w(function(e){return[].concat(e,[n]).slice(-o)}),"task_start"===n.type&&n.taskId)s(function(e){return e.includes(n.taskId)?e:[].concat(e,[n.taskId])});else if("task_end"===n.type){n.taskId&&s(function(e){return e.filter(function(e){return e!==n.taskId})}),d(function(e){return e+1});var r=Date.now()-i;E.current=[].concat(E.current.filter(function(e){return e>=r}),[n.timestamp]),"number"==typeof n.duration&&(S.current+=n.duration,x.current+=1)}else"task_fail"===n.type?(n.taskId&&s(function(e){return e.filter(function(e){return e!==n.taskId})}),m(function(e){return e+1})):"queue_size"===n.type&&"number"==typeof n.size&&k(n.size)};return n.addEventListener("message",e),function(){return n.removeEventListener("message",e)}}},[n,o]);var C=e.useMemo(function(){var e=x.current;return e>0?S.current/e:0},[y]),M=e.useMemo(function(){var e=Date.now()-i;return E.current.filter(function(n){return n>=e}).length/(i/1e3)},[y,i]),P=e.useMemo(function(){return{runningTasks:c,completedCount:l,failedCount:p,averageDurationMs:C,throughputPerSecond:M,currentQueueSize:b,totalProcessed:l+p,recentEventCount:y.length}},[c,l,p,C,M,b,y.length]);return{runningTasks:c,completedCount:l,failedCount:p,eventHistory:y,averageDurationMs:C,throughputPerSecond:M,currentQueueSize:b,progress:P}},exports.useWrappedChildren=function(r,t,o){return void 0===o&&(o="preserve"),e.useMemo(function(){if(!r)return r;var e=function(e){if(!n.isValidElement(e))return e;var r,i=e.props||{};r="override"===o?u({},i,t):u({},t,i);var a=null==i?void 0:i.style,c=null==t?void 0:t.style;return a&&c&&"object"==typeof a&&"object"==typeof c&&(r.style="override"===o?u({},a,c):u({},c,a)),n.cloneElement(e,r)};return Array.isArray(r)?r.map(e):e(r)},[r,t,o])};
+//# sourceMappingURL=entry.js.map