@livepreso/content-react 0.3.2 → 0.3.4

package/CHANGELOG.json

@@ -1,6 +1,30 @@
 {
   "name": "@livepreso/content-react",
   "entries": [
+    {
+      "version": "0.3.4",
+      "tag": "@livepreso/content-react_v0.3.4",
+      "date": "Sun, 14 Jan 2024 21:06:16 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Remove observer in use-modes due to render loops"
+          }
+        ]
+      }
+    },
+    {
+      "version": "0.3.3",
+      "tag": "@livepreso/content-react_v0.3.3",
+      "date": "Thu, 21 Dec 2023 00:50:30 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Use useState over useSharedState for now"
+          }
+        ]
+      }
+    },
     {
       "version": "0.3.2",
       "tag": "@livepreso/content-react_v0.3.2",

package/CHANGELOG.md

@@ -1,6 +1,20 @@
 # Change Log - @livepreso/content-react
 
-This log was last generated on Sun, 17 Dec 2023 21:02:31 GMT and should not be manually modified.
+This log was last generated on Sun, 14 Jan 2024 21:06:16 GMT and should not be manually modified.
+
+## 0.3.4
+Sun, 14 Jan 2024 21:06:16 GMT
+
+### Patches
+
+- Remove observer in use-modes due to render loops
+
+## 0.3.3
+Thu, 21 Dec 2023 00:50:30 GMT
+
+### Patches
+
+- Use useState over useSharedState for now
 
 ## 0.3.2
 Sun, 17 Dec 2023 21:02:31 GMT

package/lib/hooks/use-context.js

@@ -1,62 +1,61 @@
+import { useEffect, useState } from "react";
+
 import isPlainObject from "lodash.isplainobject";
-import { useEffect } from "react";
-import { useSharedState } from "./index.js";
 
 function getValueFromContext(context, path, defaultValue) {
-  if (path) {
-    return Bridge.Context.get(path, defaultValue);
-  }
+	if (path) {
+		return Bridge.Context.get(path, defaultValue);
+	}
 
-  return context;
+	return context;
 }
 
 export function useContext(contextPath = null, defaultValue = null) {
-  let persist = false;
-  let path = contextPath;
-
-  const value = getValueFromContext(
-    window.Bridge.Context.getDict(),
-    path,
-    defaultValue
-  );
-  const [context, setContextState] = useSharedState(value);
-
-  // You could pass in an object, so that you can set whether
-  // the saves are persistent or not.
-  if (isPlainObject(contextPath)) {
-    path = contextPath.path || null;
-    persist = contextPath.save || false;
-  }
-
-  function setContext(key, data) {
-    let setPath = key;
-    let setData = data;
-
-    if (path) {
-      if (data) {
-        setPath = `${path}.${key}`;
-      } else {
-        setPath = path;
-        setData = key;
-      }
-    }
-
-    Bridge.Context.set(setPath, setData, persist);
-
-    const value = getValueFromContext(
-      Bridge.Context.getDict(),
-      path,
-      defaultValue
-    );
-    setContextState(value);
-  }
-
-  useEffect(() => {
-    if (context !== value) {
-      Bridge.Context.set(path, context, persist);
-    }
-  }, [context]);
-
-  return [context, setContext];
+	let persist = false;
+	let path = contextPath;
+
+	const value = getValueFromContext(
+		window.Bridge.Context.getDict(),
+		path,
+		defaultValue,
+	);
+	const [context, setContextState] = useState(value);
+
+	// You could pass in an object, so that you can set whether
+	// the saves are persistent or not.
+	if (isPlainObject(contextPath)) {
+		path = contextPath.path || null;
+		persist = contextPath.save || false;
+	}
+
+	function setContext(key, data) {
+		let setPath = key;
+		let setData = data;
+
+		if (path) {
+			if (data) {
+				setPath = `${path}.${key}`;
+			} else {
+				setPath = path;
+				setData = key;
+			}
+		}
+
+		Bridge.Context.set(setPath, setData, persist);
+
+		const value = getValueFromContext(
+			Bridge.Context.getDict(),
+			path,
+			defaultValue,
+		);
+		setContextState(value);
+	}
+
+	useEffect(() => {
+		if (context !== value) {
+			Bridge.Context.set(path, context, persist);
+		}
+	}, [context]);
+
+	return [context, setContext];
 }
-

package/lib/hooks/use-modes.js

@@ -1,6 +1,4 @@
-import { useEffect, useState } from "react";
-
-function getModes() {
+export function useModes() {
 	const bodyClasses = [...document.body.classList];
 
 	const isMaster = bodyClasses.includes("master");
@@ -33,21 +31,3 @@ function getModes() {
 		isPresomanager,
 	};
 }
-
-export function useModes() {
-	const [modes, setModes] = useState(getModes());
-
-	useEffect(() => {
-		const observer = new MutationObserver(() => {
-			setModes(getModes());
-		});
-
-		observer.observe(document.body, {
-			attributes: ["classList"],
-		});
-
-		return () => observer.disconnect();
-	}, []);
-
-	return modes;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livepreso/content-react",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "",
   "main": "index.js",
   "publishConfig": {