rooks
Version:
Essential React custom hooks ⚓ to super charge your components!
153 lines (149 loc) • 5.28 kB
JavaScript
;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/experimental.ts
var experimental_exports = {};
__export(experimental_exports, {
useSuspenseNavigatorBattery: () => useSuspenseNavigatorBattery,
useSuspenseNavigatorUserAgentData: () => useSuspenseNavigatorUserAgentData
});
module.exports = __toCommonJS(experimental_exports);
// 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
var import_react = require("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] = (0, import_react.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;
(0, import_react.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;
}