@pluv/react 0.5.8 → 0.5.10

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @pluv/react@0.5.8 build /home/runner/work/pluv/pluv/packages/react
+> @pluv/react@0.5.10 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
-CJS dist/index.js 11.15 KB
-CJS ⚡️ Build success in 100ms
-ESM dist/index.mjs 8.66 KB
-ESM ⚡️ Build success in 110ms
+ESM dist/index.mjs 8.65 KB
+ESM ⚡️ Build success in 130ms
+CJS dist/index.js 11.11 KB
+CJS ⚡️ Build success in 130ms
 DTS Build start
-DTS ⚡️ Build success in 4254ms
+DTS ⚡️ Build success in 4787ms
 DTS dist/index.d.ts 4.37 KB

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @pluv/react
 
+## 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
+
+- 3518a83: bumped dependencies
+- Updated dependencies [0dd847e]
+- Updated dependencies [bb2886b]
+- Updated dependencies [ae679a8]
+- Updated dependencies [bb2886b]
+- Updated dependencies [3518a83]
+  - @pluv/client@0.7.0
+  - @pluv/types@0.2.0
+
 ## 0.5.8
 
 ### Patch Changes

package/dist/index.d.ts

@@ -55,6 +55,6 @@ interface CreateBundle<TIO extends IOLike> {
     PluvProvider: FC<PluvProviderProps>;
     usePluvClient: () => PluvClient<TIO>;
 }
-declare const createBundle: <TIO extends IOLike<_pluv_types.IOAuthorize<any, any>, {}, {}>>(client: PluvClient<TIO>) => CreateBundle<TIO>;
+declare const createBundle: <TIO extends IOLike<_pluv_types.IOAuthorize<any, any>, {}, {}, {}, {}>>(client: PluvClient<TIO>) => CreateBundle<TIO>;
 
 export { CreateBundle, CreateRoomBundle, CreateRoomBundleOptions, PluvProviderProps, PluvRoomProviderProps, SubscriptionHookOptions, createBundle };

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,14 +172,14 @@ 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)(
+    const _selector = (0, import_react2.useCallback)(
       (snapshot) => {
         return !snapshot ? null : selector(snapshot);
       },
@@ -193,7 +192,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 +204,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 +228,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 +255,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 +273,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 +317,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";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pluv/react",
-  "version": "0.5.8",
+  "version": "0.5.10",
   "description": "@pluv/client React.js bindings",
   "author": "leedavidcs",
   "license": "MIT",
@@ -20,21 +20,21 @@
     "@types/use-sync-external-store": "^0.0.3",
     "fast-deep-equal": "^3.1.3",
     "use-sync-external-store": "^1.2.0",
-    "@pluv/client": "^0.6.5",
-    "@pluv/types": "^0.1.6"
+    "@pluv/client": "^0.8.0",
+    "@pluv/types": "^0.2.0"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",
     "yjs": "^13.0.0"
   },
   "devDependencies": {
-    "@types/react": "18.0.37",
+    "@types/react": "18.2.6",
     "react": "18.2.0",
     "tsup": "^6.7.0",
     "typescript": "^5.0.4",
-    "yjs": "^13.5.52",
+    "yjs": "^13.6.1",
     "@pluv/tsconfig": "^0.1.6",
-    "eslint-config-pluv": "^0.1.10"
+    "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,