From 0f2418925ca1cd8ab8974aba7bbed06482f82e9e Mon Sep 17 00:00:00 2001
From: Sebastian Dimunzio <sdimunzio@gmail.com>
Date: Fri, 26 Jun 2026 16:29:22 -0300
Subject: [PATCH 1/9] removing query string parameters on edit mode

---
 .../blocks/tabbed-posts/BlockEdit.js          | 20 ++++----
 .../blocks/tabbed-posts/BlockSave.js          |  7 +--
 .../blocks/tabbed-posts/index.js              | 49 ++++++++++++++++++-
 3 files changed, 58 insertions(+), 18 deletions(-)

diff --git a/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/BlockEdit.js b/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/BlockEdit.js
index 05b8c51ad..31d82ab5f 100644
--- a/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/BlockEdit.js
+++ b/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/BlockEdit.js
@@ -18,6 +18,7 @@ class BlockEdit extends BlockEditWithFilters {
         if (newPreviewMode !== prevState.previewMode) {
             this.props.setAttributes({previewMode: newPreviewMode});
         }
+        super.componentDidUpdate(prevProps, prevState, snapshot);
     }
 
     render() {
@@ -27,7 +28,7 @@ class BlockEdit extends BlockEditWithFilters {
             setAttributes,
             attributes: {
                 panelStatus,
-                count,
+                items,
                 type,
                 taxonomy,
                 categories,
@@ -35,14 +36,11 @@ class BlockEdit extends BlockEditWithFilters {
                 theme,
                 useScrolls,
                 showIcons,
-                useLabels,
+                showLabels,
                 previewMode
             },
         } = this.props;
 
-
-
-        const queryString = `editing=true&data-type=${type}&data-taxonomy=${taxonomy}&data-categories=${categories}&data-items=${count}&data-height=${height}&data-theme=${theme}&data-show-icons=${showIcons}&data-show-labels=${useLabels}&data-use-scrolls=${useScrolls}&data-preview-mode=${previewMode}`
         const divStyles = {height: `${height}px`, width: '100%'}
         return (
             <div>
@@ -60,8 +58,8 @@ class BlockEdit extends BlockEditWithFilters {
                             <PanelRow>
                                 <p>{__("Use Labels","dg")}</p>
                                 <FormToggle
-                                    checked={useLabels}
-                                    onChange={() => setAttributes({useLabels: !useLabels})}
+                                    checked={showLabels}
+                                    onChange={() => setAttributes({showLabels: !showLabels})}
                                 />
                             </PanelRow>
                             <PanelRow>
@@ -83,8 +81,8 @@ class BlockEdit extends BlockEditWithFilters {
                             <PanelRow>
                                 <RangeControl
                                     label={__("Items", "dg")}
-                                    value={count}
-                                    onChange={(count) => setAttributes({count})}
+                                    value={items}
+                                    onChange={(items) => setAttributes({items})}
                                     min={2}
                                     max={10}/>
                             </PanelRow>
@@ -122,8 +120,8 @@ class BlockEdit extends BlockEditWithFilters {
                         toggleSelection(false);
                     }}>
                     <div style={divStyles}>
-                        {this.state.react_ui_url&&<iframe style={divStyles} scrolling={"no"}
-                                 src={this.state.react_ui_url + "/embeddable/tabbedposts?" + queryString}/>}
+                        {this.state.react_ui_url && <iframe ref={this.iframe} style={divStyles} scrolling={"no"}
+                                 src={this.state.react_ui_url + "/embeddable/tabbedposts?"}/>}
                     </div>
                 </ResizableBox>
             </div>
diff --git a/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/BlockSave.js b/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/BlockSave.js
index 19e79dd08..3c116fa0b 100644
--- a/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/BlockSave.js
+++ b/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/BlockSave.js
@@ -1,8 +1,7 @@
 const SaveComponent = (props) => {
     const {
-        setAttributes,
         attributes: {
-            count,
+            items,
             type,
             taxonomy,
             categories,
@@ -19,11 +18,9 @@ const SaveComponent = (props) => {
     const divClass = {}
     const divStyles = {}
 
-//const queryString = `editing=true&data-type=${type}&data-taxonomy=${taxonomy}&data-categories=${categories}&data-items=${count}&data-height=${height}&data-width=${width}&data-theme=${theme}&data-show-icons=${showIcons}&data-user-labels=${useLabels}`
-//data-theme=${theme}&data-show-icons=${showIcons}&data-show-labels=${useLabels}`
     return (<div className={divClass} style={divStyles}>
             <div
-                data-items={count}
+                data-items={items}
                 data-height={height}
                 data-width={width}
                 data-type={type}
diff --git a/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/index.js b/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/index.js
index f859156ff..007ed57f2 100644
--- a/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/index.js
+++ b/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/index.js
@@ -4,13 +4,27 @@ import BlockSave from "./BlockSave";
 import BlockEdit from "./BlockEdit";
 import {GenericIcon, BLOCKS_NS, BLOCKS_CATEGORY} from '@devgateway/dvz-wp-commons';
 
+const v1Attributes = {
+    count: { type: 'Numeric', default: 3 },
+    type: { type: 'string', default: "posts" },
+    taxonomy: { type: 'string', default: "none" },
+    categories: { type: 'array', default: [] },
+    height: { type: 'Numeric', default: 700 },
+    theme: { type: 'string', default: "buttons" },
+    useLabels: { type: "boolean", default: false },
+    showIcons: { type: "boolean", default: false },
+    useScrolls: { type: "boolean", default: false },
+    panelStatus: { type: "Object", default: {} },
+    previewMode: { type: "string", default: "Desktop" },
+};
+
 registerBlockType(BLOCKS_NS + '/tabbed-posts',
     {
         title: __('Tabbed Posts', "dg"),
         icon: GenericIcon,
         category: BLOCKS_CATEGORY,
         attributes: {
-            count: {
+            items: {
                 type: 'Numeric',
                 default: 3,
             },
@@ -34,7 +48,7 @@ registerBlockType(BLOCKS_NS + '/tabbed-posts',
                 type: 'string',
                 default: "buttons",
             },
-            useLabels: {
+            showLabels: {
                 type: "boolean",
                 default: false
             },
@@ -57,6 +71,37 @@ registerBlockType(BLOCKS_NS + '/tabbed-posts',
         },
         edit: BlockEdit,
         save: BlockSave,
+        deprecated: [
+            {
+                attributes: v1Attributes,
+                migrate({ count, useLabels, ...rest }) {
+                    return { ...rest, items: count, showLabels: useLabels };
+                },
+                // Reproduces what the old BlockSave actually rendered:
+                // - `width` was not a registered attribute → data-width omitted
+                // - `showLabels` was not a registered attribute (was `useLabels`) → data-show-labels omitted
+                // - outer div had className={} → no class attribute rendered
+                save({ attributes: { count, type, taxonomy, categories, height, showIcons, useScrolls, theme, previewMode } }) {
+                    return (
+                        <div>
+                            <div
+                                data-items={count}
+                                data-height={height}
+                                data-type={type}
+                                data-taxonomy={taxonomy}
+                                data-categories={categories.toString()}
+                                data-show-icons={showIcons}
+                                data-use-scrolls={useScrolls}
+                                data-theme={theme}
+                                data-preview-mode={previewMode}
+                                className={"viz-component"}
+                                data-component={"tabbedPosts"}>
+                            </div>
+                        </div>
+                    );
+                }
+            }
+        ],
     }
 )
 ;

From 49f526552c8c5cfb942eb114eff95d6778c0234a Mon Sep 17 00:00:00 2001
From: Sebastian Dimunzio <sdimunzio@gmail.com>
Date: Mon, 29 Jun 2026 10:45:03 -0300
Subject: [PATCH 2/9] refactor: migrate all Gutenberg blocks from querystring
 to postMessage
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace URL querystring attribute passing with the postMessage mechanism
already used by d3Map. All blocks now use ref={this.iframe} and a bare
iframe src; ComponentWithSettings.componentDidUpdate handles delivery.

Attribute renames with deprecated entries for backward compatibility:
- pdf: fileName → fileLabel
- post-carousel: count → items
- inline-list: count → items, showIcons → showPostIcons
- featured-tabs: count → items, colors (object) → color (comma string)
- page-modules: topTopLabel → toTopLabel

showcase-form and newsletter: updated save output to explicit data-*
attributes (previously spread all block attrs as raw HTML attributes).
page-modules and page-gallery keep ?parent in iframe URL for bootstrap;
all other attribute changes travel via postMessage only.
---
 .../blocks/data-filters-reset/BlockEdit.js    |   1 -
 .../blocks/featured-tabs/BlockEdit.js         |  33 +++---
 .../blocks/featured-tabs/BlockSave.js         |  16 +--
 .../blocks/featured-tabs/index.js             |  51 ++++++++-
 .../blocks/format-bar/references.js           |   5 +-
 .../blocks/inline-list/BlockEdit.js           |  18 ++-
 .../blocks/inline-list/BlockSave.js           |  40 +++----
 .../blocks/inline-list/index.js               |  50 ++++++++-
 .../blocks/measures/BlockEdit.js              |   3 +-
 .../blocks/new-time-line/BlockEdit.js         |   1 -
 .../blocks/newsletter/index.js                | 103 +++++++++++-------
 .../blocks/page-gallery/index.js              |   9 +-
 .../blocks/page-modules/index.js              |  54 ++++++---
 .../blocks/pdf/BlockEdit.js                   |  14 +--
 .../blocks/pdf/BlockSave.js                   |   9 +-
 .../blocks/pdf/index.js                       |  41 ++++++-
 .../blocks/post-carousel/BlockEdit.js         |  10 +-
 .../blocks/post-carousel/BlockSave.js         |  15 +--
 .../blocks/post-carousel/index.js             |  37 ++++++-
 .../blocks/showcase-form/BlockEdit.js         |   7 +-
 .../blocks/showcase-form/BlockSave.js         |  33 ++++--
 .../blocks/showcase-form/index.js             |  76 ++++++++-----
 .../vertical-featured-tabs/BlockEdit.js       |   3 +-
 23 files changed, 414 insertions(+), 215 deletions(-)

diff --git a/plugins/wp-react-blocks-plugin/blocks/data-filters-reset/BlockEdit.js b/plugins/wp-react-blocks-plugin/blocks/data-filters-reset/BlockEdit.js
index d6f14c1e2..3b5d95325 100644
--- a/plugins/wp-react-blocks-plugin/blocks/data-filters-reset/BlockEdit.js
+++ b/plugins/wp-react-blocks-plugin/blocks/data-filters-reset/BlockEdit.js
@@ -23,7 +23,6 @@ class BlockEdit extends BlockEditWithAPIMetadata {
         } = this.props;
 
 
-        const queryString = `data-group=${group}&data-app=${app}&data-reset-label=${resetLabel}`
         const iframeStyles = {height: '30px'}
 
         return ([isSelected && (<InspectorControls>
diff --git a/plugins/wp-react-blocks-plugin/blocks/featured-tabs/BlockEdit.js b/plugins/wp-react-blocks-plugin/blocks/featured-tabs/BlockEdit.js
index 459bdebaa..e6aa9c48c 100644
--- a/plugins/wp-react-blocks-plugin/blocks/featured-tabs/BlockEdit.js
+++ b/plugins/wp-react-blocks-plugin/blocks/featured-tabs/BlockEdit.js
@@ -10,17 +10,10 @@ class BlockEdit extends BlockEditWithFilters {
     }
 
     onChangeColor(i, value) {
-        const {
-            setAttributes,
-            attributes: {
-                colors
-            },
-        } = this.props;
-
-        const newColors = Object.assign({}, colors);
-        newColors["color_" + i] = value;
-
-        setAttributes({ "colors": newColors });
+        const { setAttributes, attributes: { color } } = this.props;
+        const parts = (color || '').split(',');
+        parts[i] = value || '#FFFF';
+        setAttributes({ color: parts.join(',') });
     }
 
     componentWillUnmount() {
@@ -30,6 +23,7 @@ class BlockEdit extends BlockEditWithFilters {
     }
 
     componentDidUpdate(prevProps, prevState, snapshot) {
+        super.componentDidUpdate(prevProps, prevState, snapshot);
         const newPreviewMode = this.state?.previewMode;
         if (newPreviewMode !== prevState.previewMode) {
             this.props.setAttributes({ previewMode: newPreviewMode });
@@ -42,12 +36,12 @@ class BlockEdit extends BlockEditWithFilters {
             toggleSelection,
             setAttributes,
             attributes: {
-                count,
+                items,
                 type,
                 taxonomy,
                 categories,
                 height,
-                colors,
+                color,
                 useScrolls,
                 readMoreLabel,
                 closeLabel,
@@ -55,8 +49,6 @@ class BlockEdit extends BlockEditWithFilters {
             },
         } = this.props;
 
-        const colorsParams = Object.keys(colors).map(k => colors[k]).join(",");
-        const queryString = `editing=true&data-type=${type}&data-taxonomy=${taxonomy}&data-categories=${categories}&data-items=${count}&data-height=${height}&data-color=${encodeURIComponent(colorsParams)}&data-read-more-label=${readMoreLabel}&data-close-label=${encodeURIComponent(closeLabel || 'Close')}&data-use-scrolls=${useScrolls}&data-preview-mode=${previewMode}`;
         const divStyles = { height: `${height}px`, width: "100%" };
 
         return (
@@ -67,8 +59,8 @@ class BlockEdit extends BlockEditWithFilters {
                             <PanelRow>
                                 <RangeControl
                                     label={__("Items", "dg")}
-                                    value={count}
-                                    onChange={(count) => setAttributes({ count })}
+                                    value={items}
+                                    onChange={(items) => setAttributes({ items })}
                                     min={2}
                                     max={10}
                                 />
@@ -118,13 +110,13 @@ class BlockEdit extends BlockEditWithFilters {
                         {this.renderFilters()}
 
                         <PanelBody title={__("Colors")}>
-                            {new Array(count).fill(1).map((v, i) =>
+                            {new Array(items).fill(1).map((v, i) =>
                                 <PanelRow key={i}>
                                     <PanelColorSettings
                                         title={__(`Color Settings  ${i + 1}`)}
                                         colorSettings={[
                                             {
-                                                value: colors[`color_${i}`],
+                                                value: (color || '').split(',')[i],
                                                 onChange: (colorValue) => this.onChangeColor(i, colorValue),
                                                 label: __('Background Color'),
                                             }
@@ -164,7 +156,8 @@ class BlockEdit extends BlockEditWithFilters {
                 >
                     <div style={divStyles}>
                         {this.state.react_ui_url && <iframe style={divStyles} scrolling={"no"}
-                                                            src={this.state.react_ui_url + "/embeddable/featuredtabs?" + queryString}/>}
+                                                            ref={this.iframe}
+                                                            src={this.state.react_ui_url + "/embeddable/featuredtabs"}/>}
 
                     </div>
                 </ResizableBox>
diff --git a/plugins/wp-react-blocks-plugin/blocks/featured-tabs/BlockSave.js b/plugins/wp-react-blocks-plugin/blocks/featured-tabs/BlockSave.js
index 0d70cacf2..a9fc796d6 100644
--- a/plugins/wp-react-blocks-plugin/blocks/featured-tabs/BlockSave.js
+++ b/plugins/wp-react-blocks-plugin/blocks/featured-tabs/BlockSave.js
@@ -1,12 +1,12 @@
 const SaveComponent = (props) => {
     const {
         attributes: {
-            count,
+            items,
             type,
             taxonomy,
             categories,
             height,
-            colors,
+            color,
             useScrolls,
             readMoreLabel,
             closeLabel,
@@ -14,19 +14,16 @@ const SaveComponent = (props) => {
         },
     } = props;
 
-    const divClass = {};
     const divStyles = {
-        height: `${height}px`, // Set the height style
+        height: `${height}px`,
     };
 
-    const colorsParams = Object.keys(colors).map(k => colors[k]).join(",");
-
     return (
-        <div className={divClass} style={divStyles}>
+        <div style={divStyles}>
             <div
-                data-items={count}
+                data-items={items}
                 data-height={height}
-                data-color={colorsParams}
+                data-color={color}
                 data-type={type}
                 data-taxonomy={taxonomy}
                 data-categories={categories.toString()}
@@ -42,4 +39,3 @@ const SaveComponent = (props) => {
 }
 
 export default SaveComponent;
-
diff --git a/plugins/wp-react-blocks-plugin/blocks/featured-tabs/index.js b/plugins/wp-react-blocks-plugin/blocks/featured-tabs/index.js
index 5763679fb..322537baf 100644
--- a/plugins/wp-react-blocks-plugin/blocks/featured-tabs/index.js
+++ b/plugins/wp-react-blocks-plugin/blocks/featured-tabs/index.js
@@ -4,13 +4,26 @@ import BlockSave from "./BlockSave";
 import BlockEdit from "./BlockEdit";
 import {GenericIcon, BLOCKS_NS, BLOCKS_CATEGORY} from '@devgateway/dvz-wp-commons';
 
+const v1Attributes = {
+    count: { type: 'Numeric', default: 3 },
+    type: { type: 'string', default: "posts" },
+    taxonomy: { type: 'string', default: "none" },
+    categories: { type: 'array', default: [] },
+    height: { type: 'Numeric', default: 500 },
+    readMoreLabel: { type: "String", default: "READ More" },
+    closeLabel: { type: "String", default: "Close" },
+    useScrolls: { type: "boolean", default: false },
+    colors: { type: "object", default: {color_0: '#FFFF', color_1: '#FFFF', color_2: '#FFFF'} },
+    previewMode: { type: "string", default: "Desktop" },
+};
+
 registerBlockType(`${BLOCKS_NS}/featured-tabs`,
     {
         title: __('Featured Tabs'),
         icon: GenericIcon,
         category: BLOCKS_CATEGORY,
         attributes: {
-            count: {
+            items: {
                 type: 'Numeric',
                 default: 3,
             },
@@ -42,9 +55,9 @@ registerBlockType(`${BLOCKS_NS}/featured-tabs`,
                 type: "boolean",
                 default: false
             },
-            colors: {
-                type: "object",
-                default: {color_0: '#FFFF', color_1: '#FFFF', color_2: '#FFFF'}
+            color: {
+                type: "string",
+                default: '#FFFF,#FFFF,#FFFF'
             },
             previewMode: {
                 type: "string",
@@ -53,6 +66,36 @@ registerBlockType(`${BLOCKS_NS}/featured-tabs`,
         },
         edit: BlockEdit,
         save: BlockSave,
+        deprecated: [
+            {
+                attributes: v1Attributes,
+                migrate({ count, colors, ...rest }) {
+                    const color = Object.keys(colors).map(k => colors[k]).join(',');
+                    return { ...rest, items: count, color };
+                },
+                save({ attributes: { count, type, taxonomy, categories, height, colors, useScrolls, readMoreLabel, closeLabel, previewMode } }) {
+                    const colorsParams = Object.keys(colors).map(k => colors[k]).join(",");
+                    return (
+                        <div style={{ height: `${height}px` }}>
+                            <div
+                                data-items={count}
+                                data-height={height}
+                                data-color={colorsParams}
+                                data-type={type}
+                                data-taxonomy={taxonomy}
+                                data-categories={categories.toString()}
+                                className={"viz-component"}
+                                data-read-more-label={readMoreLabel}
+                                data-close-label={closeLabel}
+                                data-use-scrolls={useScrolls}
+                                data-component={"featuredTabs"}
+                                data-preview-mode={previewMode}
+                            />
+                        </div>
+                    );
+                }
+            }
+        ],
     }
 )
 ;
diff --git a/plugins/wp-react-blocks-plugin/blocks/format-bar/references.js b/plugins/wp-react-blocks-plugin/blocks/format-bar/references.js
index 533112d3d..74923fcf4 100644
--- a/plugins/wp-react-blocks-plugin/blocks/format-bar/references.js
+++ b/plugins/wp-react-blocks-plugin/blocks/format-bar/references.js
@@ -288,7 +288,6 @@ class BlockEdit extends BlockEditWithAPIMetadata {
         } = this.props;
 
 
-        const queryString = `data-group=${group}&data-app=${app}&data-reset-label=${resetLabel}&editing=true`
         const iframeStyles = {height: '65px'}
 
         return ([isSelected && (<InspectorControls>
@@ -321,9 +320,9 @@ class BlockEdit extends BlockEditWithAPIMetadata {
                 (<div>
 
                         {this.state.react_ui_url &&
-                            <iframe id={"id_description_iframe"} scrolling={"no"}
+                            <iframe ref={this.iframe} scrolling={"no"}
                                     style={iframeStyles}
-                                    src={this.state.react_ui_url + "/embeddable/references?" + queryString}/>}
+                                    src={this.state.react_ui_url + "/embeddable/references"}/>}
                     </div>
 
                 )]
diff --git a/plugins/wp-react-blocks-plugin/blocks/inline-list/BlockEdit.js b/plugins/wp-react-blocks-plugin/blocks/inline-list/BlockEdit.js
index 64e515dbb..9861b7209 100644
--- a/plugins/wp-react-blocks-plugin/blocks/inline-list/BlockEdit.js
+++ b/plugins/wp-react-blocks-plugin/blocks/inline-list/BlockEdit.js
@@ -15,13 +15,12 @@ class BlockEdit extends BlockEditWithFilters {
             toggleSelection,
             setAttributes,
             attributes: {
-                count,
+                items,
                 type,
                 taxonomy,
                 categories,
                 height,
-                width,
-                showIcons,
+                showPostIcons,
                 showContentToggle,
                 contentToggleHPosition,
                 panelStatus,
@@ -30,8 +29,6 @@ class BlockEdit extends BlockEditWithFilters {
             },
         } = this.props;
 
-
-        const queryString = `editing=true&data-type=${type}&data-taxonomy=${taxonomy}&data-categories=${categories}&data-items=${count}&data-height=${height}&data-show-post-icons=${showIcons}&data-show-content-toggle=${showContentToggle}&data-content-toggle-h-position=${contentToggleHPosition}&data-read-more-label=${encodeURIComponent(readMoreLabel || 'Read More')}&data-read-less-label=${encodeURIComponent(readLessLabel || 'Read less')}`
         const divStyles = {height: height + 'px', width: '100%'}
         return (
             <div>
@@ -45,8 +42,8 @@ class BlockEdit extends BlockEditWithFilters {
                                 <p>{__("Show Post Icon")}</p>
                                 <FormToggle
                                     label={__("Show Post Icon")}
-                                    checked={showIcons}
-                                    onChange={() => setAttributes({showIcons: !showIcons})}
+                                    checked={showPostIcons}
+                                    onChange={() => setAttributes({showPostIcons: !showPostIcons})}
                                 />
 
                             </PanelRow>
@@ -75,8 +72,8 @@ class BlockEdit extends BlockEditWithFilters {
 
                                 <RangeControl
                                     label="Items"
-                                    value={count}
-                                    onChange={(count) => setAttributes({count})}
+                                    value={items}
+                                    onChange={(items) => setAttributes({items})}
                                     min={2}
                                     max={10}
                                 />
@@ -135,7 +132,8 @@ class BlockEdit extends BlockEditWithFilters {
 
                     <div style={divStyles}>
                         {this.state.react_ui_url&&<iframe style={divStyles} scrolling={"no"}
-                                 src={this.state.react_ui_url + "/embeddable/inlinelist?" + queryString}/>}
+                                 ref={this.iframe}
+                                 src={this.state.react_ui_url + "/embeddable/inlinelist"}/>}
                     </div>
                 </ResizableBox>
             </div>
diff --git a/plugins/wp-react-blocks-plugin/blocks/inline-list/BlockSave.js b/plugins/wp-react-blocks-plugin/blocks/inline-list/BlockSave.js
index e2bb334fe..3b1355d98 100644
--- a/plugins/wp-react-blocks-plugin/blocks/inline-list/BlockSave.js
+++ b/plugins/wp-react-blocks-plugin/blocks/inline-list/BlockSave.js
@@ -1,15 +1,13 @@
 const SaveComponent = (props) => {
     const {
-        setAttributes,
         attributes: {
-            count,
+            items,
             type,
             taxonomy,
             categories,
             height,
-            width,
             colors,
-            showIcons,
+            showPostIcons,
             showContentToggle,
             contentToggleHPosition,
             readMoreLabel,
@@ -17,26 +15,22 @@ const SaveComponent = (props) => {
         },
     } = props;
 
-    const divClass = {}
-    const divStyles = {}
-    const colorsParams = Object.keys(colors).map(k => colors[k]).join(",")
-    return (<div className={divClass} style={divStyles}>
-                <div data-items={count}
-                     data-height={height}
-                     data-width={width}
-                     data-color={colorsParams}
-                     data-type={type} data-taxonomy={taxonomy} data-categories={categories.toString()}
-                     className={"viz-component"}
-                     data-show-post-icons={showIcons}
-                     data-show-content-toggle={showContentToggle}
-                     data-content-toggle-h-position={contentToggleHPosition}
-                     data-read-more-label={readMoreLabel}
-                     data-read-less-label={readLessLabel}
-                     data-component={"inlineList"}>
-                </div>
+    const colorsParams = Object.keys(colors).map(k => colors[k]).join(",");
+    return (
+        <div>
+            <div data-items={items}
+                 data-height={height}
+                 data-color={colorsParams}
+                 data-type={type} data-taxonomy={taxonomy} data-categories={categories.toString()}
+                 className={"viz-component"}
+                 data-show-post-icons={showPostIcons}
+                 data-show-content-toggle={showContentToggle}
+                 data-content-toggle-h-position={contentToggleHPosition}
+                 data-read-more-label={readMoreLabel}
+                 data-read-less-label={readLessLabel}
+                 data-component={"inlineList"}>
+            </div>
         </div>
-
-
     );
 }
 
diff --git a/plugins/wp-react-blocks-plugin/blocks/inline-list/index.js b/plugins/wp-react-blocks-plugin/blocks/inline-list/index.js
index 1da9208a5..ac3abac25 100644
--- a/plugins/wp-react-blocks-plugin/blocks/inline-list/index.js
+++ b/plugins/wp-react-blocks-plugin/blocks/inline-list/index.js
@@ -4,13 +4,28 @@ import BlockSave from "./BlockSave";
 import BlockEdit from "./BlockEdit";
 import {GenericIcon, BLOCKS_NS, BLOCKS_CATEGORY} from '@devgateway/dvz-wp-commons';
 
+const v1Attributes = {
+    count: { type: 'Numeric', default: 3 },
+    type: { type: 'string', default: "posts" },
+    taxonomy: { type: 'string', default: "none" },
+    categories: { type: 'array', default: [] },
+    height: { type: 'Numeric', default: 500 },
+    showIcons: { type: 'boolean', default: false },
+    colors: { type: "object", default: {color_0: '#FFFF', color_1: '#FFFF', color_2: '#FFFF'} },
+    showContentToggle: { type: 'boolean', default: false },
+    contentToggleHPosition: { type: 'Numeric', default: 50 },
+    panelStatus: { type: "Object", default: {} },
+    readMoreLabel: { type: 'string', default: 'Read More' },
+    readLessLabel: { type: 'string', default: 'Read less' },
+};
+
 registerBlockType(BLOCKS_NS+'/inline-list',
     {
         title: __('Inline List'),
         icon: GenericIcon,
         category: BLOCKS_CATEGORY,
         attributes: {
-            count: {
+            items: {
                 type: 'Numeric',
                 default: 3,
             },
@@ -30,8 +45,7 @@ registerBlockType(BLOCKS_NS+'/inline-list',
                 type: 'Numeric',
                 default: 500,
             },
-
-            showIcons: {
+            showPostIcons: {
                 type: 'boolean',
                 default: false
             },
@@ -59,10 +73,36 @@ registerBlockType(BLOCKS_NS+'/inline-list',
                 type: 'string',
                 default: 'Read less'
             }
-        }
-        ,
+        },
         edit: BlockEdit,
         save: BlockSave,
+        deprecated: [
+            {
+                attributes: v1Attributes,
+                migrate({ count, showIcons, ...rest }) {
+                    return { ...rest, items: count, showPostIcons: showIcons };
+                },
+                save({ attributes: { count, type, taxonomy, categories, height, colors, showIcons, showContentToggle, contentToggleHPosition, readMoreLabel, readLessLabel } }) {
+                    const colorsParams = Object.keys(colors).map(k => colors[k]).join(",");
+                    return (
+                        <div>
+                            <div data-items={count}
+                                 data-height={height}
+                                 data-color={colorsParams}
+                                 data-type={type} data-taxonomy={taxonomy} data-categories={categories.toString()}
+                                 className={"viz-component"}
+                                 data-show-post-icons={showIcons}
+                                 data-show-content-toggle={showContentToggle}
+                                 data-content-toggle-h-position={contentToggleHPosition}
+                                 data-read-more-label={readMoreLabel}
+                                 data-read-less-label={readLessLabel}
+                                 data-component={"inlineList"}>
+                            </div>
+                        </div>
+                    );
+                }
+            }
+        ],
     }
 )
 ;
diff --git a/plugins/wp-react-blocks-plugin/blocks/measures/BlockEdit.js b/plugins/wp-react-blocks-plugin/blocks/measures/BlockEdit.js
index 2022db2bf..95931f333 100644
--- a/plugins/wp-react-blocks-plugin/blocks/measures/BlockEdit.js
+++ b/plugins/wp-react-blocks-plugin/blocks/measures/BlockEdit.js
@@ -337,7 +337,6 @@ class BlockEdit extends BlockEditWithAPIMetadata {
             }
         } = this.props;
         const iframeStyles = {height: '65px', width: '100%'}
-        const queryString = ``
         const selectableGroups = measuresGroups[app] ? measuresGroups[app] : [];
 
 
@@ -430,7 +429,7 @@ class BlockEdit extends BlockEditWithAPIMetadata {
 
                         {this.state.react_ui_url &&
                             <iframe ref={this.iframe} scrolling={"no"} style={iframeStyles}
-                                    src={this.state.react_ui_url + "/embeddable/measures?" + queryString}/>}
+                                    src={this.state.react_ui_url + "/embeddable/measures"}/>}
                     </div>
 
                 )
diff --git a/plugins/wp-react-blocks-plugin/blocks/new-time-line/BlockEdit.js b/plugins/wp-react-blocks-plugin/blocks/new-time-line/BlockEdit.js
index 71f054d20..38a09d154 100644
--- a/plugins/wp-react-blocks-plugin/blocks/new-time-line/BlockEdit.js
+++ b/plugins/wp-react-blocks-plugin/blocks/new-time-line/BlockEdit.js
@@ -104,7 +104,6 @@ class BlockEdit extends BlockEditWithFilters {
             },
         } = this.props;
 
-        const queryString = `editing=true&data-type=${type}&data-taxonomy=${taxonomy}&data-categories=${categories}&data-items=${count}&data-height=${height}&data-config=${encodeURIComponent(JSON.stringify(config))}&data-csv-line-color=${encodeURIComponent(lineColor)}&data-position=${position}&data-line-width=${lineWidth}&data-margin-left=${marginLeft}&data-margin-top=${marginTop}&data-margin-right=${marginRight}&data-margin-bottom=${marginBottom}&data-font-size=${fontSize}&data-title-width=${titleWidth}&data-subtitle-width=${subtitleWidth}`
         const divStyles = {height: height + 'px', width: '100%'}
 
 
diff --git a/plugins/wp-react-blocks-plugin/blocks/newsletter/index.js b/plugins/wp-react-blocks-plugin/blocks/newsletter/index.js
index 2ddf7e96f..982c4df00 100644
--- a/plugins/wp-react-blocks-plugin/blocks/newsletter/index.js
+++ b/plugins/wp-react-blocks-plugin/blocks/newsletter/index.js
@@ -15,6 +15,7 @@ const EditComponent = (props) => {
     const {
         backgroundColor,
         setBackgroundColor,
+        iframeRef,
         attributes: {
             label,
             placeholder,
@@ -45,9 +46,6 @@ const EditComponent = (props) => {
         }
     );
 
-
-    const queryString = `editing=true&label=${label}&list=${list}&tag=${tag}&placeholder=${placeholder}&successmessage=${successMessage}&failuremessage=${failureMessage}&alignment=${alignment}`;
-
     return (
         <div>
             <InspectorControls>
@@ -112,23 +110,49 @@ const EditComponent = (props) => {
 
             </InspectorControls>
             <div {...blockProps}  >
-                <iframe  style={{width:'100%'}} scrolling={"no"}
-                        src={props.src + queryString}/>
+                <iframe ref={iframeRef} style={{width:'100%'}} scrolling={"no"}
+                        src={props.src}/>
 
             </div>
 
         </div>
     );
 }
+
+const attributes = {
+    label: {
+        type: 'string',
+        default: "Send",
+    },
+    placeholder: {
+        type: 'string',
+        default: "Enter your email",
+    },
+    successMessage: {type: 'string', default: "Thanks for submitting"},
+    failureMessage: {type: 'string', default: "Something didn't go well, please try again later"},
+    list: {
+        type: 'string',
+        default: "",
+    },
+    tag: {
+        type: 'string',
+        default: "",
+    }
+};
+
 const SaveComponent = (props) => {
-    const {setAttributes} = props;
     const {
         customBackgroundColor,
         backgroundColor,
-        alignment
+        alignment,
+        label,
+        placeholder,
+        successMessage,
+        failureMessage,
+        list,
+        tag,
     } = props.attributes;
 
-
     const divClass = getColorClassName('background-color', backgroundColor);
 
     const divStyles = {
@@ -142,18 +166,27 @@ const SaveComponent = (props) => {
             className: divClass
         }
     );
-    return (<div {...blockProps}>
-            <div {...props.attributes} className={"viz-component"} data-component={"newsletter"}></div>
+    return (
+        <div {...blockProps}>
+            <div
+                className={"viz-component"}
+                data-component={"newsletter"}
+                data-label={label}
+                data-placeholder={placeholder}
+                data-success-message={successMessage}
+                data-failure-message={failureMessage}
+                data-list={list}
+                data-tag={tag}
+            />
         </div>
-
-
     );
 }
 
 class EditWithSettings extends BlockEditWithFilters {
     render() {
         return <EditComponent
-            src={this.state.react_ui_url + "/embeddable/newsletter?"} {...this.props}></EditComponent>
+            iframeRef={this.iframe}
+            src={this.state.react_ui_url + "/embeddable/newsletter"} {...this.props}></EditComponent>
     }
 }
 
@@ -162,31 +195,27 @@ registerBlockType(BLOCKS_NS + '/newsletter',
         title: __('Newsletter Form'),
         icon: GenericIcon,
         category: BLOCKS_CATEGORY,
-        attributes: {
-            label: {
-                type: 'string',
-                default: "Send",
-            }
-            ,
-            placeholder: {
-                type: 'string',
-                default: "Enter your email",
-            }
-            ,
-            successMessage: {type: 'string', default: "Thanks for submitting"},
-            failureMessage: {type: 'string', default: "Something didn't go well, please try again later"},
-            list: {
-                type: 'string',
-                default: "",
-            },
-            tag: {
-                type: 'string',
-                default: "",
+        attributes,
+        deprecated: [
+            {
+                attributes,
+                save({attributes}) {
+                    const {customBackgroundColor, backgroundColor, alignment} = attributes;
+                    const divClass = getColorClassName('background-color', backgroundColor);
+                    const divStyles = {
+                        "background-color": customBackgroundColor,
+                        "text-align": alignment,
+                        "margin": 'auto'
+                    };
+                    const blockProps = useBlockProps.save({style: divStyles, className: divClass});
+                    return (
+                        <div {...blockProps}>
+                            <div {...attributes} className={"viz-component"} data-component={"newsletter"}></div>
+                        </div>
+                    );
+                }
             }
-
-
-        }
-        ,
+        ],
         edit: withColors('backgroundColor', {textColor: 'color'})(EditWithSettings),
         save: SaveComponent,
     }
diff --git a/plugins/wp-react-blocks-plugin/blocks/page-gallery/index.js b/plugins/wp-react-blocks-plugin/blocks/page-gallery/index.js
index 0718416bf..7e80f3a80 100644
--- a/plugins/wp-react-blocks-plugin/blocks/page-gallery/index.js
+++ b/plugins/wp-react-blocks-plugin/blocks/page-gallery/index.js
@@ -6,11 +6,10 @@ import {BlockEditWithFilters, GenericIcon, BLOCKS_CATEGORY, BLOCKS_NS } from '@d
 import {__} from '@wordpress/i18n';
 
 const EditComponent = (props) => {
-    const {attributes: {height,style,columns}, toggleSelection, setAttributes} = props;
+    const {attributes: {height,style,columns}, toggleSelection, setAttributes, iframeRef} = props;
     const urlParams = new URLSearchParams(window.location.search);
     const parent = urlParams.get('post');
     const blockProps = useBlockProps({className: 'wp-react-component'});
-    const queryString = `editing=true&data-parent=${parent}&data-style=${style}&data-height=${height}&data-columns=${columns}`;
     const divClass = ""
     const divStyles = {height: height + 'px', width: '100%'}
     return (
@@ -60,9 +59,10 @@ const EditComponent = (props) => {
 
                     {
                         props.src && <iframe
+                            ref={iframeRef}
                             style={{...divStyles}} className={divClass}
                             scrolling={"no"}
-                            src={props.src + queryString}/>
+                            src={props.src + "?data-parent=" + parent}/>
                     }
 
 
@@ -91,7 +91,8 @@ const SaveComponent = (props) => {
 class EditWithSettings extends BlockEditWithFilters {
     render() {
         return <EditComponent
-            src={this.state.react_ui_url + "/embeddable/pagegallery?"} {...this.props}></EditComponent>
+            iframeRef={this.iframe}
+            src={this.state.react_ui_url + "/embeddable/pagegallery"} {...this.props}></EditComponent>
     }
 }
 
diff --git a/plugins/wp-react-blocks-plugin/blocks/page-modules/index.js b/plugins/wp-react-blocks-plugin/blocks/page-modules/index.js
index 7aee5edfa..d98d28c8b 100644
--- a/plugins/wp-react-blocks-plugin/blocks/page-modules/index.js
+++ b/plugins/wp-react-blocks-plugin/blocks/page-modules/index.js
@@ -4,15 +4,23 @@ import {InspectorControls, useBlockProps} from '@wordpress/block-editor';
 import {Panel, PanelBody, PanelRow, ResizableBox, TextControl} from '@wordpress/components';
 import {ComponentWithSettings, GenericIcon, BLOCKS_NS, BLOCKS_CATEGORY} from '@devgateway/dvz-wp-commons';
 
+const v1Attributes = {
+    count: { type: 'Numeric', default: 3 },
+    height: { type: "number", default: 400 },
+    width: { type: "number", default: 800 },
+    topTopLabel: { type: 'String', default: "TO THE TOP" },
+    navLabel: { type: 'String', default: "Sections" },
+    previewMode: { type: 'string', default: 'Desktop' },
+};
 
 const SaveComponent = (props) => {
-  const { navLabel, topTopLabel, previewMode } = props.attributes;
+  const { navLabel, toTopLabel, previewMode } = props.attributes;
   return (
     <div
       className={"viz-component"}
       data-component={"pageModules"}
       data-nav-label={navLabel}
-      data-to-top-label={topTopLabel}
+      data-to-top-label={toTopLabel}
       data-preview-mode={previewMode}
     />
   );
@@ -34,6 +42,7 @@ class Edit extends ComponentWithSettings {
     }
 
     componentDidUpdate(prevProps, prevState, snapshot) {
+        super.componentDidUpdate(prevProps, prevState, snapshot);
         const newPreviewMode = this.state?.previewMode ?? 'Desktop';
         if (newPreviewMode !== prevState.previewMode) {
             this.props.setAttributes({previewMode: newPreviewMode})
@@ -41,11 +50,9 @@ class Edit extends ComponentWithSettings {
     }
 
     render() {
-        const {attributes: {width, height, navLabel, topTopLabel, previewMode}, toggleSelection, setAttributes} = this.props;
+        const {attributes: {width, height, navLabel, toTopLabel, previewMode}, toggleSelection, setAttributes} = this.props;
         const urlParams = new URLSearchParams(window.location.search);
         const parent = urlParams.get('post');
-        const queryString = `editing=true&parent=${parent}&data-nav-label=${navLabel}&data-to-top-label=${topTopLabel}&data-preview-mode=${previewMode}`;
-        const divClass = ""
         const divStyles = {height: `${height}px`, width: '100%'}
 
         return (
@@ -66,8 +73,8 @@ class Edit extends ComponentWithSettings {
                             <PanelRow>
                                 <TextControl
                                     label={__('To Top Label',"dg")}
-                                    value={topTopLabel}
-                                    onChange={(topTopLabel) => setAttributes({topTopLabel})}
+                                    value={toTopLabel}
+                                    onChange={(toTopLabel) => setAttributes({toTopLabel})}
                                 />
 
                             </PanelRow>
@@ -103,9 +110,10 @@ class Edit extends ComponentWithSettings {
 
                     <div>
                         {this.state.react_ui_url&&<iframe
-                            style={{...divStyles}} className={divClass}
+                            style={{...divStyles}}
                             scrolling={"no"}
-                            src={this.state.react_ui_url + "/embeddable/pagemodules?" + queryString}/>}
+                            ref={this.iframe}
+                            src={this.state.react_ui_url + "/embeddable/pagemodules?parent=" + parent}/>}
                     </div>
                 </ResizableBox>
             </div>
@@ -121,10 +129,6 @@ registerBlockType(`${BLOCKS_NS}/page-modules`,
         icon: GenericIcon,
         category: BLOCKS_CATEGORY,
         attributes: {
-            count: {
-                type: 'Numeric',
-                default: 3,
-            },
             height: {
                 type: "number",
                 default: 400
@@ -133,7 +137,7 @@ registerBlockType(`${BLOCKS_NS}/page-modules`,
                 type: "number",
                 default: 800
             },
-            topTopLabel: {
+            toTopLabel: {
                 type: 'String',
                 default: "TO THE TOP",
             },
@@ -145,10 +149,28 @@ registerBlockType(`${BLOCKS_NS}/page-modules`,
                 type: 'string',
                 default: 'Desktop'
             }
-        }
-        ,
+        },
         edit: Edit,
         save: SaveComponent,
+        deprecated: [
+            {
+                attributes: v1Attributes,
+                migrate({ topTopLabel, count, ...rest }) {
+                    return { ...rest, toTopLabel: topTopLabel };
+                },
+                save({ attributes: { navLabel, topTopLabel, previewMode } }) {
+                    return (
+                        <div
+                            className={"viz-component"}
+                            data-component={"pageModules"}
+                            data-nav-label={navLabel}
+                            data-to-top-label={topTopLabel}
+                            data-preview-mode={previewMode}
+                        />
+                    );
+                }
+            }
+        ],
     }
 )
 ;
diff --git a/plugins/wp-react-blocks-plugin/blocks/pdf/BlockEdit.js b/plugins/wp-react-blocks-plugin/blocks/pdf/BlockEdit.js
index ad4da6032..c3697544e 100644
--- a/plugins/wp-react-blocks-plugin/blocks/pdf/BlockEdit.js
+++ b/plugins/wp-react-blocks-plugin/blocks/pdf/BlockEdit.js
@@ -52,13 +52,11 @@ class BlockEdit extends ComponentWithSettings {
                 type,
                 buttonLabel,
                 height,
-                fileName
+                fileLabel
 
             },
         } = this.props;
 
-
-        const queryString = `editing=true&data-type=${type}&data-button-label=${buttonLabel}&data-file-name=${fileName}`
         const divStyles = {height: "60px"}
         return (
 
@@ -109,11 +107,11 @@ class BlockEdit extends ComponentWithSettings {
 
 
                         </PanelBody>
-                        <PanelBody title={__("PDF File Name","dg")}>
+                        <PanelBody title={__("PDF File Label","dg")}>
                             <PanelRow>
                                 <TextControl
-                                    value={fileName}
-                                    onChange={(fileName) => setAttributes({fileName})}
+                                    value={fileLabel}
+                                    onChange={(fileLabel) => setAttributes({fileLabel})}
                                 />
                             </PanelRow>
                         </PanelBody>
@@ -123,8 +121,8 @@ class BlockEdit extends ComponentWithSettings {
                 </InspectorControls>
 
                 <div style={divStyles}>
-                    <iframe style={divStyles} scrolling={"no"}
-                            src={this.state.react_ui_url + "/embeddable/downloadpdf?" + queryString}/>
+                    <iframe ref={this.iframe} style={divStyles} scrolling={"no"}
+                            src={this.state.react_ui_url + "/embeddable/downloadpdf"}/>
                 </div>
 
             </div>
diff --git a/plugins/wp-react-blocks-plugin/blocks/pdf/BlockSave.js b/plugins/wp-react-blocks-plugin/blocks/pdf/BlockSave.js
index a97b53e80..917feceb4 100644
--- a/plugins/wp-react-blocks-plugin/blocks/pdf/BlockSave.js
+++ b/plugins/wp-react-blocks-plugin/blocks/pdf/BlockSave.js
@@ -4,24 +4,23 @@ const SaveComponent = (props) => {
     const {
         setAttributes,
         attributes: {
-            type,
             height,
             buttonLabel,
-            pdfLabel,
+            fileLabel,
             url
         },
     } = props;
 
     const divClass = {}
     const divStyles = {}
-    
+
     return (<div className={divClass} style={divStyles}>
-                <div 
+                <div
                      data-height={height}
                      className={"viz-component"}
                      data-component={"downloadpdf"}
                      data-button-label={buttonLabel}
-                     data-pdf-label={pdfLabel}
+                     data-file-label={fileLabel}
                      data-url={url}
                 >
 
diff --git a/plugins/wp-react-blocks-plugin/blocks/pdf/index.js b/plugins/wp-react-blocks-plugin/blocks/pdf/index.js
index 432367c13..298254902 100644
--- a/plugins/wp-react-blocks-plugin/blocks/pdf/index.js
+++ b/plugins/wp-react-blocks-plugin/blocks/pdf/index.js
@@ -4,6 +4,15 @@ import BlockSave from "./BlockSave";
 import BlockEdit from "./BlockEdit";
 import {GenericIcon, BLOCKS_NS, BLOCKS_CATEGORY} from '@devgateway/dvz-wp-commons';
 
+const v1Attributes = {
+    buttonLabel: { type: 'string', default: "Download Prevalence Factsheet" },
+    height: { type: 'Numeric', default: 200 },
+    fileName: { type: 'string', default: 'export.pdf' },
+    url: { type: 'string' },
+    post: { type: 'boolean', default: true },
+    page: { type: 'boolean', default: true },
+};
+
 registerBlockType(BLOCKS_NS + 'viz-components/pdf',
     {
         title: __('PDF Export', "dg"),
@@ -18,14 +27,13 @@ registerBlockType(BLOCKS_NS + 'viz-components/pdf',
                 type: 'Numeric',
                 default: 200,
             },
-            fileName: {
+            fileLabel: {
                 type: 'string',
                 default: 'export.pdf'
             },
             url: {
                 type: 'string',
             },
-
             post: {
                 type: 'boolean',
                 default: true
@@ -34,12 +42,33 @@ registerBlockType(BLOCKS_NS + 'viz-components/pdf',
                 type: 'boolean',
                 default: true
             },
-
-
-        }
-        ,
+        },
         edit: BlockEdit,
         save: BlockSave,
+        deprecated: [
+            {
+                attributes: v1Attributes,
+                migrate({ fileName, ...rest }) {
+                    return { ...rest, fileLabel: fileName };
+                },
+                // Old save used `pdfLabel` (unregistered → undefined) and `type` (unregistered → undefined).
+                // Neither was rendered in the HTML output, so the deprecated save omits them.
+                save({ attributes: { height, buttonLabel, url } }) {
+                    return (
+                        <div>
+                            <div
+                                data-height={height}
+                                className={"viz-component"}
+                                data-component={"downloadpdf"}
+                                data-button-label={buttonLabel}
+                                data-url={url}
+                            >
+                            </div>
+                        </div>
+                    );
+                }
+            }
+        ],
     }
 )
 ;
diff --git a/plugins/wp-react-blocks-plugin/blocks/post-carousel/BlockEdit.js b/plugins/wp-react-blocks-plugin/blocks/post-carousel/BlockEdit.js
index 4cd919d09..e64ad1359 100644
--- a/plugins/wp-react-blocks-plugin/blocks/post-carousel/BlockEdit.js
+++ b/plugins/wp-react-blocks-plugin/blocks/post-carousel/BlockEdit.js
@@ -22,7 +22,7 @@ class BlockEdit extends BlockEditWithFilters {
             toggleSelection,
             setAttributes,
             attributes: {
-                count,
+                items,
                 type,
                 taxonomy,
                 categories,
@@ -32,7 +32,6 @@ class BlockEdit extends BlockEditWithFilters {
             },
         } = this.props;
 
-        const queryString = `editing=true&data-type=${type}&data-taxonomy=${taxonomy}&data-categories=${categories}&data-items=${count}&data-height=${height}&data-auto-switch=${autoSwitch}&data-interval=${interval}`
         const divStyles = {height: height+'px', width: '100%'}
 
         return (
@@ -45,9 +44,9 @@ class BlockEdit extends BlockEditWithFilters {
                             <PanelRow>
                                 <NumberControl
                                     isShiftStepEnabled={true}
-                                    onChange={(count) => setAttributes({ count })}
+                                    onChange={(items) => setAttributes({ items })}
                                     shiftStep={10}
-                                    value={count}
+                                    value={items}
                                     label={__("Items","dg")} />
                             </PanelRow>
                             <PanelRow>
@@ -97,7 +96,8 @@ class BlockEdit extends BlockEditWithFilters {
                     }}>
                     <div style={divStyles}>
                         {this.state.react_ui_url&&<iframe style={divStyles} scrolling={"no"}
-                                 src={this.state.react_ui_url + "/embeddable/postscarousel?" + queryString}/>}
+                                 ref={this.iframe}
+                                 src={this.state.react_ui_url + "/embeddable/postscarousel"}/>}
                     </div>
                 </ResizableBox>
 
diff --git a/plugins/wp-react-blocks-plugin/blocks/post-carousel/BlockSave.js b/plugins/wp-react-blocks-plugin/blocks/post-carousel/BlockSave.js
index 769e7461e..ed4155786 100644
--- a/plugins/wp-react-blocks-plugin/blocks/post-carousel/BlockSave.js
+++ b/plugins/wp-react-blocks-plugin/blocks/post-carousel/BlockSave.js
@@ -1,8 +1,7 @@
 const SaveComponent = (props) => {
     const {
-        setAttributes,
         attributes: {
-            count,
+            items,
             type,
             taxonomy,
             categories,
@@ -12,11 +11,9 @@ const SaveComponent = (props) => {
         },
     } = props;
 
-    const divClass = {}
-    const divStyles = {}
-
-    return (<div className={divClass} style={divStyles}>
-            <div data-items={count} data-type={type} data-taxonomy={taxonomy} data-categories={categories.toString()}
+    return (
+        <div>
+            <div data-items={items} data-type={type} data-taxonomy={taxonomy} data-categories={categories.toString()}
                  className={"viz-component"}
                  data-height={height}
                  data-component={"postsCarousel"}
@@ -24,10 +21,8 @@ const SaveComponent = (props) => {
                  data-interval={interval}>
             </div>
         </div>
-
-
     );
 }
 
 
-export default SaveComponent
\ No newline at end of file
+export default SaveComponent
diff --git a/plugins/wp-react-blocks-plugin/blocks/post-carousel/index.js b/plugins/wp-react-blocks-plugin/blocks/post-carousel/index.js
index 663b87c6e..06f07a59b 100644
--- a/plugins/wp-react-blocks-plugin/blocks/post-carousel/index.js
+++ b/plugins/wp-react-blocks-plugin/blocks/post-carousel/index.js
@@ -4,13 +4,24 @@ import BlockSave from "./BlockSave";
 import BlockEdit from "./BlockEdit";
 import {GenericIcon, BLOCKS_NS, BLOCKS_CATEGORY} from '@devgateway/dvz-wp-commons';
 
+const v1Attributes = {
+    count: { type: 'Numeric', default: 3 },
+    type: { type: 'string', default: "posts" },
+    taxonomy: { type: 'string', default: "none" },
+    categories: { type: 'array', default: [] },
+    height: { type: 'Numeric', default: 500 },
+    autoSwitch: { type: 'Boolean', default: false },
+    interval: { type: 'Numeric', default: 10000 },
+    panelStatus: { type: "Object", default: {} },
+};
+
 registerBlockType(BLOCKS_NS+'/post-carousel',
     {
         title: __('Posts Carousel',"dg"),
         icon: GenericIcon,
         category: BLOCKS_CATEGORY,
         attributes: {
-            count: {
+            items: {
                 type: 'Numeric',
                 default: 3,
             },
@@ -44,7 +55,29 @@ registerBlockType(BLOCKS_NS+'/post-carousel',
             }
         },
         edit: BlockEdit,
-        save: BlockSave
+        save: BlockSave,
+        deprecated: [
+            {
+                attributes: v1Attributes,
+                migrate({ count, ...rest }) {
+                    return { ...rest, items: count };
+                },
+                save({ attributes: { count, type, taxonomy, categories, height, autoSwitch, interval } }) {
+                    return (
+                        <div>
+                            <div data-items={count} data-type={type} data-taxonomy={taxonomy}
+                                 data-categories={categories.toString()}
+                                 className={"viz-component"}
+                                 data-height={height}
+                                 data-component={"postsCarousel"}
+                                 data-auto-switch={autoSwitch}
+                                 data-interval={interval}>
+                            </div>
+                        </div>
+                    );
+                }
+            }
+        ],
     }
 )
 ;
diff --git a/plugins/wp-react-blocks-plugin/blocks/showcase-form/BlockEdit.js b/plugins/wp-react-blocks-plugin/blocks/showcase-form/BlockEdit.js
index a90fa88c5..16354ed97 100644
--- a/plugins/wp-react-blocks-plugin/blocks/showcase-form/BlockEdit.js
+++ b/plugins/wp-react-blocks-plugin/blocks/showcase-form/BlockEdit.js
@@ -48,9 +48,6 @@ class EditComponent extends BlockEditWithFilters {
             }
         }
 
-        const queryString = `editing=true&organization=${organization}&name=${name}&email=${email}&country=${country}&message=${message}&submitlabel=${submitLabel}&resetlabel=${resetLabel}&successmessage=${successMessage}&failuremessage=${failureMessage}&width=${width}&height=${height}&alignment=${alignment}`;
-
-
         return (
             <div>
                 <InspectorControls>
@@ -150,8 +147,8 @@ class EditComponent extends BlockEditWithFilters {
                     </Panel>
                 </InspectorControls>
                 <div className={divClass} style={{ ...divStyles, width, height }}>
-                    {this.state.react_ui_url && <iframe scrolling={"no"} style={{ width, height }}
-                        src={this.state.react_ui_url + "/embeddable/showcaseForm?" + queryString} />}
+                    {this.state.react_ui_url && <iframe ref={this.iframe} scrolling={"no"} style={{ width, height }}
+                        src={this.state.react_ui_url + "/embeddable/showcaseForm"} />}
                 </div>
 
             </div>
diff --git a/plugins/wp-react-blocks-plugin/blocks/showcase-form/BlockSave.js b/plugins/wp-react-blocks-plugin/blocks/showcase-form/BlockSave.js
index 8e5f14a4e..230764649 100644
--- a/plugins/wp-react-blocks-plugin/blocks/showcase-form/BlockSave.js
+++ b/plugins/wp-react-blocks-plugin/blocks/showcase-form/BlockSave.js
@@ -3,13 +3,19 @@ import {
 } from '@wordpress/block-editor';
 
 const SaveComponent = (props) => {
-    const {setAttributes} = props;
     const {
         customBackgroundColor,
         backgroundColor,
-        width,
-        height,
-        alignment
+        alignment,
+        organization,
+        name,
+        email,
+        country,
+        message,
+        submitLabel,
+        resetLabel,
+        successMessage,
+        failureMessage,
     } = props.attributes;
 
     const divClass = getColorClassName('background-color', backgroundColor);
@@ -19,10 +25,23 @@ const SaveComponent = (props) => {
         "text-align": alignment,
         "margin": 'auto'
     };
-    return (<div className={divClass} style={divStyles}>
-            <div {...props.attributes} className={"viz-component"} data-component={"showCaseForm"}></div>
+    return (
+        <div className={divClass} style={divStyles}>
+            <div
+                className={"viz-component"}
+                data-component={"showCaseForm"}
+                data-organization={organization}
+                data-name={name}
+                data-email={email}
+                data-country={country}
+                data-message={message}
+                data-submit-label={submitLabel}
+                data-reset-label={resetLabel}
+                data-success-message={successMessage}
+                data-failure-message={failureMessage}
+            />
         </div>
     );
 }
 
-export default SaveComponent
\ No newline at end of file
+export default SaveComponent
diff --git a/plugins/wp-react-blocks-plugin/blocks/showcase-form/index.js b/plugins/wp-react-blocks-plugin/blocks/showcase-form/index.js
index 34c5c9ee6..bc025f260 100644
--- a/plugins/wp-react-blocks-plugin/blocks/showcase-form/index.js
+++ b/plugins/wp-react-blocks-plugin/blocks/showcase-form/index.js
@@ -3,41 +3,59 @@ import {registerBlockType} from '@wordpress/blocks';
 import BlockSave from "./BlockSave";
 import BlockEdit from "./BlockEdit";
 import {GenericIcon, BLOCKS_NS, BLOCKS_CATEGORY} from '@devgateway/dvz-wp-commons';
-import { withColors} from '@wordpress/block-editor';
+import {getColorClassName, withColors} from '@wordpress/block-editor';
+
+const attributes = {
+    width: {
+        type: 'string',
+        default: "100%",
+    },
+    height: {
+        type: 'string',
+        default: "1200px",
+    },
+    backgroundColor: {
+        type: 'string'
+    },
+    alignment: {type: 'string', default: 'center'},
+    organization: {type: 'string', default: 'Organization'},
+    name: {type: 'string', default: 'Name'},
+    email: {type: 'string', default: 'Email'},
+    country: {
+        type: 'string', default: 'Country'
+    },
+    message: {type: 'string', default: 'Please write a message'},
+    submitLabel: {type: 'string', default: 'Send'},
+    resetLabel: {type: 'string', default: 'Reset'},
+    successMessage: {type: 'string', default: "Thanks for submitting"},
+    failureMessage: {type: 'string', default: "Something didn't go well, please try again later"},
+};
+
 registerBlockType(BLOCKS_NS + '/showcase',
     {
         title: __('Showcase Form',"dg"),
         icon: GenericIcon,
         category: BLOCKS_CATEGORY,
-        attributes: {
-            width: {
-                type: 'string',
-                default: "100%",
-            }
-            ,
-            height: {
-                type: 'string',
-                default: "1200px",
+        attributes,
+        deprecated: [
+            {
+                attributes,
+                save({attributes}) {
+                    const {customBackgroundColor, backgroundColor, alignment} = attributes;
+                    const divClass = getColorClassName('background-color', backgroundColor);
+                    const divStyles = {
+                        "background-color": customBackgroundColor,
+                        "text-align": alignment,
+                        "margin": 'auto'
+                    };
+                    return (
+                        <div className={divClass} style={divStyles}>
+                            <div {...attributes} className={"viz-component"} data-component={"showCaseForm"}></div>
+                        </div>
+                    );
+                }
             }
-            ,
-            backgroundColor: {
-                type: 'string'
-            },
-            alignment: {type: 'string', default: 'center'},
-            organization: {type: 'string', default: 'Organization'},
-            name: {type: 'string', default: 'Name'},
-            email: {type: 'string', default: 'Email'},
-            country: {
-                type: 'string', default: 'Country'
-            },
-            message: {type: 'string', default: 'Please write a message'},
-            submitLabel: {type: 'string', default: 'Send'},
-            resetLabel: {type: 'string', default: 'Reset'},
-            successMessage: {type: 'string', default: "Thanks for submitting"},
-            failureMessage: {type: 'string', default: "Something didn't go well, please try again later"},
-
-
-        },
+        ],
         edit: withColors('backgroundColor', {textColor: 'color'})(BlockEdit),
         save: BlockSave
     }
diff --git a/plugins/wp-react-blocks-plugin/blocks/vertical-featured-tabs/BlockEdit.js b/plugins/wp-react-blocks-plugin/blocks/vertical-featured-tabs/BlockEdit.js
index 55b618d58..59c0082f1 100644
--- a/plugins/wp-react-blocks-plugin/blocks/vertical-featured-tabs/BlockEdit.js
+++ b/plugins/wp-react-blocks-plugin/blocks/vertical-featured-tabs/BlockEdit.js
@@ -35,6 +35,7 @@ class BlockEdit extends BlockEditWithFilters {
         if (newPreviewMode !== prevState.previewMode) {
             this.props.setAttributes({previewMode: newPreviewMode})
         }
+        super.componentDidUpdate(prevProps, prevState, snapshot)
     }
 
     render() {
@@ -56,8 +57,6 @@ class BlockEdit extends BlockEditWithFilters {
             },
         } = this.props;
 
-        const colorsParams = Object.keys(colors).map(k => colors[k]).join(",")
-        const queryString = `editing=true&data-type=${type}&data-taxonomy=${taxonomy}&data-categories=${categories}&data-items=${count}&data-height=${height}&data-color=${encodeURIComponent(colorsParams)}&data-read-more-label=${readMoreLabel}&data-click-to-expand-label=${encodeURIComponent(clickToExpandLabel || 'CLICK TO EXPAND')}&data-preview-mode=${previewMode}`
         const divStyles = {height: `${height}px`, width: "100%"}
         return (
             <div>

From 167ad92ac860d2f976af97bb5467ef737bd6fe73 Mon Sep 17 00:00:00 2001
From: Sebastian Dimunzio <sdimunzio@gmail.com>
Date: Mon, 29 Jun 2026 11:03:53 -0300
Subject: [PATCH 3/9] chore: remove changeset requirement from pull request
 template

---
 .github/PULL_REQUEST_TEMPLATE.md |  1 -
 pnpm-lock.yaml                   | 34 ++++++++++++++++----------------
 2 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index 2e128fe1c..0ecef9ff2 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -23,7 +23,6 @@
 ## Checklist
 
 - [ ] PR title follows [Conventional Commits](https://www.conventionalcommits.org/) format
-- [ ] A changeset has been added (`pnpm changeset`) for any change to a published package
 - [ ] `pnpm build` passes locally
 - [ ] No hardcoded credentials, internal URLs, client names, or PII introduced
 - [ ] Any new dependency has a GPL-2.0-or-later-compatible license (MIT, BSD, Apache-2.0, ISC are all compatible)
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 372596eb0..2c7b170e2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8437,8 +8437,8 @@ packages:
   third-party-web@0.26.6:
     resolution: {integrity: sha512-GsjP92xycMK8qLTcQCacgzvffYzEqe29wyz3zdKVXlfRD5Kz1NatCTOZEeDaSd6uCZXvGd2CNVtQ89RNIhJWvA==}
 
-  third-party-web@0.29.0:
-    resolution: {integrity: sha512-nBDSJw5B7Sl1YfsATG2XkW5qgUPODbJhXw++BKygi9w6O/NKS98/uY/nR/DxDq2axEjL6halHW1v+jhm/j1DBQ==}
+  third-party-web@0.29.2:
+    resolution: {integrity: sha512-fegtha91tq2DHphyoiBXVHjVi2YG9zFaRnboT9C28tO1en9Y3wJsfspuy40F+u5wl3hHVbw7cnd1b67kEGHb8g==}
 
   through2@2.0.5:
     resolution: {integrity: sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==}
@@ -10940,7 +10940,7 @@ snapshots:
   '@paulirish/trace_engine@0.0.52':
     dependencies:
       legacy-javascript: 0.0.1
-      third-party-web: 0.29.0
+      third-party-web: 0.29.2
 
   '@pkgr/core@0.2.4': {}
 
@@ -12053,20 +12053,20 @@ snapshots:
       '@webassemblyjs/ast': 1.14.1
       '@xtuc/long': 4.2.2
 
-  '@webpack-cli/configtest@2.1.1(webpack-cli@5.1.4)(webpack@5.99.5)':
+  '@webpack-cli/configtest@2.1.1(webpack-cli@5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2)(webpack@5.99.5))(webpack@5.99.5)':
     dependencies:
       webpack: 5.99.5(webpack-cli@5.1.4)
-      webpack-cli: 5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2(webpack-cli@5.1.4)(webpack@5.99.5))(webpack@5.99.5(webpack-cli@5.1.4))
+      webpack-cli: 5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2)(webpack@5.99.5)
 
-  '@webpack-cli/info@2.0.2(webpack-cli@5.1.4)(webpack@5.99.5)':
+  '@webpack-cli/info@2.0.2(webpack-cli@5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2)(webpack@5.99.5))(webpack@5.99.5)':
     dependencies:
       webpack: 5.99.5(webpack-cli@5.1.4)
-      webpack-cli: 5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2(webpack-cli@5.1.4)(webpack@5.99.5))(webpack@5.99.5(webpack-cli@5.1.4))
+      webpack-cli: 5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2)(webpack@5.99.5)
 
-  '@webpack-cli/serve@2.0.5(webpack-cli@5.1.4)(webpack-dev-server@4.15.2)(webpack@5.99.5)':
+  '@webpack-cli/serve@2.0.5(webpack-cli@5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2)(webpack@5.99.5))(webpack-dev-server@4.15.2)(webpack@5.99.5)':
     dependencies:
       webpack: 5.99.5(webpack-cli@5.1.4)
-      webpack-cli: 5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2(webpack-cli@5.1.4)(webpack@5.99.5))(webpack@5.99.5(webpack-cli@5.1.4))
+      webpack-cli: 5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2)(webpack@5.99.5)
     optionalDependencies:
       webpack-dev-server: 4.15.2(webpack-cli@5.1.4)(webpack@5.99.5)
 
@@ -13079,7 +13079,7 @@ snapshots:
       url-loader: 4.1.1(file-loader@6.2.0(webpack@5.99.5))(webpack@5.99.5)
       webpack: 5.99.5(webpack-cli@5.1.4)
       webpack-bundle-analyzer: 4.10.2
-      webpack-cli: 5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2(webpack-cli@5.1.4)(webpack@5.99.5))(webpack@5.99.5(webpack-cli@5.1.4))
+      webpack-cli: 5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2)(webpack@5.99.5)
       webpack-dev-server: 4.15.2(webpack-cli@5.1.4)(webpack@5.99.5)
     transitivePeerDependencies:
       - '@rspack/core'
@@ -19130,7 +19130,7 @@ snapshots:
 
   third-party-web@0.26.6: {}
 
-  third-party-web@0.29.0: {}
+  third-party-web@0.29.2: {}
 
   through2@2.0.5:
     dependencies:
@@ -19536,12 +19536,12 @@ snapshots:
       - bufferutil
       - utf-8-validate
 
-  webpack-cli@5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2(webpack-cli@5.1.4)(webpack@5.99.5))(webpack@5.99.5(webpack-cli@5.1.4)):
+  webpack-cli@5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2)(webpack@5.99.5):
     dependencies:
       '@discoveryjs/json-ext': 0.5.7
-      '@webpack-cli/configtest': 2.1.1(webpack-cli@5.1.4)(webpack@5.99.5)
-      '@webpack-cli/info': 2.0.2(webpack-cli@5.1.4)(webpack@5.99.5)
-      '@webpack-cli/serve': 2.0.5(webpack-cli@5.1.4)(webpack-dev-server@4.15.2)(webpack@5.99.5)
+      '@webpack-cli/configtest': 2.1.1(webpack-cli@5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2)(webpack@5.99.5))(webpack@5.99.5)
+      '@webpack-cli/info': 2.0.2(webpack-cli@5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2)(webpack@5.99.5))(webpack@5.99.5)
+      '@webpack-cli/serve': 2.0.5(webpack-cli@5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2)(webpack@5.99.5))(webpack-dev-server@4.15.2)(webpack@5.99.5)
       colorette: 2.0.20
       commander: 10.0.1
       cross-spawn: 7.0.6
@@ -19599,7 +19599,7 @@ snapshots:
       ws: 8.18.2
     optionalDependencies:
       webpack: 5.99.5(webpack-cli@5.1.4)
-      webpack-cli: 5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2(webpack-cli@5.1.4)(webpack@5.99.5))(webpack@5.99.5(webpack-cli@5.1.4))
+      webpack-cli: 5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2)(webpack@5.99.5)
     transitivePeerDependencies:
       - bufferutil
       - debug
@@ -19640,7 +19640,7 @@ snapshots:
       watchpack: 2.4.2
       webpack-sources: 3.2.3
     optionalDependencies:
-      webpack-cli: 5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2(webpack-cli@5.1.4)(webpack@5.99.5))(webpack@5.99.5(webpack-cli@5.1.4))
+      webpack-cli: 5.1.4(webpack-bundle-analyzer@4.10.2)(webpack-dev-server@4.15.2)(webpack@5.99.5)
     transitivePeerDependencies:
       - '@swc/core'
       - esbuild

From 91933dc3f1a9c5e915c1ad0a11e5abfa29a866d1 Mon Sep 17 00:00:00 2001
From: Sebastian Dimunzio <sdimunzio@gmail.com>
Date: Mon, 6 Jul 2026 17:17:35 -0300
Subject: [PATCH 4/9] updating component did update

---
 .../blocks/big-number-trend/BlockEdit.js         | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/plugins/wp-react-blocks-plugin/blocks/big-number-trend/BlockEdit.js b/plugins/wp-react-blocks-plugin/blocks/big-number-trend/BlockEdit.js
index ee002b384..b284cd8bd 100644
--- a/plugins/wp-react-blocks-plugin/blocks/big-number-trend/BlockEdit.js
+++ b/plugins/wp-react-blocks-plugin/blocks/big-number-trend/BlockEdit.js
@@ -30,6 +30,22 @@ class BlockEdit extends BlockEditWithAPIMetadata {
         super.componentDidMount()
     }
 
+    componentDidUpdate(prevProps, prevState, snapshot) {
+        super.componentDidUpdate(prevProps, prevState, snapshot);
+        // The base class sends raw WP attributes, but measures/format/filters/percentChangeFormat
+        // are Array/Object types that the embeddable expects as JSON strings. Send a correction.
+        if (this.iframe && this.iframe.current) {
+            const { measures, format, filters, percentChangeFormat } = this.props.attributes;
+            this.iframe.current.contentWindow.postMessage({
+                messageType: 'component-attributes',
+                measures: JSON.stringify(measures),
+                format: JSON.stringify(format),
+                filters: JSON.stringify(filters),
+                percentChangeFormat: JSON.stringify(percentChangeFormat),
+            }, '*');
+        }
+    }
+
     render() {
         const {
             className, isSelected,

From 20e0ee469e28f7a6701c1cf344ad0b1d1064ed97 Mon Sep 17 00:00:00 2001
From: Sebastian Dimunzio <sdimunzio@gmail.com>
Date: Mon, 6 Jul 2026 17:23:38 -0300
Subject: [PATCH 5/9] feat: implement iframe load throttling to prevent browser
 resource exhaustion when rendering multiple blocks

---
 packages/commons/src/Blocks.jsx | 119 ++++++++++++++++++++++++--------
 1 file changed, 91 insertions(+), 28 deletions(-)

diff --git a/packages/commons/src/Blocks.jsx b/packages/commons/src/Blocks.jsx
index 6983bf7ff..e14ebe1e5 100644
--- a/packages/commons/src/Blocks.jsx
+++ b/packages/commons/src/Blocks.jsx
@@ -18,6 +18,29 @@ import { getTranslatedOptions } from './APIutils';
 import { isSupersetAPI } from "./APIutils";
 
 
+// Global iframe load throttle — prevents browser ERR_INSUFFICIENT_RESOURCES when many blocks
+// are on the same page and all try to load the Vite dev server simultaneously.
+const _iframeQueue = [];
+let _iframeLoadingCount = 0;
+const MAX_CONCURRENT_IFRAMES = 3;
+
+function _requestIframeSlot(callback) {
+    if (_iframeLoadingCount < MAX_CONCURRENT_IFRAMES) {
+        _iframeLoadingCount++;
+        callback();
+    } else {
+        _iframeQueue.push(callback);
+    }
+}
+
+function _releaseIframeSlot() {
+    _iframeLoadingCount = Math.max(0, _iframeLoadingCount - 1);
+    if (_iframeQueue.length > 0) {
+        _iframeLoadingCount++;
+        _iframeQueue.shift()();
+    }
+}
+
 export const SizeConfig = ({ height, setAttributes, panelStatus, initialOpen }) => {
     return (<PanelBody initialOpen={panelStatus ? panelStatus["SIZE"] : initialOpen}
         onToggle={e => togglePanel("SIZE", panelStatus, setAttributes)}
@@ -42,15 +65,20 @@ export class ComponentWithSettings extends Component {
             react_ui_url: ''
         };
 
-        window.addEventListener("message", (event) => {
+        this.iframe = createRef();
+        this._messageHandler = (event) => {
             if (event.data.type === 'componentReady' && event.data.value === true) {
-                if (this.iframe.current) {
-                    console.log("-----------Sending message -----------");
+                // Only respond to our own iframe to avoid O(N²) postMessage storms
+                if (this.iframe.current && event.source === this.iframe.current.contentWindow) {
+                    if (this._hasIframeSlot) {
+                        _releaseIframeSlot();
+                        this._hasIframeSlot = false;
+                    }
                     this.iframe.current.contentWindow.postMessage(({ messageType: 'component-attributes', ...this.props.attributes }), "*");
                 }
             }
-        }, false);
-        this.iframe = createRef();
+        };
+        window.addEventListener("message", this._messageHandler, false);
         this.unsubscribe = wp.data.subscribe(() => {
             const newPreviewMode = wp.data.select("core/editor").getDeviceType();
             if (newPreviewMode !== this.state.previewMode) {
@@ -67,25 +95,43 @@ export class ComponentWithSettings extends Component {
 
     componentDidMount() {
         apiFetch({ path: '/dg/v1/settings' }).then((data) => {
-            this.setState({
-                react_ui_url: data["react_ui_url"] + '/' + window._page_locale,
+            const stateWithoutUrl = {
                 react_api_url: data["react_api_url"],
                 apache_superset_url: data["apache_superset_url"],
                 site_language: data["site_language"],
                 current_language: new URLSearchParams(document.location.search).get("edit_lang"),
                 landing_page_url: data["landing_page_url"] || ''
-            }, () => {
-                if (this.onSettingsLoaded) {
-                    this.onSettingsLoaded();
+            };
+            const url = data["react_ui_url"] + '/' + window._page_locale;
+            // Set non-iframe state immediately, defer the URL that triggers iframe rendering
+            this.setState(stateWithoutUrl);
+            this._hasIframeSlot = true;
+            _requestIframeSlot(() => {
+                if (!this._unmounted) {
+                    this.setState({ react_ui_url: url }, () => {
+                        if (this.onSettingsLoaded) {
+                            this.onSettingsLoaded();
+                        }
+                    });
+                } else {
+                    _releaseIframeSlot();
+                    this._hasIframeSlot = false;
                 }
             });
         });
     }
 
     componentWillUnmount() {
+        this._unmounted = true;
         if (this.unsubscribe) {
             this.unsubscribe();
         }
+        window.removeEventListener('message', this._messageHandler);
+        // Release any held slot so the queue doesn't stall
+        if (this._hasIframeSlot) {
+            _releaseIframeSlot();
+            this._hasIframeSlot = false;
+        }
     }
 
     renderWordpressSource() {
@@ -564,39 +610,56 @@ export class BlockEditWithAPIMetadata extends ComponentWithSettings {
                         label: 'CSV', value: 'csv'
                     }];
 
-                    this.setState({
-                        react_ui_url: settingsData["react_ui_url"] + '/' + window._page_locale,
+                    const url = settingsData["react_ui_url"] + '/' + window._page_locale;
+                    const baseState = {
                         react_api_url: settingsData["react_api_url"],
                         apache_superset_url: settingsData["apache_superset_url"],
                         site_language: settingsData["site_language"],
                         current_language: new URLSearchParams(document.location.search).get("edit_lang"),
                         apps
-                    }, () => {
-
-                        const { app, dvzProxyDatasetId } = this.props.attributes;
-
-                        if (isSupersetAPI(app, this.state.apps)) {
-                            this.loadDatasets(app);
-                        }
-
-                        if (app && app != 'none') {
-                            this.loadMetadata(app, dvzProxyDatasetId);
+                    };
+                    this.setState(baseState);
+                    this._hasIframeSlot = true;
+                    _requestIframeSlot(() => {
+                        if (!this._unmounted) {
+                            this.setState({ react_ui_url: url }, () => {
+                                const { app, dvzProxyDatasetId } = this.props.attributes;
+                                if (isSupersetAPI(app, this.state.apps)) {
+                                    this.loadDatasets(app);
+                                }
+                                if (app && app != 'none') {
+                                    this.loadMetadata(app, dvzProxyDatasetId);
+                                }
+                            });
+                        } else {
+                            _releaseIframeSlot();
+                            this._hasIframeSlot = false;
                         }
                     });
                 })
                 .catch((error) => {
                     console.error("Error when loading apps, falling back to CSV", error);
-                    this.setState({
-                        react_ui_url: settingsData["react_ui_url"] + '/' + window._page_locale,
+                    const url = settingsData["react_ui_url"] + '/' + window._page_locale;
+                    const baseState = {
                         react_api_url: settingsData["react_api_url"],
                         apache_superset_url: settingsData["apache_superset_url"],
                         site_language: settingsData["site_language"],
                         current_language: new URLSearchParams(document.location.search).get("edit_lang"),
                         apps: [{ label: 'CSV', value: 'csv' }]
-                    }, () => {
-                        const { app, dvzProxyDatasetId } = this.props.attributes;
-                        if (app && app != 'none') {
-                            this.loadMetadata(app, dvzProxyDatasetId);
+                    };
+                    this.setState(baseState);
+                    this._hasIframeSlot = true;
+                    _requestIframeSlot(() => {
+                        if (!this._unmounted) {
+                            this.setState({ react_ui_url: url }, () => {
+                                const { app, dvzProxyDatasetId } = this.props.attributes;
+                                if (app && app != 'none') {
+                                    this.loadMetadata(app, dvzProxyDatasetId);
+                                }
+                            });
+                        } else {
+                            _releaseIframeSlot();
+                            this._hasIframeSlot = false;
                         }
                     });
                 });

From 748cc821b96f222ae3f20616a24fbcf28c56f1fd Mon Sep 17 00:00:00 2001
From: Sebastian Dimunzio <sdimunzio@gmail.com>
Date: Tue, 7 Jul 2026 09:49:06 -0300
Subject: [PATCH 6/9] chore: mark specific plugins as optional and prevent
 their deletion from the WP admin panel

---
 wp-theme/_plugins_installer.php               |  6 +--
 .../class-magical-plugin-activation.php       | 52 +++++++++++++++++--
 2 files changed, 52 insertions(+), 6 deletions(-)

diff --git a/wp-theme/_plugins_installer.php b/wp-theme/_plugins_installer.php
index 756296ef8..831d76e12 100644
--- a/wp-theme/_plugins_installer.php
+++ b/wp-theme/_plugins_installer.php
@@ -42,7 +42,7 @@ function dg_semantic_recommended_plugins($plugins) {
             'slug' => 'custom-taxonomy-order-ne',
             'file' => 'custom-taxonomy-order-ne/customtaxorder.php',
             'category' => 'Content Management',
-            'required' => true,
+            'required' => false,
             'featured' => false,
             'is_local' => false,
         ),
@@ -78,7 +78,7 @@ function dg_semantic_recommended_plugins($plugins) {
             'slug' => 'svg-support',
             'file' => 'svg-support/svg-support.php',
             'category' => 'Media',
-            'required' => true,
+            'required' => false,
             'featured' => true,
             'is_local' => false,
         ),
@@ -96,7 +96,7 @@ function dg_semantic_recommended_plugins($plugins) {
             'slug' => 'hyperlink-group-block',
             'file' => 'hyperlink-group-block/hyperlink-group-block.php',
             'category' => 'Gutenberg Blocks',
-            'required' => true,
+            'required' => false,
             'featured' => false,
             'is_local' => false,
         ),
diff --git a/wp-theme/inc/magical-plugin-activation/class-magical-plugin-activation.php b/wp-theme/inc/magical-plugin-activation/class-magical-plugin-activation.php
index e2a1df10d..af61b3c78 100644
--- a/wp-theme/inc/magical-plugin-activation/class-magical-plugin-activation.php
+++ b/wp-theme/inc/magical-plugin-activation/class-magical-plugin-activation.php
@@ -132,6 +132,10 @@ public function __construct() {
         add_action('wp_ajax_magical_plugin_activation_check_recommended_plugins_status', array($this, 'ajax_check_recommended_plugins_status'));
         add_action('admin_notices', array($this, 'show_recommendation_notice'));
         add_action('admin_notices', array($this, 'show_update_notice'));
+
+        // Protect deployment-managed plugins from being deleted via the WP admin
+        add_action('wp_ajax_delete-plugin', array($this, 'block_deployment_managed_delete'), 0);
+        add_filter('plugin_action_links', array($this, 'remove_delete_link_for_managed_plugins'), 10, 2);
         
         // Auto-install required plugins
         // add_action('after_switch_theme', array($this, 'auto_install_required_plugins'));
@@ -1712,16 +1716,58 @@ private function migrate_notice_dismissal() {
      */
     private function are_all_recommended_plugins_active() {
         $all_plugins = $this->get_recommended_plugins();
-        
+
         foreach ($all_plugins as $plugin) {
             if ($this->get_plugin_status($plugin) !== 'active') {
                 return false;
             }
         }
-        
+
         return true;
     }
-    
+
+    /**
+     * Build a set of deployment-managed plugin files for quick lookup.
+     */
+    private function get_deployment_managed_files() {
+        static $managed = null;
+        if ($managed === null) {
+            $managed = array();
+            foreach ($this->get_recommended_plugins() as $plugin) {
+                if (!empty($plugin['deployment_managed'])) {
+                    $managed[$plugin['file']] = true;
+                }
+            }
+        }
+        return $managed;
+    }
+
+    /**
+     * Block deletion of deployment-managed plugins via the WP admin AJAX handler.
+     * Runs at priority 0, before WordPress's own delete-plugin handler.
+     */
+    public function block_deployment_managed_delete() {
+        $plugin_file = isset($_REQUEST['plugin']) ? sanitize_text_field(wp_unslash($_REQUEST['plugin'])) : '';
+        if (isset($this->get_deployment_managed_files()[$plugin_file])) {
+            check_admin_referer('delete-plugin_' . $plugin_file);
+            wp_die(
+                esc_html__('This plugin is managed by the deployment and cannot be deleted from the WordPress admin.', 'dg-semantic'),
+                esc_html__('Action not allowed', 'dg-semantic'),
+                array('response' => 403, 'back_link' => true)
+            );
+        }
+    }
+
+    /**
+     * Remove the "Delete" action link for deployment-managed plugins in the plugin list.
+     */
+    public function remove_delete_link_for_managed_plugins($actions, $plugin_file) {
+        if (isset($this->get_deployment_managed_files()[$plugin_file])) {
+            unset($actions['delete']);
+        }
+        return $actions;
+    }
+
 }
 
 // Initialize the plugin recommendations

From 7ed6a5cf98b9b2872aa9f7a18e61457defdb1a7e Mon Sep 17 00:00:00 2001
From: Sebastian Dimunzio <sdimunzio@gmail.com>
Date: Tue, 7 Jul 2026 12:45:37 -0300
Subject: [PATCH 7/9] Potential fix for pull request finding

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
---
 plugins/wp-react-blocks-plugin/blocks/newsletter/index.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/plugins/wp-react-blocks-plugin/blocks/newsletter/index.js b/plugins/wp-react-blocks-plugin/blocks/newsletter/index.js
index 982c4df00..d7a7bf198 100644
--- a/plugins/wp-react-blocks-plugin/blocks/newsletter/index.js
+++ b/plugins/wp-react-blocks-plugin/blocks/newsletter/index.js
@@ -137,7 +137,10 @@ const attributes = {
     tag: {
         type: 'string',
         default: "",
-    }
+    },
+    alignment: { type: 'string', default: 'center' },
+    backgroundColor: { type: 'string' },
+    customBackgroundColor: { type: 'string' },
 };
 
 const SaveComponent = (props) => {

From a5cf7b2d7fc9f76c8124aa3a29b744b1a143d70f Mon Sep 17 00:00:00 2001
From: Sebastian Dimunzio <sdimunzio@gmail.com>
Date: Tue, 7 Jul 2026 12:45:51 -0300
Subject: [PATCH 8/9] Potential fix for pull request finding

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
---
 plugins/wp-react-blocks-plugin/blocks/tabbed-posts/BlockEdit.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/BlockEdit.js b/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/BlockEdit.js
index 31d82ab5f..a74f8f71b 100644
--- a/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/BlockEdit.js
+++ b/plugins/wp-react-blocks-plugin/blocks/tabbed-posts/BlockEdit.js
@@ -121,7 +121,7 @@ class BlockEdit extends BlockEditWithFilters {
                     }}>
                     <div style={divStyles}>
                         {this.state.react_ui_url && <iframe ref={this.iframe} style={divStyles} scrolling={"no"}
-                                 src={this.state.react_ui_url + "/embeddable/tabbedposts?"}/>}
+                                 src={this.state.react_ui_url + "/embeddable/tabbedposts"}/>}
                     </div>
                 </ResizableBox>
             </div>

From 8835113a21f4d06ef52d7fdb6d044b17ff432551 Mon Sep 17 00:00:00 2001
From: Sebastian Dimunzio <sdimunzio@gmail.com>
Date: Tue, 7 Jul 2026 12:52:57 -0300
Subject: [PATCH 9/9] Potential fix for pull request finding

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
---
 plugins/wp-react-blocks-plugin/blocks/showcase-form/index.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/plugins/wp-react-blocks-plugin/blocks/showcase-form/index.js b/plugins/wp-react-blocks-plugin/blocks/showcase-form/index.js
index bc025f260..857a00b85 100644
--- a/plugins/wp-react-blocks-plugin/blocks/showcase-form/index.js
+++ b/plugins/wp-react-blocks-plugin/blocks/showcase-form/index.js
@@ -17,6 +17,9 @@ const attributes = {
     backgroundColor: {
         type: 'string'
     },
+    customBackgroundColor: {
+        type: 'string'
+    },
     alignment: {type: 'string', default: 'center'},
     organization: {type: 'string', default: 'Organization'},
     name: {type: 'string', default: 'Name'},