xxf_react 0.1.5 → 0.1.6

package/dist/sse/UseSSE.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseSSE.d.ts","sourceRoot":"","sources":["../../src/sse/UseSSE.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC,KAAK,YAAY,GAAG;IAChB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACnE,SAAS,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACI,GAAG,EACH,OAAO,EACP,SAAS,EACT,OAAc,GACjB,EAAE,YAAY;;EA6DrC"}
+{"version":3,"file":"UseSSE.d.ts","sourceRoot":"","sources":["../../src/sse/UseSSE.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAItC,KAAK,YAAY,GAAG;IAChB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACnE,SAAS,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACI,GAAG,EACH,OAAO,EACP,SAAS,EACT,OAAc,GACjB,EAAE,YAAY;;EA2CrC"}

package/dist/sse/UseSSE.js

@@ -6,52 +6,34 @@ export function useSSE({ url, headers, onMessage, enabled = true, }) {
     const callbackRef = useRef(onMessage);
     callbackRef.current = onMessage;
     const [status, setStatus] = useState(SSEStatus.idle);
-    // ---------- Step 1: resolve async url and headers ----------
-    const [resolvedUrl, setResolvedUrl] = useState(null);
-    const [resolvedHeaders, setResolvedHeaders] = useState({});
     useEffect(() => {
         if (!enabled)
             return;
-        let canceled = false;
-        (async () => {
-            try {
-                const u = url instanceof Promise ? await url : url || null;
-                const h = headers instanceof Promise ? await headers : headers || {};
-                if (!canceled) {
-                    setResolvedUrl(u);
-                    setResolvedHeaders(h);
-                }
-            }
-            catch (err) {
-                console.error("useSSE resolve error:", err);
-            }
-        })();
-        return () => {
-            canceled = true;
-        };
-    }, [url, headers, enabled]);
-    // ---------- Step 2: create SSEManager ----------
-    useEffect(() => {
-        if (!enabled || !resolvedUrl)
-            return;
-        let canceled = false;
+        let canceled = false; // 用于处理 cleanup
         let manager = null;
         let unsubscribe = null;
         let stateUnsubscribe = null;
-        manager = sseRegistry.getOrCreate(resolvedUrl, () => new SSEManager(resolvedUrl, resolvedHeaders));
-        unsubscribe = manager.subscribe((event) => {
-            if (!canceled)
+        async function setupSSE() {
+            // 先解析异步 url 和 headers
+            const resolvedUrl = typeof url === "function" || url instanceof Promise ? await url : url;
+            if (!resolvedUrl)
+                return;
+            const resolvedHeaders = headers instanceof Promise ? await headers : headers || {};
+            if (canceled)
+                return; // 组件卸载或依赖变化时直接返回
+            manager = sseRegistry.getOrCreate(resolvedUrl, () => new SSEManager(resolvedUrl, resolvedHeaders));
+            unsubscribe = manager.subscribe((event) => {
                 callbackRef.current(event);
-        });
-        stateUnsubscribe = manager.subscribeStatus((s) => {
-            if (!canceled)
-                setStatus(s);
-        });
+            });
+            stateUnsubscribe = manager.subscribeStatus((s) => setStatus(s));
+        }
+        setupSSE().catch(console.error);
         return () => {
             canceled = true;
             unsubscribe === null || unsubscribe === void 0 ? void 0 : unsubscribe();
             stateUnsubscribe === null || stateUnsubscribe === void 0 ? void 0 : stateUnsubscribe();
         };
-    }, [resolvedUrl, resolvedHeaders, enabled]);
+        //}, [url, headers, enabled]);
+    }, [url, enabled]);
     return { status };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xxf_react",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "private": false,
 
   "type": "module",