[FIX] theme_anelusia, *: 'web_editor' to 'html_builder' in shapeId

* theme_artists, theme_avantgarde, theme_beauty, theme_bistro, theme_buzzy,
    theme_clean, theme_graphene, theme_kea, theme_kiddo, theme_monglia,
    theme_nano, theme_odoo_experts, theme_orchid, theme_real_estate,
    theme_treehouse, theme_vehicle, theme_zap

**Problem**
Some snippets contain shapes whose ID starts with `web_editor` instead of
`html_builder`. These IDs are not listed in imageShapeDefinitions [1], and
this generates a traceback when trying to apply shape tranformations.

**How to reproduce**
1. Insert the snippet `s_images_constellation`
2. Click on the bottom left image having the "Double Pill" shape
3. Click on any "Transform" button under the "Shape" row in the "Image" section
4. Problem: traceback pops up

**Solution**
This commit replaces `web_editor` with `html_builder` in themes.
See also the changes made to snippets [2] and the migration script [3].

[1] addons/html_builder/static/src/plugins/image/image_shapes_definition.js
[2] https://github.com/odoo/odoo/pull/218837
[3] https://github.com/odoo/upgrade/pull/8076

task-4367641

closes odoo/design-themes#1117

Related: odoo/odoo#218837
Related: odoo/enterprise#90482
Related: odoo/upgrade#8076
Signed-off-by: Robin Lejeune (role) <role@odoo.com>
This commit is contained in:
Alessandro Lupo
2025-07-17 10:26:45 +02:00
parent d07543f8ef
commit dcbe2287af
48 changed files with 84 additions and 84 deletions
@@ -7,7 +7,7 @@
</xpath>
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_accordion_image_default_image/web_editor/solid/solid_square_1.svg?c2=o-color-1</attribute>
<attribute name="data-shape">web_editor/solid/solid_square_1</attribute>
<attribute name="data-shape">html_builder/solid/solid_square_1</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_accordion_image_default_image.svg</attribute>
<attribute name="data-shape-colors">;o-color-1;;;</attribute>
@@ -26,7 +26,7 @@
<!-- Team #01 - Img -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_company_team_image_1/web_editor/geometric/geo_square_1.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_1</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_1</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">uiface_1.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
@@ -52,7 +52,7 @@
<!-- Team #02 - Img -->
<xpath expr="(//img)[2]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_company_team_image_2/web_editor/geometric/geo_square_2.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_2</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_2</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">uiface_2.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
@@ -77,7 +77,7 @@
<!-- Team #03 - Img -->
<xpath expr="(//img)[3]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_company_team_image_3/web_editor/geometric/geo_square_3.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_3</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_3</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">uiface_3.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
@@ -102,7 +102,7 @@
<!-- Team #04 - Img -->
<xpath expr="(//img)[4]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_company_team_image_4/web_editor/geometric/geo_square_1.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_1</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_1</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">uiface_4.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
@@ -14,7 +14,7 @@
<xpath expr="(//img)[1]" position="attributes">
<attribute name="class" remove="rounded-circle" separator=" "/>
<attribute name="src">/web_editor/image_shape/website.s_company_team_image_1/web_editor/geometric/geo_square_6.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_6</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_6</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">uiface_1.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
@@ -32,7 +32,7 @@
<xpath expr="(//img)[2]" position="attributes">
<attribute name="class" remove="rounded-circle" separator=" "/>
<attribute name="src">/web_editor/image_shape/website.s_company_team_image_2/web_editor/geometric/geo_square_4.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_4</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_4</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">uiface_2.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
@@ -50,7 +50,7 @@
<xpath expr="(//img)[3]" position="attributes">
<attribute name="class" remove="rounded-circle" separator=" "/>
<attribute name="src">/web_editor/image_shape/website.s_company_team_image_3/web_editor/geometric/geo_square_3.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_3</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_3</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">uiface_3.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
@@ -68,7 +68,7 @@
<xpath expr="(//img)[4]" position="attributes">
<attribute name="class" remove="rounded-circle" separator=" "/>
<attribute name="src">/web_editor/image_shape/website.s_company_team_image_4/web_editor/geometric/geo_square_5.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_5</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_5</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">uiface_4.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
@@ -5,7 +5,7 @@
<!-- Img -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_image_text_default_image/web_editor/composition/composition_square_1.svg?c1=o-color-1&amp;c2=o-color-3</attribute>
<attribute name="data-shape">web_editor/composition/composition_square_1</attribute>
<attribute name="data-shape">html_builder/composition/composition_square_1</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_image_text.svg</attribute>
<attribute name="data-shape-colors">o-color-1;o-color-3;;;</attribute>
@@ -8,14 +8,14 @@
</xpath>
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_key_images_default_image_1/web_editor/geometric/geo_square_6.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_6</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_6</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_key_images_default_image_1.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
</xpath>
<xpath expr="(//img)[4]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_key_images_default_image_4/web_editor/geometric/geo_square_5.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_5</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_5</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_key_images_default_image_4.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
@@ -18,7 +18,7 @@
<!-- Media #01 - Img -->
<xpath expr="//div[hasclass('s_media_list_img_wrapper')]//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_media_list_default_image_1/web_editor/composition/composition_square_1.svg?c1=o-color-4&amp;c2=o-color-2</attribute>
<attribute name="data-shape">web_editor/composition/composition_square_1</attribute>
<attribute name="data-shape">html_builder/composition/composition_square_1</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_media_list_1.svg</attribute>
<attribute name="data-shape-colors">o-color-4;o-color-2;;;</attribute>
@@ -47,7 +47,7 @@
<!-- Media #02 - Img -->
<xpath expr="(//div[hasclass('s_media_list_img_wrapper')])[2]//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_media_list_default_image_2/web_editor/composition/composition_square_3.svg?c1=o-color-1&amp;c5=o-color-2</attribute>
<attribute name="data-shape">web_editor/composition/composition_square_3</attribute>
<attribute name="data-shape">html_builder/composition/composition_square_3</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_media_list_2.svg</attribute>
<attribute name="data-shape-colors">o-color-1;;;;o-color-2</attribute>
@@ -28,7 +28,7 @@
<!-- Item #1 - Img -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_product_list_default_image_1/web_editor/geometric/geo_square_1.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_1</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_1</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_product_1.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
@@ -36,7 +36,7 @@
<!-- Item #2 - Img -->
<xpath expr="(//img)[2]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_product_list_default_image_2/web_editor/geometric/geo_square_3.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_3</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_3</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_product_2.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
@@ -44,7 +44,7 @@
<!-- Item #3 - Img -->
<xpath expr="(//img)[3]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_product_list_default_image_3/web_editor/geometric/geo_square_2.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_2</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_2</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_product_3.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
@@ -52,7 +52,7 @@
<!-- Item #4 - Img -->
<xpath expr="(//img)[4]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_product_list_default_image_4/web_editor/geometric/geo_square_1.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_1</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_1</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_product_4.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
@@ -60,7 +60,7 @@
<!-- Item #5 - Img -->
<xpath expr="(//img)[5]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_product_list_default_image_5/web_editor/geometric/geo_square_2.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_2</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_2</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_product_5.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
@@ -68,7 +68,7 @@
<!-- Item #6 - Img -->
<xpath expr="(//img)[6]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_product_list_default_image_6/web_editor/geometric/geo_square_3.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_3</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_3</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_product_6.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
@@ -9,7 +9,7 @@
<!-- Img -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_text_image_default_image/web_editor/composition/composition_square_3.svg?c1=o-color-2&amp;c5=o-color-1</attribute>
<attribute name="data-shape">web_editor/composition/composition_square_3</attribute>
<attribute name="data-shape">html_builder/composition/composition_square_3</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_text_image.svg</attribute>
<attribute name="data-shape-colors">o-color-2;;;;o-color-1</attribute>
@@ -10,14 +10,14 @@
<xpath expr="//div[hasclass('o_we_shape')]" position="replace"/>
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_wavy_grid_default_image_1/web_editor/geometric/geo_square_3.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_3</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_3</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_wavy_grid_default_image_1.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
</xpath>
<xpath expr="(//img)[4]" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_wavy_grid_default_image_4/web_editor/geometric/geo_square_6.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_6</attribute>
<attribute name="data-shape">html_builder/geometric/geo_square_6</attribute>
<attribute name="data-format-mimetype">image/webp</attribute>
<attribute name="data-file-name">s_wavy_grid_default_image_4.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>