@violice/rmu 0.2.7 → 0.2.9

package/dist/index.mjs

@@ -1,204 +1,2 @@
-import React, { Fragment, createContext, useContext, useEffect, useReducer } from "react";
-
-//#region src/rmu-context.ts
-const RMUContext = createContext(null);
-
-//#endregion
-//#region src/emitter.ts
-const listenersByType = {};
-const emitter = {
-	subscribe(type, handler) {
-		if (!listenersByType[type]) listenersByType[type] = /* @__PURE__ */ new Set();
-		listenersByType[type].add(handler);
-	},
-	unsubscribe(type, handler) {
-		const listeners = listenersByType[type];
-		if (listeners) {
-			listeners.delete(handler);
-			if (listeners.size === 0) delete listenersByType[type];
-		}
-	},
-	emit(type, payload) {
-		const listeners = listenersByType[type];
-		if (!listeners) return;
-		[...listeners].forEach((handler) => {
-			try {
-				handler(payload);
-			} catch {}
-		});
-	}
-};
-
-//#endregion
-//#region src/events.ts
-const RMU_EVENTS = {
-	open: "rmu:open-modal",
-	close: "rmu:close-modal"
-};
-const openModal = (modalComponent, config = {}) => {
-	const modalId = `rmu-modal-${(/* @__PURE__ */ new Date()).getTime().toString()}`;
-	const { outletId = "rmu-default-outlet" } = config;
-	emitter.emit(RMU_EVENTS.open, {
-		modalId,
-		modalComponent,
-		outletId
-	});
-	return {
-		modalId,
-		outletId
-	};
-};
-const closeModal = ({ modalId, outletId }) => {
-	emitter.emit(RMU_EVENTS.close, {
-		modalId,
-		outletId
-	});
-};
-
-//#endregion
-//#region src/use-rmu-events.ts
-const useRMUEvents = (ctx) => {
-	const events = {
-		open: (payload) => ctx.openModal(payload),
-		close: (payload) => ctx.closeModal(payload)
-	};
-	useEffect(() => {
-		Object.keys(events).forEach((event) => {
-			emitter.subscribe(RMU_EVENTS[event], events[event]);
-		});
-		return () => {
-			Object.keys(events).forEach((event) => {
-				emitter.unsubscribe(RMU_EVENTS[event], events[event]);
-			});
-		};
-	}, []);
-};
-
-//#endregion
-//#region src/use-rmu-state.ts
-const ACTIONS = {
-	openModal: "rmu:open-modal",
-	closeModal: "rmu:close-modal",
-	addOutlet: "rmu:add-modal",
-	removeOutlet: "rmu:remove-outlet"
-};
-const reducer = (state, action) => {
-	switch (action.type) {
-		case ACTIONS.openModal: {
-			const { modalId, modalComponent, outletId } = action.payload;
-			const modalOutlet = state.outlets[outletId];
-			if (!modalOutlet) throw new Error(`Outlet with id ${outletId} not found`);
-			return {
-				...state,
-				outlets: {
-					...state.outlets,
-					[outletId]: {
-						...modalOutlet,
-						[modalId]: modalComponent
-					}
-				}
-			};
-		}
-		case ACTIONS.closeModal: {
-			const { modalId, outletId } = action.payload;
-			const modalOutlet = state.outlets[outletId];
-			if (!modalOutlet) throw new Error(`Outlet with id ${outletId} not found`);
-			const { [modalId]: _removed,...restModals } = modalOutlet;
-			return {
-				...state,
-				outlets: {
-					...state.outlets,
-					[outletId]: restModals
-				}
-			};
-		}
-		case ACTIONS.addOutlet: {
-			const { outletId } = action.payload;
-			if (!!state.outlets[outletId]) throw new Error(`Outlet with id ${outletId} already exists`);
-			return {
-				...state,
-				outlets: {
-					...state.outlets,
-					[outletId]: {}
-				}
-			};
-		}
-		case ACTIONS.removeOutlet: {
-			const { outletId } = action.payload;
-			const { [outletId]: _removed,...restOutlets } = state.outlets;
-			return {
-				...state,
-				outlets: restOutlets
-			};
-		}
-		default: return state;
-	}
-};
-const useRMUState = () => {
-	const [state, dispatch] = useReducer(reducer, { outlets: {} });
-	const openModal$1 = ({ modalId, modalComponent, outletId }) => {
-		dispatch({
-			type: ACTIONS.openModal,
-			payload: {
-				modalId,
-				modalComponent,
-				outletId
-			}
-		});
-	};
-	const closeModal$1 = ({ modalId, outletId }) => {
-		dispatch({
-			type: ACTIONS.closeModal,
-			payload: {
-				modalId,
-				outletId
-			}
-		});
-	};
-	const addOutlet = (outletId) => {
-		dispatch({
-			type: ACTIONS.addOutlet,
-			payload: { outletId }
-		});
-	};
-	const removeOutlet = (outletId) => {
-		dispatch({
-			type: ACTIONS.removeOutlet,
-			payload: { outletId }
-		});
-	};
-	return {
-		...state,
-		openModal: openModal$1,
-		closeModal: closeModal$1,
-		addOutlet,
-		removeOutlet
-	};
-};
-
-//#endregion
-//#region src/rmu-provider.tsx
-const RMUProvider = ({ children }) => {
-	const state = useRMUState();
-	useRMUEvents(state);
-	return /* @__PURE__ */ React.createElement(RMUContext.Provider, { value: state }, children);
-};
-
-//#endregion
-//#region src/rmu-outlet.tsx
-const RMUOutlet = ({ outletId = "rmu-default-outlet" }) => {
-	const ctx = useContext(RMUContext);
-	if (!ctx) throw new Error("RMUProvider not found in component tree");
-	const { outlets, addOutlet, removeOutlet } = ctx;
-	useEffect(() => {
-		addOutlet(outletId);
-		return () => {
-			removeOutlet(outletId);
-		};
-	}, []);
-	const modals = outlets[outletId] ?? {};
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, Object.entries(modals).map(([modalId, modalComponent]) => /* @__PURE__ */ React.createElement(Fragment, { key: modalId }, modalComponent)));
-};
-
-//#endregion
-export { RMUOutlet, RMUProvider, closeModal, openModal };
+import{Fragment as e,createContext as t,useContext as n,useEffect as r,useReducer as i}from"react";import{Fragment as a,jsx as o}from"react/jsx-runtime";const s=t(null);let c=function(e){return e.OpenModal=`RMU:OPEN_MODAL`,e.CloseModal=`RMU:CLOSE_MODAL`,e}({});const l=`RMU:DEFAULT_OUTLET`,u={open:c.OpenModal,close:c.CloseModal},d={},f={subscribe(e,t){d[e]||(d[e]=new Set),d[e].add(t)},unsubscribe(e,t){let n=d[e];n&&(n.delete(t),n.size===0&&delete d[e])},emit(e,t){let n=d[e];n&&[...n].forEach(e=>{try{e(t)}catch{}})},_clear(){Object.keys(d).forEach(e=>{delete d[e]})}},p=e=>{let t={open:t=>e.openModal(t),close:t=>e.closeModal(t)};r(()=>(Object.keys(t).forEach(e=>{f.subscribe(u[e],t[e])}),()=>{Object.keys(t).forEach(e=>{f.unsubscribe(u[e],t[e])})}),[])},m={openModal:`rmu:open-modal`,closeModal:`rmu:close-modal`,addOutlet:`rmu:add-modal`,removeOutlet:`rmu:remove-outlet`},h=(e,t)=>{switch(t.type){case m.openModal:{let{modalId:n,modalComponent:r,outletId:i}=t.payload,a=e.outlets[i];if(!a)throw Error(`Outlet with id ${i} not found`);return{...e,outlets:{...e.outlets,[i]:{...a,[n]:r}}}}case m.closeModal:{let{modalId:n,outletId:r}=t.payload,i=e.outlets[r];if(!i)throw Error(`Outlet with id ${r} not found`);let{[n]:a,...o}=i;return{...e,outlets:{...e.outlets,[r]:o}}}case m.addOutlet:{let{outletId:n}=t.payload;if(e.outlets[n])throw Error(`Outlet with id ${n} already exists`);return{...e,outlets:{...e.outlets,[n]:{}}}}case m.removeOutlet:{let{outletId:n}=t.payload,{[n]:r,...i}=e.outlets;return{...e,outlets:i}}default:return e}},g=()=>{let[e,t]=i(h,{outlets:{}}),n=({modalId:e,modalComponent:n,outletId:r})=>{t({type:m.openModal,payload:{modalId:e,modalComponent:n,outletId:r}})},r=({modalId:e,outletId:n})=>{t({type:m.closeModal,payload:{modalId:e,outletId:n}})},a=e=>{t({type:m.addOutlet,payload:{outletId:e}})},o=e=>{t({type:m.removeOutlet,payload:{outletId:e}})};return{...e,openModal:n,closeModal:r,addOutlet:a,removeOutlet:o}},_=({children:e})=>{let t=g();return p(t),o(s.Provider,{value:t,children:e})},v=({outletId:t=l})=>{let i=n(s);if(!i)throw Error(`RMUProvider not found in component tree`);let{outlets:c,addOutlet:u,removeOutlet:d}=i;r(()=>(u(t),()=>{d(t)}),[]);let f=c[t]??{};return o(a,{children:Object.entries(f).map(([t,n])=>o(e,{children:n},t))})},y=(e,t={})=>{let n=`rmu-modal-${new Date().getTime().toString()}`,{outletId:r=l}=t,i={modalId:n,modalComponent:e,outletId:r};return f.emit(c.OpenModal,i),{modalId:n,outletId:r}},b=({modalId:e,outletId:t})=>{let n={modalId:e,outletId:t};f.emit(c.CloseModal,n)};export{v as RMUOutlet,_ as RMUProvider,b as closeModal,y as openModal};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/rmu-context.ts","../src/types.ts","../src/constants.ts","../src/emitter.ts","../src/use-rmu-events.ts","../src/use-rmu-state.ts","../src/rmu-provider.tsx","../src/rmu-outlet.tsx","../src/events.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { RMUContextState } from './types';\n\nexport const RMUContext = createContext<RMUContextState | null>(null);\n","import { ReactNode } from 'react';\n\nexport enum RMUEventType {\n  OpenModal = 'RMU:OPEN_MODAL',\n  CloseModal = 'RMU:CLOSE_MODAL',\n}\n\nexport type RMUContextState = {\n  outlets: Record<string, Record<string, ReactNode>>;\n  openModal: (payload: OpenModalPayload) => void;\n  closeModal: (payload: CloseModalPayload) => void;\n  addOutlet: (outletId: string) => void;\n  removeOutlet: (outletId: string) => void;\n};\n\nexport type OpenModalPayload = {\n  modalId: string;\n  modalComponent: ReactNode;\n  outletId: string;\n};\n\nexport type CloseModalPayload = {\n  modalId: string;\n  outletId: string;\n};\n\nexport type RMUEventPayload = OpenModalPayload | CloseModalPayload;\n","import { RMUEventType } from \"./types\";\n\nexport const RMU_DEFAULT_OUTLET_ID = 'RMU:DEFAULT_OUTLET' as const;\n\nexport const RMU_EVENTS = {\n  open: RMUEventType.OpenModal,\n  close: RMUEventType.CloseModal,\n} as const;\n","export type EventHandler<T = unknown> = (payload: T) => void;\n\ntype EventListenersMap = Record<string, Set<EventHandler<unknown>>>;\n\nconst listenersByType: EventListenersMap = {};\n\nexport const emitter = {\n  subscribe<T>(type: string, handler: EventHandler<T>) {\n    if (!listenersByType[type]) {\n      listenersByType[type] = new Set<EventHandler<unknown>>();\n    }\n    listenersByType[type].add(handler as EventHandler<unknown>);\n  },\n\n  unsubscribe<T>(type: string, handler: EventHandler<T>) {\n    const listeners = listenersByType[type];\n    if (listeners) {\n      listeners.delete(handler as EventHandler<unknown>);\n      if (listeners.size === 0) {\n        delete listenersByType[type];\n      }\n    }\n  },\n\n  emit<T>(type: string, payload: T) {\n    const listeners = listenersByType[type];\n    if (listeners) {\n      // Clone to avoid issues if handlers mutate subscription during emit\n      [...listeners].forEach((handler) => {\n        try {\n          handler(payload);\n        } catch {\n          // Swallow to ensure one handler error does not break others\n        }\n      });\n    }\n  },\n\n  // For testing purposes only\n  _clear() {\n    Object.keys(listenersByType).forEach((key) => {\n      delete listenersByType[key];\n    });\n  },\n};\n","import { useEffect } from 'react';\nimport { RMUContextState, OpenModalPayload, CloseModalPayload } from './types';\nimport { RMU_EVENTS } from './constants';\nimport { emitter } from './emitter';\n\nexport const useRMUEvents = (ctx: RMUContextState) => {\n  const events = {\n    open: (payload: OpenModalPayload) => ctx.openModal(payload),\n    close: (payload: CloseModalPayload) => ctx.closeModal(payload),\n  };\n\n  useEffect(() => {\n    (Object.keys(events) as (keyof typeof events)[]).forEach(event => {\n      emitter.subscribe(RMU_EVENTS[event], events[event]);\n    });\n\n    return () => {\n      (Object.keys(events) as (keyof typeof events)[]).forEach(event => {\n        emitter.unsubscribe(RMU_EVENTS[event], events[event]);\n      });\n    };\n  }, []);\n};\n","import { useReducer } from 'react';\nimport { RMUContextState } from './types';\n\nconst ACTIONS = {\n  openModal: 'rmu:open-modal',\n  closeModal: 'rmu:close-modal',\n  addOutlet: 'rmu:add-modal',\n  removeOutlet: 'rmu:remove-outlet',\n} as const;\n\nconst reducer = (\n  state: {\n    outlets: RMUContextState['outlets'];\n  },\n  action: {\n    type: string;\n    payload: Record<string, any>;\n  }\n) => {\n  switch (action.type) {\n    case ACTIONS.openModal: {\n      const { modalId, modalComponent, outletId } = action.payload;\n      const modalOutlet = state.outlets[outletId];\n\n      if (!modalOutlet) {\n        throw new Error(`Outlet with id ${outletId} not found`);\n      }\n\n      return {\n        ...state,\n        outlets: {\n          ...state.outlets,\n          [outletId]: {\n            ...modalOutlet,\n            [modalId]: modalComponent,\n          },\n        },\n      };\n    }\n    case ACTIONS.closeModal: {\n      const { modalId, outletId } = action.payload;\n\n      const modalOutlet = state.outlets[outletId];\n      if (!modalOutlet) {\n        throw new Error(`Outlet with id ${outletId} not found`);\n      }\n\n      const { [modalId]: _removed, ...restModals } = modalOutlet;\n\n      return {\n        ...state,\n        outlets: {\n          ...state.outlets,\n          [outletId]: restModals,\n        },\n      };\n    }\n    case ACTIONS.addOutlet: {\n      const { outletId } = action.payload;\n\n      if (!!state.outlets[outletId]) {\n        throw new Error(`Outlet with id ${outletId} already exists`);\n      }\n\n      return {\n        ...state,\n        outlets: {\n          ...state.outlets,\n          [outletId]: {},\n        },\n      };\n    }\n    case ACTIONS.removeOutlet: {\n      const { outletId } = action.payload;\n\n      const { [outletId]: _removed, ...restOutlets } = state.outlets;\n\n      return {\n        ...state,\n        outlets: restOutlets,\n      };\n    }\n    default:\n      return state;\n  }\n};\n\nexport const useRMUState = () => {\n  const [state, dispatch] = useReducer(reducer, {\n    outlets: {},\n  });\n\n  const openModal: RMUContextState['openModal'] = ({\n    modalId,\n    modalComponent,\n    outletId,\n  }) => {\n    dispatch({\n      type: ACTIONS.openModal,\n      payload: { modalId, modalComponent, outletId },\n    });\n  };\n\n  const closeModal: RMUContextState['closeModal'] = ({ modalId, outletId }) => {\n    dispatch({ type: ACTIONS.closeModal, payload: { modalId, outletId } });\n  };\n\n  const addOutlet: RMUContextState['addOutlet'] = outletId => {\n    dispatch({ type: ACTIONS.addOutlet, payload: { outletId } });\n  };\n\n  const removeOutlet: RMUContextState['removeOutlet'] = outletId => {\n    dispatch({ type: ACTIONS.removeOutlet, payload: { outletId } });\n  };\n\n  return {\n    ...state,\n    openModal,\n    closeModal,\n    addOutlet,\n    removeOutlet,\n  };\n};\n","import React from 'react';\nimport { RMUContext } from './rmu-context';\nimport { useRMUEvents } from './use-rmu-events';\nimport { useRMUState } from './use-rmu-state';\n\nexport const RMUProvider = ({ children }: { children: React.ReactNode }) => {\n  const state = useRMUState();\n\n  useRMUEvents(state);\n\n  return <RMUContext.Provider value={state}>{children}</RMUContext.Provider>;\n};\n","import React, { Fragment, useContext, useEffect } from 'react';\nimport { RMUContext } from './rmu-context';\nimport { RMU_DEFAULT_OUTLET_ID } from './constants';\n\nexport const RMUOutlet = ({ outletId = RMU_DEFAULT_OUTLET_ID }) => {\n  const ctx = useContext(RMUContext);\n\n  if (!ctx) {\n    throw new Error('RMUProvider not found in component tree');\n  }\n\n  const { outlets, addOutlet, removeOutlet } = ctx;\n\n  useEffect(() => {\n    addOutlet(outletId);\n    return () => {\n      removeOutlet(outletId);\n    };\n  }, []);\n\n  const modals = outlets[outletId] ?? {};\n\n  return (\n    <>\n      {Object.entries(modals).map(([modalId, modalComponent]) => (\n        <Fragment key={modalId}>{modalComponent}</Fragment>\n      ))}\n    </>\n  );\n};\n\nexport default RMUOutlet;\n","import { ReactNode } from 'react';\nimport { OpenModalPayload, CloseModalPayload, RMUEventType } from './types';\nimport { emitter } from './emitter';\nimport { RMU_DEFAULT_OUTLET_ID } from './constants';\n\nexport const openModal = (\n  modalComponent: ReactNode,\n  config: { outletId?: string } = {}\n): { modalId: string; outletId: string } => {\n  const modalId = `rmu-modal-${new Date().getTime().toString()}`;\n  const { outletId = RMU_DEFAULT_OUTLET_ID } = config;\n  const payload: OpenModalPayload = {\n    modalId,\n    modalComponent,\n    outletId,\n  };\n  emitter.emit<OpenModalPayload>(RMUEventType.OpenModal, payload);\n  return { modalId, outletId };\n};\n\nexport const closeModal = ({\n  modalId,\n  outletId,\n}: {\n  modalId: string;\n  outletId: string;\n}): void => {\n  const payload: CloseModalPayload = { modalId, outletId };\n  emitter.emit<CloseModalPayload>(RMUEventType.CloseModal, payload);\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@violice/rmu",
-  "version": "0.2.7",
+  "version": "0.2.9",
+  "type": "module",
   "author": "Sergey Ivashko",
   "license": "MIT",
   "files": [
@@ -8,18 +9,20 @@
     "src"
   ],
   "engines": {
-    "node": ">=20"
+    "node": ">=24"
   },
   "scripts": {
-    "start": "tsdown --watch",
+    "dev": "tsdown --watch",
     "build": "tsdown",
-    "prepare": "tsdown",
     "size": "size-limit",
-    "analyze": "size-limit --why"
+    "size:why": "size-limit --why",
+    "test": "vitest --watch=false",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage"
   },
   "peerDependencies": {
-    "react": ">=16",
-    "react-native": ">=0.60"
+    "react": ">=18",
+    "react-native": ">=0.69"
   },
   "peerDependenciesMeta": {
     "react-native": {
@@ -32,21 +35,21 @@
     "singleQuote": true,
     "trailingComma": "es5"
   },
-  "main": "dist/index.js",
+  "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
-  "react-native": "dist/index.js",
+  "react-native": "dist/index.cjs",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.cjs"
     }
   },
   "sideEffects": false,
   "size-limit": [
     {
-      "path": "dist/index.js",
+      "path": "dist/index.cjs",
       "limit": "2 KB"
     },
     {
@@ -55,14 +58,19 @@
     }
   ],
   "devDependencies": {
-    "@size-limit/preset-small-lib": "^11.2.0",
-    "@types/react": "^18.3.25",
-    "@types/react-dom": "^18.3.7",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "size-limit": "^11.2.0",
-    "tsdown": "^0.15.6",
+    "@size-limit/preset-small-lib": "^12.0.1",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitest/coverage-v8": "^4.1.4",
+    "jsdom": "^26.0.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "size-limit": "^12.0.1",
+    "tsdown": "^0.21.8",
     "tslib": "^2.8.1",
-    "typescript": "^5.9.3"
+    "typescript": "^6.0.2",
+    "vitest": "^4.1.4"
   }
 }

package/src/constants.ts

@@ -0,0 +1,8 @@
+import { RMUEventType } from "./types";
+
+export const RMU_DEFAULT_OUTLET_ID = 'RMU:DEFAULT_OUTLET' as const;
+
+export const RMU_EVENTS = {
+  open: RMUEventType.OpenModal,
+  close: RMUEventType.CloseModal,
+} as const;

package/src/emitter.test.ts

@@ -0,0 +1,85 @@
+import { describe, it, expect, vi } from 'vitest';
+import { emitter } from './emitter';
+
+describe('emitter', () => {
+  it('should subscribe and emit events', () => {
+    const handler = vi.fn();
+    emitter.subscribe('test', handler);
+    emitter.emit('test', 'payload');
+    expect(handler).toHaveBeenCalledWith('payload');
+  });
+
+  it('should unsubscribe from events', () => {
+    const handler = vi.fn();
+    emitter.subscribe('test', handler);
+    emitter.unsubscribe('test', handler);
+    emitter.emit('test', 'payload');
+    expect(handler).not.toHaveBeenCalled();
+  });
+
+  it('should handle multiple handlers', () => {
+    const handler1 = vi.fn();
+    const handler2 = vi.fn();
+    emitter.subscribe('test', handler1);
+    emitter.subscribe('test', handler2);
+    emitter.emit('test', 'data');
+    expect(handler1).toHaveBeenCalled();
+    expect(handler2).toHaveBeenCalled();
+  });
+
+  it('should not break when emitting to non-existent event', () => {
+    expect(() => emitter.emit('non-existent', 'data')).not.toThrow();
+  });
+
+  it('should pass payload to handlers', () => {
+    const handler = vi.fn();
+    const payload = { id: 1, name: 'test' };
+    emitter.subscribe('test', handler);
+    emitter.emit('test', payload);
+    expect(handler).toHaveBeenCalledWith(payload);
+  });
+
+  it('should delete event type when all handlers are unsubscribed', () => {
+    const handler1 = vi.fn();
+    const handler2 = vi.fn();
+
+    // Subscribe multiple handlers
+    emitter.subscribe('cleanup-test', handler1);
+    emitter.subscribe('cleanup-test', handler2);
+
+    // Emit should work
+    emitter.emit('cleanup-test', 'data');
+    expect(handler1).toHaveBeenCalled();
+    expect(handler2).toHaveBeenCalled();
+
+    // Unsubscribe first handler - event type should still exist
+    emitter.unsubscribe('cleanup-test', handler1);
+    emitter.emit('cleanup-test', 'data2');
+    expect(handler2).toHaveBeenCalledTimes(2);
+
+    // Unsubscribe second handler - event type should be deleted
+    emitter.unsubscribe('cleanup-test', handler2);
+
+    // Emit should not throw and handlers should not be called
+    expect(() => emitter.emit('cleanup-test', 'data3')).not.toThrow();
+    expect(handler1).toHaveBeenCalledTimes(1);
+    expect(handler2).toHaveBeenCalledTimes(2);
+  });
+
+  it('should handle errors in handlers without breaking other handlers', () => {
+    const errorHandler = vi.fn(() => {
+      throw new Error('Handler error');
+    });
+    const normalHandler = vi.fn();
+
+    emitter.subscribe('error-test', errorHandler);
+    emitter.subscribe('error-test', normalHandler);
+
+    // Emit should not throw even if one handler throws
+    expect(() => emitter.emit('error-test', 'data')).not.toThrow();
+
+    // Both handlers should have been called
+    expect(errorHandler).toHaveBeenCalled();
+    expect(normalHandler).toHaveBeenCalled();
+  });
+});

package/src/emitter.ts

@@ -1,37 +1,45 @@
-type EventHandler = (payload: any) => void;
+export type EventHandler<T = unknown> = (payload: T) => void;
 
-type EventListenersMap = Record<string, Set<EventHandler>>;
+type EventListenersMap = Record<string, Set<EventHandler<unknown>>>;
 
 const listenersByType: EventListenersMap = {};
 
 export const emitter = {
-  subscribe(type: string, handler: EventHandler) {
+  subscribe<T>(type: string, handler: EventHandler<T>) {
     if (!listenersByType[type]) {
-      listenersByType[type] = new Set<EventHandler>();
+      listenersByType[type] = new Set<EventHandler<unknown>>();
     }
-    listenersByType[type].add(handler);
+    listenersByType[type].add(handler as EventHandler<unknown>);
   },
 
-  unsubscribe(type: string, handler: EventHandler) {
+  unsubscribe<T>(type: string, handler: EventHandler<T>) {
     const listeners = listenersByType[type];
     if (listeners) {
-      listeners.delete(handler);
+      listeners.delete(handler as EventHandler<unknown>);
       if (listeners.size === 0) {
         delete listenersByType[type];
       }
     }
   },
 
-  emit(type: string, payload: any) {
+  emit<T>(type: string, payload: T) {
     const listeners = listenersByType[type];
-    if (!listeners) return;
-    // Clone to avoid issues if handlers mutate subscription during emit
-    [...listeners].forEach(handler => {
-      try {
-        handler(payload);
-      } catch {
-        // Swallow to ensure one handler error does not break others
-      }
+    if (listeners) {
+      // Clone to avoid issues if handlers mutate subscription during emit
+      [...listeners].forEach((handler) => {
+        try {
+          handler(payload);
+        } catch {
+          // Swallow to ensure one handler error does not break others
+        }
+      });
+    }
+  },
+
+  // For testing purposes only
+  _clear() {
+    Object.keys(listenersByType).forEach((key) => {
+      delete listenersByType[key];
     });
   },
 };

package/src/events.test.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { openModal, closeModal } from './events';
+import { RMU_EVENTS, RMU_DEFAULT_OUTLET_ID } from './constants';
+import { emitter } from './emitter';
+
+describe('events', () => {
+  const mockComponent = React.createElement('div', null, 'Test Modal');
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  describe('openModal', () => {
+    it('should emit open event with default outlet', () => {
+      const emitSpy = vi.spyOn(emitter, 'emit');
+      const result = openModal(mockComponent);
+
+      expect(emitSpy).toHaveBeenCalledWith(RMU_EVENTS.open, {
+        modalId: expect.stringMatching(/^rmu-modal-\d+$/),
+        modalComponent: mockComponent,
+        outletId: RMU_DEFAULT_OUTLET_ID,
+      });
+      expect(result).toHaveProperty('modalId');
+      expect(result).toHaveProperty('outletId', RMU_DEFAULT_OUTLET_ID);
+    });
+
+    it('should emit open event with custom outlet', () => {
+      const emitSpy = vi.spyOn(emitter, 'emit');
+      const result = openModal(mockComponent, { outletId: 'custom-outlet' });
+
+      expect(emitSpy).toHaveBeenCalledWith(RMU_EVENTS.open, {
+        modalId: expect.stringMatching(/^rmu-modal-\d+$/),
+        modalComponent: mockComponent,
+        outletId: 'custom-outlet',
+      });
+      expect(result.outletId).toBe('custom-outlet');
+    });
+
+    it('should generate unique modal IDs', async () => {
+      const result1 = openModal(mockComponent);
+      await new Promise(resolve => setTimeout(resolve, 10));
+      const result2 = openModal(mockComponent);
+      expect(result1.modalId).not.toBe(result2.modalId);
+    });
+  });
+
+  describe('closeModal', () => {
+    it('should emit close event', () => {
+      const emitSpy = vi.spyOn(emitter, 'emit');
+      closeModal({ modalId: 'test-modal', outletId: 'test-outlet' });
+
+      expect(emitSpy).toHaveBeenCalledWith(RMU_EVENTS.close, {
+        modalId: 'test-modal',
+        outletId: 'test-outlet',
+      });
+    });
+  });
+});

package/src/events.ts

@@ -1,29 +1,30 @@
 import { ReactNode } from 'react';
-import { RMUContextState } from './types';
+import { OpenModalPayload, CloseModalPayload, RMUEventType } from './types';
 import { emitter } from './emitter';
-
-export const RMU_EVENTS = {
-  open: 'rmu:open-modal',
-  close: 'rmu:close-modal',
-} as const;
+import { RMU_DEFAULT_OUTLET_ID } from './constants';
 
 export const openModal = (
   modalComponent: ReactNode,
   config: { outletId?: string } = {}
-) => {
+): { modalId: string; outletId: string } => {
   const modalId = `rmu-modal-${new Date().getTime().toString()}`;
-  const { outletId = 'rmu-default-outlet' } = config;
-  emitter.emit(RMU_EVENTS.open, {
+  const { outletId = RMU_DEFAULT_OUTLET_ID } = config;
+  const payload: OpenModalPayload = {
     modalId,
     modalComponent,
     outletId,
-  });
+  };
+  emitter.emit<OpenModalPayload>(RMUEventType.OpenModal, payload);
   return { modalId, outletId };
 };
 
-export const closeModal: RMUContextState['closeModal'] = ({
+export const closeModal = ({
   modalId,
   outletId,
-}) => {
-  emitter.emit(RMU_EVENTS.close, { modalId, outletId });
+}: {
+  modalId: string;
+  outletId: string;
+}): void => {
+  const payload: CloseModalPayload = { modalId, outletId };
+  emitter.emit<CloseModalPayload>(RMUEventType.CloseModal, payload);
 };