@livepreso/content-react 0.4.2 → 0.5.0

package/CHANGELOG.json

@@ -1,6 +1,30 @@
 {
   "name": "@livepreso/content-react",
   "entries": [
+    {
+      "version": "0.5.0",
+      "tag": "@livepreso/content-react_v0.5.0",
+      "date": "Tue, 26 Nov 2024 03:54:55 GMT",
+      "comments": {
+        "minor": [
+          {
+            "comment": "Add internal presentation slide key to useSlide()"
+          }
+        ]
+      }
+    },
+    {
+      "version": "0.4.3",
+      "tag": "@livepreso/content-react_v0.4.3",
+      "date": "Thu, 21 Nov 2024 01:14:47 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Move CWE Editables far below content"
+          }
+        ]
+      }
+    },
     {
       "version": "0.4.2",
       "tag": "@livepreso/content-react_v0.4.2",

package/CHANGELOG.md

@@ -1,6 +1,20 @@
 # Change Log - @livepreso/content-react
 
-This log was last generated on Thu, 21 Nov 2024 00:05:45 GMT and should not be manually modified.
+This log was last generated on Tue, 26 Nov 2024 03:54:55 GMT and should not be manually modified.
+
+## 0.5.0
+Tue, 26 Nov 2024 03:54:55 GMT
+
+### Minor changes
+
+- Add internal presentation slide key to useSlide()
+
+## 0.4.3
+Thu, 21 Nov 2024 01:14:47 GMT
+
+### Patches
+
+- Move CWE Editables far below content
 
 ## 0.4.2
 Thu, 21 Nov 2024 00:05:45 GMT

package/lib/components/CompanywideJSON.js

@@ -52,8 +52,8 @@ export function CompanywideJSON({ children }) {
 					tabIndex={-1}
 					style={{
 						position: "absolute",
-						top: -1000,
-						left: -1000,
+						top: 9999,
+						right: 9999,
 					}}
 				/>
 			)}

package/lib/hooks/use-root-slide.js

@@ -24,6 +24,7 @@ export function useRootSlide(article) {
 	const { isRemote, isClient, isMaster } = useModes();
 	const slideID = article.attr("id");
 	const key = article.data("slide-key");
+	const presentationKey = article.data("presentation-key") || slideID;
 	const isCurrent = article.closest(".presoSlide").hasClass("current");
 	const [synced, setSynced] = useState(!isRemote);
 	const [internalSlideState, setInternalSlideState] = useAsyncReference({});
@@ -140,8 +141,22 @@ export function useRootSlide(article) {
 	return {
 		isSlideReady: slideReady,
 		transitions,
+
+		// This is the ID of the article. You'll generally only use this
+		// if you're trying to access editables manually
 		slideID,
+
+		// This is the data-slide-key on the article. This is useful
+		// to get the key for the slide/template as it was written in
+		// the project file.
 		slideKey: key,
+
+		// This is the data-presentation-key on the article. This will be the
+		// slide key as used by presenter. This should be used for any kind of
+		// path look-ups in presenter, ie bridge commands that require a path.
+		// If for whatever reason this isn't in the dom, we fall back to the ID.
+		presentationKey,
+
 		isCurrentSlide: isCurrent,
 		doneRegister,
 		rootElement: article.get(0),

package/lib/hooks/use-slide.js

@@ -5,6 +5,7 @@ export function useSlide() {
 	const {
 		slideID,
 		slideKey,
+		presentationKey,
 		isSlideReady,
 		doneRegister,
 		isCurrentSlide,
@@ -18,6 +19,7 @@ export function useSlide() {
 	return {
 		slideID,
 		slideKey,
+		presentationKey,
 		isSlideReady,
 		doneRegister,
 		isCurrentSlide,

package/package.json

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