@livepreso/content-react 0.3.0 → 0.3.1

package/CHANGELOG.json

@@ -1,6 +1,18 @@
 {
   "name": "@livepreso/content-react",
   "entries": [
+    {
+      "version": "0.3.1",
+      "tag": "@livepreso/content-react_v0.3.1",
+      "date": "Fri, 15 Dec 2023 00:19:06 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Add modes and fix use-prep-editables import"
+          }
+        ]
+      }
+    },
     {
       "version": "0.3.0",
       "tag": "@livepreso/content-react_v0.3.0",

package/CHANGELOG.md

@@ -1,6 +1,13 @@
 # Change Log - @livepreso/content-react
 
-This log was last generated on Thu, 14 Dec 2023 03:11:26 GMT and should not be manually modified.
+This log was last generated on Fri, 15 Dec 2023 00:19:06 GMT and should not be manually modified.
+
+## 0.3.1
+Fri, 15 Dec 2023 00:19:06 GMT
+
+### Patches
+
+- Add modes and fix use-prep-editables import
 
 ## 0.3.0
 Thu, 14 Dec 2023 03:11:26 GMT

package/lib/hooks/use-modes.js

@@ -1,14 +1,19 @@
-export function useModes() {
+import { useEffect, useState } from "react";
+
+function getModes() {
 	const bodyClasses = [...document.body.classList];
 
 	const isMaster = bodyClasses.includes("master");
 	const isClient = bodyClasses.includes("client");
 	const isOnline = bodyClasses.includes("online");
 	const isScreenshot = bodyClasses.includes("screenshot");
+	const isReadOnly = bodyClasses.includes("preso-readonly");
 	const isThumbnailScreenshot = bodyClasses.includes("screenshot-thumbnail");
 	const isPdfScreenshot = bodyClasses.includes("screenshot-full");
 	const isShareOnline = bodyClasses.includes("share_online");
 	const isPreview = bodyClasses.includes("preview");
+	const isPresent = bodyClasses.includes("present");
+	const isReview = bodyClasses.includes("review");
 	const isPresomanager = bodyClasses.includes("edit-mode");
 	const isRemote = isOnline && isClient && !isShareOnline;
 
@@ -18,9 +23,30 @@ export function useModes() {
 		isOnline,
 		isRemote,
 		isScreenshot,
+		isReadOnly,
 		isThumbnailScreenshot,
 		isPdfScreenshot,
 		isPreview,
+		isPresent,
+		isReview,
 		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/lib/hooks/use-prep-editable.js

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from "react";
 
-import { useSlide } from "@livepreso/content-react";
+import { useSlide } from "../hooks/use-slide";
 
 /**
  * Returns information about a prep editable on the current slide.

package/package.json

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