astro-tractstack 2.2.1 → 2.2.3

package/templates/src/components/edit/panels/StyleLiElementPanel_remove.tsx

@@ -88,10 +88,7 @@ const StyleLiElementRemovePanel = ({
       }
     }
 
-    ctx.modifyNodes([
-      { ...elementNode, isChanged: true },
-      { ...markdownNode, isChanged: true },
-    ]);
+    ctx.modifyNodes([{ ...elementNode }, { ...markdownNode }]);
     resetStore();
   };
 

package/templates/src/components/edit/panels/StyleLiElementPanel_update.tsx

@@ -115,7 +115,7 @@ const StyleLiElementUpdatePanel = ({
           break;
       }
 
-      ctx.modifyNodes([{ ...targetNode, isChanged: true }]);
+      ctx.modifyNodes([{ ...targetNode }]);
     } else {
       const markdownNode = cloneDeep(
         allNodes.get(parentNode.id)
@@ -150,7 +150,7 @@ const StyleLiElementUpdatePanel = ({
           break;
       }
 
-      ctx.modifyNodes([{ ...markdownNode, isChanged: true }]);
+      ctx.modifyNodes([{ ...markdownNode }]);
     }
 
     setPendingUpdate(null);
@@ -240,7 +240,7 @@ const StyleLiElementUpdatePanel = ({
         }
       }
 
-      ctx.modifyNodes([{ ...targetNode, isChanged: true }]);
+      ctx.modifyNodes([{ ...targetNode }]);
       setIsOverridden(checked);
     },
     [node, className, parentNode, childId, isContainer]

package/templates/src/components/edit/panels/StyleLinkPanel.tsx

@@ -256,7 +256,7 @@ const StyleLinkPanel = ({ node }: BasePanelProps) => {
       callbackPayload: linkNode.buttonPayload?.callbackPayload || '',
     };
 
-    ctx.modifyNodes([{ ...linkNode, isChanged: true }]);
+    ctx.modifyNodes([{ ...linkNode }]);
 
     settingsPanelStore.set({
       action: 'style-link',

package/templates/src/components/edit/panels/StyleLinkPanel_config.tsx

@@ -109,7 +109,7 @@ const StyleLinkConfigPanel = ({ node }: StyleLinkConfigPanelProps) => {
         });
       }
 
-      ctx.modifyNodes([{ ...linkNode, isChanged: true }]);
+      ctx.modifyNodes([{ ...linkNode }]);
     } catch (error) {
       console.error('Error in updateNode:', error);
     }

package/templates/src/components/edit/panels/StyleLinkPanel_remove.tsx

@@ -48,7 +48,7 @@ const StyleLinkRemovePanel = ({ node, className }: BasePanelProps) => {
         delete linkNode.buttonPayload.buttonClasses[className];
       }
     }
-    ctx.modifyNodes([{ ...linkNode, isChanged: true }]);
+    ctx.modifyNodes([{ ...linkNode }]);
     resetStore();
   };
 

package/templates/src/components/edit/panels/StyleLinkPanel_update.tsx

@@ -73,7 +73,7 @@ const StyleLinkUpdatePanel = ({ node, className }: BasePanelProps) => {
         };
       }
       setValue(newValue);
-      ctx.modifyNodes([{ ...linkNode, isChanged: true }]);
+      ctx.modifyNodes([{ ...linkNode }]);
     },
     [node, className, isHoverMode]
   );

package/templates/src/components/edit/panels/StyleParentPanel.tsx

@@ -161,7 +161,6 @@ const StyleParentPanel = ({
       {
         ...targetNode,
         parentClasses: newParentClasses,
-        isChanged: true,
       } as StyleableNode,
     ]);
 
@@ -195,9 +194,7 @@ const StyleParentPanel = ({
 
     const updatedNode = cloneDeep(selectedTargetNode);
     updatedNode.gridColumns[viewport] = count;
-    updatedNode.isChanged = true;
     ctx.modifyNodes([updatedNode]);
-    ctx.notifyNode('root');
   };
 
   const handleClickDeleteLayer = () => {
@@ -226,9 +223,7 @@ const StyleParentPanel = ({
     } else if (typeof updatedPaneNode.bgColour === 'string' && !color) {
       delete updatedPaneNode.bgColour;
     }
-    updatedPaneNode.isChanged = true;
     ctx.modifyNodes([updatedPaneNode]);
-    ctx.notifyNode('root');
   };
 
   const handleVisibilityChange = (
@@ -239,9 +234,7 @@ const StyleParentPanel = ({
       viewport.charAt(0).toUpperCase() + viewport.slice(1)
     }` as VisibilityKey;
     updatedNode[key] = !updatedNode[key];
-    updatedNode.isChanged = true;
     ctx.modifyNodes([updatedNode]);
-    ctx.notifyNode('root');
   };
 
   const setView = (newView: PanelView) => {

package/templates/src/components/edit/panels/StyleParentPanel_deleteLayer.tsx

@@ -67,7 +67,6 @@ const StyleParentDeleteLayerPanel = ({ node, layer }: ParentBasePanelProps) => {
       const updatedNode = {
         ...nodeToUpdate,
         parentClasses: [emptyLayer],
-        isChanged: true,
       };
 
       ctx.modifyNodes([updatedNode]);
@@ -84,7 +83,6 @@ const StyleParentDeleteLayerPanel = ({ node, layer }: ParentBasePanelProps) => {
     const updatedNode = {
       ...nodeToUpdate,
       parentClasses: newParentClasses,
-      isChanged: true,
     };
 
     ctx.modifyNodes([updatedNode]);

package/templates/src/components/edit/panels/StyleParentPanel_remove.tsx

@@ -121,9 +121,7 @@ const StyleParentPanelRemove = ({
     }
 
     if (wasModified) {
-      updatedNode.isChanged = true;
       ctx.modifyNodes([updatedNode]);
-      ctx.notifyNode('root');
     }
 
     settingsPanelStore.set({

package/templates/src/components/edit/panels/StyleParentPanel_update.tsx

@@ -152,9 +152,7 @@ const StyleParentPanelUpdate = ({
 
         classesTarget[viewport][className] = value;
 
-        updatedNode.isChanged = true;
         ctx.modifyNodes([updatedNode]);
-        ctx.notifyNode('root');
       }
     },
     [styleableNode, layer, className, targetProperty, values, ctx]

package/templates/src/components/edit/panels/StyleWidgetPanel_config.tsx

@@ -77,9 +77,6 @@ function StyleWidgetConfigPanel({ node }: StyleWidgetConfigPanelProps) {
     const paramsForCopy = stringParams.slice(0, widgetInfo.parameters.length);
     newNode.copy = `${widgetType}(${paramsForCopy.join('|')})`;
 
-    // Mark the node as changed
-    newNode.isChanged = true;
-
     // Update the node in the store
     getCtx().modifyNodes([newNode]);
   };

package/templates/src/components/edit/panels/StyleWidgetPanel_remove.tsx

@@ -108,10 +108,7 @@ const StyleWidgetRemovePanel = ({
         delete targetNode.overrideClasses;
       }
     }
-    ctx.modifyNodes([
-      { ...targetNode, isChanged: true },
-      { ...deepParentClone, isChanged: true },
-    ]);
+    ctx.modifyNodes([{ ...targetNode }, { ...deepParentClone }]);
     resetStore();
   };
 

package/templates/src/components/edit/panels/StyleWidgetPanel_update.tsx

@@ -12,7 +12,6 @@ import type {
   BasePanelProps,
   FlatNode,
   MarkdownPaneFragmentNode,
-  GridLayoutNode,
 } from '@/types/compositorTypes';
 
 const StyleWidgetUpdatePanel = ({
@@ -119,7 +118,7 @@ const StyleWidgetUpdatePanel = ({
           break;
       }
 
-      ctx.modifyNodes([{ ...targetNode, isChanged: true }]);
+      ctx.modifyNodes([{ ...targetNode }]);
     } else {
       const markdownNode = cloneDeep(
         allNodes.get(parentNode.id)
@@ -154,7 +153,7 @@ const StyleWidgetUpdatePanel = ({
           break;
       }
 
-      ctx.modifyNodes([{ ...markdownNode, isChanged: true }]);
+      ctx.modifyNodes([{ ...markdownNode }]);
     }
 
     setPendingUpdate(null);
@@ -236,7 +235,7 @@ const StyleWidgetUpdatePanel = ({
         }
       }
 
-      ctx.modifyNodes([{ ...targetNode, isChanged: true }]);
+      ctx.modifyNodes([{ ...targetNode }]);
       setIsOverridden(checked);
     },
     [node, className, parentNode]

package/templates/src/components/edit/panels/StyleWordCarouselPanel.tsx

@@ -70,7 +70,6 @@ const StyleWordCarouselPanel = ({ node }: StyleWordCarouselPanelProps) => {
           words: wordsArray,
           speed: currentSpeed,
         },
-        isChanged: true,
       } as FlatNode,
     ]);
   };
@@ -117,7 +116,6 @@ const StyleWordCarouselPanel = ({ node }: StyleWordCarouselPanelProps) => {
         {
           ...currentNode,
           wordCarouselPayload: undefined,
-          isChanged: true,
         } as FlatNode,
       ]);
     }

package/templates/src/components/edit/state/StylesMemory.tsx

@@ -179,10 +179,7 @@ export const StylesMemory = ({ node, parentNode }: StylesMemoryProps) => {
         if (typeof memoryState.bgColour === 'string') {
           updatedParent.bgColour = memoryState.bgColour;
         }
-        ctx.modifyNodes([
-          { ...updatedNode, isChanged: true },
-          { ...updatedParent, isChanged: true },
-        ]);
+        ctx.modifyNodes([{ ...updatedNode }, { ...updatedParent }]);
         break;
       }
       case 'button': {
@@ -198,7 +195,7 @@ export const StylesMemory = ({ node, parentNode }: StylesMemoryProps) => {
           buttonHoverClasses: cloneDeep(buttonStyles.buttonHoverClasses),
         };
 
-        ctx.modifyNodes([{ ...updatedNode, isChanged: true }]);
+        ctx.modifyNodes([{ ...updatedNode }]);
         const currentSignal = settingsPanelStore.get();
         if (currentSignal) {
           settingsPanelStore.set({ ...currentSignal });
@@ -224,10 +221,7 @@ export const StylesMemory = ({ node, parentNode }: StylesMemoryProps) => {
         updatedParent.defaultClasses[node.tagName] = cloneDeep(memoryStyles);
         delete updatedNode.overrideClasses;
 
-        ctx.modifyNodes([
-          { ...updatedParent, isChanged: true },
-          { ...updatedNode, isChanged: true },
-        ]);
+        ctx.modifyNodes([{ ...updatedParent }, { ...updatedNode }]);
         const currentSignal = settingsPanelStore.get();
         if (currentSignal) {
           settingsPanelStore.set({ ...currentSignal });

package/templates/src/components/edit/storyfragment/StoryFragmentConfigPanel.tsx

@@ -150,7 +150,6 @@ const StoryFragmentConfigPanel = ({
     const ctx = getCtx();
     const updatedNode: StoryFragmentNode = {
       ...cloneDeep(storyfragmentNode),
-      isChanged: true,
     };
 
     if (!tempBgColor) {

package/templates/src/components/edit/storyfragment/StoryFragmentPanel_menu.tsx

@@ -125,7 +125,6 @@ const StoryFragmentMenuPanel = ({
     const updatedNode = {
       ...cloneDeep(storyfragmentNode),
       menuId: menuId,
-      isChanged: true,
     };
     ctx.modifyNodes([updatedNode]);
   };
@@ -134,7 +133,6 @@ const StoryFragmentMenuPanel = ({
     const updatedNode = {
       ...cloneDeep(storyfragmentNode),
       menuId: null,
-      isChanged: true,
     };
     ctx.modifyNodes([updatedNode]);
     setSelectedMenuId(null);

package/templates/src/components/edit/storyfragment/StoryFragmentPanel_og.tsx

@@ -453,7 +453,6 @@ const StoryFragmentOpenGraphPanel = ({
         ...storyfragmentNode,
         title: draftTitle,
         ...(newSlug ? { slug: newSlug } : {}),
-        isChanged: true,
       });
       ctx.modifyNodes([updatedNode]);
 
@@ -482,7 +481,6 @@ const StoryFragmentOpenGraphPanel = ({
       const updatedNode = cloneDeep({
         ...currentNode,
         changed: new Date(),
-        isChanged: true,
       });
       ctx.modifyNodes([updatedNode]);
     }

package/templates/src/components/edit/storyfragment/StoryFragmentPanel_slug.tsx

@@ -127,7 +127,6 @@ const StoryFragmentSlugPanel = ({
       const updatedNode = cloneDeep({
         ...storyfragmentNode,
         slug,
-        isChanged: true,
       });
       ctx.modifyNodes([updatedNode]);
     }

package/templates/src/components/edit/storyfragment/StoryFragmentPanel_title.tsx

@@ -60,7 +60,6 @@ const StoryFragmentOpenGraphPanel = ({
         ...storyfragmentNode,
         title,
         ...(newSlug ? { slug: newSlug } : {}),
-        isChanged: true,
       });
       ctx.modifyNodes([updatedNode]);
     }

package/templates/src/components/fields/ArtpackImage.tsx

@@ -149,11 +149,9 @@ const ArtpackImage = ({ paneId, onUpdate }: ArtpackImageProps) => {
       objectFit,
       position: artpackNode?.position || 'background',
       size: artpackNode?.size || 'equal',
-      isChanged: true,
     };
     ctx.addNode(updatedArtNode);
     const updatedPaneNode = cloneDeep(paneNode);
-    updatedPaneNode.isChanged = true;
     ctx.modifyNodes([updatedPaneNode]);
     setArtpackNode(updatedArtNode);
     setIsModalOpen(false);
@@ -172,7 +170,6 @@ const ArtpackImage = ({ paneId, onUpdate }: ArtpackImageProps) => {
     if (!artpackNode) return;
     ctx.deleteNode(artpackNode.id);
     const updatedPaneNode = cloneDeep(paneNode);
-    updatedPaneNode.isChanged = true;
     ctx.modifyNodes([updatedPaneNode]);
     setArtpackNode(null);
     setSelectedCollection('');
@@ -188,9 +185,7 @@ const ArtpackImage = ({ paneId, onUpdate }: ArtpackImageProps) => {
     if (artpackNode) {
       const updatedArtNode = cloneDeep(artpackNode);
       updatedArtNode.objectFit = newObjectFit;
-      updatedArtNode.isChanged = true;
       const updatedPaneNode = cloneDeep(paneNode);
-      updatedPaneNode.isChanged = true;
       ctx.modifyNodes([updatedArtNode, updatedPaneNode]);
     }
   };
@@ -205,9 +200,7 @@ const ArtpackImage = ({ paneId, onUpdate }: ArtpackImageProps) => {
       if (viewport === 'mobile') updatedArtNode.hiddenViewportMobile = hidden;
       if (viewport === 'tablet') updatedArtNode.hiddenViewportTablet = hidden;
       if (viewport === 'desktop') updatedArtNode.hiddenViewportDesktop = hidden;
-      updatedArtNode.isChanged = true;
       const updatedPaneNode = cloneDeep(paneNode);
-      updatedPaneNode.isChanged = true;
       ctx.modifyNodes([updatedArtNode, updatedPaneNode]);
     }
   };

package/templates/src/components/fields/BackgroundImage.tsx

@@ -159,11 +159,9 @@ const BackgroundImage = ({ paneId, onUpdate }: BackgroundImageProps) => {
       objectFit,
       position: bgImageNode?.position || 'background',
       size: bgImageNode?.size || 'equal',
-      isChanged: true,
     };
     ctx.addNode(updatedBgNode);
     const updatedPaneNode = cloneDeep(paneNode);
-    updatedPaneNode.isChanged = true;
     ctx.modifyNodes([updatedPaneNode]);
     setBgImageNode(updatedBgNode);
     setLocalAltDescription(updatedBgNode.alt || '');
@@ -175,7 +173,6 @@ const BackgroundImage = ({ paneId, onUpdate }: BackgroundImageProps) => {
       });
     }
     onUpdate();
-    ctx.notifyNode('root');
   };
 
   const handleFileChange = async (event: ChangeEvent<HTMLInputElement>) => {
@@ -217,16 +214,13 @@ const BackgroundImage = ({ paneId, onUpdate }: BackgroundImageProps) => {
         objectFit,
         position: bgImageNode?.position || 'background',
         size: bgImageNode?.size || 'equal',
-        isChanged: true,
       };
       ctx.addNode(updatedBgNode);
       const updatedPaneNode = cloneDeep(paneNode);
-      updatedPaneNode.isChanged = true;
       ctx.modifyNodes([updatedPaneNode]);
       setBgImageNode(updatedBgNode);
       setLocalAltDescription(defaultAlt);
       onUpdate();
-      ctx.notifyNode('root');
     } catch (err) {
       setImageError('Failed to process image');
       console.error('[BackgroundImage] Error:', err);
@@ -239,21 +233,17 @@ const BackgroundImage = ({ paneId, onUpdate }: BackgroundImageProps) => {
     if (!bgImageNode) return;
     ctx.deleteNode(bgImageNode.id);
     const updatedPaneNode = cloneDeep(paneNode);
-    updatedPaneNode.isChanged = true;
     ctx.modifyNodes([updatedPaneNode]);
     setBgImageNode(null);
     setLocalAltDescription('');
     onUpdate();
-    ctx.notifyNode('root');
   };
 
   const handleAltDescriptionBlur = () => {
     if (bgImageNode && localAltDescription !== bgImageNode.alt) {
       const updatedBgNode = cloneDeep(bgImageNode);
       updatedBgNode.alt = localAltDescription;
-      updatedBgNode.isChanged = true;
       const updatedPaneNode = cloneDeep(paneNode);
-      updatedPaneNode.isChanged = true;
       ctx.modifyNodes([updatedBgNode, updatedPaneNode]);
     }
   };
@@ -265,9 +255,7 @@ const BackgroundImage = ({ paneId, onUpdate }: BackgroundImageProps) => {
     if (bgImageNode) {
       const updatedBgNode = cloneDeep(bgImageNode);
       updatedBgNode.objectFit = newObjectFit;
-      updatedBgNode.isChanged = true;
       const updatedPaneNode = cloneDeep(paneNode);
-      updatedPaneNode.isChanged = true;
       ctx.modifyNodes([updatedBgNode, updatedPaneNode]);
     }
   };
@@ -282,9 +270,7 @@ const BackgroundImage = ({ paneId, onUpdate }: BackgroundImageProps) => {
       if (viewport === 'mobile') updatedBgNode.hiddenViewportMobile = hidden;
       if (viewport === 'tablet') updatedBgNode.hiddenViewportTablet = hidden;
       if (viewport === 'desktop') updatedBgNode.hiddenViewportDesktop = hidden;
-      updatedBgNode.isChanged = true;
       const updatedPaneNode = cloneDeep(paneNode);
-      updatedPaneNode.isChanged = true;
       ctx.modifyNodes([updatedBgNode, updatedPaneNode]);
     }
   };

package/templates/src/components/fields/BackgroundImageWrapper.tsx

@@ -86,7 +86,6 @@ const BackgroundImageWrapper = ({
     if (color) updatedPaneNode.bgColour = color;
     else if (typeof updatedPaneNode.bgColour === `string` && !color)
       delete updatedPaneNode.bgColour;
-    updatedPaneNode.isChanged = true;
     ctx.modifyNodes([updatedPaneNode]);
   };
 
@@ -96,9 +95,7 @@ const BackgroundImageWrapper = ({
     if (!bgNode) return;
     const updatedBgNode = cloneDeep(bgNode);
     updatedBgNode.position = newPosition;
-    updatedBgNode.isChanged = true;
     const updatedPaneNode = cloneDeep(allNodes.get(paneId) as PaneNode);
-    updatedPaneNode.isChanged = true;
     ctx.modifyNodes([updatedBgNode, updatedPaneNode]);
     onUpdate();
   };
@@ -107,9 +104,7 @@ const BackgroundImageWrapper = ({
     if (!bgNode) return;
     const updatedBgNode = cloneDeep(bgNode);
     updatedBgNode.size = newSize;
-    updatedBgNode.isChanged = true;
     const updatedPaneNode = cloneDeep(allNodes.get(paneId) as PaneNode);
-    updatedPaneNode.isChanged = true;
     ctx.modifyNodes([updatedBgNode, updatedPaneNode]);
     onUpdate();
   };

package/templates/src/components/fields/ImageUpload.tsx

@@ -158,7 +158,6 @@ export const ImageUpload = ({
         if (selected.srcSet) updatedNode.srcSet = selected.srcSet;
         updatedNode.alt = selected.altDescription || missingAlt;
         delete updatedNode.base64Data; // Remove base64Data for existing files
-        updatedNode.isChanged = true;
         ctx.modifyNodes([updatedNode]);
       }
     }
@@ -206,7 +205,6 @@ export const ImageUpload = ({
         ((updatedNode.fileId = ulid()), (updatedNode.src = base64)); // Set src to base64 for immediate display
         updatedNode.base64Data = base64;
         updatedNode.alt = defaultAlt;
-        updatedNode.isChanged = true;
         ctx.modifyNodes([updatedNode]);
       }
     } catch (err) {
@@ -226,7 +224,6 @@ export const ImageUpload = ({
       updatedNode.src = '/static.jpg';
       updatedNode.alt =
         "This is a placeholder for an image that hasn't yet been uploaded";
-      updatedNode.isChanged = true;
       ctx.modifyNodes([updatedNode]);
     }
     setCurrentImage('/static.jpg');

package/templates/src/pages/[...slug]/edit.astro

@@ -54,7 +54,6 @@ if (slug === 'create') {
     title: '',
     slug: '',
     paneIds: [],
-    isChanged: false,
     created: new Date(),
     changed: new Date(),
   };

package/templates/src/pages/sandbox.astro

@@ -35,7 +35,6 @@ const emptyStoryFragment = {
   title: 'Sandbox Page',
   slug: 'sandbox-page',
   paneIds: [],
-  isChanged: false,
   created: new Date(),
   changed: new Date(),
 };