refactor: update save state receivers (#172)

The new data structure is that the save state always exists for a
layout, but the history is null/"" if we should just be using the
published data.

Also standardizes the theme/layout save state receivers.

src/internal/hooks/layout/useMessageReceivers.ts

@@ -20,18 +20,21 @@ export const useLayoutMessageReceivers = () => {
   const [layoutSaveStateFetched, setLayoutSaveStateFetched] =
     useState<boolean>(false); // needed because saveState can be empty
 
-  useReceiveMessage("getSaveState", TARGET_ORIGINS, (send, payload) => {
-    let layoutSaveState;
-    if (payload) {
-      layoutSaveState = {
-        ...payload,
+  useReceiveMessage("getLayoutSaveState", TARGET_ORIGINS, (send, payload) => {
+    let receivedLayoutSaveState;
+    if (payload?.history) {
+      receivedLayoutSaveState = {
+        hash: payload.hash,
         history: jsonFromEscapedJsonString(payload.history),
       } as LayoutSaveState;
     }
-    devLogger.logData("SAVE_STATE", layoutSaveState);
-    setLayoutSaveState(layoutSaveState);
+    devLogger.logData("LAYOUT_SAVE_STATE", receivedLayoutSaveState);
+    setLayoutSaveState(receivedLayoutSaveState);
     setLayoutSaveStateFetched(true);
-    send({ status: "success", payload: { message: "saveState received" } });
+    send({
+      status: "success",
+      payload: { message: "layoutSaveState received" },
+    });
   });
 
   return {

src/internal/hooks/theme/useMessageReceivers.ts

@@ -3,6 +3,7 @@ import { DevLogger } from "../../../utils/devLogger.ts";
 import { ThemeSaveState } from "../../types/themeData.ts";
 import { useReceiveMessage, TARGET_ORIGINS } from "../useMessage.ts";
 import { useCommonMessageSenders } from "../useMessageSenders.ts";
+import { jsonFromEscapedJsonString } from "../../utils/jsonFromEscapedJsonString.ts";
 
 const devLogger = new DevLogger();
 
@@ -22,8 +23,15 @@ export const useThemeMessageReceivers = () => {
     useState<boolean>(false); // needed because themeSaveState can be empty
 
   useReceiveMessage("getThemeSaveState", TARGET_ORIGINS, (send, payload) => {
-    devLogger.logData("THEME_SAVE_STATE", payload);
-    setThemeSaveState(payload as ThemeSaveState);
+    let receivedThemeSaveState;
+    if (payload?.history) {
+      receivedThemeSaveState = {
+        hash: payload.hash,
+        history: jsonFromEscapedJsonString(payload.history),
+      } as ThemeSaveState;
+    }
+    devLogger.logData("THEME_SAVE_STATE", receivedThemeSaveState);
+    setThemeSaveState(receivedThemeSaveState);
     setThemeSaveStateFetched(true);
     send({
       status: "success",

src/utils/devLogger.ts

@@ -1,7 +1,7 @@
 export type DevLoggerPrefix =
   | "TEMPLATE_METADATA"
   | "PUCK_CONFIG"
-  | "SAVE_STATE"
+  | "LAYOUT_SAVE_STATE"
   | "THEME_SAVE_STATE"
   | "VISUAL_CONFIGURATION_DATA"
   | "THEME_DATA"