@builder.io/react 1.1.47-4 → 1.1.47-8
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.
- package/dist/builder-react-lite.cjs.js +1 -1
- package/dist/builder-react-lite.esm.js +1 -1
- package/dist/builder-react.browser.js +2 -2
- package/dist/builder-react.browser.js.map +1 -1
- package/dist/builder-react.cjs.js +2 -2
- package/dist/builder-react.cjs.js.map +1 -1
- package/dist/builder-react.es5.js +2 -2
- package/dist/builder-react.es5.js.map +1 -1
- package/dist/builder-react.unpkg.js +2 -2
- package/dist/builder-react.unpkg.js.map +1 -1
- package/dist/lib/package.json +1 -1
- package/dist/lib/src/blocks/CustomCode.js +27 -19
- package/dist/lib/src/blocks/CustomCode.js.map +1 -1
- package/package.json +1 -1
- package/src/blocks/CustomCode.tsx +34 -26
package/dist/lib/package.json
CHANGED
|
@@ -34,9 +34,7 @@ var with_builder_1 = require("../functions/with-builder");
|
|
|
34
34
|
var globalReplaceNodes = {} || null;
|
|
35
35
|
var isShopify = sdk_1.Builder.isBrowser && 'Shopify' in window;
|
|
36
36
|
if (sdk_1.Builder.isBrowser && globalReplaceNodes) {
|
|
37
|
-
var customCodeQuerySelector_1 =
|
|
38
|
-
? '.builder-custom-code'
|
|
39
|
-
: '.builder-custom-code.replace-nodes';
|
|
37
|
+
var customCodeQuerySelector_1 = '.builder-custom-code';
|
|
40
38
|
try {
|
|
41
39
|
var allCustomCodeElements_1 = Array.from(document.querySelectorAll(customCodeQuerySelector_1));
|
|
42
40
|
// Search each template element (if present) for custom code blocks since
|
|
@@ -75,22 +73,28 @@ var CustomCodeComponent = /** @class */ (function (_super) {
|
|
|
75
73
|
_this.scriptsInserted = new Set();
|
|
76
74
|
_this.scriptsRun = new Set();
|
|
77
75
|
_this.firstLoad = true;
|
|
78
|
-
|
|
79
|
-
_this.
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
76
|
+
_this.replaceNodes = false;
|
|
77
|
+
_this.state = {
|
|
78
|
+
hydrated: false,
|
|
79
|
+
};
|
|
80
|
+
if (sdk_1.Builder.isBrowser) {
|
|
81
|
+
var id = (_a = _this.props.builderBlock) === null || _a === void 0 ? void 0 : _a.id;
|
|
82
|
+
_this.replaceNodes = Boolean(sdk_1.Builder.isBrowser && (props.replaceNodes || isShopify) && id && (globalReplaceNodes === null || globalReplaceNodes === void 0 ? void 0 : globalReplaceNodes[id]));
|
|
83
|
+
if (_this.firstLoad && _this.props.builderBlock) {
|
|
84
|
+
if (id && (globalReplaceNodes === null || globalReplaceNodes === void 0 ? void 0 : globalReplaceNodes[id])) {
|
|
85
|
+
var el = globalReplaceNodes[id].shift() || null;
|
|
86
|
+
_this.originalRef = el;
|
|
87
|
+
if (globalReplaceNodes[id].length === 0) {
|
|
88
|
+
delete globalReplaceNodes[id];
|
|
89
|
+
}
|
|
86
90
|
}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
91
|
+
else if (_this.replaceNodes) {
|
|
92
|
+
var existing = document.querySelectorAll("." + _this.props.builderBlock.id + " .builder-custom-code");
|
|
93
|
+
if (existing.length === 1) {
|
|
94
|
+
var node = existing[0];
|
|
95
|
+
_this.originalRef = node;
|
|
96
|
+
_this.originalRef.remove();
|
|
97
|
+
}
|
|
94
98
|
}
|
|
95
99
|
}
|
|
96
100
|
}
|
|
@@ -122,6 +126,10 @@ var CustomCodeComponent = /** @class */ (function (_super) {
|
|
|
122
126
|
this.firstLoad = false;
|
|
123
127
|
if (!this.replaceNodes) {
|
|
124
128
|
if (this.isHydrating) {
|
|
129
|
+
// first render need to match what's on ssr (issue with next.js)
|
|
130
|
+
this.setState({
|
|
131
|
+
hydrated: true,
|
|
132
|
+
});
|
|
125
133
|
sdk_1.Builder.nextTick(function () { return _this.findAndRunScripts(); });
|
|
126
134
|
}
|
|
127
135
|
else {
|
|
@@ -180,7 +188,7 @@ var CustomCodeComponent = /** @class */ (function (_super) {
|
|
|
180
188
|
// like embed
|
|
181
189
|
return (react_1.default.createElement("div", __assign({ ref: function (ref) { return (_this.elementRef = ref); },
|
|
182
190
|
// TODO: add a class when node replaced in (?)
|
|
183
|
-
className: 'builder-custom-code'
|
|
191
|
+
className: 'builder-custom-code' }, (!this.replaceNodes &&
|
|
184
192
|
!this.noReactRender && {
|
|
185
193
|
dangerouslySetInnerHTML: { __html: this.code },
|
|
186
194
|
}))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomCode.js","sourceRoot":"","sources":["../../../../src/blocks/CustomCode.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,uCAA0D;AAC1D,0DAAwD;AASxD,kFAAkF;AAClF,IAAM,kBAAkB,GAAI,EAAgC,IAAI,IAAI,CAAC;AAErE,IAAM,SAAS,GAAG,aAAO,CAAC,SAAS,IAAI,SAAS,IAAI,MAAM,CAAC;AAE3D,IAAI,aAAO,CAAC,SAAS,IAAI,kBAAkB,EAAE;IAC3C,IAAM,yBAAuB,GAAG,
|
|
1
|
+
{"version":3,"file":"CustomCode.js","sourceRoot":"","sources":["../../../../src/blocks/CustomCode.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -15,9 +15,8 @@ const globalReplaceNodes = ({} as { [key: string]: Node[] }) || null;
|
|
|
15
15
|
const isShopify = Builder.isBrowser && 'Shopify' in window;
|
|
16
16
|
|
|
17
17
|
if (Builder.isBrowser && globalReplaceNodes) {
|
|
18
|
-
const customCodeQuerySelector =
|
|
19
|
-
|
|
20
|
-
: '.builder-custom-code.replace-nodes';
|
|
18
|
+
const customCodeQuerySelector = '.builder-custom-code';
|
|
19
|
+
|
|
21
20
|
try {
|
|
22
21
|
let allCustomCodeElements = Array.from(document.querySelectorAll(customCodeQuerySelector));
|
|
23
22
|
|
|
@@ -56,34 +55,39 @@ class CustomCodeComponent extends React.Component<Props> {
|
|
|
56
55
|
scriptsRun = new Set();
|
|
57
56
|
|
|
58
57
|
firstLoad = true;
|
|
59
|
-
replaceNodes
|
|
58
|
+
replaceNodes = false;
|
|
59
|
+
state = {
|
|
60
|
+
hydrated: false,
|
|
61
|
+
}
|
|
60
62
|
|
|
61
63
|
constructor(props: Props) {
|
|
62
64
|
super(props);
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
65
|
+
if (Builder.isBrowser){
|
|
66
|
+
const id = this.props.builderBlock?.id;
|
|
67
|
+
this.replaceNodes = Boolean(
|
|
68
|
+
Builder.isBrowser && (props.replaceNodes || isShopify) && id && globalReplaceNodes?.[id]
|
|
69
|
+
);
|
|
70
|
+
|
|
71
|
+
if (this.firstLoad && this.props.builderBlock) {
|
|
72
|
+
if (id && globalReplaceNodes?.[id]) {
|
|
73
|
+
const el = globalReplaceNodes[id].shift() || null;
|
|
74
|
+
this.originalRef = el;
|
|
75
|
+
if (globalReplaceNodes[id].length === 0) {
|
|
76
|
+
delete globalReplaceNodes[id];
|
|
77
|
+
}
|
|
78
|
+
} else if (this.replaceNodes) {
|
|
79
|
+
const existing = document.querySelectorAll(
|
|
80
|
+
`.${this.props.builderBlock.id} .builder-custom-code`
|
|
81
|
+
);
|
|
82
|
+
if (existing.length === 1) {
|
|
83
|
+
const node = existing[0];
|
|
84
|
+
this.originalRef = node as HTMLElement;
|
|
85
|
+
(this.originalRef as Element).remove();
|
|
86
|
+
}
|
|
84
87
|
}
|
|
85
88
|
}
|
|
86
89
|
}
|
|
90
|
+
|
|
87
91
|
}
|
|
88
92
|
|
|
89
93
|
get noReactRender() {
|
|
@@ -105,6 +109,10 @@ class CustomCodeComponent extends React.Component<Props> {
|
|
|
105
109
|
this.firstLoad = false;
|
|
106
110
|
if (!this.replaceNodes) {
|
|
107
111
|
if (this.isHydrating) {
|
|
112
|
+
// first render need to match what's on ssr (issue with next.js)
|
|
113
|
+
this.setState({
|
|
114
|
+
hydrated: true,
|
|
115
|
+
})
|
|
108
116
|
Builder.nextTick(() => this.findAndRunScripts());
|
|
109
117
|
} else {
|
|
110
118
|
this.findAndRunScripts();
|
|
@@ -167,7 +175,7 @@ class CustomCodeComponent extends React.Component<Props> {
|
|
|
167
175
|
<div
|
|
168
176
|
ref={ref => (this.elementRef = ref)}
|
|
169
177
|
// TODO: add a class when node replaced in (?)
|
|
170
|
-
className=
|
|
178
|
+
className='builder-custom-code'
|
|
171
179
|
{...(!this.replaceNodes &&
|
|
172
180
|
!this.noReactRender && {
|
|
173
181
|
dangerouslySetInnerHTML: { __html: this.code },
|