@rencar-dev/feature-modules-public 0.0.7

package/dist/presence/index.js

@@ -0,0 +1,425 @@
+// src/presence/core/socket.ts
+import { io } from "socket.io-client";
+var config = null;
+var sharedSocket = null;
+function initPresenceSocket(presenceConfig) {
+  config = presenceConfig;
+  if (sharedSocket) {
+    sharedSocket.disconnect();
+    sharedSocket = null;
+  }
+}
+function getPresenceSocket() {
+  if (!config) {
+    throw new Error(
+      "[presence-module] Socket not initialized. Call initPresenceSocket() first."
+    );
+  }
+  if (sharedSocket && sharedSocket.connected) {
+    return sharedSocket;
+  }
+  if (!sharedSocket) {
+    sharedSocket = io(config.url, {
+      transports: config.transports ?? ["websocket"]
+    });
+  } else if (!sharedSocket.connected) {
+    sharedSocket.connect();
+  }
+  return sharedSocket;
+}
+function disconnectPresenceSocket() {
+  if (sharedSocket) {
+    sharedSocket.disconnect();
+    sharedSocket = null;
+  }
+}
+function isPresenceSocketInitialized() {
+  return config !== null;
+}
+
+// src/presence/hooks/usePresence.ts
+import { useEffect, useState, useCallback } from "react";
+var DEFAULT_HEARTBEAT_INTERVAL = 10 * 60 * 1e3;
+function usePresence(options) {
+  const {
+    roomId,
+    currentUser,
+    enabled = true,
+    heartbeatInterval = DEFAULT_HEARTBEAT_INTERVAL
+  } = options;
+  const [users, setUsers] = useState([]);
+  const normalizeUsers2 = useCallback((incoming) => {
+    if (Array.isArray(incoming)) {
+      return incoming;
+    }
+    if (incoming && typeof incoming === "object" && Array.isArray(incoming.users)) {
+      return incoming.users;
+    }
+    return [];
+  }, []);
+  useEffect(() => {
+    if (!enabled) {
+      setUsers([]);
+    }
+  }, [enabled]);
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    const socket = getPresenceSocket();
+    const joinRoom = () => {
+      socket.emit("presence:join", { roomId, user: currentUser });
+    };
+    if (socket.connected) {
+      joinRoom();
+    }
+    socket.on("connect", joinRoom);
+    const heartbeat = () => {
+      socket.emit("presence:heartbeat", { roomId });
+    };
+    heartbeat();
+    const heartbeatIntervalId = window.setInterval(
+      heartbeat,
+      heartbeatInterval
+    );
+    const handlePresenceUpdate = (incoming) => {
+      setUsers(normalizeUsers2(incoming));
+    };
+    socket.on("presence:update", handlePresenceUpdate);
+    const handleBeforeUnload = () => {
+      socket.emit("presence:leave", { roomId, userId: currentUser.userId });
+    };
+    window.addEventListener("beforeunload", handleBeforeUnload);
+    return () => {
+      socket.off("connect", joinRoom);
+      socket.off("presence:update", handlePresenceUpdate);
+      window.removeEventListener("beforeunload", handleBeforeUnload);
+      window.clearInterval(heartbeatIntervalId);
+      socket.emit("presence:leave", { roomId, userId: currentUser.userId });
+    };
+  }, [
+    roomId,
+    currentUser.userId,
+    currentUser.name,
+    enabled,
+    heartbeatInterval,
+    normalizeUsers2
+  ]);
+  return users;
+}
+
+// src/presence/hooks/usePresenceWatch.ts
+import { useEffect as useEffect2, useMemo, useRef, useState as useState2 } from "react";
+function normalizeUsers(value) {
+  if (Array.isArray(value)) return value;
+  if (value && typeof value === "object" && Array.isArray(value.users)) {
+    return value.users;
+  }
+  return [];
+}
+function usePresenceWatch(options) {
+  const { roomIds, enabled = true } = options;
+  const [roomsUsers, setRoomsUsers] = useState2(
+    {}
+  );
+  const normalizedRoomIds = useMemo(() => {
+    const uniq = Array.from(new Set((roomIds ?? []).filter(Boolean)));
+    return uniq;
+  }, [roomIds]);
+  const watchedRef = useRef(/* @__PURE__ */ new Set());
+  useEffect2(() => {
+    if (!enabled) {
+      setRoomsUsers({});
+      watchedRef.current = /* @__PURE__ */ new Set();
+      return;
+    }
+    const socket = getPresenceSocket();
+    const toWatch = normalizedRoomIds.filter((r) => !watchedRef.current.has(r));
+    const toUnwatch = Array.from(watchedRef.current).filter(
+      (r) => !normalizedRoomIds.includes(r)
+    );
+    if (toWatch.length > 0) {
+      socket.emit("presence:watch", { roomIds: toWatch });
+      for (const r of toWatch) watchedRef.current.add(r);
+    }
+    if (toUnwatch.length > 0) {
+      socket.emit("presence:unwatch", { roomIds: toUnwatch });
+      for (const r of toUnwatch) watchedRef.current.delete(r);
+      setRoomsUsers((prev) => {
+        const next = { ...prev };
+        for (const r of toUnwatch) delete next[r];
+        return next;
+      });
+    }
+  }, [enabled, normalizedRoomIds]);
+  useEffect2(() => {
+    if (!enabled) return;
+    const socket = getPresenceSocket();
+    const handleSnapshot = (payload) => {
+      const rooms = payload?.rooms ?? {};
+      setRoomsUsers((prev) => {
+        const next = { ...prev };
+        for (const [roomId, users] of Object.entries(rooms)) {
+          next[roomId] = normalizeUsers(users);
+        }
+        return next;
+      });
+    };
+    const handleUpdate = (payload) => {
+      if (!payload || typeof payload !== "object") return;
+      const { roomId, users } = payload;
+      if (!roomId) return;
+      if (!watchedRef.current.has(roomId)) return;
+      setRoomsUsers((prev) => ({ ...prev, [roomId]: normalizeUsers(users) }));
+    };
+    socket.on("presence:snapshot", handleSnapshot);
+    socket.on("presence:update", handleUpdate);
+    const handleConnect = () => {
+      const ids = Array.from(watchedRef.current);
+      if (ids.length > 0) socket.emit("presence:watch", { roomIds: ids });
+    };
+    socket.on("connect", handleConnect);
+    return () => {
+      socket.off("presence:snapshot", handleSnapshot);
+      socket.off("presence:update", handleUpdate);
+      socket.off("connect", handleConnect);
+      const ids = Array.from(watchedRef.current);
+      if (ids.length > 0) socket.emit("presence:unwatch", { roomIds: ids });
+      watchedRef.current = /* @__PURE__ */ new Set();
+    };
+  }, [enabled]);
+  return roomsUsers;
+}
+
+// src/presence/headless/usePresenceAvatarsState.ts
+import { useMemo as useMemo2, useState as useState3, useCallback as useCallback3 } from "react";
+function getInitialFromUser(user) {
+  const base = (user?.name || user?.userId || "").trim();
+  if (!base) return "?";
+  const ch = base.charAt(0);
+  return /[a-z]/i.test(ch) ? ch.toUpperCase() : ch;
+}
+function usePresenceAvatarsState(options) {
+  const { users, maxVisible = 3 } = options;
+  const safeUsers = Array.isArray(users) ? users : [];
+  const visibleUsers = useMemo2(
+    () => safeUsers.slice(0, maxVisible),
+    [safeUsers, maxVisible]
+  );
+  const moreCount = Math.max(0, safeUsers.length - visibleUsers.length);
+  const [hoveredIndex, setHoveredIndex] = useState3(null);
+  const hoveredUser = hoveredIndex != null ? visibleUsers[hoveredIndex] : null;
+  const baseTopZ = visibleUsers.length + 1;
+  const getInitial = useCallback3((user) => {
+    return getInitialFromUser(user);
+  }, []);
+  const getZIndex = useCallback3(
+    (index, isHovered) => {
+      return isHovered ? 100 : baseTopZ - index;
+    },
+    [baseTopZ]
+  );
+  return {
+    visibleUsers,
+    moreCount,
+    hoveredUser,
+    hoveredIndex,
+    setHoveredIndex,
+    getInitial,
+    getZIndex
+  };
+}
+
+// src/presence/headless/usePresenceFloatingState.ts
+import { useCallback as useCallback4, useEffect as useEffect3, useMemo as useMemo3, useRef as useRef2, useState as useState4 } from "react";
+function usePresenceFloatingState(options) {
+  const { users, maxVisible = 8, initialPosition = { top: 166 } } = options;
+  const containerRef = useRef2(null);
+  const [dragging, setDragging] = useState4(false);
+  const [hasDragged, setHasDragged] = useState4(false);
+  const [dragOffset, setDragOffset] = useState4({
+    x: 0,
+    y: 0
+  });
+  const [position, setPosition] = useState4({
+    top: initialPosition.top,
+    left: 0
+  });
+  const [hoveredUser, setHoveredUser] = useState4(null);
+  const [tooltipTop, setTooltipTop] = useState4(0);
+  const safeUsers = Array.isArray(users) ? users : [];
+  const visibleUsers = safeUsers.slice(0, maxVisible);
+  const moreCount = Math.max(0, safeUsers.length - visibleUsers.length);
+  useEffect3(() => {
+    if (!hasDragged) return;
+    const el = containerRef.current;
+    if (!el) return;
+    const adjustPosition = () => {
+      const rect = el.getBoundingClientRect();
+      const maxLeft = window.innerWidth - rect.width;
+      const maxTop = window.innerHeight - rect.height - 8;
+      setPosition((prev) => ({
+        left: Math.min(Math.max(0, prev.left), Math.max(0, maxLeft)),
+        top: Math.min(Math.max(8, prev.top), Math.max(8, maxTop))
+      }));
+    };
+    const resizeObserver = new ResizeObserver(() => {
+      adjustPosition();
+    });
+    resizeObserver.observe(el);
+    window.addEventListener("resize", adjustPosition);
+    return () => {
+      resizeObserver.disconnect();
+      window.removeEventListener("resize", adjustPosition);
+    };
+  }, [hasDragged]);
+  const getEventCoordinates = useCallback4(
+    (e) => {
+      if ("touches" in e && e.touches.length > 0) {
+        return { clientX: e.touches[0].clientX, clientY: e.touches[0].clientY };
+      }
+      if ("changedTouches" in e && e.changedTouches.length > 0) {
+        return {
+          clientX: e.changedTouches[0].clientX,
+          clientY: e.changedTouches[0].clientY
+        };
+      }
+      if ("clientX" in e) {
+        return { clientX: e.clientX, clientY: e.clientY };
+      }
+      return { clientX: 0, clientY: 0 };
+    },
+    []
+  );
+  const onMouseDownHeader = useCallback4(
+    (e) => {
+      const el = containerRef.current;
+      if (!el) return;
+      const rect = el.getBoundingClientRect();
+      if (!hasDragged) {
+        setHasDragged(true);
+        setPosition({
+          top: rect.top,
+          left: rect.left
+        });
+      }
+      setDragOffset({ x: e.clientX - rect.left, y: e.clientY - rect.top });
+      setDragging(true);
+      e.preventDefault();
+    },
+    [hasDragged]
+  );
+  const onTouchStartHeader = useCallback4(
+    (e) => {
+      const el = containerRef.current;
+      if (!el) return;
+      const rect = el.getBoundingClientRect();
+      const { clientX, clientY } = getEventCoordinates(e);
+      if (!hasDragged) {
+        setHasDragged(true);
+        setPosition({
+          top: rect.top,
+          left: rect.left
+        });
+      }
+      setDragOffset({ x: clientX - rect.left, y: clientY - rect.top });
+      setDragging(true);
+    },
+    [hasDragged, getEventCoordinates]
+  );
+  useEffect3(() => {
+    if (!dragging) return;
+    const el = containerRef.current;
+    const onMove = (e) => {
+      if (!el) return;
+      const rect = el.getBoundingClientRect();
+      const { clientX, clientY } = getEventCoordinates(e);
+      const newLeft = clientX - dragOffset.x;
+      const newTop = clientY - dragOffset.y;
+      const maxLeft = window.innerWidth - rect.width;
+      const maxTop = window.innerHeight - rect.height - 8;
+      setPosition({
+        left: Math.min(Math.max(0, newLeft), Math.max(0, maxLeft)),
+        top: Math.min(Math.max(8, newTop), Math.max(8, maxTop))
+      });
+      if ("touches" in e) {
+        e.preventDefault();
+      }
+    };
+    const onUp = () => setDragging(false);
+    window.addEventListener("mousemove", onMove);
+    window.addEventListener("mouseup", onUp, { once: true });
+    window.addEventListener("touchmove", onMove, { passive: false });
+    window.addEventListener("touchend", onUp, { once: true });
+    window.addEventListener("touchcancel", onUp, { once: true });
+    return () => {
+      window.removeEventListener("mousemove", onMove);
+      window.removeEventListener("mouseup", onUp);
+      window.removeEventListener("touchmove", onMove);
+      window.removeEventListener("touchend", onUp);
+      window.removeEventListener("touchcancel", onUp);
+    };
+  }, [dragging, dragOffset.x, dragOffset.y, getEventCoordinates]);
+  const inlineStyle = useMemo3(() => {
+    if (hasDragged) {
+      return {
+        position: "fixed",
+        top: position.top,
+        left: position.left,
+        right: "auto"
+      };
+    } else {
+      return {
+        position: "fixed",
+        top: position.top,
+        right: 0,
+        left: "auto"
+      };
+    }
+  }, [position.top, position.left, hasDragged]);
+  const onAvatarEnter = useCallback4(
+    (e, user) => {
+      const container = containerRef.current;
+      if (!container) {
+        setHoveredUser(user);
+        setTooltipTop(0);
+        return;
+      }
+      const containerRect = container.getBoundingClientRect();
+      const targetRect = e.currentTarget.getBoundingClientRect();
+      const topWithinContainer = targetRect.top - containerRect.top;
+      setHoveredUser(user);
+      setTooltipTop(topWithinContainer);
+    },
+    []
+  );
+  const onAvatarLeave = useCallback4(() => {
+    setHoveredUser(null);
+  }, []);
+  return {
+    containerRef,
+    position,
+    isDragging: dragging,
+    hasDragged,
+    inlineStyle,
+    visibleUsers,
+    moreCount,
+    hoveredUser,
+    tooltipTop,
+    onMouseDownHeader,
+    onTouchStartHeader,
+    onAvatarEnter,
+    onAvatarLeave
+  };
+}
+export {
+  disconnectPresenceSocket,
+  getPresenceSocket,
+  initPresenceSocket,
+  isPresenceSocketInitialized,
+  usePresence,
+  usePresenceAvatarsState,
+  usePresenceFloatingState,
+  usePresenceWatch
+};
+//# sourceMappingURL=index.js.map

package/dist/presence/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/presence/core/socket.ts","../../src/presence/hooks/usePresence.ts","../../src/presence/hooks/usePresenceWatch.ts","../../src/presence/headless/usePresenceAvatarsState.ts","../../src/presence/headless/usePresenceFloatingState.ts"],"sourcesContent":["import { io, Socket } from 'socket.io-client';\nimport type { PresenceConfig } from './types';\n\nlet config: PresenceConfig | null = null;\nlet sharedSocket: Socket | null = null;\n\n/**\n * Initialize the presence socket with configuration\n * Must be called before using any presence hooks\n */\nexport function initPresenceSocket(presenceConfig: PresenceConfig): void {\n  config = presenceConfig;\n\n  // If socket already exists, disconnect and recreate\n  if (sharedSocket) {\n    sharedSocket.disconnect();\n    sharedSocket = null;\n  }\n}\n\n/**\n * Get the shared socket instance\n * @throws Error if socket is not initialized\n */\nexport function getPresenceSocket(): Socket {\n  if (!config) {\n    throw new Error(\n      '[presence-module] Socket not initialized. Call initPresenceSocket() first.',\n    );\n  }\n\n  if (sharedSocket && sharedSocket.connected) {\n    return sharedSocket;\n  }\n\n  if (!sharedSocket) {\n    sharedSocket = io(config.url, {\n      transports: config.transports ?? ['websocket'],\n    });\n  } else if (!sharedSocket.connected) {\n    sharedSocket.connect();\n  }\n\n  return sharedSocket;\n}\n\n/**\n * Disconnect and cleanup the socket connection\n */\nexport function disconnectPresenceSocket(): void {\n  if (sharedSocket) {\n    sharedSocket.disconnect();\n    sharedSocket = null;\n  }\n}\n\n/**\n * Check if socket is initialized\n */\nexport function isPresenceSocketInitialized(): boolean {\n  return config !== null;\n}\n","import { useEffect, useState, useCallback } from 'react';\nimport { getPresenceSocket } from '../core/socket';\nimport type { PresenceUser, UsePresenceOptions } from '../core/types';\n\nconst DEFAULT_HEARTBEAT_INTERVAL = 10 * 60 * 1000; // 10 minutes\n\n/**\n * Hook to join a presence room and track users in that room\n *\n * @param options - Configuration options\n * @returns Array of users currently in the room\n *\n * @example\n * ```tsx\n * const users = usePresence({\n *   roomId: 'my-app:page-123',\n *   currentUser: { userId: '1', name: 'John' },\n * });\n * ```\n */\nexport function usePresence(options: UsePresenceOptions): PresenceUser[] {\n  const {\n    roomId,\n    currentUser,\n    enabled = true,\n    heartbeatInterval = DEFAULT_HEARTBEAT_INTERVAL,\n  } = options;\n\n  const [users, setUsers] = useState<PresenceUser[]>([]);\n\n  // Normalize users from server response\n  const normalizeUsers = useCallback((incoming: unknown): PresenceUser[] => {\n    if (Array.isArray(incoming)) {\n      return incoming as PresenceUser[];\n    }\n    if (\n      incoming &&\n      typeof incoming === 'object' &&\n      Array.isArray((incoming as { users?: unknown }).users)\n    ) {\n      return (incoming as { users: unknown[] }).users as PresenceUser[];\n    }\n    return [];\n  }, []);\n\n  // Clear users when disabled\n  useEffect(() => {\n    if (!enabled) {\n      setUsers([]);\n    }\n  }, [enabled]);\n\n  useEffect(() => {\n    if (!enabled) {\n      return;\n    }\n\n    const socket = getPresenceSocket();\n\n    const joinRoom = () => {\n      socket.emit('presence:join', { roomId, user: currentUser });\n    };\n\n    // Join immediately if connected, otherwise wait for connect event\n    if (socket.connected) {\n      joinRoom();\n    }\n\n    socket.on('connect', joinRoom);\n\n    // Heartbeat to extend TTL\n    const heartbeat = () => {\n      socket.emit('presence:heartbeat', { roomId });\n    };\n    heartbeat();\n    const heartbeatIntervalId = window.setInterval(\n      heartbeat,\n      heartbeatInterval,\n    );\n\n    // Handle presence updates from server\n    const handlePresenceUpdate = (incoming: unknown) => {\n      setUsers(normalizeUsers(incoming));\n    };\n    socket.on('presence:update', handlePresenceUpdate);\n\n    // Notify server when tab/window closes\n    const handleBeforeUnload = () => {\n      socket.emit('presence:leave', { roomId, userId: currentUser.userId });\n    };\n    window.addEventListener('beforeunload', handleBeforeUnload);\n\n    return () => {\n      socket.off('connect', joinRoom);\n      socket.off('presence:update', handlePresenceUpdate);\n      window.removeEventListener('beforeunload', handleBeforeUnload);\n      window.clearInterval(heartbeatIntervalId);\n      socket.emit('presence:leave', { roomId, userId: currentUser.userId });\n    };\n  }, [\n    roomId,\n    currentUser.userId,\n    currentUser.name,\n    enabled,\n    heartbeatInterval,\n    normalizeUsers,\n  ]);\n\n  return users;\n}\n","import { useEffect, useMemo, useRef, useState, useCallback } from 'react';\nimport { getPresenceSocket } from '../core/socket';\nimport type { PresenceUser, UsePresenceWatchOptions } from '../core/types';\n\ntype SnapshotPayload = {\n  rooms?: Record<string, unknown>;\n};\n\ntype UpdatePayload = {\n  roomId?: string;\n  users?: unknown;\n};\n\nfunction normalizeUsers(value: unknown): PresenceUser[] {\n  if (Array.isArray(value)) return value as PresenceUser[];\n  if (\n    value &&\n    typeof value === 'object' &&\n    Array.isArray((value as { users?: unknown }).users)\n  ) {\n    return (value as { users: unknown[] }).users as PresenceUser[];\n  }\n  return [];\n}\n\n/**\n * Hook to watch multiple rooms without joining them\n * (read-only observation, current user is not added to the rooms)\n *\n * @param options - Configuration options\n * @returns Map of roomId to array of users in that room\n *\n * @example\n * ```tsx\n * const roomsUsers = usePresenceWatch({\n *   roomIds: ['room-1', 'room-2', 'room-3'],\n * });\n * // roomsUsers = { 'room-1': [...], 'room-2': [...], ... }\n * ```\n */\nexport function usePresenceWatch(\n  options: UsePresenceWatchOptions,\n): Record<string, PresenceUser[]> {\n  const { roomIds, enabled = true } = options;\n\n  const [roomsUsers, setRoomsUsers] = useState<Record<string, PresenceUser[]>>(\n    {},\n  );\n\n  const normalizedRoomIds = useMemo(() => {\n    const uniq = Array.from(new Set((roomIds ?? []).filter(Boolean)));\n    return uniq;\n  }, [roomIds]);\n\n  const watchedRef = useRef<Set<string>>(new Set());\n\n  // Handle watch/unwatch based on roomIds changes\n  useEffect(() => {\n    if (!enabled) {\n      setRoomsUsers({});\n      watchedRef.current = new Set();\n      return;\n    }\n\n    const socket = getPresenceSocket();\n\n    const toWatch = normalizedRoomIds.filter((r) => !watchedRef.current.has(r));\n    const toUnwatch = Array.from(watchedRef.current).filter(\n      (r) => !normalizedRoomIds.includes(r),\n    );\n\n    if (toWatch.length > 0) {\n      socket.emit('presence:watch', { roomIds: toWatch });\n      for (const r of toWatch) watchedRef.current.add(r);\n    }\n\n    if (toUnwatch.length > 0) {\n      socket.emit('presence:unwatch', { roomIds: toUnwatch });\n      for (const r of toUnwatch) watchedRef.current.delete(r);\n      setRoomsUsers((prev) => {\n        const next = { ...prev };\n        for (const r of toUnwatch) delete next[r];\n        return next;\n      });\n    }\n  }, [enabled, normalizedRoomIds]);\n\n  // Handle socket events\n  useEffect(() => {\n    if (!enabled) return;\n\n    const socket = getPresenceSocket();\n\n    const handleSnapshot = (payload: SnapshotPayload) => {\n      const rooms = payload?.rooms ?? {};\n      setRoomsUsers((prev) => {\n        const next = { ...prev };\n        for (const [roomId, users] of Object.entries(rooms)) {\n          next[roomId] = normalizeUsers(users);\n        }\n        return next;\n      });\n    };\n\n    const handleUpdate = (payload: unknown) => {\n      if (!payload || typeof payload !== 'object') return;\n      const { roomId, users } = payload as UpdatePayload;\n      if (!roomId) return;\n      if (!watchedRef.current.has(roomId)) return;\n      setRoomsUsers((prev) => ({ ...prev, [roomId]: normalizeUsers(users) }));\n    };\n\n    socket.on('presence:snapshot', handleSnapshot);\n    socket.on('presence:update', handleUpdate);\n\n    // Re-watch on reconnect\n    const handleConnect = () => {\n      const ids = Array.from(watchedRef.current);\n      if (ids.length > 0) socket.emit('presence:watch', { roomIds: ids });\n    };\n    socket.on('connect', handleConnect);\n\n    return () => {\n      socket.off('presence:snapshot', handleSnapshot);\n      socket.off('presence:update', handleUpdate);\n      socket.off('connect', handleConnect);\n\n      const ids = Array.from(watchedRef.current);\n      if (ids.length > 0) socket.emit('presence:unwatch', { roomIds: ids });\n      watchedRef.current = new Set();\n    };\n  }, [enabled]);\n\n  return roomsUsers;\n}\n","import { useMemo, useState, useCallback } from 'react';\nimport type {\n  PresenceUser,\n  UsePresenceAvatarsStateOptions,\n  UsePresenceAvatarsStateReturn,\n} from '../core/types';\n\n/**\n * Extract initial character from user name/id\n */\nfunction getInitialFromUser(user: PresenceUser): string {\n  const base = (user?.name || user?.userId || '').trim();\n  if (!base) return '?';\n  const ch = base.charAt(0);\n  return /[a-z]/i.test(ch) ? ch.toUpperCase() : ch;\n}\n\n/**\n * Headless hook for presence avatars UI state management\n *\n * This hook provides all the state and logic needed to build\n * a presence avatars component without any styling.\n *\n * @param options - Configuration options\n * @returns State and handlers for building presence avatars UI\n *\n * @example\n * ```tsx\n * const {\n *   visibleUsers,\n *   moreCount,\n *   hoveredUser,\n *   setHoveredIndex,\n *   getInitial,\n *   getZIndex,\n * } = usePresenceAvatarsState({ users, maxVisible: 3 });\n *\n * return (\n *   <div>\n *     {visibleUsers.map((user, idx) => (\n *       <span\n *         key={user.userId}\n *         style={{ zIndex: getZIndex(idx, hoveredUser?.userId === user.userId) }}\n *         onMouseEnter={() => setHoveredIndex(idx)}\n *         onMouseLeave={() => setHoveredIndex(null)}\n *       >\n *         {getInitial(user)}\n *       </span>\n *     ))}\n *     {moreCount > 0 && <span>+{moreCount}</span>}\n *   </div>\n * );\n * ```\n */\nexport function usePresenceAvatarsState(\n  options: UsePresenceAvatarsStateOptions,\n): UsePresenceAvatarsStateReturn {\n  const { users, maxVisible = 3 } = options;\n\n  const safeUsers = Array.isArray(users) ? users : [];\n\n  const visibleUsers = useMemo(\n    () => safeUsers.slice(0, maxVisible),\n    [safeUsers, maxVisible],\n  );\n\n  const moreCount = Math.max(0, safeUsers.length - visibleUsers.length);\n\n  const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);\n\n  const hoveredUser = hoveredIndex != null ? visibleUsers[hoveredIndex] : null;\n\n  const baseTopZ = visibleUsers.length + 1;\n\n  const getInitial = useCallback((user: PresenceUser): string => {\n    return getInitialFromUser(user);\n  }, []);\n\n  const getZIndex = useCallback(\n    (index: number, isHovered: boolean): number => {\n      return isHovered ? 100 : baseTopZ - index;\n    },\n    [baseTopZ],\n  );\n\n  return {\n    visibleUsers,\n    moreCount,\n    hoveredUser,\n    hoveredIndex,\n    setHoveredIndex,\n    getInitial,\n    getZIndex,\n  };\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type {\n  PresenceUser,\n  UsePresenceFloatingStateOptions,\n  UsePresenceFloatingStateReturn,\n} from \"../core/types\";\n\n/**\n * Headless hook for presence floating UI state management\n *\n * This hook provides all the state and logic needed to build\n * a draggable floating presence panel without any styling.\n *\n * @param options - Configuration options\n * @returns State and handlers for building floating presence UI\n *\n * @example\n * ```tsx\n * const {\n *   containerRef,\n *   inlineStyle,\n *   isDragging,\n *   visibleUsers,\n *   moreCount,\n *   hoveredUser,\n *   tooltipTop,\n *   onMouseDownHeader,\n *   onAvatarEnter,\n *   onAvatarLeave,\n * } = usePresenceFloatingState({ users, maxVisible: 8 });\n *\n * return (\n *   <div ref={containerRef} style={inlineStyle} onMouseDown={onMouseDownHeader}>\n *     <div className=\"header\">열람중 {users.length}</div>\n *     <div className=\"body\">\n *       {visibleUsers.map((user) => (\n *         <span\n *           key={user.userId}\n *           onMouseEnter={(e) => onAvatarEnter(e, user)}\n *           onMouseLeave={onAvatarLeave}\n *         >\n *           {user.name}\n *         </span>\n *       ))}\n *     </div>\n *   </div>\n * );\n * ```\n */\nexport function usePresenceFloatingState(\n  options: UsePresenceFloatingStateOptions\n): UsePresenceFloatingStateReturn {\n  const { users, maxVisible = 8, initialPosition = { top: 166 } } = options;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [dragging, setDragging] = useState(false);\n  const [hasDragged, setHasDragged] = useState(false);\n  const [dragOffset, setDragOffset] = useState<{ x: number; y: number }>({\n    x: 0,\n    y: 0,\n  });\n  const [position, setPosition] = useState<{ top: number; left: number }>({\n    top: initialPosition.top,\n    left: 0,\n  });\n  const [hoveredUser, setHoveredUser] = useState<PresenceUser | null>(null);\n  const [tooltipTop, setTooltipTop] = useState<number>(0);\n\n  const safeUsers = Array.isArray(users) ? users : [];\n  const visibleUsers = safeUsers.slice(0, maxVisible);\n  const moreCount = Math.max(0, safeUsers.length - visibleUsers.length);\n\n  // Position adjustment after drag (resize handling)\n  useEffect(() => {\n    if (!hasDragged) return;\n\n    const el = containerRef.current;\n    if (!el) return;\n\n    const adjustPosition = () => {\n      const rect = el.getBoundingClientRect();\n      const maxLeft = window.innerWidth - rect.width;\n      const maxTop = window.innerHeight - rect.height - 8;\n      setPosition((prev) => ({\n        left: Math.min(Math.max(0, prev.left), Math.max(0, maxLeft)),\n        top: Math.min(Math.max(8, prev.top), Math.max(8, maxTop)),\n      }));\n    };\n\n    const resizeObserver = new ResizeObserver(() => {\n      adjustPosition();\n    });\n    resizeObserver.observe(el);\n\n    window.addEventListener(\"resize\", adjustPosition);\n\n    return () => {\n      resizeObserver.disconnect();\n      window.removeEventListener(\"resize\", adjustPosition);\n    };\n  }, [hasDragged]);\n\n  // Helper to get coordinates from mouse or touch event\n  const getEventCoordinates = useCallback(\n    (e: MouseEvent | TouchEvent | React.MouseEvent | React.TouchEvent) => {\n      if (\"touches\" in e && e.touches.length > 0) {\n        return { clientX: e.touches[0].clientX, clientY: e.touches[0].clientY };\n      }\n      if (\"changedTouches\" in e && e.changedTouches.length > 0) {\n        return {\n          clientX: e.changedTouches[0].clientX,\n          clientY: e.changedTouches[0].clientY,\n        };\n      }\n      if (\"clientX\" in e) {\n        return { clientX: e.clientX, clientY: e.clientY };\n      }\n      return { clientX: 0, clientY: 0 };\n    },\n    []\n  );\n\n  const onMouseDownHeader = useCallback(\n    (e: React.MouseEvent) => {\n      const el = containerRef.current;\n      if (!el) return;\n      const rect = el.getBoundingClientRect();\n\n      // On first drag, switch to left-based positioning\n      if (!hasDragged) {\n        setHasDragged(true);\n        setPosition({\n          top: rect.top,\n          left: rect.left,\n        });\n      }\n\n      setDragOffset({ x: e.clientX - rect.left, y: e.clientY - rect.top });\n      setDragging(true);\n      e.preventDefault();\n    },\n    [hasDragged]\n  );\n\n  const onTouchStartHeader = useCallback(\n    (e: React.TouchEvent) => {\n      const el = containerRef.current;\n      if (!el) return;\n      const rect = el.getBoundingClientRect();\n      const { clientX, clientY } = getEventCoordinates(e);\n\n      // On first drag, switch to left-based positioning\n      if (!hasDragged) {\n        setHasDragged(true);\n        setPosition({\n          top: rect.top,\n          left: rect.left,\n        });\n      }\n\n      setDragOffset({ x: clientX - rect.left, y: clientY - rect.top });\n      setDragging(true);\n      // Note: Don't prevent default to allow scrolling detection\n    },\n    [hasDragged, getEventCoordinates]\n  );\n\n  // Handle drag movement (mouse and touch)\n  useEffect(() => {\n    if (!dragging) return;\n\n    const el = containerRef.current;\n\n    const onMove = (e: MouseEvent | TouchEvent) => {\n      if (!el) return;\n      const rect = el.getBoundingClientRect();\n      const { clientX, clientY } = getEventCoordinates(e);\n      const newLeft = clientX - dragOffset.x;\n      const newTop = clientY - dragOffset.y;\n      const maxLeft = window.innerWidth - rect.width;\n      const maxTop = window.innerHeight - rect.height - 8;\n      setPosition({\n        left: Math.min(Math.max(0, newLeft), Math.max(0, maxLeft)),\n        top: Math.min(Math.max(8, newTop), Math.max(8, maxTop)),\n      });\n\n      // Prevent scrolling while dragging on touch\n      if (\"touches\" in e) {\n        e.preventDefault();\n      }\n    };\n\n    const onUp = () => setDragging(false);\n\n    // Mouse events\n    window.addEventListener(\"mousemove\", onMove);\n    window.addEventListener(\"mouseup\", onUp, { once: true });\n\n    // Touch events\n    window.addEventListener(\"touchmove\", onMove, { passive: false });\n    window.addEventListener(\"touchend\", onUp, { once: true });\n    window.addEventListener(\"touchcancel\", onUp, { once: true });\n\n    return () => {\n      window.removeEventListener(\"mousemove\", onMove);\n      window.removeEventListener(\"mouseup\", onUp);\n      window.removeEventListener(\"touchmove\", onMove);\n      window.removeEventListener(\"touchend\", onUp);\n      window.removeEventListener(\"touchcancel\", onUp);\n    };\n  }, [dragging, dragOffset.x, dragOffset.y, getEventCoordinates]);\n\n  const inlineStyle = useMemo<React.CSSProperties>(() => {\n    if (hasDragged) {\n      return {\n        position: \"fixed\",\n        top: position.top,\n        left: position.left,\n        right: \"auto\",\n      };\n    } else {\n      return {\n        position: \"fixed\",\n        top: position.top,\n        right: 0,\n        left: \"auto\",\n      };\n    }\n  }, [position.top, position.left, hasDragged]);\n\n  const onAvatarEnter = useCallback(\n    (e: React.MouseEvent, user: PresenceUser) => {\n      const container = containerRef.current;\n      if (!container) {\n        setHoveredUser(user);\n        setTooltipTop(0);\n        return;\n      }\n      const containerRect = container.getBoundingClientRect();\n      const targetRect = (\n        e.currentTarget as HTMLElement\n      ).getBoundingClientRect();\n      const topWithinContainer = targetRect.top - containerRect.top;\n      setHoveredUser(user);\n      setTooltipTop(topWithinContainer);\n    },\n    []\n  );\n\n  const onAvatarLeave = useCallback(() => {\n    setHoveredUser(null);\n  }, []);\n\n  return {\n    containerRef,\n    position,\n    isDragging: dragging,\n    hasDragged,\n    inlineStyle,\n    visibleUsers,\n    moreCount,\n    hoveredUser,\n    tooltipTop,\n    onMouseDownHeader,\n    onTouchStartHeader,\n    onAvatarEnter,\n    onAvatarLeave,\n  };\n}\n"],"mappings":"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","names":["normalizeUsers","useEffect","useState","useState","useEffect","useMemo","useState","useCallback","useCallback","useEffect","useMemo","useRef","useState"]}

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@rencar-dev/feature-modules-public",
+  "version": "0.0.7",
+  "description": "Rencar feature modules - hooks, utils, and UI components",
+  "type": "module",
+  "exports": {
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js",
+      "require": "./dist/hooks/index.cjs"
+    },
+    "./dist/hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js",
+      "require": "./dist/hooks/index.cjs"
+    },
+    "./presence": {
+      "types": "./dist/presence/index.d.ts",
+      "import": "./dist/presence/index.js",
+      "require": "./dist/presence/index.cjs"
+    },
+    "./dist/presence": {
+      "types": "./dist/presence/index.d.ts",
+      "import": "./dist/presence/index.js",
+      "require": "./dist/presence/index.cjs"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "hooks": [
+        "./dist/hooks/index.d.ts"
+      ],
+      "presence": [
+        "./dist/presence/index.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Rencar-dev/feature-modules-public.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "keywords": [
+    "rencar",
+    "hooks",
+    "utils",
+    "presence",
+    "feature-modules"
+  ],
+  "author": "rencar-dev",
+  "license": "MIT",
+  "devDependencies": {
+    "@types/react": "^19.2.7",
+    "socket.io-client": "^4.8.3",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "socket.io-client": "^4.0.0"
+  }
+}