rooks/dist/esm/experimental.js

Essential React custom hooks ⚓ to super charge your components!

// src/hooks/useSuspenseNavigatorUserAgentData.ts
var DEFAULT_HINTS = [
  "architecture",
  "bitness",
  "formFactors",
  "fullVersionList",
  "model",
  "platformVersion",
  "uaFullVersion",
  "wow64"
];
var cache = /* @__PURE__ */ new Map();
function createCacheKey(hints) {
  return hints.sort().join(",");
}
function useSuspenseNavigatorUserAgentData(hints = DEFAULT_HINTS) {
  if (typeof navigator === "undefined" || !navigator.userAgentData) {
    throw new Error(
      "Navigator User Agent Data API is not supported in this browser. This API is currently only available in Chromium-based browsers."
    );
  }
  const cacheKey = createCacheKey(hints);
  let entry = cache.get(cacheKey);
  if (!entry) {
    const promise = navigator.userAgentData.getHighEntropyValues(hints);
    entry = {
      promise,
      status: "pending"
    };
    cache.set(cacheKey, entry);
    promise.then((result) => {
      entry.status = "resolved";
      entry.result = result;
    }).catch((error) => {
      entry.status = "rejected";
      entry.error = error instanceof Error ? error : new Error(String(error));
    });
  }
  if (entry.status === "pending") {
    throw entry.promise;
  }
  if (entry.status === "rejected") {
    throw entry.error;
  }
  return entry.result;
}

// src/hooks/useSuspenseNavigatorBattery.ts
import { useState, useEffect } from "react";
var cacheEntry = null;
function useSuspenseNavigatorBattery() {
  if (typeof navigator === "undefined" || !navigator.getBattery) {
    throw new Error(
      "Navigator Battery API is not supported in this browser. This API requires HTTPS and is not supported in all browsers."
    );
  }
  const [batteryState, setBatteryState] = useState(null);
  if (!cacheEntry) {
    const promise = navigator.getBattery();
    cacheEntry = {
      promise,
      status: "pending"
    };
    promise.then((result) => {
      cacheEntry.status = "resolved";
      cacheEntry.result = result;
    }).catch((error) => {
      cacheEntry.status = "rejected";
      cacheEntry.error = error instanceof Error ? error : new Error(String(error));
    });
  }
  if (cacheEntry.status === "pending") {
    throw cacheEntry.promise;
  }
  if (cacheEntry.status === "rejected") {
    throw cacheEntry.error;
  }
  const initialBattery = cacheEntry.result;
  useEffect(() => {
    if (!initialBattery) return;
    setBatteryState({
      charging: initialBattery.charging,
      chargingTime: initialBattery.chargingTime,
      dischargingTime: initialBattery.dischargingTime,
      level: initialBattery.level,
      addEventListener: initialBattery.addEventListener.bind(initialBattery),
      removeEventListener: initialBattery.removeEventListener.bind(initialBattery)
    });
    const handleChargingChange = () => {
      setBatteryState((prev) => prev ? {
        ...prev,
        charging: initialBattery.charging
      } : null);
    };
    const handleChargingTimeChange = () => {
      setBatteryState((prev) => prev ? {
        ...prev,
        chargingTime: initialBattery.chargingTime
      } : null);
    };
    const handleDischargingTimeChange = () => {
      setBatteryState((prev) => prev ? {
        ...prev,
        dischargingTime: initialBattery.dischargingTime
      } : null);
    };
    const handleLevelChange = () => {
      setBatteryState((prev) => prev ? {
        ...prev,
        level: initialBattery.level
      } : null);
    };
    initialBattery.addEventListener("chargingchange", handleChargingChange);
    initialBattery.addEventListener("chargingtimechange", handleChargingTimeChange);
    initialBattery.addEventListener("dischargingtimechange", handleDischargingTimeChange);
    initialBattery.addEventListener("levelchange", handleLevelChange);
    return () => {
      initialBattery.removeEventListener("chargingchange", handleChargingChange);
      initialBattery.removeEventListener("chargingtimechange", handleChargingTimeChange);
      initialBattery.removeEventListener("dischargingtimechange", handleDischargingTimeChange);
      initialBattery.removeEventListener("levelchange", handleLevelChange);
    };
  }, [initialBattery]);
  return batteryState || initialBattery;
}
export {
  useSuspenseNavigatorBattery,
  useSuspenseNavigatorUserAgentData
};