@builder.io/mitosis 0.0.45 → 0.0.46

package/dist/src/parsers/liquid.js

@@ -65,10 +65,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -168,7 +172,7 @@ var getConditionalAttr = function (value, noEnd) {
             ? getConditionalAttr(statement.substr(index + 2), true)
             : getValue(statement);
         if (expression) {
-            return "{% " + expression + " " + condition + " %} " + branchValue;
+            return "{% ".concat(expression, " ").concat(condition, " %} ").concat(branchValue);
         }
         return branchValue + '{% endif %}';
     })
@@ -202,7 +206,7 @@ exports.getLiquidConditionExpresion = getLiquidConditionExpresion;
 var convertBinding = function (binding, options) {
     var value = binding;
     var isShopifyContext = value.replace(/\s/g, '').includes('.liquid');
-    if (!liquid_1.isValidLiquidBinding(binding)) {
+    if (!(0, liquid_1.isValidLiquidBinding)(binding)) {
         return '';
     }
     if (isLiquidConditional(value)) {
@@ -226,13 +230,13 @@ var convertBinding = function (binding, options) {
 function blockToLiquid(json, options) {
     var _a, _b, _c, _d;
     if (options === void 0) { options = {}; }
-    var block = fast_clone_1.fastClone(json);
+    var block = (0, fast_clone_1.fastClone)(json);
     var bindings = __assign(__assign({}, block.bindings), (_a = block.code) === null || _a === void 0 ? void 0 : _a.bindings);
-    var hasInvalidHide = bindings.hide && !liquid_1.isValidLiquidBinding(bindings.hide);
-    var hasInvalidShow = bindings.show && !liquid_1.isValidLiquidBinding(bindings.show);
+    var hasInvalidHide = bindings.hide && !(0, liquid_1.isValidLiquidBinding)(bindings.hide);
+    var hasInvalidShow = bindings.show && !(0, liquid_1.isValidLiquidBinding)(bindings.show);
     var hasInvalidRepeat = block.repeat &&
         block.repeat.collection &&
-        !liquid_1.isValidLiquidBinding(block.repeat.collection);
+        !(0, liquid_1.isValidLiquidBinding)(block.repeat.collection);
     if (hasInvalidHide || hasInvalidShow || hasInvalidRepeat) {
         return '';
     }
@@ -252,7 +256,7 @@ function blockToLiquid(json, options) {
                 valueString = value;
             }
             else {
-                valueString = "{{ " + value + " }}";
+                valueString = "{{ ".concat(value, " }}");
             }
             // Preserve default styles for those bound
             if (!value && key.startsWith('style')) {
@@ -265,7 +269,7 @@ function blockToLiquid(json, options) {
                 var name_1 = key.startsWith('properties.')
                     ? key.replace(/^\s*properties\s*\./, '')
                     : key;
-                lodash_1.set(block.properties, name_1, valueString);
+                (0, lodash_1.set)(block.properties, name_1, valueString);
             }
             else if (key.startsWith('component.options.') ||
                 key.startsWith('options.')) {
@@ -276,31 +280,31 @@ function blockToLiquid(json, options) {
                 if (!block.component.options) {
                     block.component.options = {};
                 }
-                lodash_1.set(block.component.options, name_2, valueString);
+                (0, lodash_1.set)(block.component.options, name_2, valueString);
             }
             else if (key.startsWith('style.')) {
                 var name_3 = key.replace('style.', '');
-                lodash_1.set(styles, name_3, valueString);
+                (0, lodash_1.set)(styles, name_3, valueString);
             }
             else if (key === 'attr.style') {
                 if (!block.properties) {
                     block.properties = {};
                 }
-                lodash_1.set(block.properties, 'style', valueString);
+                (0, lodash_1.set)(block.properties, 'style', valueString);
             }
         }
     }
     // TODO: bindings with {{}} as values
     var css = blockCss(block, options);
     var stylesList = [];
-    if (lodash_1.size(styles)) {
-        stylesList.push(map_to_css_1.mapToCss(styles, 0));
+    if ((0, lodash_1.size)(styles)) {
+        stylesList.push((0, map_to_css_1.mapToCss)(styles, 0));
     }
     if ((_b = block.properties) === null || _b === void 0 ? void 0 : _b.style) {
         stylesList.push(block.properties.style);
     }
     var bindingClass = ((_c = block.bindings) === null || _c === void 0 ? void 0 : _c.class) && convertBinding(block.bindings.class, options);
-    var classes = lodash_1.uniq([
+    var classes = (0, lodash_1.uniq)([
         // 'builder-block',
         block.id,
         block.class,
@@ -308,20 +312,20 @@ function blockToLiquid(json, options) {
         (_d = block.properties) === null || _d === void 0 ? void 0 : _d.class,
     ]).filter(lodash_1.identity);
     var componentInfo = null;
-    var attributes = map_to_attributes_1.mapToAttributes(__assign(__assign(__assign({}, block.properties), { 
+    var attributes = (0, map_to_attributes_1.mapToAttributes)(__assign(__assign(__assign({}, block.properties), { 
         // ['builder-id']: block.id,
-        class: classes.join(' ') }), (lodash_1.size(stylesList) && {
+        class: classes.join(' ') }), ((0, lodash_1.size)(stylesList) && {
         style: stylesList.join(';'),
     })));
     var tag = block.tagName || (block.properties && block.properties.href ? 'a' : 'div');
     if (options.openingTagOnly) {
-        return "<" + tag + (attributes ? ' ' + attributes : '') + ">";
+        return "<".concat(tag).concat(attributes ? ' ' + attributes : '', ">");
     }
     if (block.component && !componentInfo) {
-        console.warn("Could not find component: " + block.component.name);
+        console.warn("Could not find component: ".concat(block.component.name));
     }
     var collectionName = block.repeat &&
-        lodash_1.last((block.repeat.collection || '')
+        (0, lodash_1.last)((block.repeat.collection || '')
             .trim()
             .split('(')[0]
             .trim()
@@ -329,23 +333,23 @@ function blockToLiquid(json, options) {
     if (collectionName) {
         collectionName = convertBinding(collectionName, options);
     }
-    return "\n    " + (css.trim() ? "<style>" + css + "</style>" : '') + "\n    " + (!options.static &&
+    return "\n    ".concat(css.trim() ? "<style>".concat(css, "</style>") : '', "\n    ").concat(!options.static &&
         block.repeat &&
         block.repeat.collection &&
-        liquid_1.isValidLiquidBinding(block.repeat.collection)
-        ? "{% for " + (block.repeat.itemName ||
-            collectionName + '_item') + " in " + convertBinding(block.repeat.collection, options) + " %}"
-        : '') + "\n    " + (!options.static && bindings.hide
-        ? "{% unless  " + (!liquid_1.isValidLiquidBinding(bindings.hide)
+        (0, liquid_1.isValidLiquidBinding)(block.repeat.collection)
+        ? "{% for ".concat(block.repeat.itemName ||
+            collectionName + '_item', " in ").concat(convertBinding(block.repeat.collection, options), " %}")
+        : '', "\n    ").concat(!options.static && bindings.hide
+        ? "{% unless  ".concat(!(0, liquid_1.isValidLiquidBinding)(bindings.hide)
             ? 'false'
-            : convertBinding(bindings.hide, options)) + " %}"
-        : '') + "\n    " + (!options.static && bindings.show
-        ? "{% if  " + (!liquid_1.isValidLiquidBinding(bindings.show)
+            : convertBinding(bindings.hide, options), " %}")
+        : '', "\n    ").concat(!options.static && bindings.show
+        ? "{% if  ".concat(!(0, liquid_1.isValidLiquidBinding)(bindings.show)
             ? 'false'
-            : convertBinding(bindings.show, options)) + " %}"
-        : '') + "\n    " + (!options.static && bindings.hide ? '{% endunless %}' : '') + "\n    " + (!options.static && bindings.show ? '{% endif %}' : '') + "\n    " + (!options.static && block.repeat && block.repeat.collection
+            : convertBinding(bindings.show, options), " %}")
+        : '', "\n    ").concat(!options.static && bindings.hide ? '{% endunless %}' : '', "\n    ").concat(!options.static && bindings.show ? '{% endif %}' : '', "\n    ").concat(!options.static && block.repeat && block.repeat.collection
         ? '{% endfor %}'
-        : '') + "\n  ";
+        : '', "\n  ");
 }
 exports.blockToLiquid = blockToLiquid;
 // TODO: make these core functions and share with react, vue, etc
@@ -357,7 +361,7 @@ function blockCss(block, options) {
     var baseStyles = __assign({}, (self.responsiveStyles && self.responsiveStyles.large));
     var css = options.emailMode
         ? ''
-        : ".builder-block." + self.id + " {" + map_to_css_1.mapToCss(baseStyles) + "}";
+        : ".builder-block.".concat(self.id, " {").concat((0, map_to_css_1.mapToCss)(baseStyles), "}");
     var reversedNames = sizeNames.slice().reverse();
     if (self.responsiveStyles) {
         for (var _i = 0, reversedNames_1 = reversedNames; _i < reversedNames_1.length; _i++) {
@@ -371,15 +375,15 @@ function blockCss(block, options) {
                 Object.keys(self.responsiveStyles[size_2]).length) {
                 // TODO: this will not work as expected for a couple things that are handled specially,
                 // e.g. width
-                css += "\n@media only screen and (max-width: " + sizes[size_2].max + "px) { \n" + (options.emailMode ? '.' : '.builder-block.') + (self.id +
-                    (options.emailMode ? '-subject' : '')) + " {" + map_to_css_1.mapToCss(self.responsiveStyles[size_2], 4, options.emailMode) + " } }";
+                css += "\n@media only screen and (max-width: ".concat(sizes[size_2].max, "px) { \n").concat(options.emailMode ? '.' : '.builder-block.').concat(self.id +
+                    (options.emailMode ? '-subject' : ''), " {").concat((0, map_to_css_1.mapToCss)(self.responsiveStyles[size_2], 4, options.emailMode), " } }");
             }
         }
     }
     return css;
 }
 function humanCase(str) {
-    return lodash_1.capitalize(lodash_1.kebabCase(str)
+    return (0, lodash_1.capitalize)((0, lodash_1.kebabCase)(str)
         .replace(/[- ]+/g, ' ')
         .trim());
 }
@@ -404,10 +408,10 @@ var https = serverOnlyRequire('https');
 var httpAgent = (http && new http.Agent({ keepAlive: true })) || undefined;
 var httpsAgent = (https && new https.Agent({ keepAlive: true })) || undefined;
 var serializedBlockTagName = 'builder-serialized-block';
-var serializedBlockCloseTag = "</" + serializedBlockTagName + ">";
+var serializedBlockCloseTag = "</".concat(serializedBlockTagName, ">");
 var serializeBlock = function (el, close) {
     if (close === void 0) { close = true; }
-    var str = "<" + serializedBlockTagName + " block='" + htmlEncode(JSON.stringify(el)) + "'>";
+    var str = "<".concat(serializedBlockTagName, " block='").concat(htmlEncode(JSON.stringify(el)), "'>");
     if (close) {
         str += serializedBlockCloseTag;
     }
@@ -420,7 +424,7 @@ var mapArrays = function (source) {
     }
     var newArrays = Object.keys(source).reduce(function (acc, key) {
         var _a;
-        var orderKey = key.slice(0, -1) + "_order";
+        var orderKey = "".concat(key.slice(0, -1), "_order");
         if (source[orderKey]) {
             return __assign((_a = {}, _a[key] = source[orderKey].map(function (id) { return source[key][id]; }), _a), acc);
         }
@@ -436,7 +440,7 @@ var axios = axios_1.default.create({
     adapter: axiosCache.adapter,
 });
 var isSerializedBlock = function (str) {
-    return str.includes("<" + serializedBlockTagName);
+    return str.includes("<".concat(serializedBlockTagName));
 };
 var deserializeBlock = function (str) {
     var parts = [];
@@ -453,7 +457,7 @@ var deserializeBlock = function (str) {
     return parts.join('');
 };
 var stringWithBindingsToLiquid = function (str) {
-    var separated = exports.separateTagsAndText(str).map(function (item) { return item.text; });
+    var separated = (0, exports.separateTagsAndText)(str).map(function (item) { return item.text; });
     var liquidStr = '';
     var _loop_1 = function (item) {
         var tag = parseTag(item);
@@ -472,8 +476,8 @@ var stringWithBindingsToLiquid = function (str) {
             }
         }
         else if (isSerializedBlock(item)) {
-            var block = lodash_1.attempt(function () { return deserializeBlock(item); });
-            if (!lodash_1.isError(block)) {
+            var block = (0, lodash_1.attempt)(function () { return deserializeBlock(item); });
+            if (!(0, lodash_1.isError)(block)) {
                 liquidStr += block;
             }
             else {
@@ -497,17 +501,17 @@ var isSimpleLiquidBinding = function (str) {
 var liquidBindingTemplate = function (str) {
     return isSimpleLiquidBinding(str)
         ? str
-        : "liquid.get(\"" + str.replace(/\n+/g, ' ').replace(/"/g, '\\"') + "\")";
+        : "liquid.get(\"".concat(str.replace(/\n+/g, ' ').replace(/"/g, '\\"'), "\")");
 };
 var liquidRenderTemplate = function (str) {
     return isSimpleLiquidBinding(str)
         ? str
-        : "liquid(\"" + str.replace(/\n+/g, ' ').replace(/"/g, '\\"') + "\")";
+        : "liquid(\"".concat(str.replace(/\n+/g, ' ').replace(/"/g, '\\"'), "\")");
 };
 var liquidConditionTemplate = function (str) {
     return isSimpleLiquidBinding(str)
         ? str
-        : "liquid(\"" + str.replace(/\n+/g, ' ').replace(/"/g, '\\"') + "\")";
+        : "liquid(\"".concat(str.replace(/\n+/g, ' ').replace(/"/g, '\\"'), "\")");
 };
 var isIfTemplate = function (template) {
     return template.token.type === 'tag' && template.token.name === 'if';
@@ -547,9 +551,9 @@ var createHtmlAttribute = function (attribute, attributeValue) {
     if (attributeValue === void 0) { attributeValue = null; }
     var encodedValue = '';
     if (attributeValue) {
-        encodedValue = "='" + htmlEncode(JSON.stringify(attributeValue)) + "'";
+        encodedValue = "='".concat(htmlEncode(JSON.stringify(attributeValue)), "'");
     }
-    return "[" + attribute + "]" + encodedValue;
+    return "[".concat(attribute, "]").concat(encodedValue);
 };
 var COMMA_TOKEN = '__bldr_comma__';
 var parseArgList = function (args) {
@@ -579,8 +583,8 @@ var getSubstringTill = function (col, line, str) {
 };
 var transpileUnlessToIf = function (unlessTemplate) {
     var cond = unlessTemplate.impl.cond;
-    var value = "if " + cond;
-    var raw = "{% " + value + " %}";
+    var value = "if ".concat(cond);
+    var raw = "{% ".concat(value, " %}");
     return __assign(__assign({}, unlessTemplate), { impl: {
             branches: [
                 {
@@ -590,8 +594,7 @@ var transpileUnlessToIf = function (unlessTemplate) {
                 },
             ],
             elseTemplates: unlessTemplate.impl.elseTemplates,
-        }, token: __assign(__assign({}, unlessTemplate.token), { raw: raw,
-            value: value }) });
+        }, token: __assign(__assign({}, unlessTemplate.token), { raw: raw, value: value }) });
 };
 var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0, void 0, void 0, function () {
     function processTemplate(template, priorConditions) {
@@ -614,20 +617,20 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                             expression: psuedoTemplate.token.raw,
                             negate: isUnlessTemplate(template),
                         });
-                        isInsideAttribute = new RegExp("<[^>]*" + template.token.value).test(template.token.input);
+                        isInsideAttribute = new RegExp("<[^>]*".concat(template.token.value)).test(template.token.input);
                         index = 0;
                         _10.label = 2;
                     case 2:
                         if (!(index < psuedoTemplate.impl.branches.length)) return [3 /*break*/, 10];
                         item = psuedoTemplate.impl.branches[index];
                         if (index === 0) {
-                            html += createHtmlAttribute('if', __assign(__assign({ fullRaw: psuedoTemplate.token.raw, cond: item.cond }, (item.negate && { negate: true })), { hash: object_hash_1.default(currentConditions) }));
+                            html += createHtmlAttribute('if', __assign(__assign({ fullRaw: psuedoTemplate.token.raw, cond: item.cond }, (item.negate && { negate: true })), { hash: (0, object_hash_1.default)(currentConditions) }));
                         }
                         else {
                             html += createHtmlAttribute('elsif', {
-                                fullRaw: "{% elsif " + item.cond + " %}",
+                                fullRaw: "{% elsif ".concat(item.cond, " %}"),
                                 cond: item.cond,
-                                hash: object_hash_1.default(currentConditions),
+                                hash: (0, object_hash_1.default)(currentConditions),
                             });
                         }
                         if (!isInsideAttribute) return [3 /*break*/, 7];
@@ -678,7 +681,7 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                         return [4 /*yield*/, processInnerTemplates(psuedoTemplate.impl.elseTemplates, options, priorConditions.concat({
                                 expression: psuedoTemplate.token.raw,
                                 negate: !isUnlessTemplate(template),
-                            }), object_hash_1.default(currentConditions))];
+                            }), (0, object_hash_1.default)(currentConditions))];
                     case 16:
                         html = _f + _10.sent();
                         _10.label = 17;
@@ -695,13 +698,13 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                     case 19:
                         if (!(index < template.impl.cases.length)) return [3 /*break*/, 29];
                         item = template.impl.cases[index];
-                        condition = template.impl.cond + " == " + item.val;
+                        condition = "".concat(template.impl.cond, " == ").concat(item.val);
                         if (!(index === 0)) return [3 /*break*/, 24];
                         firstCond = condition;
                         html += createHtmlAttribute('if', {
-                            fullRaw: "{% if " + condition + " %}",
+                            fullRaw: "{% if ".concat(condition, " %}"),
                             cond: condition,
-                            hash: object_hash_1.default(condition),
+                            hash: (0, object_hash_1.default)(condition),
                         });
                         _g = 0, _h = item.templates;
                         _10.label = 20;
@@ -718,9 +721,9 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                     case 23: return [3 /*break*/, 28];
                     case 24:
                         html += createHtmlAttribute('elsif', {
-                            fullRaw: "{% elsif " + condition + " %}",
+                            fullRaw: "{% elsif ".concat(condition, " %}"),
                             cond: condition,
-                            hash: object_hash_1.default(firstCond),
+                            hash: (0, object_hash_1.default)(firstCond),
                         });
                         _j = 0, _k = item.templates;
                         _10.label = 25;
@@ -741,7 +744,7 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                         if (!(template.impl.elseTemplates && template.impl.elseTemplates.length)) return [3 /*break*/, 33];
                         html += createHtmlAttribute('else', {
                             fullRaw: '{% else %}',
-                            hash: object_hash_1.default(firstCond),
+                            hash: (0, object_hash_1.default)(firstCond),
                         });
                         _l = 0, _m = template.impl.elseTemplates;
                         _10.label = 30;
@@ -782,7 +785,7 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                         return [3 /*break*/, 84];
                     case 39:
                         if (!isOutputTemplate(template)) return [3 /*break*/, 40];
-                        html += createHtmlAttribute('output', __assign(__assign({}, template.value), { raw: template.token.value, fullRaw: "{{" + template.token.value + "}}" }));
+                        html += createHtmlAttribute('output', __assign(__assign({}, template.value), { raw: template.token.value, fullRaw: "{{".concat(template.token.value, "}}") }));
                         return [3 /*break*/, 84];
                     case 40:
                         name_4 = template.name || '';
@@ -870,7 +873,7 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                             .map(function (unwrappedTag) {
                             var trimmedTag = unwrappedTag.trim();
                             if (trimmedTag) {
-                                return "{% " + trimmedTag + " %}";
+                                return "{% ".concat(trimmedTag, " %}");
                             }
                             return null;
                         })
@@ -878,11 +881,9 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                         _w = html;
                         _x = exports.parsedLiquidToHtml;
                         _y = exports.liquidToAst;
-                        return [4 /*yield*/, exports.preprocessLiquid(wrappedLiquidTags.join(''))];
-                    case 50: return [4 /*yield*/, _y.apply(void 0, [_10.sent(),
-                            options])];
-                    case 51: return [4 /*yield*/, _x.apply(void 0, [_10.sent(),
-                            options])];
+                        return [4 /*yield*/, (0, exports.preprocessLiquid)(wrappedLiquidTags.join(''))];
+                    case 50: return [4 /*yield*/, _y.apply(void 0, [_10.sent(), options])];
+                    case 51: return [4 /*yield*/, _x.apply(void 0, [_10.sent(), options])];
                     case 52:
                         html = _w + _10.sent();
                         return [3 /*break*/, 84];
@@ -897,13 +898,13 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                         matched = args.match(/['"]([^'"]+)['"]/);
                         path = matched && matched[1];
                         if (!path) return [3 /*break*/, 64];
-                        return [4 /*yield*/, getShopifyAsset("sections/" + path + ".liquid", options)];
+                        return [4 /*yield*/, getShopifyAsset("sections/".concat(path, ".liquid"), options)];
                     case 56:
                         currentAsset = _10.sent();
                         if (!(currentAsset &&
-                            !lodash_1.isError(currentAsset) &&
+                            !(0, lodash_1.isError)(currentAsset) &&
                             themeSettings &&
-                            !lodash_1.isError(themeSettings))) return [3 /*break*/, 62];
+                            !(0, lodash_1.isError)(themeSettings))) return [3 /*break*/, 62];
                         schemaObject = {};
                         schemaDefault = currentAsset.match(/{%-? schema -?%}([\s\S]*?){%-? endschema -?%}/);
                         defaultSchemaObject_1 = {};
@@ -925,10 +926,10 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                         sectionSettingsState = Object.assign({}, defaultSchemaObject_1, themeSettings.current.sections[path].settings);
                         themeSettings.current.sections[path].settings = sectionSettingsState;
                         if (!(options.importSections === false)) return [3 /*break*/, 57];
-                        html += serializeBlock(__assign(__assign({ layerName: humanCase(path.replace('-template', '')) + " section", component: {
+                        html += serializeBlock(__assign(__assign({ layerName: "".concat(humanCase(path.replace('-template', '')), " section"), component: {
                                 name: 'Shopify:SectionRef',
                                 options: {
-                                    section: "sections/" + path + ".liquid",
+                                    section: "sections/".concat(path, ".liquid"),
                                 },
                             } }, ((path === 'product-template' || path === 'product') && {
                             properties: {
@@ -943,7 +944,7 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                         return [3 /*break*/, 61];
                     case 57:
                         html += serializeBlock({
-                            layerName: "Section: sections/" + path + ".liquid",
+                            layerName: "Section: sections/".concat(path, ".liquid"),
                             meta: {
                                 identifier: 'ShopifySection',
                             },
@@ -954,12 +955,12 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                                     shopifyMetafields: [
                                         {
                                             path: 'state.section',
-                                            as: "_section_" + lodash_1.snakeCase(path),
+                                            as: "_section_".concat((0, lodash_1.snakeCase)(path)),
                                         },
                                     ],
                                     state: {
                                         section: mapArrays(themeSettings.current.sections[path]),
-                                        _sourceFile: "sections/" + path + ".liquid",
+                                        _sourceFile: "sections/".concat(path, ".liquid"),
                                     },
                                 },
                             },
@@ -967,11 +968,9 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                         _z = html;
                         _0 = exports.parsedLiquidToHtml;
                         _1 = exports.liquidToAst;
-                        return [4 /*yield*/, exports.preprocessLiquid(currentAsset)];
-                    case 58: return [4 /*yield*/, _1.apply(void 0, [_10.sent(),
-                            options])];
-                    case 59: return [4 /*yield*/, _0.apply(void 0, [_10.sent(),
-                            options])];
+                        return [4 /*yield*/, (0, exports.preprocessLiquid)(currentAsset)];
+                    case 58: return [4 /*yield*/, _1.apply(void 0, [_10.sent(), options])];
+                    case 59: return [4 /*yield*/, _0.apply(void 0, [_10.sent(), options])];
                     case 60:
                         html = _z + _10.sent();
                         html += serializedBlockCloseTag;
@@ -996,7 +995,7 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                             meta: {
                                 importedSnippet: args,
                             },
-                            layerName: humanCase(path || '') + " block",
+                            layerName: "".concat(humanCase(path || ''), " block"),
                             tagName: 'span',
                             component: {
                                 name: 'Custom Code',
@@ -1018,7 +1017,7 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                         for (key in assigns_1) {
                             if (assigns_1.hasOwnProperty(key)) {
                                 // TODO: use StateProvider for this. With getters?
-                                assignString += "\n{% assign " + key + " = " + assigns_1[key] + " %}";
+                                assignString += "\n{% assign ".concat(key, " = ").concat(assigns_1[key], " %}");
                             }
                         }
                         auth = options.auth, themeId = options.themeId;
@@ -1026,17 +1025,17 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                         publicKey = auth.publicKey, token = auth.token;
                         if (!(publicKey && token)) return [3 /*break*/, 73];
                         html += serializeBlock({
-                            layerName: "Include: " + directory + "/" + path + ".liquid",
+                            layerName: "Include: ".concat(directory, "/").concat(path, ".liquid"),
                             component: {
                                 name: 'Builder:StateProvider',
                                 options: {
                                     state: {
-                                        _sourceFile: directory + "/" + path + ".liquid",
+                                        _sourceFile: "".concat(directory, "/").concat(path, ".liquid"),
                                     },
                                 },
                             },
                         }, false);
-                        return [4 /*yield*/, getShopifyAsset(directory + "/" + path + ".liquid", options)];
+                        return [4 /*yield*/, getShopifyAsset("".concat(directory, "/").concat(path, ".liquid"), options)];
                     case 68:
                         currentAsset = _10.sent();
                         if (!currentAsset) return [3 /*break*/, 72];
@@ -1044,10 +1043,9 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                         _2 = html;
                         _3 = exports.parsedLiquidToHtml;
                         _4 = exports.liquidToAst;
-                        return [4 /*yield*/, exports.preprocessLiquid(value)];
+                        return [4 /*yield*/, (0, exports.preprocessLiquid)(value)];
                     case 69: return [4 /*yield*/, _4.apply(void 0, [_10.sent(), options])];
-                    case 70: return [4 /*yield*/, _3.apply(void 0, [_10.sent(),
-                            options])];
+                    case 70: return [4 /*yield*/, _3.apply(void 0, [_10.sent(), options])];
                     case 71:
                         html = _2 + _10.sent();
                         _10.label = 72;
@@ -1092,15 +1090,14 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                             // first, check to make sure the cycle index isn't greating than the forloop
                             // then, calculate the check the remainder of current loop index divided by cycle length
                             // if it's equal to the current cycle index, display the cycle value
-                            newHtml += "\n            {% assign remainder = forloop.index0| modulo:" + argList.length + " %}\n            {% if forloop.length >= " + i + "  and remainder == " + i + " %}\n              {{" + argList[i] + "}}\n            {% endif %}";
+                            newHtml += "\n            {% assign remainder = forloop.index0| modulo:".concat(argList.length, " %}\n            {% if forloop.length >= ").concat(i, "  and remainder == ").concat(i, " %}\n              {{").concat(argList[i], "}}\n            {% endif %}");
                         }
                         _7 = html;
                         _8 = exports.parsedLiquidToHtml;
                         _9 = exports.liquidToAst;
-                        return [4 /*yield*/, exports.preprocessLiquid(newHtml)];
+                        return [4 /*yield*/, (0, exports.preprocessLiquid)(newHtml)];
                     case 80: return [4 /*yield*/, _9.apply(void 0, [_10.sent(), options])];
-                    case 81: return [4 /*yield*/, _8.apply(void 0, [_10.sent(),
-                            options])];
+                    case 81: return [4 /*yield*/, _8.apply(void 0, [_10.sent(), options])];
                     case 82:
                         html = _7 + _10.sent();
                         return [3 /*break*/, 84];
@@ -1121,7 +1118,7 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
                 return [4 /*yield*/, getShopifyAsset('config/settings_data.json', options)];
             case 1:
                 themeAsset = _a.sent();
-                themeSettings = typeof themeAsset === 'string' && lodash_1.attempt(function () { return JSON.parse(themeAsset); });
+                themeSettings = typeof themeAsset === 'string' && (0, lodash_1.attempt)(function () { return JSON.parse(themeAsset); });
                 _i = 0, templates_1 = templates;
                 _a.label = 2;
             case 2:
@@ -1141,7 +1138,7 @@ var parsedLiquidToHtml = function (templates, options) { return __awaiter(void 0
 exports.parsedLiquidToHtml = parsedLiquidToHtml;
 var flattenExpressions = function (conditionsArray, value) {
     return (conditionsArray
-        .map(function (c) { return (c.negate ? c.expression + " {% else %}" : c.expression); })
+        .map(function (c) { return (c.negate ? "".concat(c.expression, " {% else %}") : c.expression); })
         .join(' ') +
         value +
         conditionsArray.map(function () { return "{% endif %}"; }));
@@ -1168,7 +1165,7 @@ function processInnerTemplates(templates, options, priorConditions, overrideHash
                         'track',
                         'wbr',
                     ]);
-                    return [4 /*yield*/, exports.parsedLiquidToHtml(templates, options)];
+                    return [4 /*yield*/, (0, exports.parsedLiquidToHtml)(templates, options)];
                 case 1:
                     html = _a.sent();
                     processHtml = function (str) {
@@ -1182,7 +1179,7 @@ function processInnerTemplates(templates, options, priorConditions, overrideHash
                                 if (node.type === 'text') {
                                     result += node.value;
                                 }
-                                else if (lodash_1.isNull(node.endSourceSpan) &&
+                                else if ((0, lodash_1.isNull)(node.endSourceSpan) &&
                                     !selfCloseTags.has(node.name)) {
                                     var block = {
                                         tagName: node.name,
@@ -1210,7 +1207,7 @@ function processInnerTemplates(templates, options, priorConditions, overrideHash
                                             options: {
                                                 name: 'opencondtag',
                                                 tag: node.name,
-                                                hash: overrideHash || object_hash_1.default(priorConditions),
+                                                hash: overrideHash || (0, object_hash_1.default)(priorConditions),
                                             },
                                         },
                                     };
@@ -1237,7 +1234,7 @@ function processInnerTemplates(templates, options, priorConditions, overrideHash
                                 result += preErrorTag;
                                 result += createHtmlAttribute('endopencondtag', {
                                     hash: overrideHash ||
-                                        (priorConditions.length > 0 && object_hash_1.default(priorConditions)),
+                                        (priorConditions.length > 0 && (0, object_hash_1.default)(priorConditions)),
                                 });
                                 // 3 is length of </>
                                 var leftovers = str.substring(preErrorTag.length + errorTag.length + 4);
@@ -1292,7 +1289,7 @@ var htmlNodeToBuilder = function (node, index, parentArray, options) { return __
                 if (!(node.tag === 'builder-component')) return [3 /*break*/, 2];
                 _a = el;
                 _c = {};
-                return [4 /*yield*/, exports.htmlAstToBuilder(node.children, options)];
+                return [4 /*yield*/, (0, exports.htmlAstToBuilder)(node.children, options)];
             case 1: return [2 /*return*/, _a.apply(void 0, [(_c.children = _h.sent(),
                         _c)])];
             case 2:
@@ -1303,7 +1300,7 @@ var htmlNodeToBuilder = function (node, index, parentArray, options) { return __
             case 3:
                 _h.trys.push([3, 5, , 6]);
                 parsedBlock = JSON.parse(htmlDecode(node.attrsMap.block.replace(/"/g, '\\"')));
-                return [4 /*yield*/, exports.htmlAstToBuilder(node.children, options)];
+                return [4 /*yield*/, (0, exports.htmlAstToBuilder)(node.children, options)];
             case 4:
                 children = _h.sent();
                 element = el(__assign(__assign({}, parsedBlock), (children.length > 0 && { children: children })));
@@ -1324,7 +1321,7 @@ var htmlNodeToBuilder = function (node, index, parentArray, options) { return __
                         component: {
                             name: 'Text',
                             options: {
-                                text: "Builder serialized block error: " + String(err_1),
+                                text: "Builder serialized block error: ".concat(String(err_1)),
                             },
                         },
                     })];
@@ -1336,7 +1333,7 @@ var htmlNodeToBuilder = function (node, index, parentArray, options) { return __
                     properties: {},
                     bindings: {}
                 };
-                return [4 /*yield*/, exports.htmlAstToBuilder(node.children, options)];
+                return [4 /*yield*/, (0, exports.htmlAstToBuilder)(node.children, options)];
             case 8:
                 element = _b.apply(void 0, [(_d.children = _h.sent(),
                         _d)]);
@@ -1357,7 +1354,7 @@ var htmlNodeToBuilder = function (node, index, parentArray, options) { return __
                         },
                     };
                 }
-                return [4 /*yield*/, exports.bindingsFromAttrs(psuedoNode, bindings, properties, options)];
+                return [4 /*yield*/, (0, exports.bindingsFromAttrs)(psuedoNode, bindings, properties, options)];
             case 10:
                 _h.sent();
                 return [2 /*return*/, element];
@@ -1457,14 +1454,14 @@ var getShopifyAsset = function (assetKey, options) { return __awaiter(void 0, vo
             case 1: return [2 /*return*/, _a.sent()];
             case 2:
                 shopifyRoot = 'https://cdn.builder.io/api/v1/shopify';
-                url = shopifyRoot + "/themes/" + themeId + "/assets.json?asset[key]=" + assetKey + "&apiKey=" + publicKey;
+                url = "".concat(shopifyRoot, "/themes/").concat(themeId, "/assets.json?asset[key]=").concat(assetKey, "&apiKey=").concat(publicKey);
                 if (options.cachebust) {
                     url += '&cachebust=true';
                 }
                 assets[key] = axios
                     .get(url, {
                     headers: {
-                        Authorization: "Bearer " + token,
+                        Authorization: "Bearer ".concat(token),
                     },
                 })
                     .then(function (result) { return result.data && result.data.asset && result.data.asset.value; });
@@ -1496,9 +1493,9 @@ var getTranslation = function (parsedValue, options) {
                     _b.label = 2;
                 case 2:
                     asset_1 = _a;
-                    parsed = typeof asset_1 === 'string' ? lodash_1.attempt(function () { return JSON.parse(asset_1); }) : asset_1;
-                    if (parsed && !lodash_1.isError(parsed)) {
-                        translationValue = lodash_1.get(parsed, initial.replace(/'/g, ''));
+                    parsed = typeof asset_1 === 'string' ? (0, lodash_1.attempt)(function () { return JSON.parse(asset_1); }) : asset_1;
+                    if (parsed && !(0, lodash_1.isError)(parsed)) {
+                        translationValue = (0, lodash_1.get)(parsed, initial.replace(/'/g, ''));
                         return [2 /*return*/, translationValue];
                     }
                     else {
@@ -1570,7 +1567,7 @@ var liquidToAst = function (str, options) {
                         _this.tokens.push(token);
                 })
                     .on('end', function () {
-                    throw new Error("tag " + token.raw + " not closed");
+                    throw new Error("tag ".concat(token.raw, " not closed"));
                 });
                 stream.start();
             },
@@ -1592,7 +1589,7 @@ var liquidToAst = function (str, options) {
                     .on('tag:end' + tag, function () { return stream.stop(); })
                     .on('template', function (tpl) { return _this.templates.push(tpl); })
                     .on('end', function () {
-                    throw new Error("tag " + token.raw + " not closed");
+                    throw new Error("tag ".concat(token.raw, " not closed"));
                 });
                 stream.start();
             },
@@ -1606,8 +1603,8 @@ exports.liquidToAst = liquidToAst;
 var bindingsPlaceholder = '__B__';
 var htmlToAst = function (html) {
     // https://github.com/vuejs/vue/blob/dev/src/platforms/web/compiler/modules/class.js#L19
-    var ast = compiler.compile("<template>" + html.replace(/(class|style)=/g, bindingsPlaceholder + "$1=") + "</template>").ast.children;
-    var processed = exports.postProcessHtmlAstNodes(lodash_1.cloneDeep(ast));
+    var ast = compiler.compile("<template>".concat(html.replace(/(class|style)=/g, "".concat(bindingsPlaceholder, "$1=")), "</template>")).ast.children;
+    var processed = (0, exports.postProcessHtmlAstNodes)((0, lodash_1.cloneDeep)(ast));
     return { htmlNodes: processed, preprocessed: ast };
 };
 exports.htmlToAst = htmlToAst;
@@ -1669,7 +1666,7 @@ var separateTagsAndText = function (text) {
         textItems.push(str.slice(currentIndex, index));
         currentIndex = index + tag.raw.length;
     }
-    var lastRaw = lodash_1.last(tags).raw;
+    var lastRaw = (0, lodash_1.last)(tags).raw;
     var lastIndex = text.lastIndexOf(lastRaw) + lastRaw.length;
     textItems.push(str.slice(lastIndex));
     for (var i = 0; i < tags.length; i++) {
@@ -1699,7 +1696,7 @@ var postProcessHtmlAstNodes = function (nodes) {
         }
         updated = false;
         // tslint:disable-next-line:ter-prefer-arrow-callback
-        latest = traverse_1.default(latest).forEach(function (current) {
+        latest = (0, traverse_1.default)(latest).forEach(function (current) {
             var _a;
             if ((current === null || current === void 0 ? void 0 : current.name) && current.name.startsWith(bindingsPlaceholder)) {
                 this.update(__assign(__assign({}, current), { name: current.name.replace(bindingsPlaceholder, '') }));
@@ -1709,7 +1706,7 @@ var postProcessHtmlAstNodes = function (nodes) {
                     return key.startsWith(bindingsPlaceholder);
                 });
                 if (prop) {
-                    this.update(__assign(__assign({}, lodash_1.omit(current, prop)), (_a = {}, _a[prop === null || prop === void 0 ? void 0 : prop.replace(bindingsPlaceholder, '')] = current[prop], _a)));
+                    this.update(__assign(__assign({}, (0, lodash_1.omit)(current, prop)), (_a = {}, _a[prop === null || prop === void 0 ? void 0 : prop.replace(bindingsPlaceholder, '')] = current[prop], _a)));
                 }
             }
             if (!isArrayWithTextNode(current)) {
@@ -1722,10 +1719,10 @@ var postProcessHtmlAstNodes = function (nodes) {
                 }
                 var parent_1 = current;
                 var text = item.text;
-                var separated = exports.separateTagsAndText(text);
+                var separated = (0, exports.separateTagsAndText)(text);
                 if (separated.length > 1) {
                     updated = true;
-                    this.update(__spreadArray(__spreadArray(__spreadArray([], parent_1.slice(0, parent_1.indexOf(item))), separated), parent_1.slice(parent_1.indexOf(item) + 1)), true);
+                    this.update(__spreadArray(__spreadArray(__spreadArray([], parent_1.slice(0, parent_1.indexOf(item)), true), separated, true), parent_1.slice(parent_1.indexOf(item) + 1), true), true);
                     break;
                 }
             }
@@ -1747,7 +1744,7 @@ var moveCondtionalTagsUp = function (nodes) {
         }
         updated = false;
         // tslint:disable-next-line:ter-prefer-arrow-callback
-        nodes = traverse_1.default(nodes).forEach(function (current) {
+        nodes = (0, traverse_1.default)(nodes).forEach(function (current) {
             var _a;
             if (!isBuilderElementArray(current)) {
                 return;
@@ -1770,13 +1767,13 @@ var moveCondtionalTagsUp = function (nodes) {
                     if (ejectedIndex > -1) {
                         var oldBlocks = branch.blocks;
                         ejected = (_a = branch.blocks) === null || _a === void 0 ? void 0 : _a[ejectedIndex];
-                        var newBlocks = __spreadArray(__spreadArray(__spreadArray([], ((oldBlocks === null || oldBlocks === void 0 ? void 0 : oldBlocks.slice(0, ejectedIndex)) || [])), (ejected.children || [])), ((oldBlocks === null || oldBlocks === void 0 ? void 0 : oldBlocks.slice(ejectedIndex + 1)) || []));
-                        var updatedCondition = __assign(__assign({}, condition), { component: __assign(__assign({}, condition.component), { options: __assign(__assign({}, condition.component.options), { branches: __spreadArray(__spreadArray(__spreadArray([], branches.slice(0, branchIndex)), [
+                        var newBlocks = __spreadArray(__spreadArray(__spreadArray([], ((oldBlocks === null || oldBlocks === void 0 ? void 0 : oldBlocks.slice(0, ejectedIndex)) || []), true), (ejected.children || []), true), ((oldBlocks === null || oldBlocks === void 0 ? void 0 : oldBlocks.slice(ejectedIndex + 1)) || []), true);
+                        var updatedCondition = __assign(__assign({}, condition), { component: __assign(__assign({}, condition.component), { options: __assign(__assign({}, condition.component.options), { branches: __spreadArray(__spreadArray(__spreadArray([], branches.slice(0, branchIndex), true), [
                                         __assign(__assign({}, branch), { blocks: newBlocks })
-                                    ]), branches.slice(branchIndex + 1)) }) }) });
-                        this.update(__spreadArray(__spreadArray(__spreadArray([], current.slice(0, currentIndex)), [
+                                    ], false), branches.slice(branchIndex + 1), true) }) }) });
+                        this.update(__spreadArray(__spreadArray(__spreadArray([], current.slice(0, currentIndex), true), [
                             __assign(__assign({}, ejected), { meta: __assign(__assign({}, ejected.meta), { originalIndex: ejectedIndex, branchIndex: branchIndex }), component: __assign(__assign({}, ejected.component), { name: 'Shopify:ConditionalTag' }), children: [updatedCondition] })
-                        ]), current.slice(currentIndex + 1)), true);
+                        ], false), current.slice(currentIndex + 1), true), true);
                         break;
                     }
                 }
@@ -1799,7 +1796,7 @@ var matchConditionalTagsWithEndings = function (nodes) {
         }
         updated = false;
         // tslint:disable-next-line:ter-prefer-arrow-callback
-        nodes = traverse_1.default(nodes).forEach(function (current) {
+        nodes = (0, traverse_1.default)(nodes).forEach(function (current) {
             var _a, _b;
             if (!isBuilderElementArray(current)) {
                 return;
@@ -1810,7 +1807,7 @@ var matchConditionalTagsWithEndings = function (nodes) {
                     return { value: void 0 };
                 }
                 var conditionalTags = [
-                    lodash_1.omit(node, 'children'),
+                    (0, lodash_1.omit)(node, 'children'),
                 ];
                 var tag = node;
                 var originalIndex = node.meta.originalIndex;
@@ -1818,7 +1815,7 @@ var matchConditionalTagsWithEndings = function (nodes) {
                 while (tag.children) {
                     tag = tag.children[0];
                     if (isOpenConditionalTag(tag)) {
-                        conditionalTags.push(lodash_1.omit(tag, 'children'));
+                        conditionalTags.push((0, lodash_1.omit)(tag, 'children'));
                     }
                     else {
                         break;
@@ -1842,7 +1839,7 @@ var matchConditionalTagsWithEndings = function (nodes) {
                                 ((_a = el.component) === null || _a === void 0 ? void 0 : _a.options.hash) === ((_b = node.component) === null || _b === void 0 ? void 0 : _b.options.hash);
                         }) + 1;
                     if (endTag === 0) {
-                        throw Error("no endTag for a conditional " + ((_a = node.component) === null || _a === void 0 ? void 0 : _a.options.hash));
+                        throw Error("no endTag for a conditional ".concat((_a = node.component) === null || _a === void 0 ? void 0 : _a.options.hash));
                     }
                 }
                 // cursor at condition now
@@ -1853,8 +1850,8 @@ var matchConditionalTagsWithEndings = function (nodes) {
                   it'll be 2,
                 */
                 if (originalIndex > 0) {
-                    var originalBranch = lodash_1.cloneDeep((_b = condition.component) === null || _b === void 0 ? void 0 : _b.options.branches[branchIndex]);
-                    hoistedCondition = lodash_1.mergeWith({}, condition, {
+                    var originalBranch = (0, lodash_1.cloneDeep)((_b = condition.component) === null || _b === void 0 ? void 0 : _b.options.branches[branchIndex]);
+                    hoistedCondition = (0, lodash_1.mergeWith)({}, condition, {
                         component: {
                             options: {
                                 isHoisted: true,
@@ -1869,12 +1866,12 @@ var matchConditionalTagsWithEndings = function (nodes) {
                             return dest;
                         }
                     });
-                    condition = lodash_1.mergeWith({}, condition, {
+                    condition = (0, lodash_1.mergeWith)({}, condition, {
                         component: {
                             options: {
-                                branches: __spreadArray(__spreadArray(__spreadArray([], condition.component.options.branches.slice(0, branchIndex)), [
+                                branches: __spreadArray(__spreadArray(__spreadArray([], condition.component.options.branches.slice(0, branchIndex), true), [
                                     __assign(__assign({}, originalBranch), { blocks: originalBranch.blocks.slice(originalIndex) })
-                                ]), condition.component.options.branches.slice(branchIndex + 1)),
+                                ], false), condition.component.options.branches.slice(branchIndex + 1), true),
                             },
                         },
                     }, function (_, dest) {
@@ -1884,10 +1881,10 @@ var matchConditionalTagsWithEndings = function (nodes) {
                         }
                     });
                 }
-                this_1.update(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], current.slice(0, currentIndex)), (hoistedCondition ? [hoistedCondition] : [])), [
+                this_1.update(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], current.slice(0, currentIndex), true), (hoistedCondition ? [hoistedCondition] : []), true), [
                     el({
                         // TODO: lookout for tempnodes in condition blocks
-                        children: __spreadArray([condition], current.slice(currentIndex + 1, endTag)),
+                        children: __spreadArray([condition], current.slice(currentIndex + 1, endTag), true),
                         component: {
                             name: 'Shopify:WrapperTag',
                             options: {
@@ -1895,7 +1892,7 @@ var matchConditionalTagsWithEndings = function (nodes) {
                             },
                         },
                     })
-                ]), current.slice(currentIndex + endTag + 2)), true);
+                ], false), current.slice(currentIndex + endTag + 2), true), true);
                 updated = true;
             };
             var this_1 = this;
@@ -1921,7 +1918,7 @@ var postProcessBuilderTree = function (nodes, options) { return __awaiter(void 0
             }
             updated = false;
             // tslint:disable-next-line:ter-prefer-arrow-callback
-            latest = traverse_1.default(latest).forEach(function (current) {
+            latest = (0, traverse_1.default)(latest).forEach(function (current) {
                 var _a, _b, _c, _d, _e, _f;
                 if (!isBuilderElementArray(current)) {
                     return;
@@ -1965,7 +1962,7 @@ var postProcessBuilderTree = function (nodes, options) { return __awaiter(void 0
                         }
                     }
                     var _j = tempNodeInfo(item), name_9 = _j.name, value = _j.value;
-                    var parsedValue = value && lodash_1.attempt(function () { return JSON.parse(value); });
+                    var parsedValue = value && (0, lodash_1.attempt)(function () { return JSON.parse(value); });
                     if (name_9) {
                         var isBlockStart = [
                             'for',
@@ -1999,7 +1996,7 @@ var postProcessBuilderTree = function (nodes, options) { return __awaiter(void 0
                                 return false;
                             });
                             if (!endTag) {
-                                console.warn("Did not find end tag for tag: \"" + name_9 + "\"", item.component.options.value);
+                                console.warn("Did not find end tag for tag: \"".concat(name_9, "\""), item.component.options.value);
                             }
                             else {
                                 updated = true;
@@ -2041,12 +2038,12 @@ var postProcessBuilderTree = function (nodes, options) { return __awaiter(void 0
                                         var parsedValue_1 = info.value && JSON.parse(info.value);
                                         branches.push({
                                             expression: parsedValue_1.cond
-                                                ? "" + (parsedValue_1.negate ? '!' : '') + liquidConditionTemplate(parsedValue_1.cond)
+                                                ? "".concat(parsedValue_1.negate ? '!' : '').concat(liquidConditionTemplate(parsedValue_1.cond))
                                                 : '',
                                             blocks: parent_2.slice(parent_2.indexOf(tag) + 1, parent_2.indexOf(nextTag)),
                                         });
                                     }
-                                    this_2.update(__spreadArray(__spreadArray(__spreadArray([], parent_2.slice(0, parent_2.indexOf(item))), [
+                                    this_2.update(__spreadArray(__spreadArray(__spreadArray([], parent_2.slice(0, parent_2.indexOf(item)), true), [
                                         el({
                                             component: {
                                                 name: 'Shopify:Condition',
@@ -2056,7 +2053,7 @@ var postProcessBuilderTree = function (nodes, options) { return __awaiter(void 0
                                                 },
                                             },
                                         })
-                                    ]), parent_2.slice(parent_2.indexOf(endTag) + 1)), true);
+                                    ], false), parent_2.slice(parent_2.indexOf(endTag) + 1), true), true);
                                 }
                                 // else if (name === 'unless') {
                                 //unless is rewritten as a Shopify:Condition component
@@ -2075,7 +2072,7 @@ var postProcessBuilderTree = function (nodes, options) { return __awaiter(void 0
                                         options_1.expression = expression;
                                         options_1.limit = limit;
                                     }
-                                    this_2.update(__spreadArray(__spreadArray(__spreadArray([], parent_2.slice(0, parent_2.indexOf(item))), [
+                                    this_2.update(__spreadArray(__spreadArray(__spreadArray([], parent_2.slice(0, parent_2.indexOf(item)), true), [
                                         el({
                                             component: {
                                                 options: options_1,
@@ -2083,7 +2080,7 @@ var postProcessBuilderTree = function (nodes, options) { return __awaiter(void 0
                                             },
                                             children: parent_2.slice(parent_2.indexOf(item) + 1, parent_2.indexOf(endTag)),
                                         })
-                                    ]), parent_2.slice(parent_2.indexOf(endTag) + 1)), true);
+                                    ], false), parent_2.slice(parent_2.indexOf(endTag) + 1), true), true);
                                 }
                                 else if (name_9 === 'form') {
                                     var allTags = [item].concat(midTags).concat([endTag]);
@@ -2107,7 +2104,7 @@ var postProcessBuilderTree = function (nodes, options) { return __awaiter(void 0
                                             options_2.customAttributes = args;
                                         }
                                     }
-                                    this_2.update(__spreadArray(__spreadArray(__spreadArray([], parent_2.slice(0, parent_2.indexOf(item))), [
+                                    this_2.update(__spreadArray(__spreadArray(__spreadArray([], parent_2.slice(0, parent_2.indexOf(item)), true), [
                                         el({
                                             component: {
                                                 options: options_2,
@@ -2115,7 +2112,7 @@ var postProcessBuilderTree = function (nodes, options) { return __awaiter(void 0
                                             },
                                             children: parent_2.slice(parent_2.indexOf(item) + 1, parent_2.indexOf(endTag)),
                                         })
-                                    ]), parent_2.slice(parent_2.indexOf(endTag) + 1)), true);
+                                    ], false), parent_2.slice(parent_2.indexOf(endTag) + 1), true), true);
                                 }
                                 else if (name_9 === 'for') {
                                     var options_3 = {
@@ -2125,7 +2122,7 @@ var postProcessBuilderTree = function (nodes, options) { return __awaiter(void 0
                                             expression: parsedValue.fullRaw,
                                         },
                                     };
-                                    this_2.update(__spreadArray(__spreadArray(__spreadArray([], parent_2.slice(0, parent_2.indexOf(item))), [
+                                    this_2.update(__spreadArray(__spreadArray(__spreadArray([], parent_2.slice(0, parent_2.indexOf(item)), true), [
                                         el({
                                             component: {
                                                 options: options_3,
@@ -2133,20 +2130,20 @@ var postProcessBuilderTree = function (nodes, options) { return __awaiter(void 0
                                             },
                                             children: parent_2.slice(parent_2.indexOf(item) + 1, parent_2.indexOf(endTag)),
                                         })
-                                    ]), parent_2.slice(parent_2.indexOf(endTag) + 1)), true);
+                                    ], false), parent_2.slice(parent_2.indexOf(endTag) + 1), true), true);
                                 }
                                 else {
-                                    this_2.update(__spreadArray(__spreadArray(__spreadArray([], parent_2.slice(0, parent_2.indexOf(item))), [
+                                    this_2.update(__spreadArray(__spreadArray(__spreadArray([], parent_2.slice(0, parent_2.indexOf(item)), true), [
                                         el(__assign(__assign({ component: {
                                                 name: 'Core:Fragment',
                                             }, bindings: {} }, (name_9 === 'for' &&
-                                            !lodash_1.isError(parsedValue) && {
+                                            !(0, lodash_1.isError)(parsedValue) && {
                                             repeat: {
                                                 itemName: parsedValue.variable,
                                                 collection: liquidBindingTemplate(parsedValue.collection),
                                             },
                                         })), { children: parent_2.slice(parent_2.indexOf(item) + 1, parent_2.indexOf(endTag)) }))
-                                    ]), parent_2.slice(parent_2.indexOf(endTag) + 1)), true);
+                                    ], false), parent_2.slice(parent_2.indexOf(endTag) + 1), true), true);
                                 }
                                 return "break";
                             }
@@ -2180,7 +2177,7 @@ var htmlAstToBuilder = function (nodes, options) { return __awaiter(void 0, void
                 return [4 /*yield*/, Promise.all(nodes
                         .filter(function (node) { return isTextNode(node) || isElement(node); })
                         .map(function (node, index, nodes) {
-                        return exports.htmlNodeToBuilder(node, index, nodes, options);
+                        return (0, exports.htmlNodeToBuilder)(node, index, nodes, options);
                     }))];
             case 1:
                 els = _a.apply(void 0, [_b.apply(void 0, [_c.sent()])]);
@@ -2193,10 +2190,10 @@ var processedAstToBuilder = function (nodes, options) { return __awaiter(void 0,
     var els, processed;
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0: return [4 /*yield*/, exports.htmlAstToBuilder(nodes, options)];
+            case 0: return [4 /*yield*/, (0, exports.htmlAstToBuilder)(nodes, options)];
             case 1:
                 els = _a.sent();
-                return [4 /*yield*/, exports.postProcessBuilderTree(fast_clone_1.fastClone(els), options)];
+                return [4 /*yield*/, (0, exports.postProcessBuilderTree)((0, fast_clone_1.fastClone)(els), options)];
             case 2:
                 processed = _a.sent();
                 return [2 /*return*/, { blocks: processed, preprocessed: els }];
@@ -2206,12 +2203,12 @@ var processedAstToBuilder = function (nodes, options) { return __awaiter(void 0,
 exports.processedAstToBuilder = processedAstToBuilder;
 var htmlDebugString = function (els) {
     var str = els.map(function (el) { return htmlDebugNodeString(el); }).join('\n');
-    return exports.tryFormat(str);
+    return (0, exports.tryFormat)(str);
 };
 exports.htmlDebugString = htmlDebugString;
 var tryFormat = function (str) {
     try {
-        return standalone_1.format(str, {
+        return (0, standalone_1.format)(str, {
             parser: 'html',
             htmlWhitespaceSensitivity: 'ignore',
             plugins: [htmlParser],
@@ -2249,13 +2246,13 @@ var htmlDebugNodeString = function (el) {
             properties.push(['@' + property, String(value)]);
         }
     }
-    return "<" + tagName + " " + properties.reduce(function (memo, tuple) {
-        return memo + (" " + tuple[0] + "=\"" + (tuple[1] || '').replace(/"/g, '`') + "\"");
-    }, '') + "\n    " + (el.children && el.children.length
-        ? ">" + el.children
+    return "<".concat(tagName, " ").concat(properties.reduce(function (memo, tuple) {
+        return memo + " ".concat(tuple[0], "=\"").concat((tuple[1] || '').replace(/"/g, '`'), "\"");
+    }, ''), "\n    ").concat(el.children && el.children.length
+        ? ">".concat(el.children
             .map(function (child) { return htmlDebugNodeString(child); })
-            .join('\n') + "</" + tagName + ">"
-        : '/>') + "\n  ";
+            .join('\n'), "</").concat(tagName, ">")
+        : '/>', "\n  ");
 };
 /**
  * This function is the first step, before we turn the liquid into an AST.
@@ -2292,7 +2289,7 @@ var preprocessLiquid = function (liquid, options) {
                                 capturedVariableName: capturedVariableName,
                                 capturedContents: capturedContents,
                             });
-                            capturedVariableReplaceRegex = new RegExp("{{-?\\s*" + capturedVariableName.trim() + "\\s*-?}}", 'gi');
+                            capturedVariableReplaceRegex = new RegExp("{{-?\\s*".concat(capturedVariableName.trim(), "\\s*-?}}"), 'gi');
                             processedLiquid = processedLiquid.replace(capturedVariableReplaceRegex, capturedContents);
                         }
                         else if (capturedContentContainsCaptureTag) {
@@ -2314,7 +2311,7 @@ var preprocessLiquid = function (liquid, options) {
                     if (allCaptureGroupMatches.length) {
                         for (_i = 0, allCaptureGroupMatches_1 = allCaptureGroupMatches; _i < allCaptureGroupMatches_1.length; _i++) {
                             captureMatch = allCaptureGroupMatches_1[_i];
-                            captureReplacement = "{% capture " + captureMatch.capturedVariableName + " %}{% raw %}" + captureMatch.capturedContents + "{% endraw %}{% endcapture %}";
+                            captureReplacement = "{% capture ".concat(captureMatch.capturedVariableName, " %}{% raw %}").concat(captureMatch.capturedContents, "{% endraw %}{% endcapture %}");
                             processedLiquid = processedLiquid.replace(captureMatch.match, captureReplacement);
                         }
                     }
@@ -2324,7 +2321,7 @@ var preprocessLiquid = function (liquid, options) {
                             .trim()
                             .replace(/'/g, '')
                             .replace(/"/g, '');
-                        return "{% include '" + templateNameCleaned + "', " + templateNameCleaned + ": " + withMatch + " %}";
+                        return "{% include '".concat(templateNameCleaned, "', ").concat(templateNameCleaned, ": ").concat(withMatch, " %}");
                     });
                     includesWithAndValuesRegex = /{%-?\s*include\s*([\S]+?)\s*with\s*(([\S]+?:\s*[\S]+?,?\s*)+)-?%}/gi;
                     processedLiquid = processedLiquid.replace(includesWithAndValuesRegex, function (fullIncludesMatch, templateName, allKeysAndValues) {
@@ -2335,17 +2332,17 @@ var preprocessLiquid = function (liquid, options) {
                         var allKeysAndValuesCleaned = allKeysAndValues
                             .trim()
                             .replace(/\s+/g, ' ');
-                        return "{% include '" + templateNameCleaned + "', " + allKeysAndValuesCleaned + " %}";
+                        return "{% include '".concat(templateNameCleaned, "', ").concat(allKeysAndValuesCleaned, " %}");
                     });
                     templateContainsRegex = /{%-?(.+?)template\s+contains\s+(.+?)-?%}/gi;
                     processedLiquid = processedLiquid.replace(templateContainsRegex, function (fullTemplateMatch, templatePrefixText, templatePostfixText) {
-                        return "{% " + templatePrefixText + " template.name contains " + templatePostfixText + " %}";
+                        return "{% ".concat(templatePrefixText, " template.name contains ").concat(templatePostfixText, " %}");
                     });
                     booleanHTMLAttributes = ['checked', 'disabled', 'selected'];
                     _loop_4 = function (booleanAttribute) {
-                        var booleanAttributeRegex = new RegExp("<[\\s\\S]*?(" + booleanAttribute + "{%)[\\s\\S]*?>", 'gi');
+                        var booleanAttributeRegex = new RegExp("<[\\s\\S]*?(".concat(booleanAttribute, "{%)[\\s\\S]*?>"), 'gi');
                         processedLiquid = processedLiquid.replace(booleanAttributeRegex, function (fullMatch, attributeMatch) {
-                            return fullMatch.replace("" + attributeMatch, booleanAttribute + " {%");
+                            return fullMatch.replace("".concat(attributeMatch), "".concat(booleanAttribute, " {%"));
                         });
                     };
                     for (_a = 0, booleanHTMLAttributes_1 = booleanHTMLAttributes; _a < booleanHTMLAttributes_1.length; _a++) {
@@ -2355,12 +2352,12 @@ var preprocessLiquid = function (liquid, options) {
                     return [4 /*yield*/, getShopifyAsset('config/settings_data.json', options)];
                 case 1:
                     themeAsset = _e.sent();
-                    themeSettings = typeof themeAsset === 'string' && lodash_1.attempt(function () { return JSON.parse(themeAsset); });
-                    if (themeSettings && !lodash_1.isError(themeSettings)) {
+                    themeSettings = typeof themeAsset === 'string' && (0, lodash_1.attempt)(function () { return JSON.parse(themeAsset); });
+                    if (themeSettings && !(0, lodash_1.isError)(themeSettings)) {
                         contentForIndexTemplates = ((_b = themeSettings.current) === null || _b === void 0 ? void 0 : _b.content_for_index) ||
                             ((_d = (_c = themeSettings.presets) === null || _c === void 0 ? void 0 : _c.Default) === null || _d === void 0 ? void 0 : _d.content_for_index);
                         if (contentForIndexTemplates.length) {
-                            contentForIndexLiquidStrings_1 = contentForIndexTemplates.map(function (template) { return "{% section '" + template + "' %}"; });
+                            contentForIndexLiquidStrings_1 = contentForIndexTemplates.map(function (template) { return "{% section '".concat(template, "' %}"); });
                             contentForIndexRegex = /{{\s*content_for_index\s*}}/gi;
                             processedLiquid = processedLiquid.replace(contentForIndexRegex, function (fullMatch) {
                                 return fullMatch.replace(fullMatch, contentForIndexLiquidStrings_1.join(''));
@@ -2383,7 +2380,7 @@ var liquidToBuilder = function (liquid, options) {
                     if (options.log) {
                         console.log('liquidToBuilder: liquid', { liquid: liquid });
                     }
-                    return [4 /*yield*/, exports.preprocessLiquid(liquid, options)];
+                    return [4 /*yield*/, (0, exports.preprocessLiquid)(liquid, options)];
                 case 1:
                     preprocessedLiquid = _a.sent();
                     if (options.log) {
@@ -2391,19 +2388,19 @@ var liquidToBuilder = function (liquid, options) {
                     }
                     scriptRe = /<script[\s\S]*?>[\s\S]*?<\/script>/gi;
                     scriptsInLiquid = preprocessedLiquid.match(scriptRe);
-                    parsedTemplateItems = exports.liquidToAst(preprocessedLiquid.replace(scriptRe, ''), options);
+                    parsedTemplateItems = (0, exports.liquidToAst)(preprocessedLiquid.replace(scriptRe, ''), options);
                     if (options.log) {
                         console.log('liquidToBuilder: parsed liquid', parsedTemplateItems);
                     }
-                    return [4 /*yield*/, exports.parsedLiquidToHtml(parsedTemplateItems, options)];
+                    return [4 /*yield*/, (0, exports.parsedLiquidToHtml)(parsedTemplateItems, options)];
                 case 2:
                     html = _a.sent();
                     return [4 /*yield*/, getShopifyAsset('config/settings_data.json', options)];
                 case 3:
                     themeAsset = _a.sent();
-                    themeSettings = typeof themeAsset === 'string' && lodash_1.attempt(function () { return JSON.parse(themeAsset); });
+                    themeSettings = typeof themeAsset === 'string' && (0, lodash_1.attempt)(function () { return JSON.parse(themeAsset); });
                     if (themeSettings &&
-                        !lodash_1.isError(themeSettings) &&
+                        !(0, lodash_1.isError)(themeSettings) &&
                         options.importSections !== false) {
                         serialized = serializeBlock({
                             layerName: "Theme Settings",
@@ -2414,21 +2411,21 @@ var liquidToBuilder = function (liquid, options) {
                                         { path: 'state.settings', as: '_theme_settings' },
                                     ],
                                     state: {
-                                        settings: mapArrays(lodash_1.omit(themeSettings.current, 'sections')),
+                                        settings: mapArrays((0, lodash_1.omit)(themeSettings.current, 'sections')),
                                     },
                                 },
                             },
                         }, false);
-                        html = "" + serialized + html + serializedBlockCloseTag;
+                        html = "".concat(serialized).concat(html).concat(serializedBlockCloseTag);
                     }
                     if (options.log) {
                         console.log('liquidToBuilder: html', { html: html });
                     }
-                    htmlNodes = exports.htmlToAst(html).htmlNodes;
+                    htmlNodes = (0, exports.htmlToAst)(html).htmlNodes;
                     if (options.log) {
                         console.log('liquidToBuilder: parsed html', htmlNodes);
                     }
-                    return [4 /*yield*/, exports.processedAstToBuilder(htmlNodes, options)];
+                    return [4 /*yield*/, (0, exports.processedAstToBuilder)(htmlNodes, options)];
                 case 4:
                     blocks = (_a.sent()).blocks;
                     if (Array.isArray(scriptsInLiquid) && scriptsInLiquid.length > 0) {
@@ -2471,9 +2468,9 @@ var htmlToBuilder = function (html) { return __awaiter(void 0, void 0, void 0, f
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
-                htmlNodes = exports.htmlToAst(html).htmlNodes;
+                htmlNodes = (0, exports.htmlToAst)(html).htmlNodes;
                 console.log('procesed', htmlNodes);
-                return [4 /*yield*/, exports.processedAstToBuilder(htmlNodes, {})];
+                return [4 /*yield*/, (0, exports.processedAstToBuilder)(htmlNodes, {})];
             case 1:
                 blocks = (_a.sent()).blocks;
                 console.log('blocks', blocks);
@@ -2506,15 +2503,15 @@ var bindingsFromAttrs = function (node, bindings, properties, options) { return
                         }
                         i++;
                     }
-                    throw new Error(cursor + "  no matching closing tag");
+                    throw new Error("".concat(cursor, "  no matching closing tag"));
                 };
                 getConditionalValue = function (conditions, value, defaultValue) {
                     return conditions.length > 0
-                        ? "/*start*/" + (conditions
+                        ? "/*start*/".concat(conditions
                             .map(function (c) {
-                            return "" + (c.negate ? '!' : '') + liquidConditionTemplate(c.expression);
+                            return "".concat(c.negate ? '!' : '').concat(liquidConditionTemplate(c.expression));
                         })
-                            .join('&&') + (" ? " + value + " : (" + defaultValue + ")")) + "/*end*/"
+                            .join('&&') + " ? ".concat(value, " : (").concat(defaultValue, ")"), "/*end*/")
                         : value;
                 };
                 parseAttrsInRange = function (start, end, conditions) { return __awaiter(void 0, void 0, void 0, function () {
@@ -2594,7 +2591,7 @@ var bindingsFromAttrs = function (node, bindings, properties, options) { return
                                         properties[key] = translation;
                                     }
                                     else {
-                                        bindings[key] = getConditionalValue(conditions, "'" + translation + "'", bindings[key]);
+                                        bindings[key] = getConditionalValue(conditions, "'".concat(translation, "'"), bindings[key]);
                                     }
                                 }
                                 _b.label = 12;
@@ -2614,7 +2611,7 @@ var bindingsFromAttrs = function (node, bindings, properties, options) { return
                                 else {
                                     if (conditions.length > 0) {
                                         useKey = key === 'style' ? 'attr.style' : key;
-                                        bindings[useKey] = getConditionalValue(conditions, "'" + value + "'", bindings[useKey]);
+                                        bindings[useKey] = getConditionalValue(conditions, "'".concat(value, "'"), bindings[useKey]);
                                     }
                                     else {
                                         properties[key] = value;