react-broadcast-sync 1.0.0 → 1.1.0

package/demo/react-broadcast-sync-demo/src/hooks/useCounterBroadcast.ts

@@ -0,0 +1,94 @@
+/**
+ * Custom hook for managing counter state synchronization across browser tabs.
+ *
+ * This hook provides functionality for:
+ * 1. Synchronizing a counter value across multiple browser tabs
+ * 2. Broadcasting hover state for visual feedback
+ * 3. Maintaining consistent state across all instances
+ *
+ * @returns {Object} Counter state and handlers
+ * @property {number} count - Current counter value
+ * @property {boolean} isHovered - Whether the counter is currently hovered
+ * @property {Function} increment - Function to increment the counter
+ * @property {Function} decrement - Function to decrement the counter
+ * @property {Function} handleMouseEnter - Function to handle mouse enter event
+ * @property {Function} handleMouseLeave - Function to handle mouse leave event
+ */
+import { useState, useEffect, useRef } from 'react';
+import { useBroadcastChannel } from 'react-broadcast-sync';
+
+export const useCounterBroadcast = () => {
+  const { messages, postMessage } = useBroadcastChannel('counter', {
+    keepLatestMessage: true,
+    namespace: 'demo-app',
+  });
+
+  const [count, setCount] = useState<number>(0);
+  const [isSyncing, setIsSyncing] = useState(false);
+  const [showCheckmark, setShowCheckmark] = useState(false);
+
+  const syncTimeoutRef = useRef<NodeJS.Timeout>();
+  const checkmarkTimeoutRef = useRef<NodeJS.Timeout>();
+
+  // Update count when new messages arrive
+  useEffect(() => {
+    const lastMessage = messages[messages.length - 1];
+    if (lastMessage?.message !== undefined) {
+      // Clear any existing timeouts
+      if (syncTimeoutRef.current) {
+        clearTimeout(syncTimeoutRef.current);
+      }
+      if (checkmarkTimeoutRef.current) {
+        clearTimeout(checkmarkTimeoutRef.current);
+      }
+
+      // Reset states
+      setIsSyncing(true);
+      setShowCheckmark(false);
+
+      // Update count
+      setCount(lastMessage.message);
+
+      // Show checkmark after a short delay
+      syncTimeoutRef.current = setTimeout(() => {
+        setIsSyncing(false);
+        setShowCheckmark(true);
+
+        // Hide checkmark after showing it
+        checkmarkTimeoutRef.current = setTimeout(() => {
+          setShowCheckmark(false);
+        }, 1000);
+      }, 500);
+
+      // Cleanup
+      return () => {
+        if (syncTimeoutRef.current) {
+          clearTimeout(syncTimeoutRef.current);
+        }
+        if (checkmarkTimeoutRef.current) {
+          clearTimeout(checkmarkTimeoutRef.current);
+        }
+      };
+    }
+  }, [messages]);
+
+  const increment = () => {
+    const newCount = count + 1;
+    setCount(newCount);
+    postMessage('counter', newCount);
+  };
+
+  const decrement = () => {
+    const newCount = count - 1;
+    setCount(newCount);
+    postMessage('counter', newCount);
+  };
+
+  return {
+    count,
+    increment,
+    decrement,
+    isSyncing,
+    showCheckmark,
+  };
+};

package/demo/react-broadcast-sync-demo/src/hooks/useTextBroadcast.ts

@@ -0,0 +1,37 @@
+import { useState, useEffect } from 'react';
+import { useBroadcastChannel } from 'react-broadcast-sync';
+
+export const useTextBroadcast = () => {
+  const { messages, postMessage } = useBroadcastChannel('text', {
+    keepLatestMessage: true,
+    namespace: 'demo-app',
+  });
+
+  const lastMessage = messages[messages.length - 1];
+  const [localText, setLocalText] = useState<string>(lastMessage ? lastMessage.message : '');
+
+  // Update local state when new messages arrive
+  useEffect(() => {
+    if (lastMessage) {
+      setLocalText(lastMessage.message);
+    }
+  }, [lastMessage]);
+
+  // Initialize text if no messages exist
+  useEffect(() => {
+    if (messages.length === 0) {
+      postMessage('text', '');
+    }
+  }, []);
+
+  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const newText = event.target.value;
+    setLocalText(newText); // Update local state immediately
+    postMessage('text', newText); // Broadcast to other tabs
+  };
+
+  return {
+    localText,
+    handleChange,
+  };
+};

package/demo/react-broadcast-sync-demo/src/hooks/useTodoBroadcast.ts

@@ -0,0 +1,249 @@
+/**
+ * Custom hook for managing todo list synchronization across browser tabs.
+ *
+ * This hook provides functionality for:
+ * 1. Synchronizing todo items across multiple browser tabs
+ * 2. Broadcasting hover states for visual feedback
+ * 3. Synchronizing scroll position across tabs
+ * 4. Managing todo item completion status
+ *
+ * @returns {Object} Todo list state and handlers
+ * @property {Todo[]} todos - Array of todo items
+ * @property {string} newTodo - Current input value for new todo
+ * @property {Function} setNewTodo - Function to update new todo input
+ * @property {number|null} hoveredTodoId - ID of currently hovered todo
+ * @property {boolean} isScrolling - Whether the list is currently scrolling
+ * @property {boolean} isSyncing - Whether scroll sync is in progress
+ * @property {boolean} showCheckmark - Whether to show sync completion indicator
+ * @property {React.RefObject} scrollContainerRef - Ref for the scroll container
+ * @property {Function} handleScroll - Function to handle scroll events
+ * @property {Function} addTodo - Function to add a new todo
+ * @property {Function} toggleTodo - Function to toggle todo completion
+ * @property {Function} handleTodoMouseEnter - Function to handle todo hover
+ * @property {Function} handleTodoMouseLeave - Function to handle todo unhover
+ */
+import { useState, useEffect, useRef } from 'react';
+import { useBroadcastChannel } from 'react-broadcast-sync';
+
+interface Todo {
+  id: string;
+  text: string;
+  completed: boolean;
+}
+
+/**
+ * Hook for managing todo list synchronization across browser tabs.
+ * Provides real-time todo updates, completion status tracking, and scroll position sync.
+ *
+ * @returns {Object} Todo state and handlers
+ * @property {Todo[]} todos - List of todos
+ * @property {string} newTodo - New todo input value
+ * @property {Function} handleNewTodoChange - Function to handle new todo input changes
+ * @property {Function} handleAddTodo - Function to add a new todo
+ * @property {Function} handleToggleTodo - Function to toggle todo completion
+ * @property {Function} handleDeleteTodo - Function to delete a todo
+ * @property {Function} handleScroll - Function to handle scroll position sync
+ */
+export const useTodoBroadcast = () => {
+  const { messages, postMessage } = useBroadcastChannel('todos', {
+    keepLatestMessage: true,
+    namespace: 'demo-app',
+  });
+
+  // Add hover state broadcast channel
+  const { messages: hoverMessages, postMessage: postHoverMessage } = useBroadcastChannel(
+    'todos-hover',
+    {
+      keepLatestMessage: true,
+      namespace: 'demo-app',
+    }
+  );
+
+  // Add scroll position broadcast channel
+  const { messages: scrollMessages, postMessage: postScrollMessage } = useBroadcastChannel(
+    'todos-scroll',
+    {
+      keepLatestMessage: true,
+      namespace: 'demo-app',
+    }
+  );
+
+  const lastMessage = messages[messages.length - 1];
+  const lastHoverMessage = hoverMessages[hoverMessages.length - 1];
+  const lastScrollMessage = scrollMessages[scrollMessages.length - 1];
+
+  const [todos, setTodos] = useState<Todo[]>(lastMessage ? lastMessage.message : []);
+  const [newTodo, setNewTodo] = useState('');
+  const [hoveredTodoId, setHoveredTodoId] = useState<string | null>(
+    lastHoverMessage ? lastHoverMessage.message : null
+  );
+  const [isScrolling, setIsScrolling] = useState(false);
+  const [isSyncing, setIsSyncing] = useState(false);
+  const [showCheckmark, setShowCheckmark] = useState(false);
+
+  const scrollContainerRef = useRef<HTMLDivElement>(null);
+  const scrollTimeoutRef = useRef<ReturnType<typeof setTimeout>>();
+  const syncTimeoutRef = useRef<ReturnType<typeof setTimeout>>();
+  const checkmarkTimeoutRef = useRef<ReturnType<typeof setTimeout>>();
+
+  // Update local state when new messages arrive
+  useEffect(() => {
+    if (lastMessage) {
+      setTodos(lastMessage.message);
+    }
+  }, [lastMessage]);
+
+  // Update hover state when new hover messages arrive
+  useEffect(() => {
+    if (lastHoverMessage) {
+      setHoveredTodoId(lastHoverMessage.message);
+    }
+  }, [lastHoverMessage]);
+
+  // Update scroll position when new scroll messages arrive
+  useEffect(() => {
+    if (lastScrollMessage && scrollContainerRef.current) {
+      // Clear any existing timeouts
+      if (syncTimeoutRef.current) {
+        clearTimeout(syncTimeoutRef.current);
+      }
+      if (checkmarkTimeoutRef.current) {
+        clearTimeout(checkmarkTimeoutRef.current);
+      }
+
+      // Reset states
+      setIsSyncing(true);
+      setShowCheckmark(false);
+      setIsScrolling(false);
+
+      // Perform scroll
+      scrollContainerRef.current.scrollTo({
+        top: lastScrollMessage.message,
+        behavior: 'smooth',
+      });
+
+      // Listen for scroll end
+      const handleScrollEnd = () => {
+        setIsSyncing(false);
+        setShowCheckmark(true);
+
+        // Hide indicator after showing checkmark
+        checkmarkTimeoutRef.current = setTimeout(() => {
+          setShowCheckmark(false);
+        }, 1000);
+
+        // Remove the event listener
+        scrollContainerRef.current?.removeEventListener('scrollend', handleScrollEnd);
+      };
+
+      // Add scroll end listener
+      scrollContainerRef.current.addEventListener('scrollend', handleScrollEnd);
+
+      // Fallback timeout in case scrollend event doesn't fire
+      syncTimeoutRef.current = setTimeout(() => {
+        handleScrollEnd();
+      }, 500);
+
+      // Cleanup
+      return () => {
+        scrollContainerRef.current?.removeEventListener('scrollend', handleScrollEnd);
+        if (syncTimeoutRef.current) {
+          clearTimeout(syncTimeoutRef.current);
+        }
+        if (checkmarkTimeoutRef.current) {
+          clearTimeout(checkmarkTimeoutRef.current);
+        }
+      };
+    }
+  }, [lastScrollMessage]);
+
+  // Initialize todos if no messages exist
+  useEffect(() => {
+    if (messages.length === 0) {
+      postMessage('todos', []);
+    }
+  }, []);
+
+  const handleScrollSync = (e: React.UIEvent<HTMLDivElement>) => {
+    const newScrollPosition = e.currentTarget.scrollTop;
+
+    // Clear any existing timeouts
+    if (scrollTimeoutRef.current) {
+      clearTimeout(scrollTimeoutRef.current);
+    }
+    if (syncTimeoutRef.current) {
+      clearTimeout(syncTimeoutRef.current);
+    }
+    if (checkmarkTimeoutRef.current) {
+      clearTimeout(checkmarkTimeoutRef.current);
+    }
+
+    // Reset states
+    setIsScrolling(true);
+    setIsSyncing(true);
+    setShowCheckmark(false);
+
+    // Debounce the scroll message to avoid too many updates
+    scrollTimeoutRef.current = setTimeout(() => {
+      postScrollMessage('todos-scroll', newScrollPosition);
+    }, 100);
+  };
+
+  const handleNewTodoChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setNewTodo(event.target.value);
+  };
+
+  const handleAddTodo = (event: React.FormEvent) => {
+    event.preventDefault();
+    if (newTodo.trim()) {
+      const updated = [
+        ...todos,
+        { id: Date.now().toString(), text: newTodo.trim(), completed: false },
+      ];
+      setTodos(updated);
+      postMessage('todos', updated);
+      setNewTodo('');
+    }
+  };
+
+  const handleToggleTodo = (id: string) => {
+    const updated = todos.map(todo =>
+      todo.id === id ? { ...todo, completed: !todo.completed } : todo
+    );
+    setTodos(updated);
+    postMessage('todos', updated);
+  };
+
+  const handleDeleteTodo = (id: string) => {
+    const updated = todos.filter(todo => todo.id !== id);
+    setTodos(updated);
+    postMessage('todos', updated);
+  };
+
+  const handleTodoMouseEnter = (id: string) => {
+    setHoveredTodoId(id);
+    postHoverMessage('todos-hover', id);
+  };
+
+  const handleTodoMouseLeave = () => {
+    setHoveredTodoId(null);
+    postHoverMessage('todos-hover', null);
+  };
+
+  return {
+    todos,
+    newTodo,
+    handleNewTodoChange,
+    handleAddTodo,
+    handleToggleTodo,
+    handleDeleteTodo,
+    handleScrollSync,
+    hoveredTodoId,
+    isScrolling,
+    isSyncing,
+    showCheckmark,
+    scrollContainerRef,
+    handleTodoMouseEnter,
+    handleTodoMouseLeave,
+  };
+};

package/demo/react-broadcast-sync-demo/src/main.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+import { CssBaseline } from '@mui/material';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <CssBaseline />
+    <App />
+  </React.StrictMode>
+);

package/demo/react-broadcast-sync-demo/src/theme.ts

@@ -0,0 +1,62 @@
+import { createTheme } from '@mui/material/styles';
+
+export const theme = createTheme({
+  palette: {
+    primary: {
+      main: '#5EC13D',
+      dark: '#3FAD3A',
+      contrastText: '#fff',
+    },
+    secondary: {
+      main: '#3FAD3A',
+      contrastText: '#fff',
+    },
+    background: {
+      default: '#0D1117',
+      paper: '#161B22',
+    },
+    text: {
+      primary: '#fff',
+      secondary: '#bdbdbd',
+    },
+  },
+  typography: {
+    fontFamily: '"Inter", "Roboto", "Helvetica", "Arial", sans-serif',
+    h1: {
+      fontWeight: 700,
+    },
+    h2: {
+      fontWeight: 600,
+    },
+    h3: {
+      fontWeight: 600,
+    },
+    h4: {
+      fontWeight: 600,
+    },
+    h5: {
+      fontWeight: 600,
+    },
+    h6: {
+      fontWeight: 600,
+    },
+  },
+  components: {
+    MuiButton: {
+      styleOverrides: {
+        root: {
+          textTransform: 'none',
+          borderRadius: 8,
+        },
+      },
+    },
+    MuiPaper: {
+      styleOverrides: {
+        root: {
+          borderRadius: 12,
+          background: '#161B22',
+        },
+      },
+    },
+  },
+});

package/demo/react-broadcast-sync-demo/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "types": ["node"],
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/demo/react-broadcast-sync-demo/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/demo/react-broadcast-sync-demo/vite.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    port: 4000,
+    strictPort: true,
+    open: true,
+  },
+});

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("react/jsx-runtime");const t="__INTERNAL__",s=()=>Math.random().toString(36).substr(2,9),n=(e,r)=>{const t=`${s()}-${e}-${r}`;return btoa(t).replace(/=+$/,"")},a=e=>!!e.expirationDate&&e.expirationDate<Date.now(),o=(e,r,s="")=>{const n=btoa(`react-broadcast-sync:${e}:${`${r}-${s}`}`);return`${t}:${e}:${n}`},c=e=>e.startsWith(`${t}:`),l=(e,r)=>{let t,s=null,n=null,a=null;const o=function(...o){n=o,a=this,null!==s&&clearTimeout(s),s=setTimeout((()=>{s=null,null!==n&&(t=e.apply(a,n),n=null,a=null)}),r)};return o.cancel=()=>{null!==s&&(clearTimeout(s),s=null,n=null,a=null)},o.flush=()=>(null!==s&&(clearTimeout(s),s=null,null!==n&&(t=e.apply(a,n),n=null,a=null)),t),o},i=(e,r,t)=>{if("undefined"==typeof process||!process.env||"true"!==process.env.REACT_APP_DEBUG_BROADCAST)return;const s=`[${(new Date).toISOString()}] [react-broadcast-sync]`;switch(e){case"info":console.log(s,r,t||"");break;case"warn":console.warn(s,r,t||"");break;case"error":console.error(s,r,t||"")}},u={created:e=>i("info","Channel created:",e),closed:e=>i("info","Channel closed:",e)},d={sent:e=>i("info","Message sent:",e),received:e=>i("info","Message received:",e),cleared:e=>i("info","Message cleared:",e),expired:e=>i("info","Message expired:",e),duplicate:e=>i("warn","Duplicate message ignored:",e)},p={started:()=>i("info","Cleanup started"),completed:e=>i("info","Cleanup completed:",{removedCount:e})},f=e=>i("error","Error:",e),E="CLEAR_MESSAGE",v="CLEAR_ALL_MESSAGES",h=(r,t={})=>{const{sourceName:i,cleaningInterval:h=1e3,keepLatestMessage:S=!1,registeredTypes:C=[],namespace:g="",deduplicationTTL:A=3e5,cleanupDebounceMs:m=0}=t,[M,L]=e.useState([]),[b,y]=e.useState([]),[_,R]=e.useState(null),w=e.useRef(null),x=e.useRef(new Map),D=e.useRef(i||`tab-${s()}`).current,B=e.useRef({CLEAR_MESSAGE:o(E,r,g),CLEAR_ALL_MESSAGES:o(v,r,g)}).current,$=e.useMemo((()=>`${r}-${g}`),[r,g]),G=e.useCallback((()=>{L((e=>e.filter((e=>!a(e)))))}),[]),k=e.useRef(m>0?l(G,m):Object.assign(G,{cancel:()=>{}})).current,T=e.useCallback((e=>{R(e),setTimeout((()=>R(null)),3e3)}),[]),P=e.useCallback((e=>{var r;L((r=>r.filter((r=>r.id!==e)))),y((r=>r.filter((r=>r.id!==e)))),null===(r=w.current)||void 0===r||r.postMessage({id:e,type:B.CLEAR_MESSAGE,source:D}),d.cleared(e)}),[D,B.CLEAR_MESSAGE]),j=e.useCallback((()=>{var e;L([]),y([]),null===(e=w.current)||void 0===e||e.postMessage({id:B.CLEAR_ALL_MESSAGES,type:B.CLEAR_ALL_MESSAGES,source:D})}),[D,B.CLEAR_ALL_MESSAGES]),I=e.useCallback((e=>{var r;y((r=>r.filter((r=>r.id!==e)))),null===(r=w.current)||void 0===r||r.postMessage({id:e,type:B.CLEAR_MESSAGE,source:D})}),[D,B.CLEAR_MESSAGE]),N=e.useCallback(((e,r,t={})=>{const s=w.current;if(!s){const e="Channel not available";return f(e),void T(e)}try{const a=((e,r,t,s={})=>{var a;const o=Date.now();return{id:n(t,o),type:e,message:r,timestamp:o,source:t,expirationDate:null!==(a=s.expirationDate)&&void 0!==a?a:s.expirationDuration?o+s.expirationDuration:void 0}})(e,r,D,t);s.postMessage(a),d.sent(a),y((e=>[...e,a]))}catch(e){const r="Failed to send message";f(r),T(r)}}),[D,T]),O=e.useCallback((e=>{try{const r=e.data;if(d.received(r),!(e=>Boolean(e&&"object"==typeof e&&"id"in e))(r))return;if(r.source===D)return;if(!c(r.type)&&C.length>0&&!C.includes(r.type))return;if(a(r))return void d.expired(r.id);if((e=>e&&"object"==typeof e&&"string"==typeof e.id&&"string"==typeof e.source&&"string"==typeof e.type&&c(e.type))(r)){if(r.type===B.CLEAR_MESSAGE)return void L((e=>e.filter((e=>!(e.id===r.id&&e.source===r.source)))));if(r.type===B.CLEAR_ALL_MESSAGES)return void L((e=>e.filter((e=>e.source!==r.source))))}const t=Date.now(),s=x.current.get(r.id);if(s&&t-s<A)return void d.duplicate(r.id);x.current.set(r.id,t),L((e=>S?[r]:[...e,r]))}catch(e){const r="Error processing broadcast message";f(r),T(r)}}),[D,C,S,T,B,A]);return e.useEffect((()=>{if("undefined"==typeof BroadcastChannel){const e="BroadcastChannel is not supported in this browser. Please check browser compatibility.";return f(e),void T(e)}const e=new BroadcastChannel($);return w.current=e,u.created($),e.addEventListener("message",O),()=>{e.removeEventListener("message",O),e.close(),u.closed($)}}),[$,O,T]),e.useEffect((()=>{if(h<=0)return;const e=setInterval((()=>{p.started();const e=M.length;k(),p.completed(e-M.length)}),h);return()=>{var r;clearInterval(e),m>0&&(null===(r=k.cancel)||void 0===r||r.call(k))}}),[h,k,m]),e.useEffect((()=>{const e=setInterval((()=>{const e=Date.now();for(const[r,t]of x.current.entries())e-t>=A&&x.current.delete(r)}),6e4);return()=>clearInterval(e)}),[A]),{channelName:$,messages:M,sentMessages:b,postMessage:N,clearMessage:P,clearAllMessages:j,clearSentMessage:I,error:_}},S=e.createContext(void 0);class C extends e.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){console.error("BroadcastChannel error:",e)}render(){return this.state.hasError?r.jsx("div",{children:"Error occurred in BroadcastProvider"}):this.props.children}}exports.BroadcastProvider=({children:t,channelName:s})=>{const{messages:n,error:a}=h(s),[o,c]=e.useState(null),l=e.useRef(null);e.useEffect((()=>{if("undefined"==typeof BroadcastChannel)return void c("BroadcastChannel is not supported in this browser. Please check browser compatibility.");const e=new BroadcastChannel(s);return l.current=e,()=>{e.close()}}),[s]);const i=e.useMemo((()=>({messages:n,error:o||a,channel:l.current})),[n,o,a]);return r.jsx(C,{children:r.jsx(S.Provider,{value:i,children:t})})},exports.useBroadcastChannel=h,exports.useBroadcastProvider=()=>{const r=e.useContext(S);if(!r)throw new Error("useBroadcastProvider must be used within a BroadcastProvider");return r};
+"use strict";var e=require("react"),r=require("react/jsx-runtime");const t="__INTERNAL__",s=()=>Math.random().toString(36).substr(2,9),n=(e,r)=>{const t=`${s()}-${e}-${r}`;return btoa(t).replace(/=+$/,"")},a=e=>!!e.expirationDate&&e.expirationDate<Date.now(),o=(e,r,s="")=>{const n=btoa(`react-broadcast-sync:${e}:${`${r}-${s}`}`);return`${t}:${e}:${n}`},c=e=>e.startsWith(`${t}:`),i=(e,r,t)=>{if("undefined"==typeof process||!process.env||"true"!==process.env.REACT_APP_DEBUG_BROADCAST)return;const s=`[${(new Date).toISOString()}] [react-broadcast-sync]`;switch(e){case"info":console.log(s,r,t||"");break;case"warn":console.warn(s,r,t||"");break;case"error":console.error(s,r,t||"")}},l={created:e=>i("info","Channel created:",e),closed:e=>i("info","Channel closed:",e)},u={sent:e=>i("info","Message sent:",e),received:e=>i("info","Message received:",e),cleared:e=>i("info","Message cleared:",e),expired:e=>i("info","Message expired:",e),duplicate:e=>i("warn","Duplicate message ignored:",e)},d={started:()=>i("info","Cleanup started"),completed:e=>i("info","Cleanup completed:",{removedCount:e})},p=e=>i("error","Error:",e),f="CLEAR_MESSAGE",E="CLEAR_ALL_MESSAGES",v=(r,t={})=>{const{sourceName:i,cleaningInterval:v=1e3,keepLatestMessage:S=!1,registeredTypes:h=[],namespace:C="",deduplicationTTL:g=3e5,cleanupDebounceMs:A=0}=t,[m,M]=e.useState([]),[L,b]=e.useState([]),[_,y]=e.useState(null),R=e.useRef(null),w=e.useRef(new Map),x=e.useRef(i||`tab-${s()}`).current,D=e.useRef({CLEAR_MESSAGE:o(f,r,C),CLEAR_ALL_MESSAGES:o(E,r,C)}).current,B=e.useMemo((()=>`${r}-${C}`),[r,C]),$=e.useCallback((()=>{M((e=>e.filter((e=>!a(e)))))}),[]),G=e.useRef(A>0?((e,r)=>{let t,s=null,n=null;const a=(...a)=>{n=a,null!==s&&clearTimeout(s),s=setTimeout((()=>{s=null,null!==n&&(t=e(...n),n=null)}),r)};return a.cancel=()=>{null!==s&&(clearTimeout(s),s=null,n=null)},a.flush=()=>(null!==s&&(clearTimeout(s),s=null,null!==n&&(t=e(...n),n=null)),t),a})($,A):Object.assign($,{cancel:()=>{}})).current,k=e.useCallback((e=>{y(e),setTimeout((()=>y(null)),3e3)}),[]),T=e.useCallback((e=>{var r;M((r=>r.filter((r=>r.id!==e)))),b((r=>r.filter((r=>r.id!==e)))),null===(r=R.current)||void 0===r||r.postMessage({id:e,type:D.CLEAR_MESSAGE,source:x}),u.cleared(e)}),[x,D.CLEAR_MESSAGE]),P=e.useCallback((()=>{var e;M([]),b([]),null===(e=R.current)||void 0===e||e.postMessage({id:D.CLEAR_ALL_MESSAGES,type:D.CLEAR_ALL_MESSAGES,source:x})}),[x,D.CLEAR_ALL_MESSAGES]),j=e.useCallback((e=>{var r;b((r=>r.filter((r=>r.id!==e)))),null===(r=R.current)||void 0===r||r.postMessage({id:e,type:D.CLEAR_MESSAGE,source:x})}),[x,D.CLEAR_MESSAGE]),I=e.useCallback(((e,r,t={})=>{const s=R.current;if(!s){const e="Channel not available";return p(e),void k(e)}try{const a=((e,r,t,s={})=>{var a;const o=Date.now();return{id:n(t,o),type:e,message:r,timestamp:o,source:t,expirationDate:null!==(a=s.expirationDate)&&void 0!==a?a:s.expirationDuration?o+s.expirationDuration:void 0}})(e,r,x,t);s.postMessage(a),u.sent(a),b((e=>[...e,a]))}catch(e){const r="Failed to send message";p(r),k(r)}}),[x,k]),N=e.useCallback((e=>{try{const r=e.data;if(u.received(r),!(e=>Boolean(e&&"object"==typeof e&&"id"in e))(r))return;if(r.source===x)return;if(!c(r.type)&&h.length>0&&!h.includes(r.type))return;if(a(r))return void u.expired(r.id);if((e=>e&&"object"==typeof e&&"string"==typeof e.id&&"string"==typeof e.source&&"string"==typeof e.type&&c(e.type))(r)){if(r.type===D.CLEAR_MESSAGE)return void M((e=>e.filter((e=>!(e.id===r.id&&e.source===r.source)))));if(r.type===D.CLEAR_ALL_MESSAGES)return void M((e=>e.filter((e=>e.source!==r.source))))}const t=Date.now(),s=w.current.get(r.id);if(s&&t-s<g)return void u.duplicate(r.id);w.current.set(r.id,t),M((e=>S?[r]:[...e,r]))}catch(e){const r="Error processing broadcast message";p(r),k(r)}}),[x,h,S,k,D,g]);return e.useEffect((()=>{if("undefined"==typeof BroadcastChannel){const e="BroadcastChannel is not supported in this browser. Please check browser compatibility.";return p(e),void k(e)}const e=new BroadcastChannel(B);return R.current=e,l.created(B),e.addEventListener("message",N),()=>{e.removeEventListener("message",N),e.close(),l.closed(B)}}),[B,N,k]),e.useEffect((()=>{if(v<=0)return;const e=setInterval((()=>{d.started();const e=m.length;G(),d.completed(e-m.length)}),v);return()=>{var r;clearInterval(e),A>0&&(null===(r=G.cancel)||void 0===r||r.call(G))}}),[v,G,A]),e.useEffect((()=>{const e=setInterval((()=>{const e=Date.now();for(const[r,t]of w.current.entries())e-t>=g&&w.current.delete(r)}),6e4);return()=>clearInterval(e)}),[g]),{channelName:B,messages:m,sentMessages:L,postMessage:I,clearMessage:T,clearAllMessages:P,clearSentMessage:j,error:_}},S=e.createContext(void 0);class h extends e.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){console.error("BroadcastChannel error:",e)}render(){return this.state.hasError?r.jsx("div",{children:"Error occurred in BroadcastProvider"}):this.props.children}}exports.BroadcastProvider=({children:t,channelName:s})=>{const{messages:n,error:a}=v(s),[o,c]=e.useState(null),i=e.useRef(null);e.useEffect((()=>{if("undefined"==typeof BroadcastChannel)return void c("BroadcastChannel is not supported in this browser. Please check browser compatibility.");const e=new BroadcastChannel(s);return i.current=e,()=>{e.close()}}),[s]);const l=e.useMemo((()=>({messages:n,error:o||a,channel:i.current})),[n,o,a]);return r.jsx(h,{children:r.jsx(S.Provider,{value:l,children:t})})},exports.useBroadcastChannel=v,exports.useBroadcastProvider=()=>{const r=e.useContext(S);if(!r)throw new Error("useBroadcastProvider must be used within a BroadcastProvider");return r};
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/utils/messageUtils.ts","../src/utils/debug.ts","../src/hooks/useBroadcastChannel.ts","../src/BroadcastProvider.tsx"],"sourcesContent":[null,null,null,null],"names":["INTERNAL_PREFIX","generateRandomPart","Math","random","toString","substr","generateMessageId","source","timestamp","raw","btoa","replace","isMessageExpired","message","expirationDate","Date","now","getInternalMessageType","baseType","channelName","namespace","hash","isInternalType","type","startsWith","debounce","fn","wait","result","timeoutId","lastArgs","lastThis","debounced","args","this","clearTimeout","setTimeout","apply","cancel","flush","log","level","data","process","env","REACT_APP_DEBUG_BROADCAST","prefix","toISOString","console","warn","error","debug","created","closed","sent","received","cleared","messageId","expired","duplicate","started","completed","removedCount","INTERNAL_MESSAGE_TYPES","useBroadcastChannel","options","sourceName","cleaningInterval","keepLatestMessage","registeredTypes","deduplicationTTL","cleanupDebounceMs","messages","setMessages","useState","sentMessages","setSentMessages","setError","channel","useRef","receivedMessageIds","Map","current","internalTypes","CLEAR_MESSAGE","CLEAR_ALL_MESSAGES","resolvedChannelName","useMemo","performCleanup","useCallback","prev","filter","msg","debouncedCleanup","Object","assign","setErrorMessage","clearMessage","id","_a","postMessage","clearAllMessages","clearSentMessage","messageType","messageContent","channelCurrent","createMessage","content","expirationDuration","undefined","e","handleMessage","event","Boolean","isValidMessage","length","includes","isValidInternalClearMessage","receivedAt","get","set","useEffect","BroadcastChannel","bc","addEventListener","removeEventListener","close","interval","setInterval","before","clearInterval","call","entries","delete","BroadcastChannelContext","createContext","ErrorBoundary","React","Component","constructor","state","hasError","getDerivedStateFromError","componentDidCatch","render","_jsx","props","children","BroadcastProvider","hookError","value","Provider","useBroadcastProvider","context","useContext","Error"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../src/utils/messageUtils.ts","../src/utils/debug.ts","../src/hooks/useBroadcastChannel.ts","../src/BroadcastProvider.tsx"],"sourcesContent":[null,null,null,null],"names":["INTERNAL_PREFIX","generateRandomPart","Math","random","toString","substr","generateMessageId","source","timestamp","raw","btoa","replace","isMessageExpired","message","expirationDate","Date","now","getInternalMessageType","baseType","channelName","namespace","hash","isInternalType","type","startsWith","log","level","data","process","env","REACT_APP_DEBUG_BROADCAST","prefix","toISOString","console","warn","error","debug","created","closed","sent","received","cleared","messageId","expired","duplicate","started","completed","removedCount","INTERNAL_MESSAGE_TYPES","useBroadcastChannel","options","sourceName","cleaningInterval","keepLatestMessage","registeredTypes","deduplicationTTL","cleanupDebounceMs","messages","setMessages","useState","sentMessages","setSentMessages","setError","channel","useRef","receivedMessageIds","Map","current","internalTypes","CLEAR_MESSAGE","CLEAR_ALL_MESSAGES","resolvedChannelName","useMemo","performCleanup","useCallback","prev","filter","msg","debouncedCleanup","debounce","fn","wait","result","timeoutId","lastArgs","debounced","args","clearTimeout","setTimeout","cancel","flush","Object","assign","setErrorMessage","clearMessage","id","_a","postMessage","clearAllMessages","clearSentMessage","messageType","messageContent","channelCurrent","createMessage","content","expirationDuration","undefined","e","handleMessage","event","Boolean","isValidMessage","length","includes","isValidInternalClearMessage","receivedAt","get","set","useEffect","BroadcastChannel","bc","addEventListener","removeEventListener","close","interval","setInterval","before","clearInterval","call","entries","delete","BroadcastChannelContext","createContext","ErrorBoundary","React","Component","constructor","this","state","hasError","getDerivedStateFromError","componentDidCatch","render","_jsx","props","children","BroadcastProvider","hookError","value","Provider","useBroadcastProvider","context","useContext","Error"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 export { useBroadcastChannel } from './hooks/useBroadcastChannel';
 export { BroadcastProvider, useBroadcastProvider } from './BroadcastProvider';
-export type { BroadcastOptions, SendMessageOptions, BroadcastMessage, BroadcastActions } from './types/types';
+export type { BroadcastOptions, SendMessageOptions, BroadcastMessage, BroadcastActions, } from './types/types';

package/dist/index.esm.js

@@ -1,2 +1,2 @@
-import e,{useState as r,useRef as t,useMemo as n,useCallback as s,useEffect as o,createContext as a,useContext as c}from"react";import{jsx as i}from"react/jsx-runtime";const l="__INTERNAL__",u=()=>Math.random().toString(36).substr(2,9),d=(e,r)=>{const t=`${u()}-${e}-${r}`;return btoa(t).replace(/=+$/,"")},p=e=>!!e.expirationDate&&e.expirationDate<Date.now(),E=(e,r,t="")=>{const n=btoa(`react-broadcast-sync:${e}:${`${r}-${t}`}`);return`${l}:${e}:${n}`},f=e=>e.startsWith(`${l}:`),h=(e,r)=>{let t,n=null,s=null,o=null;const a=function(...a){s=a,o=this,null!==n&&clearTimeout(n),n=setTimeout((()=>{n=null,null!==s&&(t=e.apply(o,s),s=null,o=null)}),r)};return a.cancel=()=>{null!==n&&(clearTimeout(n),n=null,s=null,o=null)},a.flush=()=>(null!==n&&(clearTimeout(n),n=null,null!==s&&(t=e.apply(o,s),s=null,o=null)),t),a},v=(e,r,t)=>{if("undefined"==typeof process||!process.env||"true"!==process.env.REACT_APP_DEBUG_BROADCAST)return;const n=`[${(new Date).toISOString()}] [react-broadcast-sync]`;switch(e){case"info":console.log(n,r,t||"");break;case"warn":console.warn(n,r,t||"");break;case"error":console.error(n,r,t||"")}},g={created:e=>v("info","Channel created:",e),closed:e=>v("info","Channel closed:",e)},S={sent:e=>v("info","Message sent:",e),received:e=>v("info","Message received:",e),cleared:e=>v("info","Message cleared:",e),expired:e=>v("info","Message expired:",e),duplicate:e=>v("warn","Duplicate message ignored:",e)},A={started:()=>v("info","Cleanup started"),completed:e=>v("info","Cleanup completed:",{removedCount:e})},m=e=>v("error","Error:",e),C="CLEAR_MESSAGE",L="CLEAR_ALL_MESSAGES",M=(e,a={})=>{const{sourceName:c,cleaningInterval:i=1e3,keepLatestMessage:l=!1,registeredTypes:v=[],namespace:M="",deduplicationTTL:y=3e5,cleanupDebounceMs:_=0}=a,[b,w]=r([]),[D,R]=r([]),[$,G]=r(null),B=t(null),x=t(new Map),T=t(c||`tab-${u()}`).current,P=t({CLEAR_MESSAGE:E(C,e,M),CLEAR_ALL_MESSAGES:E(L,e,M)}).current,I=n((()=>`${e}-${M}`),[e,M]),k=s((()=>{w((e=>e.filter((e=>!p(e)))))}),[]),N=t(_>0?h(k,_):Object.assign(k,{cancel:()=>{}})).current,j=s((e=>{G(e),setTimeout((()=>G(null)),3e3)}),[]),O=s((e=>{var r;w((r=>r.filter((r=>r.id!==e)))),R((r=>r.filter((r=>r.id!==e)))),null===(r=B.current)||void 0===r||r.postMessage({id:e,type:P.CLEAR_MESSAGE,source:T}),S.cleared(e)}),[T,P.CLEAR_MESSAGE]),F=s((()=>{var e;w([]),R([]),null===(e=B.current)||void 0===e||e.postMessage({id:P.CLEAR_ALL_MESSAGES,type:P.CLEAR_ALL_MESSAGES,source:T})}),[T,P.CLEAR_ALL_MESSAGES]),U=s((e=>{var r;R((r=>r.filter((r=>r.id!==e)))),null===(r=B.current)||void 0===r||r.postMessage({id:e,type:P.CLEAR_MESSAGE,source:T})}),[T,P.CLEAR_MESSAGE]),W=s(((e,r,t={})=>{const n=B.current;if(!n){const e="Channel not available";return m(e),void j(e)}try{const s=((e,r,t,n={})=>{var s;const o=Date.now();return{id:d(t,o),type:e,message:r,timestamp:o,source:t,expirationDate:null!==(s=n.expirationDate)&&void 0!==s?s:n.expirationDuration?o+n.expirationDuration:void 0}})(e,r,T,t);n.postMessage(s),S.sent(s),R((e=>[...e,s]))}catch(e){const r="Failed to send message";m(r),j(r)}}),[T,j]),q=s((e=>{try{const r=e.data;if(S.received(r),!(e=>Boolean(e&&"object"==typeof e&&"id"in e))(r))return;if(r.source===T)return;if(!f(r.type)&&v.length>0&&!v.includes(r.type))return;if(p(r))return void S.expired(r.id);if((e=>e&&"object"==typeof e&&"string"==typeof e.id&&"string"==typeof e.source&&"string"==typeof e.type&&f(e.type))(r)){if(r.type===P.CLEAR_MESSAGE)return void w((e=>e.filter((e=>!(e.id===r.id&&e.source===r.source)))));if(r.type===P.CLEAR_ALL_MESSAGES)return void w((e=>e.filter((e=>e.source!==r.source))))}const t=Date.now(),n=x.current.get(r.id);if(n&&t-n<y)return void S.duplicate(r.id);x.current.set(r.id,t),w((e=>l?[r]:[...e,r]))}catch(e){const r="Error processing broadcast message";m(r),j(r)}}),[T,v,l,j,P,y]);return o((()=>{if("undefined"==typeof BroadcastChannel){const e="BroadcastChannel is not supported in this browser. Please check browser compatibility.";return m(e),void j(e)}const e=new BroadcastChannel(I);return B.current=e,g.created(I),e.addEventListener("message",q),()=>{e.removeEventListener("message",q),e.close(),g.closed(I)}}),[I,q,j]),o((()=>{if(i<=0)return;const e=setInterval((()=>{A.started();const e=b.length;N(),A.completed(e-b.length)}),i);return()=>{var r;clearInterval(e),_>0&&(null===(r=N.cancel)||void 0===r||r.call(N))}}),[i,N,_]),o((()=>{const e=setInterval((()=>{const e=Date.now();for(const[r,t]of x.current.entries())e-t>=y&&x.current.delete(r)}),6e4);return()=>clearInterval(e)}),[y]),{channelName:I,messages:b,sentMessages:D,postMessage:W,clearMessage:O,clearAllMessages:F,clearSentMessage:U,error:$}},y=a(void 0);class _ extends e.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){console.error("BroadcastChannel error:",e)}render(){return this.state.hasError?i("div",{children:"Error occurred in BroadcastProvider"}):this.props.children}}const b=({children:r,channelName:s})=>{const{messages:a,error:c}=M(s),[l,u]=e.useState(null),d=t(null);o((()=>{if("undefined"==typeof BroadcastChannel)return void u("BroadcastChannel is not supported in this browser. Please check browser compatibility.");const e=new BroadcastChannel(s);return d.current=e,()=>{e.close()}}),[s]);const p=n((()=>({messages:a,error:l||c,channel:d.current})),[a,l,c]);return i(_,{children:i(y.Provider,{value:p,children:r})})},w=()=>{const e=c(y);if(!e)throw new Error("useBroadcastProvider must be used within a BroadcastProvider");return e};export{b as BroadcastProvider,M as useBroadcastChannel,w as useBroadcastProvider};
+import e,{useState as r,useRef as t,useMemo as n,useCallback as s,useEffect as o,createContext as a,useContext as c}from"react";import{jsx as i}from"react/jsx-runtime";const l="__INTERNAL__",u=()=>Math.random().toString(36).substr(2,9),d=(e,r)=>{const t=`${u()}-${e}-${r}`;return btoa(t).replace(/=+$/,"")},p=e=>!!e.expirationDate&&e.expirationDate<Date.now(),E=(e,r,t="")=>{const n=btoa(`react-broadcast-sync:${e}:${`${r}-${t}`}`);return`${l}:${e}:${n}`},f=e=>e.startsWith(`${l}:`),v=(e,r,t)=>{if("undefined"==typeof process||!process.env||"true"!==process.env.REACT_APP_DEBUG_BROADCAST)return;const n=`[${(new Date).toISOString()}] [react-broadcast-sync]`;switch(e){case"info":console.log(n,r,t||"");break;case"warn":console.warn(n,r,t||"");break;case"error":console.error(n,r,t||"")}},h={created:e=>v("info","Channel created:",e),closed:e=>v("info","Channel closed:",e)},g={sent:e=>v("info","Message sent:",e),received:e=>v("info","Message received:",e),cleared:e=>v("info","Message cleared:",e),expired:e=>v("info","Message expired:",e),duplicate:e=>v("warn","Duplicate message ignored:",e)},S={started:()=>v("info","Cleanup started"),completed:e=>v("info","Cleanup completed:",{removedCount:e})},A=e=>v("error","Error:",e),m="CLEAR_MESSAGE",C="CLEAR_ALL_MESSAGES",L=(e,a={})=>{const{sourceName:c,cleaningInterval:i=1e3,keepLatestMessage:l=!1,registeredTypes:v=[],namespace:L="",deduplicationTTL:M=3e5,cleanupDebounceMs:_=0}=a,[y,b]=r([]),[w,D]=r([]),[R,$]=r(null),G=t(null),B=t(new Map),x=t(c||`tab-${u()}`).current,T=t({CLEAR_MESSAGE:E(m,e,L),CLEAR_ALL_MESSAGES:E(C,e,L)}).current,P=n((()=>`${e}-${L}`),[e,L]),I=s((()=>{b((e=>e.filter((e=>!p(e)))))}),[]),k=t(_>0?((e,r)=>{let t,n=null,s=null;const o=(...o)=>{s=o,null!==n&&clearTimeout(n),n=setTimeout((()=>{n=null,null!==s&&(t=e(...s),s=null)}),r)};return o.cancel=()=>{null!==n&&(clearTimeout(n),n=null,s=null)},o.flush=()=>(null!==n&&(clearTimeout(n),n=null,null!==s&&(t=e(...s),s=null)),t),o})(I,_):Object.assign(I,{cancel:()=>{}})).current,N=s((e=>{$(e),setTimeout((()=>$(null)),3e3)}),[]),j=s((e=>{var r;b((r=>r.filter((r=>r.id!==e)))),D((r=>r.filter((r=>r.id!==e)))),null===(r=G.current)||void 0===r||r.postMessage({id:e,type:T.CLEAR_MESSAGE,source:x}),g.cleared(e)}),[x,T.CLEAR_MESSAGE]),O=s((()=>{var e;b([]),D([]),null===(e=G.current)||void 0===e||e.postMessage({id:T.CLEAR_ALL_MESSAGES,type:T.CLEAR_ALL_MESSAGES,source:x})}),[x,T.CLEAR_ALL_MESSAGES]),F=s((e=>{var r;D((r=>r.filter((r=>r.id!==e)))),null===(r=G.current)||void 0===r||r.postMessage({id:e,type:T.CLEAR_MESSAGE,source:x})}),[x,T.CLEAR_MESSAGE]),U=s(((e,r,t={})=>{const n=G.current;if(!n){const e="Channel not available";return A(e),void N(e)}try{const s=((e,r,t,n={})=>{var s;const o=Date.now();return{id:d(t,o),type:e,message:r,timestamp:o,source:t,expirationDate:null!==(s=n.expirationDate)&&void 0!==s?s:n.expirationDuration?o+n.expirationDuration:void 0}})(e,r,x,t);n.postMessage(s),g.sent(s),D((e=>[...e,s]))}catch(e){const r="Failed to send message";A(r),N(r)}}),[x,N]),W=s((e=>{try{const r=e.data;if(g.received(r),!(e=>Boolean(e&&"object"==typeof e&&"id"in e))(r))return;if(r.source===x)return;if(!f(r.type)&&v.length>0&&!v.includes(r.type))return;if(p(r))return void g.expired(r.id);if((e=>e&&"object"==typeof e&&"string"==typeof e.id&&"string"==typeof e.source&&"string"==typeof e.type&&f(e.type))(r)){if(r.type===T.CLEAR_MESSAGE)return void b((e=>e.filter((e=>!(e.id===r.id&&e.source===r.source)))));if(r.type===T.CLEAR_ALL_MESSAGES)return void b((e=>e.filter((e=>e.source!==r.source))))}const t=Date.now(),n=B.current.get(r.id);if(n&&t-n<M)return void g.duplicate(r.id);B.current.set(r.id,t),b((e=>l?[r]:[...e,r]))}catch(e){const r="Error processing broadcast message";A(r),N(r)}}),[x,v,l,N,T,M]);return o((()=>{if("undefined"==typeof BroadcastChannel){const e="BroadcastChannel is not supported in this browser. Please check browser compatibility.";return A(e),void N(e)}const e=new BroadcastChannel(P);return G.current=e,h.created(P),e.addEventListener("message",W),()=>{e.removeEventListener("message",W),e.close(),h.closed(P)}}),[P,W,N]),o((()=>{if(i<=0)return;const e=setInterval((()=>{S.started();const e=y.length;k(),S.completed(e-y.length)}),i);return()=>{var r;clearInterval(e),_>0&&(null===(r=k.cancel)||void 0===r||r.call(k))}}),[i,k,_]),o((()=>{const e=setInterval((()=>{const e=Date.now();for(const[r,t]of B.current.entries())e-t>=M&&B.current.delete(r)}),6e4);return()=>clearInterval(e)}),[M]),{channelName:P,messages:y,sentMessages:w,postMessage:U,clearMessage:j,clearAllMessages:O,clearSentMessage:F,error:R}},M=a(void 0);class _ extends e.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){console.error("BroadcastChannel error:",e)}render(){return this.state.hasError?i("div",{children:"Error occurred in BroadcastProvider"}):this.props.children}}const y=({children:r,channelName:s})=>{const{messages:a,error:c}=L(s),[l,u]=e.useState(null),d=t(null);o((()=>{if("undefined"==typeof BroadcastChannel)return void u("BroadcastChannel is not supported in this browser. Please check browser compatibility.");const e=new BroadcastChannel(s);return d.current=e,()=>{e.close()}}),[s]);const p=n((()=>({messages:a,error:l||c,channel:d.current})),[a,l,c]);return i(_,{children:i(M.Provider,{value:p,children:r})})},b=()=>{const e=c(M);if(!e)throw new Error("useBroadcastProvider must be used within a BroadcastProvider");return e};export{y as BroadcastProvider,L as useBroadcastChannel,b as useBroadcastProvider};
 //# sourceMappingURL=index.esm.js.map