@useinsider/guido 3.7.0-beta.7f74830 → 3.7.0-beta.960d9c8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/composables/useHtmlCompiler.js +8 -6
  2. package/dist/config/compiler/htmlCompilerRules.js +15 -7
  3. package/dist/config/migrator/fontTagMigrator.js +7 -0
  4. package/dist/config/migrator/index.js +8 -7
  5. package/dist/package.json.js +1 -1
  6. package/dist/src/config/migrator/fontTagMigrator.d.ts +7 -0
  7. package/dist/src/utils/stripFontTags.d.ts +12 -0
  8. package/dist/utils/stripFontTags.js +7 -0
  9. package/package.json +2 -2
package/dist/composables/useHtmlCompiler.js CHANGED
@@ -13,6 +13,8 @@ const y = /* @__PURE__ */ new Set([
13
13
  "fix-url-encoding-end",
14
14
  "fix-tags-start",
15
15
  "fix-tags-end",
16
+ // Remove translate-injected <font> tags — pure removal, never emits AMP-forbidden output.
17
+ "strip-font-tags",
16
18
  // Image domain corrections — plain string replacement.
17
19
  "replace-old-image-domain",
18
20
  "replace-old-v2-image-domain",
@@ -26,22 +28,22 @@ const y = /* @__PURE__ */ new Set([
26
28
  // Coupon placeholder replacement (only present when liquidSyntax is enabled).
27
29
  "liquid-coupon-code"
28
30
  ]), M = () => {
29
- var m, t, r;
30
- const { compiler: e, isFeatureEnabled: a, partner: n } = k(), u = ((m = e.value) == null ? void 0 : m.customRules) || [], l = [
31
- ...!!((t = e.value) != null && t.ignoreDefaultRules) ? [] : R,
31
+ var t, m, r;
32
+ const { compiler: e, isFeatureEnabled: a, partner: n } = k(), p = ((t = e.value) == null ? void 0 : t.customRules) || [], l = [
33
+ ...!!((m = e.value) != null && m.ignoreDefaultRules) ? [] : R,
32
34
  ...v,
33
35
  ...x,
34
36
  ...g,
35
37
  ...b,
36
38
  ...H,
37
39
  ...a("liquidSyntax") ? C : [],
38
- ...u.map((o, f) => ({
40
+ ...p.map((o, f) => ({
39
41
  ...o,
40
42
  priority: o.priority + 1e3 + f
41
43
  // Ensure additional rules run after default rules
42
44
  }))
43
- ], p = s(l), c = l.filter((o) => y.has(o.id)), d = s(c), i = (r = n.value) == null ? void 0 : r.fallbackFont;
44
- return { compileHtml: (o) => p.compile(o, void 0, i), compileAmpHtml: (o) => d.compile(o, void 0, i) };
45
+ ], u = s(l), c = l.filter((o) => y.has(o.id)), d = s(c), i = (r = n.value) == null ? void 0 : r.fallbackFont;
46
+ return { compileHtml: (o) => u.compile(o, void 0, i), compileAmpHtml: (o) => d.compile(o, void 0, i) };
45
47
  };
46
48
  export {
47
49
  M as useHtmlCompiler
package/dist/config/compiler/htmlCompilerRules.js CHANGED
@@ -1,4 +1,5 @@
1
- const a = [
1
+ import { stripFontTags as n } from "../../utils/stripFontTags.js";
2
+ const l = [
2
3
  {
3
4
  id: "fix-url-encoding-start",
4
5
  description: "Replace {%22 with %7B%22 to fix URL encoding",
@@ -53,6 +54,13 @@ const a = [
53
54
  replaceAll: !0,
54
55
  priority: 14
55
56
  },
57
+ {
58
+ id: "strip-font-tags",
59
+ description: 'Unwrap <font> tags injected by browser translate extensions (e.g. Google Translate), keeping inner content — prevents Chrome DOM-depth overflow ("512 nodes")',
60
+ type: "custom",
61
+ processor: (e) => n(e),
62
+ priority: 15
63
+ },
56
64
  {
57
65
  id: "remove-apty-iframe",
58
66
  description: "Cleanup Apty Iframe Code",
@@ -91,7 +99,7 @@ const a = [
91
99
  description: "Adding MSO Conditions",
92
100
  type: "custom",
93
101
  processor: (e) => {
94
- const t = [
102
+ const i = [
95
103
  `<!--[if gte mso 9]>
96
104
  <style>sup {
97
105
  font-size: 100% !important;
@@ -114,10 +122,10 @@ const a = [
114
122
  ], s = /<head>([\S\s]*)<\/head>/, o = new RegExp(s);
115
123
  if (!e.match(o))
116
124
  return e;
117
- let i = e;
118
- return t.forEach((r) => {
119
- i = i.replace("</head>", `${r}</head>`);
120
- }), i;
125
+ let t = e;
126
+ return i.forEach((r) => {
127
+ t = t.replace("</head>", `${r}</head>`);
128
+ }), t;
121
129
  },
122
130
  priority: 30
123
131
  },
@@ -141,5 +149,5 @@ const a = [
141
149
  }
142
150
  ];
143
151
  export {
144
- a as defaultHtmlCompilerRules
152
+ l as defaultHtmlCompilerRules
145
153
  };
package/dist/config/migrator/fontTagMigrator.js ADDED
@@ -0,0 +1,7 @@
1
+ import { stripFontTags as r } from "../../utils/stripFontTags.js";
2
+ function n(t) {
3
+ return r(t);
4
+ }
5
+ export {
6
+ n as migrateFontTags
7
+ };
package/dist/config/migrator/index.js CHANGED
@@ -1,13 +1,14 @@
1
1
  import { migrateCheckbox as o } from "./checkboxMigrator.js";
2
2
  import { migrateCouponBlock as i } from "./couponBlockMigrator.js";
3
- import { migrateItemsBlock as e } from "./itemsBlockMigrator.js";
4
- import { migrateRadioButton as a } from "./radioButtonMigrator.js";
5
- import { migrateRecommendation as g } from "./recommendationMigrator.js";
6
- import { migrateUnsubscribe as n } from "./unsubscribeMigrator.js";
7
- const b = async (r, t = {}) => {
3
+ import { migrateFontTags as e } from "./fontTagMigrator.js";
4
+ import { migrateItemsBlock as a } from "./itemsBlockMigrator.js";
5
+ import { migrateRadioButton as g } from "./radioButtonMigrator.js";
6
+ import { migrateRecommendation as n } from "./recommendationMigrator.js";
7
+ import { migrateUnsubscribe as p } from "./unsubscribeMigrator.js";
8
+ const k = async (r, t = {}) => {
8
9
  let m = r;
9
- return m = o(m), m = a(m), m = await n(m), m = i(m), m = g(m, t), m = e(m), m;
10
+ return m = e(m), m = o(m), m = g(m), m = await p(m), m = i(m), m = n(m, t), m = a(m), m;
10
11
  };
11
12
  export {
12
- b as migrate
13
+ k as migrate
13
14
  };
package/dist/package.json.js CHANGED
@@ -1,4 +1,4 @@
1
- const o = { stripo: { version: "2.66.0" } }, s = {
1
+ const o = { stripo: { version: "2.65.0" } }, s = {
2
2
  guido: o
3
3
  };
4
4
  export {
package/dist/src/config/migrator/fontTagMigrator.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Heals templates already saved with browser-translate-injected `<font>` tags
3
+ * (see {@link stripFontTags}). Runs on load before the block migrators so they
4
+ * operate on clean HTML, and stops the accumulated nesting from re-triggering
5
+ * Chrome's DOM-depth limit when the template is reopened in the editor.
6
+ */
7
+ export declare function migrateFontTags(html: string): string;
package/dist/src/utils/stripFontTags.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Browser translation extensions (e.g. Google Translate) wrap translated text in
3
+ * nested `<font style="vertical-align:inherit">` tags. These get persisted into
4
+ * the template and accumulate over edit/translate cycles until Chrome exceeds its
5
+ * DOM-depth limit (the "512 nodes" error). Stripo never emits `<font>` tags, so
6
+ * any present are foreign — unwrap them (drop the tag, keep the inner content).
7
+ *
8
+ * Removing each open/close tag independently handles any nesting depth without a
9
+ * DOMParser round-trip, so surrounding markup (incl. `esd-*` attributes) is left
10
+ * byte-for-byte intact.
11
+ */
12
+ export declare function stripFontTags(html: string): string;
package/dist/utils/stripFontTags.js ADDED
@@ -0,0 +1,7 @@
1
+ const r = /<\s*\/?\s*font(?=[\s/>])[^>]*>/gi;
2
+ function s(n) {
3
+ return n && n.replace(r, "");
4
+ }
5
+ export {
6
+ s as stripFontTags
7
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "3.7.0-beta.7f74830",
3
+ "version": "3.7.0-beta.960d9c8",
4
4
  "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
5
5
  "main": "./dist/guido.umd.cjs",
6
6
  "module": "./dist/library.js",
@@ -92,7 +92,7 @@
92
92
  },
93
93
  "guido": {
94
94
  "stripo": {
95
- "version": "2.66.0"
95
+ "version": "2.65.0"
96
96
  }
97
97
  }
98
98
  }