Prevent widget value serialization for media preview widgets (#3370)

src/composables/node/useNodeAnimatedImage.ts

@@ -39,6 +39,7 @@ export function useNodeAnimatedImage() {
       }) as IWidget & {
         options: { host: ReturnType<typeof createImageHost> }
       }
+      widget.serialize = false
       widget.serializeValue = () => undefined
       widget.options.host.updateImages(node.imgs)
     }

src/composables/node/useNodeImage.ts

@@ -155,9 +155,9 @@ export const useNodeVideo = (node: LGraphNode) => {
     const hasWidget = node.widgets?.some((w) => w.name === VIDEO_WIDGET_NAME)
     if (!hasWidget) {
       const widget = node.addDOMWidget(VIDEO_WIDGET_NAME, 'video', container, {
-        hideOnZoom: false,
-        serialize: false
+        hideOnZoom: false
       })
+      widget.serialize = false
       widget.computeLayoutSize = () => ({
         minHeight,
         minWidth

src/composables/widgets/useImagePreviewWidget.ts

@@ -238,9 +238,11 @@ class ImagePreviewWidget implements ICustomWidget {
   readonly type: 'custom'
   readonly name: string
   readonly options: IWidgetOptions<unknown>
-  // Dummy value to satisfy type requirements
+  /** Dummy value to satisfy type requirements. */
   value: string
   y: number = 0
+  /** Don't serialize the widget value. */
+  serialize: boolean = false
 
   constructor(name: string, options: IWidgetOptions<unknown>) {
     this.type = 'custom'