@liveblocks/react - npm Package Compare versions

Comparing version 0.15.8 to 0.15.9

lib/esm/index.js

 import { LiveMap, LiveList, LiveObject } from '@liveblocks/client';
 import * as React from 'react';
+import { useReducer } from 'react';
 
+function useRerender() {
+  const [, update] = useReducer((x) => x + 1, 0);
+  return update;
+}
+
 const ClientContext = React.createContext(null);
@@ -126,9 +132,6 @@ const RoomContext = React.createContext(null);
   const room = useRoom();
-  const [, update] = React.useState(0);
+  const rerender = useRerender();
   React.useEffect(() => {
-    function onChange() {
-      update((x) => x + 1);
-    }
-    const unsubscribePresence = room.subscribe("my-presence", onChange);
-    const unsubscribeConnection = room.subscribe("connection", onChange);
+    const unsubscribePresence = room.subscribe("my-presence", rerender);
+    const unsubscribeConnection = room.subscribe("connection", rerender);
     return () => {
@@ -184,3 +187,3 @@ unsubscribePresence();
   const [root] = useStorage();
-  const [, setCount] = React.useState(0);
+  const rerender = useRerender();
   React.useEffect(() => {
@@ -195,5 +198,2 @@ if (root == null) {
     }
-    function onChange() {
-      setCount((x) => x + 1);
-    }
     function onRootChange() {
@@ -204,9 +204,9 @@ const newCrdt = root.get(key);
         crdt = newCrdt;
-        unsubscribeCrdt = room.subscribe(crdt, onChange);
-        setCount((x) => x + 1);
+        unsubscribeCrdt = room.subscribe(crdt, rerender);
+        rerender();
       }
     }
-    let unsubscribeCrdt = room.subscribe(crdt, onChange);
+    let unsubscribeCrdt = room.subscribe(crdt, rerender);
     const unsubscribeRoot = room.subscribe(root, onRootChange);
-    setCount((x) => x + 1);
+    rerender();
     return () => {
@@ -213,0 +213,0 @@ unsubscribeRoot();

lib/index.js

@@ -64,2 +64,11 @@ 'use strict';
 
+function useRerender() {
+  var _useReducer = React.useReducer(function (x) {
+    return x + 1;
+  }, 0),
+      update = _useReducer[1];
+
+  return update;
+}
+
 var ClientContext = React__namespace.createContext(null);
@@ -221,15 +230,6 @@ var RoomContext = React__namespace.createContext(null);
   var room = useRoom();
-
-  var _React$useState3 = React__namespace.useState(0),
-      update = _React$useState3[1];
-
+  var rerender = useRerender();
   React__namespace.useEffect(function () {
-    function onChange() {
-      update(function (x) {
-        return x + 1;
-      });
-    }
-
-    var unsubscribePresence = room.subscribe("my-presence", onChange);
-    var unsubscribeConnection = room.subscribe("connection", onChange);
+    var unsubscribePresence = room.subscribe("my-presence", rerender);
+    var unsubscribeConnection = room.subscribe("connection", rerender);
     return function () {
@@ -245,5 +245,5 @@ unsubscribePresence();
 
-  var _React$useState4 = React__namespace.useState(null),
-      root = _React$useState4[0],
-      setState = _React$useState4[1];
+  var _React$useState3 = React__namespace.useState(null),
+      root = _React$useState3[0],
+      setState = _React$useState3[1];
 
@@ -321,5 +321,3 @@ React__namespace.useEffect(function () {
 
-  var _React$useState5 = React__namespace.useState(0),
-      setCount = _React$useState5[1];
-
+  var rerender = useRerender();
   React__namespace.useEffect(function () {
@@ -337,8 +335,2 @@ if (root == null) {
 
-    function onChange() {
-      setCount(function (x) {
-        return x + 1;
-      });
-    }
-
     function onRootChange() {
@@ -350,14 +342,10 @@ var newCrdt = root.get(key);
         crdt = newCrdt;
-        unsubscribeCrdt = room.subscribe(crdt, onChange);
-        setCount(function (x) {
-          return x + 1;
-        });
+        unsubscribeCrdt = room.subscribe(crdt, rerender);
+        rerender();
       }
     }
 
-    var unsubscribeCrdt = room.subscribe(crdt, onChange);
+    var unsubscribeCrdt = room.subscribe(crdt, rerender);
     var unsubscribeRoot = room.subscribe(root, onRootChange);
-    setCount(function (x) {
-      return x + 1;
-    });
+    rerender();
     return function () {
@@ -364,0 +352,0 @@ unsubscribeRoot();

package.json

 {
   "name": "@liveblocks/react",
-  "version": "0.15.8",
+  "version": "0.15.9",
   "description": "",
@@ -36,3 +36,3 @@ "main": "./lib/index.js",
   "peerDependencies": {
-    "@liveblocks/client": "0.15.8",
+    "@liveblocks/client": "0.15.9",
     "react": "^16.14.0 || ^17"
@@ -52,2 +52,3 @@ },
     "@types/react": "^16.14.0",
+    "@types/react-dom": "^17.0.14",
     "babel-core": "^6.26.3",
@@ -54,0 +55,0 @@ "babel-jest": "^26.6.3",

No alert changes

Worsened metrics

Total package byte prevSize

33286

decreased by-0.79%

Dev dependency count

23

increased by4.55%

Lines of code

953

decreased by-1.14%

No dependency changes