@pluv/react 0.5.9 → 0.5.11

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @pluv/react@0.5.9 build /home/runner/work/pluv/pluv/packages/react
+> @pluv/react@0.5.11 build /home/runner/work/pluv/pluv/packages/react
 > tsup src/index.ts --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.ts
@@ -8,10 +8,10 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-ESM dist/index.mjs 8.66 KB
-ESM ⚡️ Build success in 200ms
-CJS dist/index.js 11.15 KB
-CJS ⚡️ Build success in 202ms
+ESM dist/index.mjs 8.60 KB
+ESM ⚡️ Build success in 98ms
+CJS dist/index.js 11.07 KB
+CJS ⚡️ Build success in 91ms
 DTS Build start
-DTS ⚡️ Build success in 5611ms
+DTS ⚡️ Build success in 5670ms
 DTS dist/index.d.ts 4.37 KB

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @pluv/react
 
+## 0.5.11
+
+### Patch Changes
+
+- 2c9c5c3: changed my-presence to be non-nullable
+- Updated dependencies [2c9c5c3]
+  - @pluv/client@0.8.1
+
+## 0.5.10
+
+### Patch Changes
+
+- 5bbfb98: fix not properly handling unauthorized checks
+- b85a232: bumped dependencies
+- Updated dependencies [5bbfb98]
+- Updated dependencies [b85a232]
+- Updated dependencies [fde89cf]
+  - @pluv/client@0.8.0
+  - @pluv/types@0.2.0
+
 ## 0.5.9
 
 ### Patch Changes

package/dist/index.d.ts

@@ -37,7 +37,7 @@ interface CreateRoomBundle<TIO extends IOLike, TPresence extends JsonObject, TSt
     usePluvConnection: <T extends unknown = WebSocketConnection>(selector: (connection: WebSocketConnection) => T, options?: SubscriptionHookOptions<Id<T>>) => Id<T>;
     usePluvEvent: <TType extends keyof InferIOOutput<TIO>>(type: TType, callback: (data: Id<IOEventMessage<TIO, TType>>) => void) => void;
     usePluvMyPresence: <T extends unknown = TPresence>(selector?: (myPresence: TPresence) => T, options?: SubscriptionHookOptions<Id<T> | null>) => [
-        myPresence: Id<T> | null,
+        myPresence: Id<T>,
         updateMyPresence: Dispatch<UpdateMyPresenceAction<TPresence>>
     ];
     usePluvMyself: <T extends unknown = UserInfo<TIO, TPresence>>(selector?: (myself: Id<UserInfo<TIO, TPresence>>) => T, options?: SubscriptionHookOptions<Id<T> | null>) => Id<T> | null;

package/dist/index.js

@@ -39,14 +39,13 @@ module.exports = __toCommonJS(src_exports);
 var import_client2 = require("@pluv/client");
 
 // src/createBundle.tsx
+var import_react3 = require("react");
 var import_react4 = require("react");
-var import_react5 = require("react");
 
 // src/createRoomBundle.tsx
 var import_client = require("@pluv/client");
 var import_fast_deep_equal = __toESM(require("fast-deep-equal"));
 var import_react2 = require("react");
-var import_react3 = require("react");
 
 // src/internal/hooks/useRerender.ts
 var import_react = require("react");
@@ -73,7 +72,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var createRoomBundle = (client, options = {}) => {
   const PluvRoomContext = (0, import_react2.createContext)(null);
   const MockedRoomContext = (0, import_react2.createContext)({ room: null });
-  const MockedRoomProvider = (0, import_react3.memo)((props) => {
+  const MockedRoomProvider = (0, import_react2.memo)((props) => {
     const {
       children,
       events,
@@ -92,7 +91,7 @@ var createRoomBundle = (client, options = {}) => {
     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_react3.memo)((props) => {
+  const PluvRoomProvider = (0, import_react2.memo)((props) => {
     const {
       children,
       debug,
@@ -102,7 +101,7 @@ var createRoomBundle = (client, options = {}) => {
       room: _room
     } = props;
     const rerender = useRerender();
-    const { room: mockedRoom } = (0, import_react3.useContext)(MockedRoomContext);
+    const { room: mockedRoom } = (0, import_react2.useContext)(MockedRoomContext);
     const [room] = (0, import_react2.useState)(() => {
       return client.createRoom(_room, {
         debug,
@@ -112,7 +111,7 @@ var createRoomBundle = (client, options = {}) => {
         onAuthorizationFail
       });
     });
-    (0, import_react3.useEffect)(() => {
+    (0, import_react2.useEffect)(() => {
       const unsubscribe = room.subscribe("connection", () => {
         rerender();
       });
@@ -120,7 +119,7 @@ var createRoomBundle = (client, options = {}) => {
         unsubscribe();
       };
     }, [rerender, room]);
-    (0, import_react3.useEffect)(() => {
+    (0, import_react2.useEffect)(() => {
       client.enter(room);
       return () => {
         client.leave(room);
@@ -129,10 +128,10 @@ var createRoomBundle = (client, options = {}) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PluvRoomContext.Provider, { value: mockedRoom != null ? mockedRoom : room, children });
   });
   PluvRoomProvider.displayName = "PluvRoomProvider";
-  const usePluvRoom = () => (0, import_react3.useContext)(PluvRoomContext);
+  const usePluvRoom = () => (0, import_react2.useContext)(PluvRoomContext);
   const usePluvBroadcast = () => {
     const room = usePluvRoom();
-    return (0, import_react3.useCallback)(
+    return (0, import_react2.useCallback)(
       (event, data) => {
         room.broadcast(event, data);
       },
@@ -142,14 +141,14 @@ var createRoomBundle = (client, options = {}) => {
   const usePluvConnection = (selector = identity, options2) => {
     var _a;
     const room = usePluvRoom();
-    const subscribe = (0, import_react3.useCallback)(
+    const subscribe = (0, import_react2.useCallback)(
       (onStoreChange) => {
         return room.subscribe("connection", onStoreChange);
       },
       [room]
     );
     const getSnapshot = room.getConnection;
-    const _selector = (0, import_react3.useCallback)(
+    const _selector = (0, import_react2.useCallback)(
       (snapshot) => selector(snapshot),
       [selector]
     );
@@ -163,7 +162,7 @@ var createRoomBundle = (client, options = {}) => {
   };
   const usePluvEvent = (type, callback) => {
     const room = usePluvRoom();
-    (0, import_react3.useEffect)(() => {
+    (0, import_react2.useEffect)(() => {
       const unsubscribe = room.event(type, callback);
       return () => {
         unsubscribe();
@@ -173,17 +172,15 @@ var createRoomBundle = (client, options = {}) => {
   const usePluvMyPresence = (selector = identity, options2) => {
     var _a;
     const room = usePluvRoom();
-    const subscribe = (0, import_react3.useCallback)(
+    const subscribe = (0, import_react2.useCallback)(
       (onStoreChange) => {
         return room.subscribe("my-presence", onStoreChange);
       },
       [room]
     );
     const getSnapshot = room.getMyPresence;
-    const _selector = (0, import_react3.useCallback)(
-      (snapshot) => {
-        return !snapshot ? null : selector(snapshot);
-      },
+    const _selector = (0, import_react2.useCallback)(
+      (snapshot) => selector(snapshot),
       [selector]
     );
     const myPresence = (0, import_with_selector.useSyncExternalStoreWithSelector)(
@@ -193,7 +190,7 @@ var createRoomBundle = (client, options = {}) => {
       _selector,
       (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : import_fast_deep_equal.default
     );
-    const updateMyPresence = (0, import_react3.useCallback)(
+    const updateMyPresence = (0, import_react2.useCallback)(
       (value) => {
         const presence = typeof value === "function" ? value(room.getMyPresence()) : value;
         room.updateMyPresence(presence);
@@ -205,14 +202,14 @@ var createRoomBundle = (client, options = {}) => {
   const usePluvMyself = (selector = identity, options2) => {
     var _a;
     const room = usePluvRoom();
-    const subscribe = (0, import_react3.useCallback)(
+    const subscribe = (0, import_react2.useCallback)(
       (onStoreChange) => {
         return room.subscribe("myself", onStoreChange);
       },
       [room]
     );
     const getSnapshot = room.getMyself;
-    const _selector = (0, import_react3.useCallback)(
+    const _selector = (0, import_react2.useCallback)(
       (snapshot) => {
         return !snapshot ? null : selector(snapshot);
       },
@@ -229,17 +226,17 @@ var createRoomBundle = (client, options = {}) => {
   const usePluvOther = (connectionId, selector = identity, options2) => {
     var _a;
     const room = usePluvRoom();
-    const subscribe = (0, import_react3.useCallback)(
+    const subscribe = (0, import_react2.useCallback)(
       (onStoreChange) => {
         return room.other(connectionId, onStoreChange);
       },
       [room, connectionId]
     );
-    const getSnapshot = (0, import_react3.useCallback)(
+    const getSnapshot = (0, import_react2.useCallback)(
       () => room.getOther(connectionId),
       [room, connectionId]
     );
-    const _selector = (0, import_react3.useCallback)(
+    const _selector = (0, import_react2.useCallback)(
       (snapshot) => {
         return !snapshot ? null : selector(snapshot);
       },
@@ -256,7 +253,7 @@ var createRoomBundle = (client, options = {}) => {
   const usePluvOthers = (selector = identity, options2) => {
     var _a;
     const room = usePluvRoom();
-    const subscribe = (0, import_react3.useCallback)(
+    const subscribe = (0, import_react2.useCallback)(
       (onStoreChange) => {
         return room.subscribe("others", onStoreChange);
       },
@@ -274,15 +271,15 @@ var createRoomBundle = (client, options = {}) => {
   const usePluvStorage = (key, selector = identity, options2) => {
     var _a;
     const room = usePluvRoom();
-    const subscribe = (0, import_react3.useCallback)(
+    const subscribe = (0, import_react2.useCallback)(
       (onStoreChange) => room.storage(key, onStoreChange),
       [key, room]
     );
-    const getSnapshot = (0, import_react3.useCallback)(() => {
+    const getSnapshot = (0, import_react2.useCallback)(() => {
       var _a2, _b;
       return (_b = (_a2 = room.getStorage(key)) == null ? void 0 : _a2.toJSON()) != null ? _b : null;
     }, [key, room]);
-    const _selector = (0, import_react3.useCallback)(
+    const _selector = (0, import_react2.useCallback)(
       (snapshot) => {
         return !snapshot ? null : selector(snapshot);
       },
@@ -318,13 +315,13 @@ var createRoomBundle = (client, options = {}) => {
 // src/createBundle.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var createBundle = (client) => {
-  const PluvContext = (0, import_react4.createContext)(null);
-  const PluvProvider = (0, import_react5.memo)((props) => {
+  const PluvContext = (0, import_react3.createContext)(null);
+  const PluvProvider = (0, import_react4.memo)((props) => {
     const { children } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PluvContext.Provider, { value: client, children });
   });
   PluvProvider.displayName = "PluvProvider";
-  const usePluvClient = () => (0, import_react5.useContext)(PluvContext);
+  const usePluvClient = () => (0, import_react4.useContext)(PluvContext);
   const createRoomBundle2 = (options = {}) => createRoomBundle(client, options);
   return {
     createRoomBundle: createRoomBundle2,

package/dist/index.mjs

@@ -8,8 +8,14 @@ import { memo as memo2, useContext as useContext2 } from "react";
 // src/createRoomBundle.tsx
 import { MockedRoom } from "@pluv/client";
 import fastDeepEqual from "fast-deep-equal";
-import { createContext, useState as useState2 } from "react";
-import { memo, useCallback as useCallback2, useContext, useEffect } from "react";
+import {
+  createContext,
+  memo,
+  useCallback as useCallback2,
+  useContext,
+  useEffect,
+  useState as useState2
+} from "react";
 
 // src/internal/hooks/useRerender.ts
 import { useCallback, useState } from "react";
@@ -144,9 +150,7 @@ var createRoomBundle = (client, options = {}) => {
     );
     const getSnapshot = room.getMyPresence;
     const _selector = useCallback2(
-      (snapshot) => {
-        return !snapshot ? null : selector(snapshot);
-      },
+      (snapshot) => selector(snapshot),
       [selector]
     );
     const myPresence = useSyncExternalStoreWithSelector(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pluv/react",
-  "version": "0.5.9",
+  "version": "0.5.11",
   "description": "@pluv/client React.js bindings",
   "author": "leedavidcs",
   "license": "MIT",
@@ -20,7 +20,7 @@
     "@types/use-sync-external-store": "^0.0.3",
     "fast-deep-equal": "^3.1.3",
     "use-sync-external-store": "^1.2.0",
-    "@pluv/client": "^0.7.0",
+    "@pluv/client": "^0.8.1",
     "@pluv/types": "^0.2.0"
   },
   "peerDependencies": {
@@ -28,13 +28,13 @@
     "yjs": "^13.0.0"
   },
   "devDependencies": {
-    "@types/react": "18.2.0",
+    "@types/react": "18.2.6",
     "react": "18.2.0",
     "tsup": "^6.7.0",
     "typescript": "^5.0.4",
-    "yjs": "^13.6.0",
+    "yjs": "^13.6.1",
     "@pluv/tsconfig": "^0.1.6",
-    "eslint-config-pluv": "^0.1.11"
+    "eslint-config-pluv": "^0.1.12"
   },
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts --external react",

package/src/createRoomBundle.tsx

@@ -10,17 +10,24 @@ import type {
 } from "@pluv/client";
 import { MockedRoom } from "@pluv/client";
 import type {
+    IOEventMessage,
+    IOLike,
     Id,
     InferIOInput,
     InferIOOutput,
     InputZodLike,
-    IOEventMessage,
-    IOLike,
     JsonObject,
 } from "@pluv/types";
 import fastDeepEqual from "fast-deep-equal";
-import { createContext, Dispatch, FC, ReactNode, useState } from "react";
-import { memo, useCallback, useContext, useEffect } from "react";
+import type { Dispatch, FC, ReactNode } from "react";
+import {
+    createContext,
+    memo,
+    useCallback,
+    useContext,
+    useEffect,
+    useState,
+} from "react";
 import type { AbstractType } from "yjs";
 import {
     identity,
@@ -99,7 +106,7 @@ export interface CreateRoomBundle<
         selector?: (myPresence: TPresence) => T,
         options?: SubscriptionHookOptions<Id<T> | null>
     ) => [
-        myPresence: Id<T> | null,
+        myPresence: Id<T>,
         updateMyPresence: Dispatch<UpdateMyPresenceAction<TPresence>>
     ];
     usePluvMyself: <T extends unknown = UserInfo<TIO, TPresence>>(
@@ -304,7 +311,7 @@ export const createRoomBundle = <
     const usePluvMyPresence = <T extends unknown = TPresence>(
         selector = identity as (myPresence: TPresence) => T,
         options?: SubscriptionHookOptions<Id<T> | null>
-    ): [Id<T> | null, Dispatch<UpdateMyPresenceAction<TPresence>>] => {
+    ): [Id<T>, Dispatch<UpdateMyPresenceAction<TPresence>>] => {
         const room = usePluvRoom();
 
         const subscribe = useCallback(
@@ -317,9 +324,7 @@ export const createRoomBundle = <
         const getSnapshot = room.getMyPresence;
 
         const _selector = useCallback(
-            (snapshot: TPresence | null) => {
-                return !snapshot ? null : (selector(snapshot) as Id<T>);
-            },
+            (snapshot: TPresence) => selector(snapshot) as Id<T>,
             [selector]
         );