@bouko/react 3.0.6 → 3.0.7

package/dist/hooks/index.d.ts

@@ -6,3 +6,12 @@ export { default as useSound } from "./audio/sound";
 export { withAudio, type DivRef, type AudioRef } from "./element/with-audio";
 export * from "./router/params";
 export * from "./auth";
+export declare function useObjectUrl(): {
+    setFromBlob: (blob: Blob) => string;
+    revoke: () => void;
+    current: import("react").RefObject<string | null>;
+};
+export declare function useRequestGate(): {
+    next: () => number;
+    isLatest: (id: number) => boolean;
+};

package/dist/hooks/index.js

@@ -1,3 +1,4 @@
+import { useRef, useCallback, useEffect } from "react";
 export { default as useElement } from "./element";
 export { default as useContainer } from "./element/container";
 export { default as useResize } from "./element/resize";
@@ -6,3 +7,26 @@ export { default as useSound } from "./audio/sound";
 export { withAudio } from "./element/with-audio";
 export * from "./router/params";
 export * from "./auth";
+export function useObjectUrl() {
+    const urlRef = useRef(null);
+    const revoke = useCallback(() => {
+        if (!urlRef.current)
+            return;
+        URL.revokeObjectURL(urlRef.current);
+        urlRef.current = null;
+    }, []);
+    const setFromBlob = useCallback((blob) => {
+        revoke();
+        const url = URL.createObjectURL(blob);
+        urlRef.current = url;
+        return url;
+    }, [revoke]);
+    useEffect(() => revoke, [revoke]);
+    return { setFromBlob, revoke, current: urlRef };
+}
+export function useRequestGate() {
+    const idRef = useRef(0);
+    const next = useCallback(() => ++idRef.current, []);
+    const isLatest = useCallback((id) => id === idRef.current, []);
+    return { next, isLatest };
+}

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/react",
-  "version": "3.0.6",
+  "version": "3.0.7",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",