@pluv/react 3.2.2 → 4.0.1

package/dist/index.js

@@ -1,596 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  createBundle: () => createBundle
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/createBundle.tsx
-var import_client = require("@pluv/client");
-var import_fast_deep_equal2 = __toESM(require("fast-deep-equal"));
-var import_react6 = require("react");
-
-// src/internal/hooks/useAsyncQueue.ts
-var import_react = require("react");
-var useAsyncQueue = () => {
-  const queueRef = (0, import_react.useRef)(Promise.resolve(void 0));
-  const push = (0, import_react.useCallback)((promise) => __async(null, null, function* () {
-    queueRef.current = queueRef.current.then(() => __async(null, null, function* () {
-      return yield promise;
-    }));
-    return yield queueRef.current;
-  }), []);
-  return (0, import_react.useMemo)(() => ({ push }), [push]);
-};
-
-// src/internal/hooks/useDeepAsyncMemo.ts
-var import_react2 = require("react");
-var import_fast_deep_equal = __toESM(require("fast-deep-equal"));
-var useDeepAsyncMemo = (factory, isEqual = import_fast_deep_equal.default) => {
-  const [state, setState] = (0, import_react2.useState)({
-    isInitialized: false,
-    isLoading: true,
-    value: void 0,
-    error: null
-  });
-  const lastValueRef = (0, import_react2.useRef)(void 0);
-  const hasValueRef = (0, import_react2.useRef)(false);
-  const inflightRef = (0, import_react2.useRef)(null);
-  const isMountedRef = (0, import_react2.useRef)(true);
-  (0, import_react2.useEffect)(() => {
-    isMountedRef.current = true;
-    const promise = factory();
-    inflightRef.current = promise;
-    setState((prev) => {
-      return __spreadProps(__spreadValues({}, prev), {
-        isLoading: true,
-        error: null
-      });
-    });
-    promise.then((result) => {
-      if (!isMountedRef.current || inflightRef.current !== promise) return;
-      const isSame = hasValueRef.current && isEqual(lastValueRef.current, result);
-      if (isSame) {
-        setState((prev) => {
-          return __spreadProps(__spreadValues({}, prev), {
-            isInitialized: true,
-            isLoading: false
-          });
-        });
-        return;
-      }
-      lastValueRef.current = result;
-      hasValueRef.current = true;
-      setState({
-        isInitialized: true,
-        isLoading: false,
-        value: result,
-        error: null
-      });
-    }).catch((err) => {
-      if (!isMountedRef.current || inflightRef.current !== promise) return;
-      setState({
-        isInitialized: hasValueRef.current,
-        isLoading: false,
-        value: void 0,
-        error: err instanceof Error ? err : new Error("Unknown error")
-      });
-    });
-    return () => {
-      isMountedRef.current = false;
-    };
-  }, [
-    /**
-     * !HACK
-     * @description We're only going to use the `isEqual` function to determine if this hook
-     * should re-run. This is basically our hook's version of a dependency array
-     * @date April 13, 2025
-     */
-    // factory,
-    isEqual
-  ]);
-  return state;
-};
-
-// src/internal/hooks/useNoSsr.ts
-var import_react3 = require("react");
-var useNoSsr = () => {
-  const [didMount, setDidMount] = (0, import_react3.useState)(false);
-  (0, import_react3.useEffect)(() => setDidMount(typeof window !== "undefined"), []);
-  const noSsr = (0, import_react3.useCallback)(
-    (value, fallback = null) => {
-      return didMount ? typeof value !== "function" ? value : value() : fallback;
-    },
-    [didMount]
-  );
-  return noSsr;
-};
-
-// src/internal/hooks/useRerender.ts
-var import_react4 = require("react");
-var useRerender = () => {
-  const [, setCount] = (0, import_react4.useState)(0);
-  return (0, import_react4.useCallback)(() => {
-    setCount((oldCount) => (oldCount + 1) % Number.MAX_SAFE_INTEGER);
-  }, []);
-};
-
-// src/internal/hooks/useSyncExternalStoreWithSelector.ts
-var import_react5 = require("react");
-
-// src/internal/utils/identity.ts
-var identity = (x) => x;
-
-// src/internal/utils/shallowArrayEqual.ts
-var shallowArrayEqual = (a, b) => {
-  return a.length === b.length && a.every((item, i) => item === b[i]);
-};
-
-// src/internal/utils/shallowEqual.ts
-var shallowEqual = (a, b) => a === b;
-
-// src/internal/hooks/useSyncExternalStoreWithSelector.ts
-var useSyncExternalStoreWithSelector = (subscribe, getClientSnapshot, getServerSnapshot, selector, isEqual) => {
-  const noSsr = useNoSsr();
-  const cacheRef = (0, import_react5.useRef)(null);
-  const _getServerSnapshot = getServerSnapshot ? () => {
-    const data = getServerSnapshot();
-    const snapshot = selector(data);
-    const compare = isEqual != null ? isEqual : shallowEqual;
-    const cached = cacheRef.current;
-    const isUnchanged = cached === null ? snapshot === null : compare(cached, snapshot);
-    cacheRef.current = isUnchanged ? cached != null ? cached : snapshot : snapshot;
-    return cacheRef.current;
-  } : void 0;
-  const _getClientSnapshot = () => {
-    const data = getClientSnapshot();
-    const snapshot = selector(data);
-    const compare = isEqual != null ? isEqual : shallowEqual;
-    const cached = cacheRef.current;
-    const isUnchanged = cached === null ? snapshot === null : compare(cached, snapshot);
-    cacheRef.current = isUnchanged ? cached != null ? cached : snapshot : snapshot;
-    return cacheRef.current;
-  };
-  const result = (0, import_react5.useSyncExternalStore)(subscribe, _getClientSnapshot, _getServerSnapshot);
-  return typeof window !== "undefined" ? noSsr(result, _getServerSnapshot == null ? void 0 : _getServerSnapshot()) : result;
-};
-
-// src/createBundle.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var createBundle = (client, options = {}) => {
-  const PluvContext = (0, import_react6.createContext)(null);
-  const PluvRoomContext = (0, import_react6.createContext)(null);
-  const MockedRoomContext = (0, import_react6.createContext)(null);
-  const MockedRoomProvider = (0, import_react6.memo)((props) => {
-    const { children, events, initialPresence, initialStorage, room: _room } = props;
-    const [room] = (0, import_react6.useState)(() => {
-      var _a;
-      return new import_client.MockedRoom(_room, {
-        events,
-        initialPresence,
-        initialStorage: typeof initialStorage === "function" ? (_a = client._defs.initialStorage) == null ? void 0 : _a.getFactory(initialStorage) : void 0
-      });
-    });
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MockedRoomContext.Provider, { value: room, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PluvRoomContext.Provider, { value: room, children }) });
-  });
-  MockedRoomProvider.displayName = "MockedRoomProvider";
-  const PluvRoomProvider = (0, import_react6.memo)(
-    (props) => {
-      const {
-        children,
-        connect = true,
-        debug,
-        initialPresence,
-        initialStorage,
-        metadata,
-        onAuthorizationFail,
-        room: _room
-      } = props;
-      const queue = useAsyncQueue();
-      const rerender = useRerender();
-      const mockedRoom = (0, import_react6.useContext)(MockedRoomContext);
-      const resolvedMeta = useDeepAsyncMemo(() => __async(null, null, function* () {
-        const resolved = yield Promise.resolve(
-          typeof metadata === "function" ? metadata() : metadata
-        );
-        return !!room.metadata ? room.metadata.parse(resolved) : resolved;
-      }));
-      const createRoom = (0, import_react6.useCallback)(() => {
-        var _a;
-        return client.createRoom(_room, {
-          addons: options.addons,
-          debug,
-          initialPresence,
-          initialStorage: typeof initialStorage === "function" ? (_a = client._defs.initialStorage) == null ? void 0 : _a.getFactory(initialStorage) : void 0,
-          metadata,
-          onAuthorizationFail,
-          router: options.router
-        });
-      }, [_room, debug, initialPresence, initialStorage, metadata, onAuthorizationFail]);
-      const [room, setRoom] = (0, import_react6.useState)(() => createRoom());
-      (0, import_react6.useEffect)(() => {
-        if (room.id === _room) return;
-        setRoom(createRoom());
-      }, [_room, createRoom, room]);
-      (0, import_react6.useEffect)(() => {
-        const unsubscribe = room.subscribe.connection(() => {
-          rerender();
-        });
-        return () => {
-          unsubscribe();
-        };
-      }, [rerender, room]);
-      (0, import_react6.useEffect)(() => {
-        const leaveRoom = () => __async(null, null, function* () {
-          yield queue.push(
-            client.leave(room).catch((error) => {
-              console.error(error);
-            })
-          );
-        });
-        if (!connect) {
-          leaveRoom();
-          return;
-        }
-        if (!resolvedMeta.isInitialized) {
-          leaveRoom();
-          return;
-        }
-        const resolved = resolvedMeta.value;
-        queue.push(
-          client.enter(room, ...[{ metadata: resolved }]).catch((error) => __async(null, null, function* () {
-            console.error(error);
-            yield leaveRoom();
-          }))
-        );
-        return () => {
-          leaveRoom();
-        };
-      }, [connect, queue, resolvedMeta.isInitialized, resolvedMeta.value, room]);
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PluvRoomContext.Provider, { value: mockedRoom != null ? mockedRoom : room, children });
-    }
-  );
-  PluvRoomProvider.displayName = "PluvRoomProvider";
-  const PluvProvider = (0, import_react6.memo)((props) => {
-    const { children } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PluvContext.Provider, { value: client, children });
-  });
-  PluvProvider.displayName = "PluvProvider";
-  const useClient = () => (0, import_react6.useContext)(PluvContext);
-  const useRoom = () => {
-    const room = (0, import_react6.useContext)(PluvRoomContext);
-    if (!room)
-      throw new Error(
-        "Room could not be found. Component must be wrapped with PluvRoomProvider"
-      );
-    return room;
-  };
-  const useBroadcast = () => {
-    const room = useRoom();
-    const broadcast = (0, import_react6.useCallback)(
-      (event2, data) => {
-        room.broadcast(event2, data);
-      },
-      [room]
-    );
-    return (0, import_react6.useMemo)(() => {
-      return new Proxy(broadcast, {
-        get(fn, prop) {
-          return (data) => {
-            return fn(prop, data);
-          };
-        }
-      });
-    }, [broadcast]);
-  };
-  const useCanRedo = () => {
-    const room = useRoom();
-    const subscribe = (0, import_react6.useCallback)(
-      (onStoreChange) => room.subscribe.storage(onStoreChange),
-      [room]
-    );
-    const getSnapshot = (0, import_react6.useCallback)(() => room.canRedo(), [room]);
-    const canRedo = useSyncExternalStoreWithSelector(
-      subscribe,
-      getSnapshot,
-      getSnapshot,
-      identity
-    );
-    return canRedo;
-  };
-  const useCanUndo = () => {
-    const room = useRoom();
-    const subscribe = (0, import_react6.useCallback)(
-      (onStoreChange) => room.subscribe.storage(onStoreChange),
-      [room]
-    );
-    const getSnapshot = (0, import_react6.useCallback)(() => room.canUndo(), [room]);
-    const canUndo = useSyncExternalStoreWithSelector(
-      subscribe,
-      getSnapshot,
-      getSnapshot,
-      identity
-    );
-    return canUndo;
-  };
-  const useConnection = (selector = identity, options2) => {
-    var _a;
-    const room = useRoom();
-    const subscribe = (0, import_react6.useCallback)(
-      (onStoreChange) => room.subscribe.connection(onStoreChange),
-      [room]
-    );
-    const getSnapshot = room.getConnection;
-    const _selector = (0, import_react6.useCallback)(
-      (snapshot) => selector(snapshot),
-      [selector]
-    );
-    return useSyncExternalStoreWithSelector(
-      subscribe,
-      getSnapshot,
-      getSnapshot,
-      _selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : import_fast_deep_equal2.default
-    );
-  };
-  const useDoc = () => {
-    const room = useRoom();
-    const subscribe = (0, import_react6.useCallback)(
-      (onStoreChange) => room.subscribe.storageLoaded(onStoreChange),
-      [room]
-    );
-    const getSnapshot = room.getDoc;
-    return (0, import_react6.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
-  };
-  const useEvent = (type, callback) => {
-    const room = useRoom();
-    (0, import_react6.useEffect)(() => {
-      const unsubscribe = room.subscribe.event(type, callback);
-      return () => {
-        unsubscribe();
-      };
-    }, [callback, room, type]);
-  };
-  const event = new Proxy(
-    {},
-    {
-      get(_, prop) {
-        const useProxyEvent = (callback) => {
-          return useEvent(
-            prop,
-            callback
-          );
-        };
-        return { useEvent: useProxyEvent };
-      }
-    }
-  );
-  const useMyPresence = (selector = identity, options2) => {
-    var _a;
-    const room = useRoom();
-    const subscribe = (0, import_react6.useCallback)(
-      (onStoreChange) => room.subscribe.myPresence(onStoreChange),
-      [room]
-    );
-    const getSnapshot = room.getMyPresence;
-    const _selector = (0, import_react6.useCallback)(
-      (snapshot) => selector(snapshot),
-      [selector]
-    );
-    const myPresence = useSyncExternalStoreWithSelector(
-      subscribe,
-      getSnapshot,
-      getSnapshot,
-      _selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : import_fast_deep_equal2.default
-    );
-    return [myPresence, room.updateMyPresence];
-  };
-  const useMyself = (selector = identity, options2) => {
-    var _a;
-    const room = useRoom();
-    const subscribe = (0, import_react6.useCallback)(
-      (onStoreChange) => room.subscribe.myself(onStoreChange),
-      [room]
-    );
-    const getSnapshot = room.getMyself;
-    const _selector = (0, import_react6.useCallback)(
-      (snapshot) => {
-        return !snapshot ? null : selector(snapshot);
-      },
-      [selector]
-    );
-    return useSyncExternalStoreWithSelector(
-      subscribe,
-      getSnapshot,
-      getSnapshot,
-      _selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : import_fast_deep_equal2.default
-    );
-  };
-  const useOther = (connectionId, selector = identity, options2) => {
-    var _a;
-    const room = useRoom();
-    const subscribe = (0, import_react6.useCallback)(
-      (onStoreChange) => room.subscribe.other(connectionId, onStoreChange),
-      [room, connectionId]
-    );
-    const getSnapshot = (0, import_react6.useCallback)(() => room.getOther(connectionId), [room, connectionId]);
-    const _selector = (0, import_react6.useCallback)(
-      (snapshot) => {
-        return !snapshot ? null : selector(snapshot);
-      },
-      [selector]
-    );
-    return useSyncExternalStoreWithSelector(
-      subscribe,
-      getSnapshot,
-      getSnapshot,
-      _selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : import_fast_deep_equal2.default
-    );
-  };
-  const useOthers = (selector = identity, options2) => {
-    var _a;
-    const room = useRoom();
-    const subscribe = (0, import_react6.useCallback)(
-      (onStoreChange) => room.subscribe.others(onStoreChange),
-      [room]
-    );
-    const getSnapshot = room.getOthers;
-    return useSyncExternalStoreWithSelector(
-      subscribe,
-      getSnapshot,
-      getSnapshot,
-      selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : (a, b) => {
-        if (Array.isArray(a) && Array.isArray(b) && a.length === b.length) {
-          return shallowArrayEqual(a, b);
-        }
-        return (0, import_fast_deep_equal2.default)(a, b);
-      }
-    );
-  };
-  const useRedo = () => {
-    const room = useRoom();
-    return room.redo;
-  };
-  const useStorage = (key, selector = identity, options2) => {
-    var _a, _b;
-    const room = useRoom();
-    const rerender = useRerender();
-    (0, import_react6.useEffect)(() => {
-      const unsubscribe = room.subscribe.storageLoaded(() => {
-        rerender();
-      });
-      return () => {
-        unsubscribe();
-      };
-    }, [rerender, room]);
-    const subscribe = (0, import_react6.useCallback)(
-      (onStoreChange) => room.subscribe.storage(key, onStoreChange),
-      [key, room]
-    );
-    const getSnapshot = (0, import_react6.useCallback)(() => {
-      return room.getStorageJson(key);
-    }, [key, room]);
-    const _selector = (0, import_react6.useCallback)(
-      (snapshot) => {
-        return snapshot === null ? null : selector(snapshot);
-      },
-      [selector]
-    );
-    const data = useSyncExternalStoreWithSelector(
-      subscribe,
-      getSnapshot,
-      getSnapshot,
-      _selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : import_fast_deep_equal2.default
-    );
-    const sharedType = (_b = room.getStorage(key)) != null ? _b : null;
-    return [data, sharedType];
-  };
-  const useTransact = () => {
-    const room = useRoom();
-    return room.transact;
-  };
-  const useUndo = () => {
-    const room = useRoom();
-    return room.undo;
-  };
-  return {
-    // components
-    MockedRoomProvider,
-    PluvProvider,
-    PluvRoomProvider,
-    // proxies
-    event,
-    // hooks
-    useBroadcast,
-    useCanRedo,
-    useCanUndo,
-    useClient,
-    useConnection,
-    useDoc,
-    useEvent,
-    useMyPresence,
-    useMyself,
-    useOther,
-    useOthers,
-    useRedo,
-    useRoom,
-    useStorage,
-    useTransact,
-    useUndo
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createBundle
-});