@livepreso/content-react 1.0.2 → 1.1.1

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

@@ -2,19 +2,24 @@
   "../../content/content-react": "../../content/content-react:LI4QvLCR+A7lRqOhNBgyXxl132hAY0Q+y0icexYILvQ=:",
   "/@ampproject/remapping@2.3.0": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
   "/@babel/code-frame@7.26.2": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
+  "/@babel/code-frame@7.27.1": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
   "/@babel/compat-data@7.26.2": "sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==",
   "/@babel/core@7.26.0": "sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==",
   "/@babel/generator@7.26.2": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==",
+  "/@babel/generator@7.28.0": "sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==",
   "/@babel/helper-annotate-as-pure@7.25.9": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
   "/@babel/helper-compilation-targets@7.25.9": "sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==",
+  "/@babel/helper-globals@7.28.0": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
   "/@babel/helper-module-imports@7.25.9": "sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==",
   "/@babel/helper-module-transforms@7.26.0(@babel/core@7.26.0)": "sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==",
   "/@babel/helper-plugin-utils@7.25.9": "sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==",
   "/@babel/helper-string-parser@7.25.9": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+  "/@babel/helper-string-parser@7.27.1": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
   "/@babel/helper-validator-identifier@7.25.9": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+  "/@babel/helper-validator-identifier@7.27.1": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
   "/@babel/helper-validator-option@7.25.9": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==",
   "/@babel/helpers@7.26.0": "sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==",
-  "/@babel/parser@7.26.2": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==",
+  "/@babel/parser@7.28.0": "sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==",
   "/@babel/plugin-syntax-jsx@7.25.9(@babel/core@7.26.0)": "sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==",
   "/@babel/plugin-transform-react-display-name@7.25.9(@babel/core@7.26.0)": "sha512-KJfMlYIUxQB1CJfO3e0+h0ZHWOTLCPP115Awhaz8U0Zpq36Gl/cXlpoyMRnUWlhNUBAzldnCiAZNvCDj7CrKxQ==",
   "/@babel/plugin-transform-react-jsx-development@7.25.9(@babel/core@7.26.0)": "sha512-9mj6rm7XVYs4mdLIpbZnHOYdpW42uoiBCTVowg7sP1thUOiANgMb4UtpRivR0pp5iL+ocvUv7X4mZgFRpJEzGw==",
@@ -22,8 +27,10 @@
   "/@babel/plugin-transform-react-pure-annotations@7.25.9(@babel/core@7.26.0)": "sha512-KQ/Takk3T8Qzj5TppkS1be588lkbTp5uj7w6a0LeQaTMSckU/wK0oJ/pih+T690tkgI5jfmg2TqDJvd41Sj1Cg==",
   "/@babel/preset-react@7.25.9(@babel/core@7.26.0)": "sha512-D3to0uSPiWE7rBrdIICCd0tJSIGpLaaGptna2+w7Pft5xMqLpA1sz99DK5TZ1TjGbdQ/VI1eCSZ06dv3lT4JOw==",
   "/@babel/template@7.25.9": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==",
-  "/@babel/traverse@7.25.9": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==",
+  "/@babel/template@7.27.2": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+  "/@babel/traverse@7.28.0": "sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==",
   "/@babel/types@7.26.0": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==",
+  "/@babel/types@7.28.2": "sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==",
   "/@eslint-community/eslint-utils@4.4.1(eslint@9.15.0)": "sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==",
   "/@eslint-community/regexpp@4.12.1": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
   "/@eslint/config-array@0.19.0": "sha512-zdHg2FPIFNKPdcHWtiNT+jEFCHYVplAXRDlQDyqy0zGx/q2parwh7brGJSiTxRk/TSMkbM//zt/f5CHgyTyaSQ==",
@@ -37,11 +44,13 @@
   "/@humanwhocodes/module-importer@1.0.1": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
   "/@humanwhocodes/retry@0.3.1": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
   "/@humanwhocodes/retry@0.4.1": "sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==",
+  "/@jridgewell/gen-mapping@0.3.13": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
   "/@jridgewell/gen-mapping@0.3.5": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
   "/@jridgewell/resolve-uri@3.1.2": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
   "/@jridgewell/set-array@1.2.1": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
   "/@jridgewell/sourcemap-codec@1.5.0": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
   "/@jridgewell/trace-mapping@0.3.25": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+  "/@jridgewell/trace-mapping@0.3.30": "sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==",
   "/@types/estree@1.0.6": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
   "/@types/json-schema@7.0.15": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
   "/acorn-jsx@5.3.2(acorn@8.14.0)": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
@@ -62,6 +71,7 @@
   "/convert-source-map@2.0.0": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
   "/cross-spawn@7.0.6": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
   "/debug@4.3.7(supports-color@8.1.1)": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+  "/debug@4.4.0(supports-color@5.5.0)": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
   "/deep-is@0.1.4": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
   "/electron-to-chromium@1.5.65": "sha512-PWVzBjghx7/wop6n22vS2MLU8tKGd4Q91aCEGhG/TYmW6PP5OcSXcdnxTe1NNt0T66N8D6jxh4kC8UsdzOGaIw==",
   "/escalade@3.2.0": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
@@ -84,8 +94,8 @@
   "/flatted@3.3.2": "sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==",
   "/gensync@1.0.0-beta.2": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
   "/glob-parent@6.0.2": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-  "/globals@11.12.0": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
   "/globals@14.0.0": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+  "/has-flag@3.0.0": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
   "/has-flag@4.0.0": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
   "/ignore@5.3.2": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
   "/import-fresh@3.3.0": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
@@ -133,6 +143,7 @@
   "/shebang-command@2.0.0": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
   "/shebang-regex@3.0.0": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
   "/strip-json-comments@3.1.1": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+  "/supports-color@5.5.0": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
   "/supports-color@7.2.0": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
   "/supports-color@8.1.1": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
   "/type-check@0.4.0": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",

package/CHANGELOG.json

@@ -1,6 +1,41 @@
 {
   "name": "@livepreso/content-react",
   "entries": [
+    {
+      "version": "1.1.1",
+      "tag": "@livepreso/content-react_v1.1.1",
+      "date": "Mon, 25 Aug 2025 09:37:11 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Bump version of ulog"
+          },
+          {
+            "comment": "(cmsvals)  change test for PM preview "
+          }
+        ]
+      }
+    },
+    {
+      "version": "1.1.0",
+      "tag": "@livepreso/content-react_v1.1.0",
+      "date": "Tue, 08 Jul 2025 01:48:30 GMT",
+      "comments": {
+        "minor": [
+          {
+            "comment": "Add support for getting/setting cmsvals (and user templates)"
+          }
+        ],
+        "patch": [
+          {
+            "comment": "User templates temp key correctly regexed"
+          },
+          {
+            "comment": "useSlideContext always updates state on context change"
+          }
+        ]
+      }
+    },
     {
       "version": "1.0.2",
       "tag": "@livepreso/content-react_v1.0.2",

package/CHANGELOG.md

@@ -1,6 +1,26 @@
 # Change Log - @livepreso/content-react
 
-This log was last generated on Wed, 25 Jun 2025 23:57:00 GMT and should not be manually modified.
+This log was last generated on Mon, 25 Aug 2025 09:37:11 GMT and should not be manually modified.
+
+## 1.1.1
+Mon, 25 Aug 2025 09:37:11 GMT
+
+### Patches
+
+- Bump version of ulog
+- (cmsvals)  change test for PM preview 
+
+## 1.1.0
+Tue, 08 Jul 2025 01:48:30 GMT
+
+### Minor changes
+
+- Add support for getting/setting cmsvals (and user templates)
+
+### Patches
+
+- User templates temp key correctly regexed
+- useSlideContext always updates state on context change
 
 ## 1.0.2
 Wed, 25 Jun 2025 23:57:00 GMT

package/eslint.config.mjs

@@ -8,5 +8,8 @@ export default [
 				Bridge: true,
 			},
 		},
+		rules: {
+			"no-console": "off",
+		},
 	},
 ];

package/index.js

@@ -57,30 +57,29 @@ export class App extends AppBase {
 
 	defaultRenderer(Slide, article) {
 		const el = article.get(0);
+		const id = el.id;
 
-		if (window.__deck_roots__[el.id]) {
-			this.unmountRoot(el.id);
+		if (window.__deck_roots__[id]) {
+			this.unmountRoot(id);
 		}
 
 		const root = createRoot(el);
 
-		window.__deck_roots__[el.id] = root;
+		window.__deck_roots__[id] = root;
+
+		function slideClosed() {
+			root.unmount();
+			delete window.__deck_roots__[id];
+			article.off("slide:closed", slideClosed);
+		}
+
+		article.on("slide:closed", slideClosed);
 
 		const RootApp = this.rootApp(Slide);
 		const AppComponent = () => {
 			// TODO: Refactor this to be a prop
 			const slideState = useRootSlide(article);
 
-			useEffect(() => {
-				function slideClosed() {
-					root.unmount();
-					delete window.__deck_roots__[el.id];
-					article.off("slide:closed", slideClosed);
-				}
-
-				article.on("slide:closed", slideClosed);
-			}, []);
-
 			return (
 				<SlideContext.Provider value={slideState}>
 					{!slideState.transitions.exited && (

package/lib/components/CompanywideJSON.js

@@ -4,7 +4,7 @@ import { CompanywideJSONContext } from "../contexts.js";
 import set from "lodash.set";
 import unescape from "lodash.unescape";
 import { useEditableInitialState } from "../hooks/use-editable-initial-state.js";
-import { useSlide } from "../hooks/use-slide.js";
+import { useSlide } from "../hooks/slide.js";
 import { getCWEJSONKey, testCWEJSONExists } from "../utils.js";
 
 /**

package/lib/components/OverlayPortal.js

@@ -0,0 +1,10 @@
+import { useTransitions } from "../hooks";
+import { createPortal } from "react-dom";
+
+export function OverlayPortal({ children }) {
+	const { entered, exiting, exited } = useTransitions();
+	if ((!entered && !exiting) || exited) {
+		return;
+	}
+	return createPortal(children, window.Bridge.UI.overlay);
+}

package/lib/components/index.js

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

package/lib/contexts.js

@@ -6,6 +6,7 @@ export const SlideContext = React.createContext({
 	slideKey: null,
 	isCurrentSlide: false,
 	isUserTemplate: false,
+	isUserTemplateLibrary: false,
 	isPMTemplate: false,
 });
 

package/lib/hooks/cmsvals.js

@@ -0,0 +1,126 @@
+import { useCallback, useEffect, useState } from "react";
+import { useTransitions } from "./use-transitions";
+import { useSlideContext } from "./use-slide-context.js";
+import { useSlide, useSlideModel } from "./slide.js";
+import { useModes } from "./use-modes.js";
+
+function useUserTemplateCMS(name) {
+	const { slideID, presentationKey, isUserTemplate, isUserTemplateLibrary } =
+		useSlide();
+
+	let contextKey;
+
+	if (isUserTemplate) {
+		contextKey = `_userTemplateCMSvals.${slideID}--${name}-${presentationKey}`;
+	} else if (isUserTemplateLibrary) {
+		contextKey = `_userTemplateCMSvals.${presentationKey}--${name}`;
+	}
+
+	const [obj, setValue] = useSlideContext(
+		contextKey,
+		{ mime: "text/plain", value: null },
+		{ enabled: !!contextKey },
+	);
+
+	return [
+		obj?.value ?? null,
+		contextKey
+			? (value) => setValue({ value, mime: "text/plain" })
+			: () => {
+					console.warn("Not a user template, can't set value");
+				},
+	];
+}
+
+function useDefaultCMSValueFromPresomanager(name, { slidePath = null } = {}) {
+	const { isPresomanager } = useModes();
+	const model = useSlideModel({ slidePath });
+
+	let key;
+	if (model.autoAdjunctID) {
+		key = `${name}-autoadjunct-${model.autoAdjunctID}`;
+	} else {
+		key = name;
+	}
+
+	const [cmsVals] = useSlideContext(
+		"_cmsVals",
+		{ mime: "text/plain", value: null },
+		// TODO: Presets? Previews?
+		{ enabled: !isPresomanager },
+	);
+
+	return cmsVals?.find?.((c) => c.key === key)?.value ?? null;
+}
+
+export function useCMSVal(name, { enabled = true, slidePath = null } = {}) {
+	const { entered, entering } = useTransitions();
+	const { isPresomanager, isEmptyPreview } = useModes();
+	const { isUserTemplate, isUserTemplateLibrary } = useSlide();
+	const [userTemplateValue, setUserTemplateValue] = useUserTemplateCMS(name);
+	const defaultFromPM = useDefaultCMSValueFromPresomanager(name, { slidePath });
+
+	// We need to make sure we aren't trying to call this bridge command
+	// (which can be specific to this slide) while it's being removed,
+	// otherwise we might throw warnings about missing cmsval keys.
+	const isActiveSlide = entered || entering;
+
+	const getCmsVal = useCallback(() => {
+		if (!enabled || !name || !isActiveSlide) {
+			return undefined;
+		}
+
+		if (isUserTemplate || isUserTemplateLibrary) {
+			return userTemplateValue;
+		}
+
+		if (!isPresomanager && !isEmptyPreview) {
+			return defaultFromPM;
+		}
+
+		return Bridge.CMSVals.get(name, { slidePath });
+	}, [
+		enabled,
+		name,
+		defaultFromPM,
+		isUserTemplate,
+		isUserTemplateLibrary,
+		isActiveSlide,
+		isPresomanager,
+	]);
+
+	const [value, setCMSValue] = useState(getCmsVal());
+
+	function updateCMSVal(value) {
+		if (isUserTemplate) {
+			setUserTemplateValue(value);
+		} else {
+			Bridge.CMSVals.set(name, value, { slidePath });
+		}
+		setCMSValue(value);
+	}
+
+	useEffect(() => {
+		if (!enabled || !isActiveSlide) {
+			return;
+		}
+
+		function onCMSValChanged(key, newValue) {
+			const fullKey = Bridge.CMSVals.getFullKey(name, { slidePath });
+
+			if (key !== fullKey) {
+				return;
+			}
+
+			setCMSValue(newValue);
+		}
+
+		Bridge.presenter.getPresentation().on("cmsValChanged", onCMSValChanged);
+
+		return () => {
+			Bridge.presenter.getPresentation().off("cmsValChanged", onCMSValChanged);
+		};
+	}, [enabled, name, getCmsVal]);
+
+	return [value, updateCMSVal];
+}

package/lib/hooks/cwe-editable.js

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useState } from "react";
 
 import { useModes } from "./use-modes";
-import { useSlide } from "./use-slide";
+import { useSlide } from "./slide";
 import { useEditableFieldKey } from "./use-editable-field-key";
 import { getCWEData, getUserTemplateData } from "../utils";
 
@@ -41,11 +41,6 @@ export function useCWEEditableInfo(id) {
 
 	function updateValue() {
 		const newValue = getValue();
-
-		if (value === newValue) {
-			return;
-		}
-
 		setValue(newValue);
 	}
 

package/lib/hooks/index.js

@@ -4,11 +4,16 @@ export { useAsyncReference } from "./use-async-reference.js";
 export { useModes } from "./use-modes.js";
 export { useSlideContext } from "./use-slide-context.js";
 export { useCompanywide } from "./use-companywide.js";
-export { useSlide } from "./use-slide.js";
+export { useSlideModel, useSlide } from "./slide.js";
 export { useTransitions } from "./use-transitions.js";
 export { useSubslides } from "./use-subslides.js";
 export { useSlideDone } from "./use-slide-done.js";
 export { useEditableFieldKey } from "./use-editable-field-key.js";
 export { useEditableInitialState } from "./use-editable-initial-state.js";
-export { usePrepEditableInfo, usePrepEditableValue } from "./prep-editable.js";
+export {
+	usePrepEditable,
+	usePrepEditableInfo,
+	usePrepEditableValue,
+} from "./prep-editable.js";
 export { useCWEEditableInfo, useCWEEditableValue } from "./cwe-editable.js";
+export { useCMSVal } from "./cmsvals.js";

package/lib/hooks/prep-editable.js

@@ -1,9 +1,37 @@
-import { useCallback, useEffect, useState } from "react";
-
 import { useModes } from "./use-modes";
-import { useSlide } from "./use-slide";
+import { useSlide } from "./slide";
+import { useSlideContext } from "./use-slide-context";
 import { useEditableFieldKey } from "./use-editable-field-key";
 
+/**
+ * Get and set values for use by templates, in a way that it will magically
+ * work with user templates especially. Values get placed in a special part
+ * of the context to allow the user template magic to work, and this is the
+ * function to use to make that seamless.
+ */
+export function usePrepEditable(editableKey) {
+	const { isPresomanager } = useModes();
+	const { slideID, isUserTemplateLibrary } = useSlide();
+
+	const key = useEditableFieldKey(editableKey, { isPrep: true });
+
+	const prepKey = `${slideID}--${key}`;
+	const keyPath = `_editableContent.${prepKey}`;
+
+	const [obj, setObj] = useSlideContext(
+		keyPath,
+		{
+			mime: "text/plain",
+			value: null,
+		},
+		{
+			enabled: !isPresomanager || isUserTemplateLibrary,
+		},
+	);
+
+	return [obj?.value ?? null, (value) => setObj({ mime: "text/plain", value })];
+}
+
 /**
  * Returns information about a prep editable on the current slide.
  *
@@ -12,7 +40,7 @@ import { useEditableFieldKey } from "./use-editable-field-key";
  *
  * Example:
  *
- *  usePrepEditable("test");
+ *  usePrepEditableInfo("test");
  *  => {
  *     key: "test",
  *     value: "User edited text",
@@ -20,49 +48,13 @@ import { useEditableFieldKey } from "./use-editable-field-key";
  *  }
  */
 export function usePrepEditableInfo(id) {
-	const { isPresomanager } = useModes();
-	const { slideID } = useSlide();
-
 	const key = useEditableFieldKey(id, { isPrep: true });
-
-	const prepKey = `${slideID}--${key}`;
-	const keyPath = `_editableContent.${prepKey}.value`;
-
-	const getValue = useCallback(() => {
-		return Bridge.Context.get(keyPath, null);
-	}, [keyPath]);
-
-	const [value, setValue] = useState(getValue());
-
-	function updateValue() {
-		const newValue = getValue();
-
-		if (value === newValue) {
-			return;
-		}
-
-		setValue(newValue);
-	}
-
-	useEffect(() => {
-		if (isPresomanager) return;
-
-		function onContextChange() {
-			updateValue();
-		}
-
-		Bridge.presenter.getPresentation().on("change:context", onContextChange);
-
-		return () => {
-			Bridge.presenter.getPresentation().off("change:context", onContextChange);
-		};
-	}, [isPresomanager, value, getValue]);
+	const [value] = usePrepEditable(id);
 
 	return {
 		key,
 		value: value,
 		hasValue: value !== null,
-		updateValue,
 	};
 }
 
@@ -70,5 +62,6 @@ export function usePrepEditableInfo(id) {
  * Returns the current value of a prep editable on the current slide.
  */
 export function usePrepEditableValue(id, defaultValue = null) {
-	return usePrepEditableInfo(id).value ?? defaultValue;
+	const [value] = usePrepEditable(id);
+	return value ?? defaultValue;
 }

package/lib/hooks/{use-slide.js → slide.js}

@@ -1,3 +1,4 @@
+import { useMemo } from "react";
 import { SlideContext } from "../contexts.js";
 import { useContext } from "react";
 
@@ -13,6 +14,7 @@ export function useSlide() {
 		currentSubslide,
 		transitions,
 		isUserTemplate,
+		isUserTemplateLibrary,
 		isPMTemplate,
 	} = useContext(SlideContext);
 
@@ -27,6 +29,19 @@ export function useSlide() {
 		totalSubslides,
 		transitions,
 		isUserTemplate,
+		isUserTemplateLibrary,
 		isPMTemplate,
 	};
 }
+
+export function useSlideModel({ slidePath = null } = {}) {
+	const { slideID } = useSlide();
+
+	return useMemo(() => {
+		const presentation = Bridge.presenter.getPresentation();
+		if (slidePath) {
+			return presentation.search(slidePath);
+		}
+		return presentation.current;
+	}, [slidePath, slideID]);
+}

package/lib/hooks/use-editable-field-key.js

@@ -1,4 +1,4 @@
-import { useSlide } from "./use-slide.js";
+import { useSlide } from "./slide.js";
 import { getPMTemplateFieldKey, getUserTemplateFieldKey } from "../utils.js";
 
 /**

package/lib/hooks/use-editable-initial-state.js

@@ -1,4 +1,4 @@
-import { useSlide } from "./use-slide.js";
+import { useSlide } from "./slide.js";
 import { useEditableFieldKey } from "./use-editable-field-key.js";
 import { getCWEData, getUserTemplateData } from "../utils.js";
 

package/lib/hooks/use-modes.js

@@ -12,10 +12,11 @@ export function useModes() {
 	const isPreview = bodyClasses.includes("preview");
 	const isPresent = bodyClasses.includes("present");
 	const isReview = bodyClasses.includes("review");
-	// Editing user templates in prep results in both the 'preview' and 'edit-mode'
-	// classes being added to the body. In order to detect if we are truly on the
-	// PresoManager page in the app, we need to ignore the 'preview' class.
-	const isPresomanager = bodyClasses.includes("edit-mode") && !isPreview;
+	const isPresomanager =
+		// Editing user templates in prep results in both the 'preview' and 'edit-mode'
+		// classes being added to the body. In order to detect if we are truly on the
+		// PresoManager page in the app, we need to ignore the 'preview' class.
+		bodyClasses.includes("edit-mode") && !isPreview;
 	const isEmptyPreview = bodyClasses.includes("empty-preview");
 	const isRemote = isOnline && isClient && !isShareOnline;
 	const isCdk = typeof window.__cdk_version__ !== "undefined";

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

@@ -115,26 +115,32 @@ export function useRootSlide(article) {
 		const slideEntered = updateState("entered");
 		const slideExiting = updateState("exiting");
 		const slideExited = updateState("exited");
-
-		article.off();
-		article.on("slide:entering", slideEntering);
-		article.on("slide:entered", slideEntered);
-		article.on("slide:exiting", slideExiting);
-		article.on("slide:exited", slideExited);
-		article.on("slide:closed", () => {
+		const slideClosed = () => {
 			doneRegister.current.promises = [];
-		});
-		article.on("slideready", (e, done) => {
+		};
+		const slideReady = (e, done) => {
 			Promise.all(doneRegister.current.promises).then(() => {
 				done();
 			});
 
 			setSlideReady(true);
 			slideEntered(e);
-		});
+		};
+
+		article.on("slide:entering", slideEntering);
+		article.on("slide:entered", slideEntered);
+		article.on("slide:exiting", slideExiting);
+		article.on("slide:exited", slideExited);
+		article.on("slide:closed", slideClosed);
+		article.on("slideready", slideReady);
 
 		return () => {
-			article.off();
+			article.off("slide:entering", slideEntering);
+			article.off("slide:entered", slideEntered);
+			article.off("slide:exiting", slideExiting);
+			article.off("slide:exited", slideExited);
+			article.off("slide:closed", slideClosed);
+			article.off("slideready", slideReady);
 		};
 	}, [slideReady]);
 
@@ -161,6 +167,8 @@ export function useRootSlide(article) {
 		doneRegister,
 		rootElement: article.get(0),
 		isUserTemplate: slideID.startsWith("adjunct-template-slide"),
+		isUserTemplateLibrary:
+			slideID.startsWith("template-") && !slideID.startsWith("template-slide"),
 		isPMTemplate: slideID.startsWith("template-slide"),
 
 		registerSubslide: () => setTotalSubslides(totalSubslides.current + 1),

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

@@ -3,28 +3,24 @@ import { useEffect, useState, useCallback } from "react";
 import { useModes } from "./use-modes";
 
 import isPlainObject from "lodash.isplainobject";
-import isEqual from "lodash.isequal";
 
-function getValueFromContext(context, path, defaultValue) {
-	if (path) {
-		return Bridge.Context.get(path, defaultValue);
-	}
-
-	return context;
-}
-
-export function useSlideContext(contextPath = null, defaultValue = null) {
+export function useSlideContext(
+	contextPath = null,
+	defaultValue = null,
+	{ enabled = true } = {},
+) {
 	let persist = false;
 	let path = contextPath;
 
 	const { isPresomanager } = useModes();
 
+	// useCallback to prevent useEffect from re-rendering
 	const getValue = useCallback(() => {
-		return getValueFromContext(
-			window.Bridge.Context.getDict(),
-			path,
-			defaultValue,
-		);
+		if (path) {
+			return window.Bridge.Context.get(path, defaultValue);
+		}
+
+		return window.Bridge.Context.getDict();
 	}, [path, defaultValue]);
 
 	const [context, setContextState] = useState(getValue);
@@ -37,6 +33,10 @@ export function useSlideContext(contextPath = null, defaultValue = null) {
 	}
 
 	function setContext(key, data) {
+		if (!enabled) {
+			return;
+		}
+
 		let setPath = key;
 		let setData = data;
 
@@ -53,11 +53,10 @@ export function useSlideContext(contextPath = null, defaultValue = null) {
 	}
 
 	useEffect(() => {
-		if (isPresomanager) return;
+		if (isPresomanager || !enabled) return;
 
 		function onContextChange() {
 			const newValue = getValue();
-			if (isEqual(context, newValue)) return;
 			setContextState(newValue);
 		}
 
@@ -66,7 +65,7 @@ export function useSlideContext(contextPath = null, defaultValue = null) {
 		return () => {
 			Bridge.presenter.getPresentation().off("change:context", onContextChange);
 		};
-	}, [isPresomanager, context, getValue]);
+	}, [enabled, isPresomanager, context, getValue]);
 
 	return [context, setContext];
 }

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

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useCallback } from "react";
-import { useSlide } from "./use-slide";
+import { useSlide } from "./slide";
 
 export function useSlideDone() {
 	const { doneRegister } = useSlide();

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

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { useSlide } from "./use-slide";
+import { useSlide } from "./slide";
 
 export function useSlideReady(fn) {
 	const { isSlideReady } = useSlide();

package/lib/hooks/use-subslides.js

@@ -1,7 +1,7 @@
 import { SlideContext, SubslideContext } from "../contexts.js";
 
 import { useContext } from "react";
-import { useSlide } from "./use-slide";
+import { useSlide } from "./slide.js";
 
 export function useSubslides() {
 	const context = useContext(SubslideContext);

package/lib/hooks/use-transitions.js

@@ -3,12 +3,14 @@ import { useContext } from "react";
 import { useModes } from "./index.js";
 
 export function useTransitions() {
-  const { isScreenshot } = useModes();
-  const { entering, exiting, entered } = useContext(SlideContext).transitions;
+	const { isScreenshot } = useModes();
+	const { entering, exiting, exited, entered } =
+		useContext(SlideContext).transitions;
 
-  return {
-    entering: isScreenshot ? false : entering,
-    exiting: isScreenshot ? false : exiting,
-    entered: isScreenshot ? true : entered,
-  };
+	return {
+		entering: isScreenshot ? false : entering,
+		exiting: isScreenshot ? false : exiting,
+		entered: isScreenshot ? true : entered,
+		exited,
+	};
 }

package/lib/utils.js

@@ -99,11 +99,15 @@ export function getPMTemplateFieldKey(key, slideID) {
  * @returns {string} - The constructed field key for the user template.
  */
 export function getUserTemplateFieldKey(key, slideID) {
-	const slideNumericID = getSlideID(slideID);
+	const numericRegex = /-(\d+)(?:-temp)*$/;
+	const slideNumericID = slideID.match(numericRegex)?.[1];
+
 	const isUnsavedTemplate = slideID.indexOf("-tempkey") > -1;
 
 	if (isUnsavedTemplate) {
-		return `${key}-tempkey-${slideNumericID}`;
+		const numericRegex = /tempkey-((?:[\d\w])+)/;
+		const tempID = slideID.match(numericRegex)?.[1];
+		return `${key}-tempkey-${tempID}`;
 	}
 
 	return `${key}-adjunct-${slideNumericID}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livepreso/content-react",
-  "version": "1.0.2",
+  "version": "1.1.1",
   "description": "",
   "main": "index.js",
   "publishConfig": {
@@ -18,7 +18,7 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "@livepreso/content-base": "~1.1.8",
-    "ulog": "~2.0.0-beta.18",
+    "ulog": "~2.0.0-beta.19",
     "lodash.get": "~4.4.2",
     "lodash.isplainobject": "~4.0.6",
     "lodash.set": "~4.3.2",

package/.rush/temp/package-deps_build.json

@@ -1,26 +0,0 @@
-{
-  "files": {
-    "content/content-react/.eslintrc.js": "6245fc28bbe1102d1b4c2a1db96a508e6221f6bd",
-    "content/content-react/.stylelintrc": "5c129c044fdf8b0dfd92da7860ea25f60bcde085",
-    "content/content-react/CHANGELOG.json": "001e63a228a710a99d8534c5bc38ddf662946eed",
-    "content/content-react/CHANGELOG.md": "b5932d45a8c6fcebf4267435c93a9d98a153242e",
-    "content/content-react/index.js": "826cec91ed8d4b018b33a847b4df6a3e8631d220",
-    "content/content-react/lib/components/ScrollableArea.js": "ee97a6ce605c2071f879382d1f347fe4fed83ee4",
-    "content/content-react/lib/components/ScrollableArea.module.scss": "74543f283eb2db0b67d70ffe0d068e03a1131573",
-    "content/content-react/lib/components/Subslide.js": "ddec8751b9a86d0cc5f587ec31d7d426f42648c5",
-    "content/content-react/lib/components/Subslides.js": "764d5901525bab61b8f72dc4fe399a356b185e12",
-    "content/content-react/lib/components/index.js": "f233f0e270fc648dc9c8ae2abfa93bd9e8ccdc01",
-    "content/content-react/lib/contexts.js": "59a0173397a32c788c0d61ee317741fe0a9c9bee",
-    "content/content-react/lib/hooks/index.js": "6fcf567354b94f0ab3fb0e2c4bf502cd5a81429e",
-    "content/content-react/lib/hooks/use-async-reference.js": "23e3eeff2b87b530d40129a049996a5fe76e34c6",
-    "content/content-react/lib/hooks/use-context.js": "3f697379e6ee9790ba6b4ae96ad6d6c2ba20a669",
-    "content/content-react/lib/hooks/use-modes.js": "ad8e27b3659b0fcf6fbe79333ccec86d690ed983",
-    "content/content-react/lib/hooks/use-root-slide.js": "98ce55032605df9507467b32f7969355318330f4",
-    "content/content-react/lib/hooks/use-shared-state.js": "0d160ddf3e5dec37849f72f4ec2a1d7aac680159",
-    "content/content-react/lib/hooks/use-subslides.js": "508ac21b01a4ece811ebc2db9c6a41ef6071e326",
-    "content/content-react/lib/hooks/use-transitions.js": "c9cdf3e8af82b8f8a51e99ee670334cc5c7c42c1",
-    "content/content-react/package.json": "1bed2af8c66bfa4ad2540e0e001cea26109435eb",
-    "content/content-react/.rush/temp/shrinkwrap-deps.json": "b1ad1f22903e0092d2fa7647b96a86692d3accaf"
-  },
-  "arguments": ""
-}

package/.rush/temp/package-deps_test.json

@@ -1,26 +0,0 @@
-{
-  "files": {
-    "content/content-react/.rush/temp/shrinkwrap-deps.json": "4645c4e5204fbf6e4b13573ceeacb3c093ff7a90",
-    "content/content-react/.eslintrc.js": "6245fc28bbe1102d1b4c2a1db96a508e6221f6bd",
-    "content/content-react/.stylelintrc": "5c129c044fdf8b0dfd92da7860ea25f60bcde085",
-    "content/content-react/CHANGELOG.json": "001e63a228a710a99d8534c5bc38ddf662946eed",
-    "content/content-react/CHANGELOG.md": "b5932d45a8c6fcebf4267435c93a9d98a153242e",
-    "content/content-react/index.js": "826cec91ed8d4b018b33a847b4df6a3e8631d220",
-    "content/content-react/lib/components/ScrollableArea.js": "ee97a6ce605c2071f879382d1f347fe4fed83ee4",
-    "content/content-react/lib/components/ScrollableArea.module.scss": "74543f283eb2db0b67d70ffe0d068e03a1131573",
-    "content/content-react/lib/components/Subslide.js": "ddec8751b9a86d0cc5f587ec31d7d426f42648c5",
-    "content/content-react/lib/components/Subslides.js": "764d5901525bab61b8f72dc4fe399a356b185e12",
-    "content/content-react/lib/components/index.js": "f233f0e270fc648dc9c8ae2abfa93bd9e8ccdc01",
-    "content/content-react/lib/contexts.js": "59a0173397a32c788c0d61ee317741fe0a9c9bee",
-    "content/content-react/lib/hooks/index.js": "6fcf567354b94f0ab3fb0e2c4bf502cd5a81429e",
-    "content/content-react/lib/hooks/use-async-reference.js": "23e3eeff2b87b530d40129a049996a5fe76e34c6",
-    "content/content-react/lib/hooks/use-context.js": "3f697379e6ee9790ba6b4ae96ad6d6c2ba20a669",
-    "content/content-react/lib/hooks/use-modes.js": "ad8e27b3659b0fcf6fbe79333ccec86d690ed983",
-    "content/content-react/lib/hooks/use-root-slide.js": "98ce55032605df9507467b32f7969355318330f4",
-    "content/content-react/lib/hooks/use-shared-state.js": "0d160ddf3e5dec37849f72f4ec2a1d7aac680159",
-    "content/content-react/lib/hooks/use-subslides.js": "508ac21b01a4ece811ebc2db9c6a41ef6071e326",
-    "content/content-react/lib/hooks/use-transitions.js": "c9cdf3e8af82b8f8a51e99ee670334cc5c7c42c1",
-    "content/content-react/package.json": "1bed2af8c66bfa4ad2540e0e001cea26109435eb"
-  },
-  "arguments": ""
-}