@livepreso/content-react 0.0.2 → 0.1.0

package/.rush/temp/shrinkwrap-deps.json

@@ -1,5 +1,5 @@
 {
-  "../../content/content-react": "../../content/content-react:cklG8HGZMCD4xcvDWwkIseCBlSaZo+2oxATz93QU/k4=:",
+  "../../content/content-react": "../../content/content-react:DyqLgzfL3vk7OCJ/PyEiYCLeOAqS6ZdVtM6kgjFrYgk=:",
   "/@babel/helper-annotate-as-pure/7.16.7": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==",
   "/@babel/helper-module-imports/7.16.7": "sha512-LVtS6TqjJHFc+nYeITRo6VLXve70xmq7wPhWTqDJusJEgGmkAACWwMiTNrvfoQo6hEhFwAIixNkvB0jPXDL8Wg==",
   "/@babel/helper-plugin-utils/7.16.7": "sha512-Qg3Nk7ZxpgMrsox6HreY1ZNKdBq7K72tDSliA6dCl5f007jR4ne8iD5UzuNnCJH2xBf2BEEVGr+/OL6Gdp7RxA==",
@@ -93,12 +93,14 @@
   "/kurly/2.0.0-beta.3": "sha512-WXSRkhL2VV9lI/sPomBDV9Xf4oQ1s/RiUqzxKt4slkG7ndCxcDfXJ2ZXdxEYDRfevnkSOxmiVX3etunBlHqTAw==",
   "/lodash.get/4.4.2": "sha1-LRd/ZS+jHpObRDjVNBSZ36OCXpk=",
   "/lodash.isplainobject/4.0.6": "sha1-fFJqUtibRcRcxpC4gWO+BJf1UMs=",
+  "/lodash.set/4.3.2": "sha512-4hNPN5jlm/N/HLMCO43v8BXKq9Z7QdAGc/VGrRD61w8gN9g/6jF9A4L1pbUgBLCffi0w9VsXfTOij5x8iTyFvg==",
+  "/lodash.unescape/4.0.1": "sha512-DhhGRshNS1aX6s5YdBE3njCCouPgnG29ebyHvImlZzXZf2SHgt+J08DHgytTPnpywNbO1Y8mNUFyQuIDBq2JZg==",
   "/loose-envify/1.4.0": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
   "/lru-cache/6.0.0": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
   "/merge2/1.4.1": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
   "/micromatch/4.0.4": "sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==",
   "/ms/2.1.2": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-  "/object-assign/4.1.1": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+  "/object-assign/4.1.1": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
   "/object-inspect/1.12.0": "sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g==",
   "/object-keys/1.1.1": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
   "/object.assign/4.1.2": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==",

package/CHANGELOG.json

@@ -1,6 +1,18 @@
 {
   "name": "@livepreso/content-react",
   "entries": [
+    {
+      "version": "0.1.0",
+      "tag": "@livepreso/content-react_v0.1.0",
+      "date": "Tue, 28 Jun 2022 23:37:28 GMT",
+      "comments": {
+        "minor": [
+          {
+            "comment": "Add support for companywide json"
+          }
+        ]
+      }
+    },
     {
       "version": "0.0.2",
       "tag": "@livepreso/content-react_v0.0.2",

package/CHANGELOG.md

@@ -1,6 +1,13 @@
 # Change Log - @livepreso/content-react
 
-This log was last generated on Wed, 01 Jun 2022 00:56:50 GMT and should not be manually modified.
+This log was last generated on Tue, 28 Jun 2022 23:37:28 GMT and should not be manually modified.
+
+## 0.1.0
+Tue, 28 Jun 2022 23:37:28 GMT
+
+### Minor changes
+
+- Add support for companywide json
 
 ## 0.0.2
 Wed, 01 Jun 2022 00:55:51 GMT

package/index.js

@@ -1,6 +1,7 @@
 import React, { useEffect } from "react";
 
 import { AppBase } from "@livepreso/content-base";
+import { CompanywideJSON } from "./lib/components/CompanywideJSON.js";
 import ReactDOM from "react-dom";
 import { SlideContext } from "./lib/contexts.js";
 import errorFn from "@livepreso/content-base/error.js";
@@ -58,7 +59,9 @@ export class App extends AppBase {
 			return (
 				<SlideContext.Provider value={slideState}>
 					{!slideState.transitions.exited && (
-						<ErrorBoundary el={el}>{RootApp}</ErrorBoundary>
+						<ErrorBoundary el={el}>
+							<CompanywideJSON>{RootApp}</CompanywideJSON>
+						</ErrorBoundary>
 					)}
 				</SlideContext.Provider>
 			);

package/lib/components/CompanywideJSON.js

@@ -0,0 +1,73 @@
+import { CompanywideJSONContext } from "../contexts.js";
+import React, { useMemo, useRef, useState } from "react";
+
+import unescape from "lodash.unescape";
+
+export function CompanywideJSON({ children }) {
+	const cweJsonKey = "cwe-json"
+	const editableRef = useRef();
+
+	const editableName = window.Bridge.Companywide?.getSlideKeysForArticle?.()?.find(
+		(s) => s.includes(cweJsonKey)
+	);
+
+	let initialState = {};
+
+	try {
+		const result = window.Bridge.Companywide.getWithKeys([editableName]);
+		const data = result[0];
+
+		initialState = JSON.parse(
+			unescape(
+				data?.value || data?.accepted?.value || data?.saved?.value || "{}"
+			)
+		);
+	} catch (e) {
+		console.error(e);
+		// Failed to parse json
+	}
+
+	const [state, setState] = useState(initialState);
+
+	function updateField(json) {
+		setState(json);
+
+		const currEl = document.activeElement;
+
+		setTimeout(() => {
+			editableRef.current.focus();
+			if (currEl) {
+				currEl.focus();
+			}
+		}, 0);
+	}
+
+	const providerValues = useMemo(
+		() => ({
+			companyWide: state,
+			// If not editable, we just pass a no-op function
+			updateCompanywide: editableName ? updateField : () => {},
+		}),
+		[state]
+	);
+
+	return (
+		<CompanywideJSONContext.Provider value={providerValues}>
+			{editableName && (
+				<div
+					data-companywide-editable={editableName}
+					ref={editableRef}
+					tabIndex={-1}
+					style={{
+						position: "absolute",
+						top: -1000,
+						left: -1000,
+					}}
+				>
+					{JSON.stringify(state)}
+				</div>
+			)}
+			{children}
+		</CompanywideJSONContext.Provider>
+	);
+}

package/lib/components/index.js

@@ -1,3 +1,4 @@
 export * from "./Subslide.js";
 export * from "./Subslides.js";
 export * from "./ScrollableArea.js";
+export * from "./CompanywideJSON.js";

package/lib/contexts.js

@@ -1,20 +1,24 @@
 import React from "react";
 
 export const SlideContext = React.createContext({
-  transitions: null,
-  slideKey: null,
-  isCurrentSlide: false,
+	transitions: null,
+	slideKey: null,
+	isCurrentSlide: false,
 });
 
 export const SubslidesContext = React.createContext({
-  animating: {
-    up: false,
-    down: false
-  }
+	animating: {
+		up: false,
+		down: false,
+	},
 });
 
 export const SubslideContext = React.createContext({
-  transitions: null,
-  isActive: false
+	transitions: null,
+	isActive: false,
 });
 
+export const CompanywideJSONContext = React.createContext({
+	companyWide: {},
+	updateCompanywide: () => {},
+});

package/lib/hooks/index.js

@@ -2,5 +2,7 @@ export * from "./use-shared-state.js";
 export * from "./use-async-reference.js";
 export * from "./use-modes.js";
 export * from "./use-context.js";
+export * from "./use-companywide.js";
+export * from "./use-slide.js";
 export * from "./use-transitions.js";
 export * from "./use-subslides.js";

package/lib/hooks/use-companywide.js

@@ -0,0 +1,22 @@
+import { CompanywideJSONContext } from "../contexts.js";
+import get from "lodash.get";
+import set from "lodash.set";
+import { useContext } from "react";
+
+export function useCompanywide(cwePath, defaultValue) {
+	if (!cwePath) {
+		throw new Error("Must include a path for useCompanywide hook");
+	}
+
+	const { companyWide, updateCompanywide } = useContext(CompanywideJSONContext);
+
+	const value = get(companyWide, cwePath, defaultValue);
+
+	function update(val) {
+		const obj = { ...(companyWide || {}) };
+		set(obj, cwePath, val);
+		updateCompanywide(obj);
+	}
+
+	return [value, update];
+}

package/lib/hooks/use-modes.js

@@ -7,6 +7,7 @@ export function useModes() {
 	const isScreenshot = bodyClasses.includes("screenshot");
 	const isShareOnline = bodyClasses.includes("share_online");
 	const isPreview = bodyClasses.includes("preview");
+	const isPresomanager = bodyClasses.includes("edit-mode");
 	const isRemote = isOnline && isClient && !isShareOnline;
 
 	return {
@@ -16,5 +17,6 @@ export function useModes() {
 		isRemote,
 		isScreenshot,
 		isPreview,
+		isPresomanager,
 	};
 }

package/lib/hooks/use-slide.js

@@ -0,0 +1,6 @@
+import { SlideContext } from "../contexts.js";
+import { useContext } from "react";
+
+export function useSlide() {
+	return useContext(SlideContext);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livepreso/content-react",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "description": "",
   "main": "index.js",
   "publishConfig": {
@@ -20,7 +20,9 @@
     "@livepreso/content-base": "~0.0.2",
     "ulog": "~2.0.0-beta.18",
     "lodash.get": "~4.4.2",
-    "lodash.isplainobject": "~4.0.6"
+    "lodash.isplainobject": "~4.0.6",
+    "lodash.set": "~4.3.2",
+    "lodash.unescape": "~4.0.1"
   },
   "scripts": {
     "build": ""