@swell/apps-sdk 1.0.148 → 1.0.149

package/dist/index.js

@@ -352,7 +352,8 @@
     last;
     rindex;
     rindex0;
-    constructor(length, collection, variable) {
+    parentloop;
+    constructor(length, collection, variable, parent) {
       super();
       this.length = length;
       this.name = `${variable}-${collection}`;
@@ -360,9 +361,10 @@
       this.index = 1;
       this.index0 = 0;
       this.first = true;
-      this.last = false;
+      this.last = length <= 0;
       this.rindex = length;
       this.rindex0 = length - 1;
+      this.parentloop = parent ?? null;
     }
     next() {
       this.i += 1;
@@ -569,6 +571,8 @@
           switch (prop) {
             // Ignore liquid prop checks
             case "toLiquid":
+              return typeof instance.toLiquid === "function" ? instance.toLiquid : void 0;
+            // Ignore liquid prop checks
             case "next":
               return;
             // Indicate props are thenable
@@ -6561,6 +6565,7 @@
         }
       ),
       id: sectionSchema.id,
+      type: sectionSchema.id,
       blocks: props.Blocks?.filter(
         (propBlock) => Boolean(propBlock.props.compiled?._component)
       ).map((propBlock) => {
@@ -6581,7 +6586,8 @@
             { $locale: blockProps.$locale }
           ) || {}
         };
-      })
+      }),
+      location: getSectionLocation(sectionSchema.id)
     };
   }
   function toEasyblocksFieldId(fieldId) {
@@ -6838,7 +6844,8 @@
   async function getPageSections(sectionGroup, getSchema) {
     const order = Array.isArray(sectionGroup?.order) && sectionGroup.order.length > 0 ? sectionGroup.order : Object.keys(sectionGroup?.sections || {});
     const pageSections = [];
-    for (const key of order) {
+    for (let i = 0; i < order.length; ++i) {
+      const key = order[i];
       const section = sectionGroup.sections?.[key];
       if (!section) {
         continue;
@@ -6860,7 +6867,10 @@
         section: {
           id,
           ...section,
-          blocks
+          blocks,
+          index0: i,
+          index: i + 1,
+          location: getSectionLocation(section.type)
         }
       };
       pageSections.push({
@@ -7104,6 +7114,15 @@
       (0, import_lodash_es3.cloneDeep)(currentSettings)
     );
   }
+  function getSectionLocation(sectionType) {
+    switch (sectionType) {
+      case "header":
+      case "footer":
+        return sectionType;
+      default:
+        return sectionType ? `custom.${sectionType}` : "template";
+    }
+  }
   var SECTION_GROUP_CONTENT = "ContentSections";
   function getSectionGroupProp(sectionId) {
     return `SectionGroup_${sectionId}`;
@@ -8013,19 +8032,19 @@ ${formattedMessage}`;
       })
     );
   }
-  async function getContentList(swell, type, query) {
+  function getContentList(swell, type, query) {
     return new SwellStorefrontCollection(swell, `content/${type}`, query);
   }
-  async function getContentEntry(swell, type, id, query) {
+  function getContentEntry(swell, type, id, query) {
     return new SwellStorefrontRecord(swell, `content/${type}`, id, query);
   }
-  async function getPage(swell, id, query) {
+  function getPage(swell, id, query) {
     return getContentEntry(swell, "pages", id, query);
   }
-  async function getBlogs(swell, query) {
+  function getBlogs(swell, query) {
     return getContentList(swell, "blogs", query);
   }
-  async function getBlog(swell, id, query) {
+  function getBlog(swell, id, query) {
     return getContentEntry(swell, "blogs", id, query);
   }
 
@@ -8835,11 +8854,11 @@ ${formattedMessage}`;
   }
 
   // src/menus.ts
-  var import_lodash_es12 = __require("lodash-es");
+  var import_lodash_es14 = __require("lodash-es");
 
   // src/theme.ts
   var import_json56 = __toESM(__require("json5"), 1);
-  var import_lodash_es11 = __require("lodash-es");
+  var import_lodash_es13 = __require("lodash-es");
 
   // src/compatibility/shopify.ts
   var import_lodash_es7 = __require("lodash-es");
@@ -14023,7 +14042,7 @@ ${formattedMessage}`;
   });
 
   // src/compatibility/shopify-objects/image.ts
-  function ShopifyImage(_instance, image, options = {}, product, variant) {
+  function ShopifyImage(image, options = {}, product, variant) {
     if (image instanceof ShopifyResource) {
       return image.clone();
     }
@@ -14085,7 +14104,7 @@ ${formattedMessage}`;
       id: defer(() => blog.id),
       image: deferWith(
         blog,
-        (blog2) => blog2.image ? ShopifyImage(instance, blog2.image) : void 0
+        (blog2) => blog2.image ? ShopifyImage(blog2.image) : void 0
       ),
       metafields: {},
       published_at: deferWith(
@@ -14175,7 +14194,7 @@ ${formattedMessage}`;
   }
 
   // src/compatibility/shopify-objects/media.ts
-  function ShopifyMedia(instance, image, options) {
+  function ShopifyMedia(image, options) {
     if (image instanceof ShopifyResource) {
       return image.clone();
     }
@@ -14184,7 +14203,7 @@ ${formattedMessage}`;
       id: image.id || image.file?.id,
       media_type: options?.media_type ?? "image",
       position: options?.position,
-      preview_image: ShopifyImage(instance, image)
+      preview_image: ShopifyImage(image)
     });
   }
 
@@ -14212,19 +14231,19 @@ ${formattedMessage}`;
         [product, variant],
         (product2, variant2) => {
           const image = variant2.images?.[0] || product2.images?.[0];
-          return image ? ShopifyImage(instance, image, {}, product2, variant2) : void 0;
+          return image ? ShopifyImage(image, {}, product2, variant2) : void 0;
         }
       ),
       featured_media: deferWith([product, variant], (product2, variant2) => {
         const image = variant2.images?.[0] || product2.images?.[0];
-        return image ? ShopifyMedia(instance, image, { media_type: "image" }) : void 0;
+        return image ? ShopifyMedia(image, { media_type: "image" }) : void 0;
       }),
       id: defer(() => variant.id),
       image: deferWith(
         [product, variant],
         (product2, variant2) => {
           const image = variant2.images?.[0] || product2.images?.[0];
-          return image ? ShopifyImage(instance, image, {}, product2, variant2) : void 0;
+          return image ? ShopifyImage(image, {}, product2, variant2) : void 0;
         }
       ),
       incoming: false,
@@ -14376,11 +14395,11 @@ ${formattedMessage}`;
       description: defer(() => product.description),
       featured_image: deferWith(product, (product2) => {
         const image = product2.images?.[0];
-        return image ? ShopifyImage(instance, image, {}, product2) : void 0;
+        return image ? ShopifyImage(image, {}, product2) : void 0;
       }),
       featured_media: deferWith(product, (product2) => {
         const image = product2.images?.[0];
-        return image ? ShopifyMedia(instance, image) : void 0;
+        return image ? ShopifyMedia(image) : void 0;
       }),
       // not used
       first_available_variant: deferWith(product, (product2) => {
@@ -14400,7 +14419,7 @@ ${formattedMessage}`;
           return [];
         }
         return product2.images.map(
-          (image, index) => ShopifyImage(instance, image, { position: index + 1 }, product2)
+          (image, index) => ShopifyImage(image, { position: index + 1 }, product2)
         );
       }),
       media: deferWith(product, (product2) => {
@@ -14408,7 +14427,7 @@ ${formattedMessage}`;
           return [];
         }
         return product2.images.map(
-          (image, index) => ShopifyMedia(instance, image, {
+          (image, index) => ShopifyMedia(image, {
             media_type: "image",
             position: index + 1
           })
@@ -14638,7 +14657,7 @@ ${formattedMessage}`;
         [item.product, item.variant],
         (product, variant) => {
           const image = product?.images?.[0];
-          return image ? ShopifyImage(instance, image, {}, product, variant) : void 0;
+          return image ? ShopifyImage(image, {}, product, variant) : void 0;
         }
       ),
       item_components: (item.bundle_items ?? []).map(
@@ -15044,10 +15063,7 @@ ${formattedMessage}`;
         (category2) => convertToShopifySorting(category2.sort_options?.[0].value ?? "")
       ),
       description: defer(() => category.description),
-      featured_image: deferWith(
-        category,
-        (category2) => getFirstImage(instance, category2)
-      ),
+      featured_image: deferWith(category, (category2) => getFirstImage(category2)),
       filters: deferWith(
         category,
         (category2) => (category2?.filter_options ?? []).map(
@@ -15056,7 +15072,7 @@ ${formattedMessage}`;
       ),
       handle: defer(() => category.slug),
       id: defer(() => category.id),
-      image: deferWith(category, (category2) => getFirstImage(instance, category2)),
+      image: deferWith(category, (category2) => getFirstImage(category2)),
       metafields: {},
       next_product: void 0,
       previous_product: void 0,
@@ -15076,9 +15092,9 @@ ${formattedMessage}`;
       url: deferWith(category, (category2) => `/collections/${category2.slug}`)
     });
   }
-  function getFirstImage(instance, category) {
+  function getFirstImage(category) {
     const image = category.images?.[0];
-    return image ? ShopifyImage(instance, image) : void 0;
+    return image ? ShopifyImage(image) : void 0;
   }
   function convertToShopifySorting(value) {
     switch (value) {
@@ -16031,38 +16047,72 @@ ${formattedMessage}`;
     });
   }
 
-  // src/compatibility/drops/object-handles.ts
+  // src/compatibility/drops/all_products.ts
   var import_liquidjs3 = __require("liquidjs");
-  var ObjectHandlesDrop = class extends import_liquidjs3.Drop {
+  var AllProductsDrop = class extends import_liquidjs3.Drop {
+    #instance;
     #map;
-    constructor(map) {
+    constructor(instance) {
       super();
-      switch (typeof map) {
+      this.#instance = instance;
+      this.#map = /* @__PURE__ */ new Map();
+    }
+    liquidMethodMissing(key) {
+      switch (typeof key) {
+        case "string": {
+          return this.getProduct(key);
+        }
         case "object": {
-          if (map === null) {
-            this.#map = /* @__PURE__ */ new Map();
-            break;
+          if (key !== null) {
+            const obj = key;
+            const id = obj.handle || obj.id || obj._id;
+            if (isLikePromise(id)) {
+              return id.then((id2) => this.getProduct(id2));
+            }
+            return this.getProduct(id);
           }
-          this.#map = new Map(
-            map instanceof Map ? map : Object.entries(map)
-          );
           break;
         }
         default:
-          this.#map = /* @__PURE__ */ new Map();
           break;
       }
     }
+    getProduct(slug) {
+      let resource = this.#map.get(slug);
+      if (resource === void 0 && this.#map.size < 20) {
+        resource = ShopifyProduct(
+          this.#instance,
+          new SwellStorefrontRecord(this.#instance.swell, "products", slug)
+        );
+        this.#map.set(slug, resource);
+      }
+      return resource ?? null;
+    }
+  };
+
+  // src/compatibility/drops/articles.ts
+  var import_liquidjs4 = __require("liquidjs");
+  var ArticlesDrop = class extends import_liquidjs4.Drop {
+    #instance;
+    #map;
+    constructor(instance) {
+      super();
+      this.#instance = instance;
+      this.#map = /* @__PURE__ */ new Map();
+    }
     liquidMethodMissing(key) {
       switch (typeof key) {
-        case "string":
-          return this.#map.get(key);
+        case "string": {
+          return this.getArticle(key);
+        }
         case "object": {
-          if (key !== null && "handle" in key) {
-            const { handle } = key;
-            if (typeof handle === "string") {
-              return this.#map.get(handle);
+          if (key !== null) {
+            const obj = key;
+            const id = obj.handle || obj.id || obj._id;
+            if (isLikePromise(id)) {
+              return id.then((id2) => this.getArticle(id2));
             }
+            return this.getArticle(id);
           }
           break;
         }
@@ -16070,13 +16120,71 @@ ${formattedMessage}`;
           break;
       }
     }
+    getArticle(slug) {
+      let resource = this.#map.get(slug);
+      if (resource === void 0) {
+        resource = ShopifyArticle(
+          this.#instance,
+          new SwellStorefrontRecord(this.#instance.swell, "content/blogs", slug)
+        );
+        this.#map.set(slug, resource);
+      }
+      return resource;
+    }
+  };
+
+  // src/compatibility/drops/blogs.ts
+  var import_liquidjs5 = __require("liquidjs");
+  var BlogsDrop = class extends import_liquidjs5.Drop {
+    #instance;
+    #map;
+    constructor(instance) {
+      super();
+      this.#instance = instance;
+      this.#map = /* @__PURE__ */ new Map();
+    }
+    liquidMethodMissing(key) {
+      switch (typeof key) {
+        case "string": {
+          return this.getBlog(key);
+        }
+        case "object": {
+          if (key !== null) {
+            const obj = key;
+            const id = obj.handle || obj.id || obj._id;
+            if (isLikePromise(id)) {
+              return id.then((id2) => this.getBlog(id2));
+            }
+            return this.getBlog(id);
+          }
+          break;
+        }
+        default:
+          break;
+      }
+    }
+    getBlog(slug) {
+      let resource = this.#map.get(slug);
+      if (resource === void 0) {
+        resource = ShopifyBlog(
+          this.#instance,
+          new SwellStorefrontRecord(
+            this.#instance.swell,
+            "content/blog-categories",
+            slug
+          )
+        );
+        this.#map.set(slug, resource);
+      }
+      return resource;
+    }
   };
 
   // src/compatibility/drops/collections.ts
-  var import_liquidjs4 = __require("liquidjs");
-  var AllCategoryResource = class extends SwellStorefrontRecord {
+  var import_liquidjs6 = __require("liquidjs");
+  var AllCategoryResource = class extends StorefrontResource {
     constructor(instance) {
-      super(instance.swell, "categories", "all", {}, () => {
+      super(() => {
         const category = {
           id: "all",
           slug: "all",
@@ -16087,15 +16195,12 @@ ${formattedMessage}`;
       });
     }
   };
-  var CollectionsDrop = class extends import_liquidjs4.Drop {
+  var CollectionsDrop = class extends import_liquidjs6.Drop {
     #instance;
-    #categories;
-    #size;
     #map;
     constructor(instance) {
       super();
       this.#instance = instance;
-      this.#size = Number.NaN;
       this.#map = /* @__PURE__ */ new Map();
     }
     liquidMethodMissing(key) {
@@ -16140,36 +16245,32 @@ ${formattedMessage}`;
       }
       return resource;
     }
-    get size() {
-      if (!Number.isFinite(this.#size)) {
-        return this.#instance.swell.storefront.get("/categories/:count").then((count) => {
-          const size = Number(count ?? 0);
-          this.#size = size;
-          return size;
-        });
-      }
-      return this.#size;
-    }
-    [Symbol.iterator]() {
-      return this.iterator();
+  };
+  var Collections = class extends SwellStorefrontCollection {
+    #drop;
+    constructor(instance) {
+      super(instance.swell, "categories", {}, async () => {
+        const response = await this._defaultGetter().call(this);
+        if (!response) {
+          return null;
+        }
+        return {
+          ...response,
+          page_count: response.page_count || 0,
+          results: response.results.map(
+            (item) => ShopifyCollection(instance, item)
+          )
+        };
+      });
+      this.#drop = new CollectionsDrop(instance);
     }
-    async iterator() {
-      if (!this.#categories) {
-        this.#categories = await this.#instance.swell.storefront.categories.list().then((res) => {
-          return res.results.map(
-            (category) => ShopifyCollection(
-              this.#instance,
-              new SwellStorefrontCategory(this.#instance, category.slug)
-            )
-          );
-        });
-      }
-      return this.#categories.values();
+    toLiquid() {
+      return this.#drop;
     }
   };
-  var SwellStorefrontCategory = class extends SwellStorefrontRecord {
+  var SwellStorefrontCategory = class extends StorefrontResource {
     constructor(instance, id, query) {
-      super(instance.swell, "categories", id, query, async () => {
+      super(async () => {
         const category = new SwellStorefrontRecord(
           instance.swell,
           "categories",
@@ -16210,8 +16311,168 @@ ${formattedMessage}`;
     }
   };
 
+  // src/compatibility/drops/images.ts
+  var import_liquidjs7 = __require("liquidjs");
+  var ImagesDrop = class extends import_liquidjs7.Drop {
+    #instance;
+    #map;
+    constructor(instance) {
+      super();
+      this.#instance = instance;
+      this.#map = /* @__PURE__ */ new Map();
+    }
+    liquidMethodMissing(key) {
+      switch (typeof key) {
+        case "string": {
+          return this.getImage(key);
+        }
+        case "object": {
+          if (key !== null) {
+            const obj = key;
+            const id = obj.handle || obj.id || obj._id;
+            if (isLikePromise(id)) {
+              return id.then((id2) => this.getImage(id2));
+            }
+            return this.getImage(id);
+          }
+          break;
+        }
+        default:
+          break;
+      }
+    }
+    getImage(name) {
+      let resource = this.#map.get(name);
+      if (resource === void 0) {
+        resource = ShopifyImage(new SwellImage(this.#instance.swell, name));
+        this.#map.set(name, resource);
+      }
+      return resource;
+    }
+  };
+  var SwellImage = class extends StorefrontResource {
+    constructor(swell, name) {
+      super(async () => {
+        const files = await swell.get("/:files", {
+          private: { $ne: true },
+          content_type: { $regex: "^image/" },
+          filename: name
+        });
+        const file = files?.results[0] ?? null;
+        if (file === null) {
+          return null;
+        }
+        return { file };
+      });
+    }
+  };
+
+  // src/compatibility/drops/object-handles.ts
+  var import_liquidjs8 = __require("liquidjs");
+  var ObjectHandlesDrop = class extends import_liquidjs8.Drop {
+    #map;
+    constructor(map) {
+      super();
+      switch (typeof map) {
+        case "object": {
+          if (map === null) {
+            this.#map = /* @__PURE__ */ new Map();
+            break;
+          }
+          this.#map = new Map(
+            map instanceof Map ? map : Object.entries(map)
+          );
+          break;
+        }
+        default:
+          this.#map = /* @__PURE__ */ new Map();
+          break;
+      }
+    }
+    liquidMethodMissing(key) {
+      switch (typeof key) {
+        case "string":
+          return this.#map.get(key);
+        case "object": {
+          if (key !== null && "handle" in key) {
+            const { handle } = key;
+            if (typeof handle === "string") {
+              return this.#map.get(handle);
+            }
+          }
+          break;
+        }
+        default:
+          break;
+      }
+    }
+  };
+
+  // src/compatibility/drops/pages.ts
+  var import_liquidjs9 = __require("liquidjs");
+  var PagesDrop = class extends import_liquidjs9.Drop {
+    #instance;
+    #map;
+    constructor(instance) {
+      super();
+      this.#instance = instance;
+      this.#map = /* @__PURE__ */ new Map();
+    }
+    liquidMethodMissing(key) {
+      switch (typeof key) {
+        case "string": {
+          return this.getPage(key);
+        }
+        case "object": {
+          if (key !== null) {
+            const obj = key;
+            const id = obj.handle || obj.id || obj._id;
+            if (isLikePromise(id)) {
+              return id.then((id2) => this.getPage(id2));
+            }
+            return this.getPage(id);
+          }
+          break;
+        }
+        default:
+          break;
+      }
+    }
+    getPage(slug) {
+      let resource = this.#map.get(slug);
+      if (resource === void 0) {
+        resource = ShopifyPage(
+          this.#instance,
+          new SwellStorefrontRecord(this.#instance.swell, "content/pages", slug)
+        );
+        this.#map.set(slug, resource);
+      }
+      return resource;
+    }
+  };
+  var Pages = class extends SwellStorefrontCollection {
+    #drop;
+    constructor(instance) {
+      super(instance.swell, "content/pages", {}, async () => {
+        const response = await this._defaultGetter().call(this);
+        if (!response) {
+          return null;
+        }
+        return {
+          ...response,
+          page_count: response.page_count || 0,
+          results: response.results.map((page) => ShopifyPage(instance, page))
+        };
+      });
+      this.#drop = new PagesDrop(instance);
+    }
+    toLiquid() {
+      return this.#drop;
+    }
+  };
+
   // src/compatibility/shopify.ts
-  var ShopifyCompatibility3 = class {
+  var ShopifyCompatibility2 = class {
     theme;
     swell;
     pageId;
@@ -16232,9 +16493,25 @@ ${formattedMessage}`;
     }
     initGlobals(globals) {
       const { request, page } = globals;
+      globals.additional_checkout_buttons = false;
+      globals.all_products = new AllProductsDrop(this);
+      globals.articles = new ArticlesDrop(this);
+      globals.blogs = new BlogsDrop(this);
+      globals.closest = {};
+      globals.collections = new Collections(this);
+      globals.content_for_additional_checkout_buttons = "";
+      globals.content_for_header = "";
+      globals.content_for_index = "";
+      globals.content_for_layout = "";
+      globals.current_page = this.swell.queryParams.page || 1;
+      globals.images = new ImagesDrop(this);
+      globals.linklists = null;
+      globals.localization = null;
+      globals.metaobjects = {};
       globals.page = {
         ...page || void 0
       };
+      globals.pages = new Pages(this);
       globals.request = {
         ...request || void 0,
         design_mode: this.swell.isEditor,
@@ -16242,9 +16519,11 @@ ${formattedMessage}`;
         // TODO: Add support for visual section preview
         page_type: page?.id
       };
-      globals.collections = new CollectionsDrop(this);
-      globals.current_page = this.swell.queryParams.page || 1;
       globals.routes = this.getPageRoutes();
+      globals.scripts = {};
+      globals.shop = null;
+      globals.template = {};
+      globals.theme = {};
     }
     adaptGlobals(globals, prevGlobals) {
       if (globals.page) {
@@ -16265,11 +16544,6 @@ ${formattedMessage}`;
       if (globals.menus) {
         globals.linklists = new ObjectHandlesDrop(globals.menus);
       }
-      if (globals.geo) {
-        const countryOptions = this.getAllCountryOptionTags(globals.geo);
-        globals.all_country_option_tags = countryOptions;
-        globals.country_option_tags = countryOptions;
-      }
       if (globals.store) {
         globals.shop = this.getShopData(globals.store);
         const request = globals.request || prevGlobals.request;
@@ -16781,20 +17055,6 @@ ${injects.join("\n")}<\/script>`;
         }
       ];
     }
-    getAllCountryOptionTags(geoSettings) {
-      if (!geoSettings) {
-        return "";
-      }
-      return geoSettings.countries?.map((country) => {
-        if (!country) return "";
-        const provinces = (geoSettings.states || []).filter((state) => state.country === country.id).map((state) => [state.id, state.name]);
-        const provincesEncoded = JSON.stringify(provinces).replace(
-          /"/g,
-          "&quot;"
-        );
-        return `<option value="${country.id}" data-provinces="${provincesEncoded}">${country.name}</option>`;
-      }).filter(Boolean).join("\n");
-    }
     // returns true if this URL is used for script actions
     isScriptFormActionUrl(url) {
       if (!url) {
@@ -16850,25 +17110,41 @@ ${injects.join("\n")}<\/script>`;
     );
   }
 
-  // src/compatibility/drops/render.ts
-  var import_liquidjs5 = __require("liquidjs");
-  var RenderDrop = class extends import_liquidjs5.Drop {
+  // src/liquid/drops/render.ts
+  var import_liquidjs10 = __require("liquidjs");
+  var import_lodash_es8 = __require("lodash-es");
+  var RenderDrop = class extends import_liquidjs10.Drop {
+    #result;
+    #handler;
     constructor(handler) {
       super();
-      this.handler = handler;
+      this.#result = void 0;
+      this.#handler = handler;
     }
-    valueOf() {
-      return this.handler();
+    /**
+     * For `Drop` we usually use `valueOf` to convert the `object` to a `string`.
+     * Use `then` instead of `valueOf` since `valueOf` doesn't work for `Promise`.
+     */
+    then(onfulfilled, onrejected) {
+      if (this.#handler !== import_lodash_es8.noop) {
+        this.#result = Promise.resolve().then(this.#handler).then((result) => {
+          this.#result = result;
+          return this.#result;
+        }).then(onfulfilled, onrejected);
+        this.#handler = import_lodash_es8.noop;
+        return;
+      }
+      onfulfilled(this.#result);
     }
   };
 
   // src/liquid/index.ts
-  var import_liquidjs25 = __require("liquidjs");
+  var import_liquidjs30 = __require("liquidjs");
 
   // src/liquid/tags/assign.ts
-  var import_liquidjs6 = __require("liquidjs");
+  var import_liquidjs11 = __require("liquidjs");
   function bind(_liquidSwell) {
-    return class AssignTag extends import_liquidjs6.Tag {
+    return class AssignTag extends import_liquidjs11.Tag {
       key;
       value;
       identifier;
@@ -16880,7 +17156,7 @@ ${injects.join("\n")}<\/script>`;
         this.tokenizer.skipBlank();
         this.tokenizer.advance();
         try {
-          this.value = new import_liquidjs6.Value(this.tokenizer.readFilteredValue(), this.liquid);
+          this.value = new import_liquidjs11.Value(this.tokenizer.readFilteredValue(), this.liquid);
         } catch (e) {
           console.warn(
             `Liquid "assign" tag: ${e instanceof Error ? e.stack : String(e)}`
@@ -16907,9 +17183,9 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/tags/case.ts
-  var import_liquidjs7 = __require("liquidjs");
+  var import_liquidjs12 = __require("liquidjs");
   function bind2(liquidSwell) {
-    return class CaseTag extends import_liquidjs7.Tag {
+    return class CaseTag extends import_liquidjs12.Tag {
       value;
       branches;
       elseTemplates;
@@ -16920,7 +17196,7 @@ ${injects.join("\n")}<\/script>`;
         const caseVar = this.tokenizer.readValue()?.getText();
         this.isBlock = Boolean(caseVar?.startsWith("block."));
         this.tokenizer.p = begin;
-        this.value = new import_liquidjs7.Value(this.tokenizer.readFilteredValue(), this.liquid);
+        this.value = new import_liquidjs12.Value(this.tokenizer.readFilteredValue(), this.liquid);
         this.branches = [];
         this.elseTemplates = [];
         let p = [];
@@ -16958,12 +17234,12 @@ ${injects.join("\n")}<\/script>`;
       }
       *render(ctx, emitter) {
         const r = this.liquid.renderer;
-        const target = (0, import_liquidjs7.toValue)(yield this.value.value(ctx, ctx.opts.lenientIf));
+        const target = (0, import_liquidjs12.toValue)(yield this.value.value(ctx, ctx.opts.lenientIf));
         let branchHit = false;
         let output = "";
         for (const branch of this.branches) {
           for (const valueToken of branch.values) {
-            const value = yield (0, import_liquidjs7.evalToken)(valueToken, ctx, ctx.opts.lenientIf);
+            const value = yield (0, import_liquidjs12.evalToken)(valueToken, ctx, ctx.opts.lenientIf);
             if (target === value) {
               const blockOutput = yield r.renderTemplates(branch.templates, ctx);
               output += this.isBlock && liquidSwell.isEditor ? `<span class="swell-block">${blockOutput}</span>` : blockOutput;
@@ -16996,15 +17272,15 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/tags/comment.ts
-  var import_liquidjs8 = __require("liquidjs");
+  var import_liquidjs13 = __require("liquidjs");
   function bind3(_liquidSwell) {
-    return class CommentTag extends import_liquidjs8.Tag {
+    return class CommentTag extends import_liquidjs13.Tag {
       constructor(tagToken, remainTokens, liquid) {
         super(tagToken, remainTokens, liquid);
         let nested = 1;
         while (remainTokens.length > 0) {
           const token = remainTokens.shift();
-          if (import_liquidjs8.TypeGuards.isTagToken(token)) {
+          if (import_liquidjs13.TypeGuards.isTagToken(token)) {
             switch (token.name) {
               case "comment":
                 nested += 1;
@@ -17029,20 +17305,22 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/tags/for.ts
-  var import_liquidjs9 = __require("liquidjs");
+  var import_liquidjs14 = __require("liquidjs");
   var MODIFIERS = Object.freeze(["offset", "limit", "reversed"]);
   function bind4(_liquidSwell) {
-    return class ForTag extends import_liquidjs9.ForTag {
+    return class ForTag extends import_liquidjs14.ForTag {
       *render(ctx, emitter) {
         const r = this.liquid.renderer;
-        let collection = yield (0, import_liquidjs9.evalToken)(this.collection, ctx);
+        let collection = yield (0, import_liquidjs14.evalToken)(this.collection, ctx);
         collection = yield resolveEnumerable(collection);
         if (!collection.length) {
           yield r.renderTemplates(this.elseTemplates, ctx, emitter);
           return;
         }
         const continueKey = "continue-" + this.variable + "-" + this.collection.getText();
-        ctx.push({ continue: ctx.getRegister(continueKey) });
+        ctx.push({
+          continue: ctx.getRegister(continueKey)
+        });
         const hash = yield this.hash.render(ctx);
         ctx.pop();
         const modifiers = this.liquid.options.orderedFilterParameters ? Object.keys(hash).filter((x) => MODIFIERS.includes(x)) : MODIFIERS.filter((x) => hash[x] !== void 0);
@@ -17058,23 +17336,29 @@ ${injects.join("\n")}<\/script>`;
               return collection2;
           }
         }, collection);
-        ctx.setRegister(continueKey, (hash["offset"] || 0) + collection.length);
+        const length = Math.min(collection.length, 50);
+        const parent = ctx.getRegister("parentloop");
+        ctx.setRegister(continueKey, (hash["offset"] || 0) + length);
+        const forloop = new ForloopDrop(
+          length,
+          this.collection.getText(),
+          this.variable,
+          parent
+        );
         const scope = {
-          forloop: new ForloopDrop(
-            collection.length,
-            this.collection.getText(),
-            this.variable
-          )
+          forloop
         };
         ctx.push(scope);
-        for (const item of collection) {
-          scope[this.variable] = item;
+        ctx.setRegister("parentloop", forloop);
+        for (let i = 0; i < length; ++i) {
+          scope[this.variable] = collection[i];
           ctx.continueCalled = ctx.breakCalled = false;
           yield r.renderTemplates(this.templates, ctx, emitter);
           if (ctx.breakCalled) break;
           scope.forloop.next();
         }
         ctx.continueCalled = ctx.breakCalled = false;
+        ctx.setRegister("parentloop", parent);
         ctx.pop();
       }
     };
@@ -17090,10 +17374,10 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/tags/form.ts
-  var import_liquidjs10 = __require("liquidjs");
+  var import_liquidjs15 = __require("liquidjs");
   var IGNORED_SHOPIFY_FORMS = Object.freeze(["new_comment", "guest_login"]);
   function bind5(liquidSwell) {
-    return class FormTag extends import_liquidjs10.Tag {
+    return class FormTag extends import_liquidjs15.Tag {
       formType;
       formConfig;
       templates;
@@ -17107,10 +17391,10 @@ ${injects.join("\n")}<\/script>`;
         tokenizer.advance();
         this.arg = tokenizer.readValue();
         this.templates = [];
-        this.hash = new import_liquidjs10.Hash(this.tokenizer.remaining());
+        this.hash = new import_liquidjs15.Hash(this.tokenizer.remaining());
         while (remainTokens.length > 0) {
           const token2 = remainTokens.shift();
-          if (import_liquidjs10.TypeGuards.isTagToken(token2) && token2.name === "endform") {
+          if (import_liquidjs15.TypeGuards.isTagToken(token2) && token2.name === "endform") {
             return;
           }
           this.templates.push(parser.parseToken(token2, remainTokens));
@@ -17128,7 +17412,7 @@ ${injects.join("\n")}<\/script>`;
           return;
         }
         const r = this.liquid.renderer;
-        const arg = yield (0, import_liquidjs10.evalToken)(this.arg, ctx);
+        const arg = yield (0, import_liquidjs15.evalToken)(this.arg, ctx);
         const hash = yield this.hash.render(ctx);
         const scope = ctx.getAll();
         const attrs = " " + Object.entries(hash).reduce((acc, [key, value]) => {
@@ -17183,14 +17467,15 @@ ${injects.join("\n")}<\/script>`;
           ${html}
         </form>
       `);
+        ctx.pop();
       }
     };
   }
 
   // src/liquid/tags/if.ts
-  var import_liquidjs11 = __require("liquidjs");
+  var import_liquidjs16 = __require("liquidjs");
   function bind6(_liquidSwell) {
-    return class IfTag extends import_liquidjs11.Tag {
+    return class IfTag extends import_liquidjs16.Tag {
       branches = [];
       elseTemplates;
       constructor(tagToken, remainTokens, liquid, parser) {
@@ -17199,22 +17484,22 @@ ${injects.join("\n")}<\/script>`;
         parser.parseStream(remainTokens).on(
           "start",
           () => this.branches.push({
-            value: new import_liquidjs11.Value(
+            value: new import_liquidjs16.Value(
               tagToken.tokenizer.readFilteredValue(),
               this.liquid
             ),
             templates: p = []
           })
         ).on("tag:elsif", (token) => {
-          (0, import_liquidjs11.assert)(!this.elseTemplates, "unexpected elsif after else");
+          (0, import_liquidjs16.assert)(!this.elseTemplates, "unexpected elsif after else");
           this.branches.push({
-            value: new import_liquidjs11.Value(token.tokenizer.readFilteredValue(), this.liquid),
+            value: new import_liquidjs16.Value(token.tokenizer.readFilteredValue(), this.liquid),
             templates: p = []
           });
         }).on("tag:else", (tag) => {
           if (tag.args.length > 0) {
             this.branches.push({
-              value: new import_liquidjs11.Value(tag.tokenizer.readFilteredValue(), this.liquid),
+              value: new import_liquidjs16.Value(tag.tokenizer.readFilteredValue(), this.liquid),
               templates: p = []
             });
           } else {
@@ -17232,7 +17517,7 @@ ${injects.join("\n")}<\/script>`;
         const r = this.liquid.renderer;
         for (const { value, templates } of this.branches) {
           const v = yield value.value(ctx, ctx.opts.lenientIf);
-          if ((0, import_liquidjs11.isTruthy)(v, ctx)) {
+          if ((0, import_liquidjs16.isTruthy)(v, ctx)) {
             yield r.renderTemplates(templates, ctx, emitter);
             return;
           }
@@ -17253,20 +17538,20 @@ ${injects.join("\n")}<\/script>`;
     };
   }
   function assertEmpty(predicate, message = `unexpected ${JSON.stringify(predicate)}`) {
-    (0, import_liquidjs11.assert)(!predicate, message);
+    (0, import_liquidjs16.assert)(!predicate, message);
   }
 
   // src/liquid/tags/javascript.ts
-  var import_liquidjs12 = __require("liquidjs");
+  var import_liquidjs17 = __require("liquidjs");
   function bind7(_liquidSwell) {
-    return class JavascriptTag extends import_liquidjs12.Tag {
+    return class JavascriptTag extends import_liquidjs17.Tag {
       templates;
       constructor(token, remainTokens, liquid, parser) {
         super(token, remainTokens, liquid);
         this.templates = [];
         while (remainTokens.length > 0) {
           const token2 = remainTokens.shift();
-          if (import_liquidjs12.TypeGuards.isTagToken(token2) && token2.name === "endjavascript") {
+          if (import_liquidjs17.TypeGuards.isTagToken(token2) && token2.name === "endjavascript") {
             return;
           }
           this.templates.push(parser.parseToken(token2, remainTokens));
@@ -17284,9 +17569,9 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/tags/layout.ts
-  var import_liquidjs13 = __require("liquidjs");
+  var import_liquidjs18 = __require("liquidjs");
   function bind8(liquidSwell) {
-    return class LayoutTag extends import_liquidjs13.Tag {
+    return class LayoutTag extends import_liquidjs18.Tag {
       fileName;
       constructor(token, remainTokens, liquid, _parser) {
         super(token, remainTokens, liquid);
@@ -17302,9 +17587,9 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/tags/paginate.ts
-  var import_liquidjs14 = __require("liquidjs");
+  var import_liquidjs19 = __require("liquidjs");
   function bind9(liquidSwell) {
-    return class PaginateTag extends import_liquidjs14.Tag {
+    return class PaginateTag extends import_liquidjs19.Tag {
       collection;
       pageSize;
       templates;
@@ -17319,7 +17604,7 @@ ${injects.join("\n")}<\/script>`;
         }
         this.templates = [];
         this.collection = collection;
-        this.hash = new import_liquidjs14.Hash(this.tokenizer.remaining());
+        this.hash = new import_liquidjs19.Hash(this.tokenizer.remaining());
         const stream = parser.parseStream(remainTokens).on("tag:endpaginate", () => stream.stop()).on("template", (tpl) => {
           this.templates.push(tpl);
         }).on("end", () => {
@@ -17329,10 +17614,10 @@ ${injects.join("\n")}<\/script>`;
       }
       *render(ctx, emitter) {
         const r = this.liquid.renderer;
-        const collection = yield (0, import_liquidjs14.evalToken)(this.collection, ctx);
-        const pageSize = Number(yield (0, import_liquidjs14.evalToken)(this.pageSize, ctx));
+        const collection = yield (0, import_liquidjs19.evalToken)(this.collection, ctx);
+        const pageSize = Number(yield (0, import_liquidjs19.evalToken)(this.pageSize, ctx));
         const hash = yield this.hash.render(ctx);
-        if (!Number.isNaN(pageSize) && collection instanceof SwellStorefrontCollection && collection.limit != pageSize) {
+        if (!Number.isNaN(pageSize) && collection instanceof SwellStorefrontCollection && collection.limit !== pageSize) {
           yield collection._get({
             limit: pageSize,
             window: hash.window_size || void 0
@@ -17348,15 +17633,18 @@ ${injects.join("\n")}<\/script>`;
           ctx.push({ paginate });
         }
         yield r.renderTemplates(this.templates, ctx, emitter);
+        if (collection) {
+          ctx.pop();
+        }
       }
     };
   }
 
   // src/liquid/tags/render.ts
-  var import_lodash_es8 = __require("lodash-es");
-  var import_liquidjs15 = __require("liquidjs");
+  var import_lodash_es9 = __require("lodash-es");
+  var import_liquidjs20 = __require("liquidjs");
   function bind10(liquidSwell) {
-    return class RenderTag extends import_liquidjs15.RenderTag {
+    return class RenderTag extends import_liquidjs20.RenderTag {
       *render(ctx, emitter) {
         const { liquid, hash } = this;
         const filepath = yield renderFilePath(
@@ -17364,23 +17652,23 @@ ${injects.join("\n")}<\/script>`;
           ctx,
           liquid
         );
-        (0, import_liquidjs15.assert)(filepath, () => `illegal file path "${filepath}"`);
+        (0, import_liquidjs20.assert)(filepath, () => `illegal file path "${filepath}"`);
         const themeConfig = yield liquidSwell.getComponentPath(filepath).then(
           (fileName) => liquidSwell.getThemeConfig(fileName)
         );
         const childCtx = ctx.spawn();
         const scope = childCtx.bottom();
-        (0, import_lodash_es8.assign)(scope, yield hash.render(ctx));
+        (0, import_lodash_es9.assign)(scope, yield hash.render(ctx));
         const parentSection = yield ctx._get(["section"]);
-        if (parentSection) (0, import_lodash_es8.assign)(scope, { section: parentSection });
+        if (parentSection) (0, import_lodash_es9.assign)(scope, { section: parentSection });
         if (this["with"]) {
           const { value, alias } = this["with"];
           const aliasName = alias || filepath;
-          scope[aliasName] = yield (0, import_liquidjs15.evalToken)(value, ctx);
+          scope[aliasName] = yield (0, import_liquidjs20.evalToken)(value, ctx);
         }
         if (this["for"]) {
           const { value, alias } = this["for"];
-          let collection = yield (0, import_liquidjs15.evalToken)(value, ctx);
+          let collection = yield (0, import_liquidjs20.evalToken)(value, ctx);
           collection = yield resolveEnumerable(collection);
           scope["forloop"] = new ForloopDrop(
             collection.length,
@@ -17413,13 +17701,13 @@ ${injects.join("\n")}<\/script>`;
       default:
         break;
     }
-    return yield (0, import_liquidjs15.evalToken)(file, ctx);
+    return yield (0, import_liquidjs20.evalToken)(file, ctx);
   }
 
   // src/liquid/tags/section.ts
-  var import_liquidjs16 = __require("liquidjs");
+  var import_liquidjs21 = __require("liquidjs");
   function bind11(liquidSwell) {
-    return class SectionTag extends import_liquidjs16.Tag {
+    return class SectionTag extends import_liquidjs21.Tag {
       fileName;
       constructor(token, remainTokens, liquid, _parser) {
         super(token, remainTokens, liquid);
@@ -17451,7 +17739,8 @@ ${injects.join("\n")}<\/script>`;
             section: {
               id: this.fileName,
               settings: { ...defaultSettings, blocks: void 0 },
-              blocks: defaultSettings.blocks
+              blocks: defaultSettings.blocks,
+              location: "static"
             }
           });
         });
@@ -17469,10 +17758,10 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/tags/sections.ts
-  var import_liquidjs17 = __require("liquidjs");
+  var import_liquidjs22 = __require("liquidjs");
   var import_json54 = __toESM(__require("json5"), 1);
   function bind12(liquidSwell) {
-    return class SectionsTag extends import_liquidjs17.Tag {
+    return class SectionsTag extends import_liquidjs22.Tag {
       fileName;
       constructor(token, remainTokens, liquid, _parser) {
         super(token, remainTokens, liquid);
@@ -17511,9 +17800,9 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/tags/style.ts
-  var import_liquidjs18 = __require("liquidjs");
+  var import_liquidjs23 = __require("liquidjs");
   function bind13(_liquidSwell) {
-    return class StyleTag extends import_liquidjs18.Tag {
+    return class StyleTag extends import_liquidjs23.Tag {
       templates;
       hash;
       constructor(token, remainTokens, liquid, parser) {
@@ -17522,7 +17811,7 @@ ${injects.join("\n")}<\/script>`;
         const tagBegin = token.begin;
         while (remainTokens.length > 0) {
           const token2 = remainTokens.shift();
-          if (import_liquidjs18.TypeGuards.isTagToken(token2) && token2.name === "endstyle") {
+          if (import_liquidjs23.TypeGuards.isTagToken(token2) && token2.name === "endstyle") {
             this.hash = md5(token2.input.slice(tagBegin, token2.end));
             return;
           }
@@ -17545,16 +17834,16 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/tags/stylesheet.ts
-  var import_liquidjs19 = __require("liquidjs");
+  var import_liquidjs24 = __require("liquidjs");
   function bind14(_liquidSwell) {
-    return class StyleSheetTag extends import_liquidjs19.Tag {
+    return class StyleSheetTag extends import_liquidjs24.Tag {
       templates;
       constructor(token, remainTokens, liquid, parser) {
         super(token, remainTokens, liquid);
         this.templates = [];
         while (remainTokens.length > 0) {
           const token2 = remainTokens.shift();
-          if (import_liquidjs19.TypeGuards.isTagToken(token2) && token2.name === "endstylesheet") {
+          if (import_liquidjs24.TypeGuards.isTagToken(token2) && token2.name === "endstylesheet") {
             return;
           }
           this.templates.push(parser.parseToken(token2, remainTokens));
@@ -17570,9 +17859,9 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/tags/shopify/include.ts
-  var import_liquidjs20 = __require("liquidjs");
+  var import_liquidjs25 = __require("liquidjs");
   function bind15(liquidSwell) {
-    return class IncludeTag extends import_liquidjs20.IncludeTag {
+    return class IncludeTag extends import_liquidjs25.IncludeTag {
       *render(ctx, emitter) {
         const { hash } = this;
         const filepath = yield renderFilePath(
@@ -17580,13 +17869,13 @@ ${injects.join("\n")}<\/script>`;
           ctx,
           this.liquid
         );
-        (0, import_liquidjs20.assert)(filepath, () => `illegal file path "${filepath}"`);
+        (0, import_liquidjs25.assert)(filepath, () => `illegal file path "${filepath}"`);
         const saved = ctx.saveRegister("blocks", "blockMode");
         ctx.setRegister("blocks", {});
         ctx.setRegister("blockMode", 0);
         const scope = yield hash.render(ctx);
         if (this.withVar) {
-          scope[filepath] = yield (0, import_liquidjs20.evalToken)(this.withVar, ctx);
+          scope[filepath] = yield (0, import_liquidjs25.evalToken)(this.withVar, ctx);
         }
         ctx.push(ctx.opts.jekyllInclude ? { include: scope } : scope);
         const output = yield liquidSwell.getComponentPath(filepath).then((path) => liquidSwell.getThemeConfig(path)).then((themeConfig) => liquidSwell.renderTemplate(themeConfig, scope));
@@ -17598,10 +17887,10 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/tags/shopify/schema.ts
-  var import_liquidjs21 = __require("liquidjs");
+  var import_liquidjs26 = __require("liquidjs");
   var import_json55 = __toESM(__require("json5"), 1);
   function bind16(liquidSwell) {
-    return class SchemaTag extends import_liquidjs21.Tag {
+    return class SchemaTag extends import_liquidjs26.Tag {
       templates;
       constructor(token, remainTokens, liquid, parser) {
         super(token, remainTokens, liquid);
@@ -17634,9 +17923,9 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/tags/inline_editable.ts
-  var import_liquidjs22 = __require("liquidjs");
+  var import_liquidjs27 = __require("liquidjs");
   function bind17(_liquidSwell) {
-    return class InlineEditableTag extends import_liquidjs22.Tag {
+    return class InlineEditableTag extends import_liquidjs27.Tag {
       key;
       value;
       constructor(token, remainTokens, liquid, _parser) {
@@ -17888,12 +18177,12 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/filters/embedded_content.ts
-  var import_lodash_es9 = __require("lodash-es");
+  var import_lodash_es10 = __require("lodash-es");
   function bind36(_liquidSwell) {
     return (value, tag = "iframe") => {
       const escapeIframes = value.replaceAll(`<${tag}`, `&lt;${tag}`).replaceAll(`</${tag}`, `&lt;/${tag}`);
       const removeTags = escapeIframes.replaceAll(/<(.*?)>/gi, "");
-      const unescaped = (0, import_lodash_es9.unescape)(removeTags);
+      const unescaped = (0, import_lodash_es10.unescape)(removeTags);
       const replaceSpaces = unescaped.replaceAll("&nbsp;", " ");
       return replaceSpaces;
     };
@@ -17968,10 +18257,10 @@ ${injects.join("\n")}<\/script>`;
   };
 
   // src/liquid/filters/handleize.ts
-  var import_lodash_es10 = __require("lodash-es");
+  var import_lodash_es11 = __require("lodash-es");
   function bind40(_liquidSwell) {
     return function filterHandleize(handle) {
-      return (0, import_lodash_es10.kebabCase)(handle);
+      return (0, import_lodash_es11.kebabCase)(handle);
     };
   }
 
@@ -18696,9 +18985,9 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/operators.ts
-  var import_liquidjs23 = __require("liquidjs");
+  var import_liquidjs28 = __require("liquidjs");
   var swellOperators = {
-    ...import_liquidjs23.defaultOperators,
+    ...import_liquidjs28.defaultOperators,
     "==": equal,
     "!=": (l, r) => !equal(l, r),
     contains: (l, r) => {
@@ -18725,8 +19014,8 @@ ${injects.join("\n")}<\/script>`;
 
   // src/liquid/color.ts
   var import_color = __toESM(__require("color"), 1);
-  var import_liquidjs24 = __require("liquidjs");
-  var ThemeColor = class _ThemeColor extends import_liquidjs24.Drop {
+  var import_liquidjs29 = __require("liquidjs");
+  var ThemeColor = class _ThemeColor extends import_liquidjs29.Drop {
     color;
     colorValues;
     red;
@@ -18861,7 +19150,7 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/index.ts
-  var LiquidSwell29 = class extends import_liquidjs25.Liquid {
+  var LiquidSwell29 = class extends import_liquidjs30.Liquid {
     theme;
     getThemeConfig;
     getThemeTemplateConfigByType;
@@ -19340,6 +19629,161 @@ ${injects.join("\n")}<\/script>`;
     }
   };
 
+  // src/globals.ts
+  var import_lodash_es12 = __require("lodash-es");
+
+  // src/compatibility/drops/robots-rule.ts
+  var import_liquidjs31 = __require("liquidjs");
+  var RobotsRule = class _RobotsRule extends import_liquidjs31.Drop {
+    constructor(directive, value) {
+      super();
+      this.directive = directive;
+      this.value = value;
+    }
+    static from(directive, value) {
+      return new _RobotsRule(directive, value);
+    }
+    valueOf() {
+      return `${this.directive}: ${this.value}
+`;
+    }
+  };
+
+  // src/globals.ts
+  async function getFirstFilledValue(values) {
+    for (const promise of values) {
+      const value = await promise;
+      if (value) {
+        return value;
+      }
+    }
+  }
+  function getRecordGlobals(theme, record) {
+    const globals = {};
+    globals.handle = new RenderDrop(() => record.slug);
+    globals.page_title = new RenderDrop(
+      () => getFirstFilledValue([
+        record.meta_title,
+        // filled SEO
+        record.name,
+        // all records
+        record.title,
+        // content/pages, content/blogs, content/blog-categories
+        theme.page?.title,
+        // default page title
+        theme.globals.store?.name
+        // fallback to store name
+      ])
+    );
+    globals.page_description = new RenderDrop(
+      () => getFirstFilledValue([
+        record.meta_description,
+        // filled SEO
+        record.description,
+        // product and category
+        record.summary,
+        // content/blogs
+        theme.page?.description
+      ])
+    );
+    globals.page_image = new RenderDrop(
+      () => getFirstFilledValue([
+        record.images,
+        // product and category
+        record.image
+        // article
+      ]).then((images) => {
+        if (typeof images !== "object" || images === null) {
+          return;
+        }
+        const image = Array.isArray(images) ? images[0] : images;
+        return image ? ShopifyImage(image) : void 0;
+      })
+    );
+    return globals;
+  }
+  var POWERED_BY_LINK = '<a target="_blank" rel="nofollow" href="https://www.swell.is/?utm_campaign=poweredby&amp;utm_medium=swell&amp;utm_source=onlinestore">Powered by Swell</a>';
+  function getAllCountryOptionTags(geoSettings) {
+    if (!geoSettings) {
+      return "";
+    }
+    const stateMap = (geoSettings.states || []).reduce((map, state) => {
+      let list = map.get(state.country);
+      if (list === void 0) {
+        list = [];
+        map.set(state.country, list);
+      }
+      list.push(state);
+      return map;
+    }, /* @__PURE__ */ new Map());
+    return (geoSettings.countries || []).map((country) => {
+      if (!country) return "";
+      const provinces = (stateMap.get(country.id) || []).map((state) => [
+        state.id,
+        state.name
+      ]);
+      const provincesEncoded = JSON.stringify(provinces).replace(
+        /"/g,
+        "&quot;"
+      );
+      return `<option value="${country.id}" data-provinces="${provincesEncoded}">${country.name}</option>`;
+    }).filter(Boolean).join("\n");
+  }
+  function getRobotsGlobals(canonicalUrl) {
+    const sitemapUrl = `${(0, import_lodash_es12.trimEnd)(canonicalUrl, "/")}/sitemap.xml`;
+    const defaultRules = [
+      { directive: "Disallow", value: "/admin" },
+      { directive: "Disallow", value: "/cart" },
+      { directive: "Disallow", value: "/account" },
+      { directive: "Disallow", value: "/search" },
+      { directive: "Disallow", value: "/categories/*sort_by*" },
+      { directive: "Disallow", value: "/*/categories/*sort_by*" }
+    ];
+    return {
+      default_groups: [
+        {
+          user_agent: RobotsRule.from("User-agent", "*"),
+          // sitemap: RobotsRule.from('Sitemap', sitemapUrl),
+          rules: defaultRules.map(
+            (rule) => RobotsRule.from(rule.directive, rule.value)
+          )
+        },
+        {
+          user_agent: RobotsRule.from("User-agent", "AhrefsBot"),
+          // sitemap: RobotsRule.from('Sitemap', sitemapUrl),
+          rules: [
+            RobotsRule.from("Crawl-delay", "10"),
+            ...defaultRules.map(
+              (rule) => RobotsRule.from(rule.directive, rule.value)
+            )
+          ]
+        },
+        {
+          user_agent: RobotsRule.from("User-agent", "AhrefsSiteAudit"),
+          // sitemap: RobotsRule.from('Sitemap', sitemapUrl),
+          rules: [
+            RobotsRule.from("Crawl-delay", "10"),
+            ...defaultRules.map(
+              (rule) => RobotsRule.from(rule.directive, rule.value)
+            )
+          ]
+        },
+        {
+          user_agent: RobotsRule.from("User-agent", "Nutch"),
+          rules: [RobotsRule.from("Crawl-delay", "10")]
+        },
+        {
+          user_agent: RobotsRule.from("User-agent", "MJ12bot"),
+          rules: [RobotsRule.from("Crawl-delay", "10")]
+        },
+        {
+          user_agent: RobotsRule.from("User-agent", "Pinterest"),
+          rules: [RobotsRule.from("Crawl-delay", "1")]
+        }
+      ]
+    };
+  }
+
   // src/theme.ts
   var SwellTheme3 = class {
     swell;
@@ -19353,7 +19797,7 @@ ${injects.join("\n")}<\/script>`;
     page;
     pageId;
     shopifyCompatibility = null;
-    shopifyCompatibilityClass = ShopifyCompatibility3;
+    shopifyCompatibilityClass = ShopifyCompatibility2;
     shopifyCompatibilityConfig = null;
     formData = {};
     globalData = {};
@@ -19368,7 +19812,7 @@ ${injects.join("\n")}<\/script>`;
       this.globals = globals || {};
       this.forms = forms;
       this.resources = resources;
-      this.shopifyCompatibilityClass = shopifyCompatibilityClass || ShopifyCompatibility3;
+      this.shopifyCompatibilityClass = shopifyCompatibilityClass || ShopifyCompatibility2;
       this.liquidSwell = new LiquidSwell29({
         theme: this,
         getThemeConfig: this.getThemeConfig.bind(this),
@@ -19386,8 +19830,10 @@ ${injects.join("\n")}<\/script>`;
     getSwellAppThemeProps(swellConfig) {
       return swellConfig?.storefront?.theme || {};
     }
-    async initGlobals(pageId, altTemplate) {
+    async initGlobals(pageId, options) {
       this.pageId = pageId;
+      const pageRecord = options?.pageRecord;
+      const altTemplate = options?.altTemplate;
       const trace = createTraceId();
       logger.debug("[SDK] Theme init start", { page: pageId, trace });
       await this.themeLoader.init(this.themeConfigs || void 0);
@@ -19397,6 +19843,7 @@ ${injects.join("\n")}<\/script>`;
       const { settings, request, page, cart, account, customer } = await this.resolvePageData(store, configs, pageId, altTemplate);
       logger.debug("[SDK] Theme page data load done", { page: pageId, trace });
       this.page = page;
+      const countryOptions = getAllCountryOptionTags(geo);
       const globals = {
         ...this.globalData,
         // return all storefront settings in the store
@@ -19412,10 +19859,24 @@ ${injects.join("\n")}<\/script>`;
         geo,
         configs,
         language: configs?.language,
+        ...pageRecord ? getRecordGlobals(this, pageRecord) : {
+          page_title: page.title,
+          page_description: page.description
+        },
+        all_country_option_tags: countryOptions,
+        country_option_tags: countryOptions,
         canonical_url: `${store.url}${this.swell.url?.pathname || ""}`,
+        powered_by_link: POWERED_BY_LINK,
         // Flag to enable Shopify compatibility in sections and tags/filters
         shopify_compatibility: Boolean(settings.shopify_compatibility)
       };
+      switch (pageId) {
+        case "robots.txt":
+          globals.robots = getRobotsGlobals(globals.canonical_url);
+          break;
+        default:
+          break;
+      }
       if (this.shopifyCompatibility) {
         this.shopifyCompatibility.initGlobals(globals);
       }
@@ -19750,7 +20211,7 @@ ${injects.join("\n")}<\/script>`;
         return languageConfig;
       }
       const localeShortCode = locale.split("-")[0];
-      return (0, import_lodash_es11.reduce)(
+      return (0, import_lodash_es13.reduce)(
         languageConfig,
         (acc, value, key) => {
           if (isObject2(value)) {
@@ -19774,15 +20235,15 @@ ${injects.join("\n")}<\/script>`;
               const translationEnd = translationParts.pop();
               const translationPath = translationParts.join(".");
               const translationConfigGlobal = this.globals.language;
-              acc[key] = (0, import_lodash_es11.get)(
+              acc[key] = (0, import_lodash_es13.get)(
                 translationConfigGlobal,
                 `${translationPath}.$locale.${locale}.${translationEnd}`
-              ) || (0, import_lodash_es11.get)(
+              ) || (0, import_lodash_es13.get)(
                 translationConfigGlobal,
                 `${translationPath}.$locale.${localeShortCode}.${translationEnd}`
-              ) || (0, import_lodash_es11.get)(translationConfigGlobal, translationKey) || value;
+              ) || (0, import_lodash_es13.get)(translationConfigGlobal, translationKey) || value;
             } else {
-              acc[key] = (0, import_lodash_es11.get)(languageConfig, `$locale.${locale}.${key}`) || (0, import_lodash_es11.get)(languageConfig, `$locale.${localeShortCode}.${key}`) || value;
+              acc[key] = (0, import_lodash_es13.get)(languageConfig, `$locale.${locale}.${key}`) || (0, import_lodash_es13.get)(languageConfig, `$locale.${localeShortCode}.${key}`) || value;
             }
           }
           return acc;
@@ -19797,7 +20258,7 @@ ${injects.join("\n")}<\/script>`;
         }
         return this.shopifyCompatibility;
       };
-      if (!Object.keys(configs.editor).length && configs.settings_schema) {
+      if (Object.keys(configs.editor).length <= 0 && configs.settings_schema) {
         const store = await this.swell.storefront.settings.get("store");
         configs.editor = shopifyCompatibility().getEditorConfig(
           configs.settings_schema
@@ -19808,13 +20269,13 @@ ${injects.join("\n")}<\/script>`;
           store.locale || "en-US"
         );
       }
-      if (!Object.keys(configs.theme).length && configs.settings_data) {
+      if (Object.keys(configs.theme).length <= 0 && configs.settings_data) {
         configs.theme = shopifyCompatibility().getThemeConfig(
           configs.settings_data
         );
         this.themeSettingFilePath = "theme/config/settings_data.json";
       }
-      if (!Object.keys(configs.presets).length && configs.settings_data) {
+      if (Object.keys(configs.presets).length <= 0 && configs.settings_data) {
         configs.presets = shopifyCompatibility().getPresetsConfig(
           configs.settings_data
         );
@@ -20006,8 +20467,11 @@ ${injects.join("\n")}<\/script>`;
       }
       return null;
     }
+    async getAssetConfig(assetName) {
+      return await this.getThemeConfig(`theme/assets/${assetName}`) ?? await this.getThemeConfig(`assets/${assetName}`) ?? null;
+    }
     async getAssetUrl(filePath) {
-      const assetConfig = await this.getThemeConfig(`theme/assets/${filePath}`) || await this.getThemeConfig(`assets/${filePath}`);
+      const assetConfig = await this.getAssetConfig(filePath);
       const file = assetConfig?.file;
       if (!file) {
         return null;
@@ -20309,13 +20773,42 @@ ${content.slice(pos)}`;
       }
       return "";
     }
-    async renderLayout(layoutName, data) {
+    async renderLayout(layoutName, data, contentForLayout, contentForHeader) {
       layoutName = layoutName || this.liquidSwell.layoutName;
       if (layoutName) {
-        return this.renderLayoutTemplate(layoutName, data);
+        if (data) {
+          data = await this.renderDataFields(data, [
+            "page_title",
+            "page_description"
+          ]);
+        }
+        return this.renderLayoutTemplate(layoutName, {
+          ...data,
+          content_for_layout: contentForLayout,
+          content_for_header: contentForHeader
+        });
       } else {
-        return data?.content_for_layout || "";
+        return contentForLayout || "";
+      }
+    }
+    async renderDataFields(data, fields) {
+      const promises = [];
+      for (const key of fields) {
+        if (typeof data[key] === "string") {
+          promises.push(
+            this.renderTemplateString(data[key], data).then((value) => {
+              if (data) {
+                data[key] = value;
+              }
+            })
+          );
+        }
       }
+      if (promises.length > 0) {
+        data = { ...data };
+        await Promise.all(promises);
+      }
+      return data;
     }
     getContentForHeader() {
       let content = "\n";
@@ -20483,8 +20976,10 @@ ${this.shopifyCompatibility.getContentForHeader()}`;
       const pageLayout = pageSchema.layout || "";
       const pageSectionGroups = [];
       this.pageSectionGroups = pageSectionGroups;
-      await this.renderLayout(pageLayout, {
-        content_for_layout: new RenderDrop(() => {
+      await this.renderLayout(
+        pageLayout,
+        {},
+        new RenderDrop(() => {
           pageSectionGroups.push({
             prop: SECTION_GROUP_CONTENT,
             label: "Template",
@@ -20493,7 +20988,7 @@ ${this.shopifyCompatibility.getContentForHeader()}`;
           });
           return "";
         })
-      });
+      );
       this.pageSectionGroups = null;
       return pageSectionGroups;
     }
@@ -20535,7 +21030,7 @@ ${this.shopifyCompatibility.getContentForHeader()}`;
       return Promise.all(
         sectionConfigs.map(async (sectionConfig, index) => {
           const { section, schema } = sectionConfig;
-          const settings = schema?.fields && this.globals ? resolveSectionSettings(this, sectionConfig) : { ...sectionConfig.settings };
+          const settings = schema?.fields && this.globals ? resolveSectionSettings(this, sectionConfig, index) : { ...sectionConfig.settings };
           const templateConfig = await this.getThemeTemplateConfigByType(
             "sections",
             `${section.type}.liquid`
@@ -20549,7 +21044,7 @@ ${this.shopifyCompatibility.getContentForHeader()}`;
             });
             if (settings?.section?.custom_css) {
               output += `<style>${scopeCustomCSS(
-                settings?.section.custom_css,
+                settings.section.custom_css,
                 sectionConfig.id
               )}</style>`;
             }
@@ -20579,8 +21074,8 @@ ${this.shopifyCompatibility.getContentForHeader()}`;
       const keyParts = key?.split(".") || [];
       const keyName = keyParts.pop() || "";
       const keyPath = keyParts.join(".");
-      const langObject = (0, import_lodash_es11.get)(langConfig, keyPath);
-      let localeValue = (0, import_lodash_es11.get)(langObject?.[localeCode], keyName) || (0, import_lodash_es11.get)(langObject?.[localeCode.split("-")[0]], keyName) || langObject?.[keyName];
+      const langObject = (0, import_lodash_es13.get)(langConfig, keyPath);
+      let localeValue = (0, import_lodash_es13.get)(langObject?.[localeCode], keyName) || (0, import_lodash_es13.get)(langObject?.[localeCode.split("-")[0]], keyName) || langObject?.[keyName];
       if (data?.count !== void 0 && localeValue?.one) {
         localeValue = data.count === 1 ? localeValue.one : localeValue.other;
       }
@@ -20614,7 +21109,7 @@ ${this.shopifyCompatibility.getContentForHeader()}`;
       super(title, status, description);
     }
   };
-  function resolveSectionSettings(theme, sectionConfig) {
+  function resolveSectionSettings(theme, sectionConfig, index) {
     const { settings, schema } = sectionConfig;
     if (!schema || !settings?.section?.settings) {
       return settings;
@@ -20645,7 +21140,10 @@ ${this.shopifyCompatibility.getContentForHeader()}`;
           settings.section.settings,
           editorSettings
         ),
-        blocks
+        blocks,
+        index0: index,
+        index: typeof index === "number" ? index + 1 : void 0,
+        location: getSectionLocation(settings.section.type)
       }
     };
   }
@@ -20659,7 +21157,7 @@ ${this.shopifyCompatibility.getContentForHeader()}`;
     }
   }
   function resolveThemeSettings(theme, themeSettings, editorSchemaSettings) {
-    const settings = (0, import_lodash_es11.cloneDeep)(themeSettings);
+    const settings = (0, import_lodash_es13.cloneDeep)(themeSettings);
     if (settings.$locale) {
       const { locale } = theme.swell.getStorefrontLocalization();
       const localeConfig = settings.$locale[locale] || {};
@@ -20669,16 +21167,16 @@ ${this.shopifyCompatibility.getContentForHeader()}`;
         }
       }
     }
-    (0, import_lodash_es11.each)(settings, (value, key) => {
+    (0, import_lodash_es13.each)(settings, (value, key) => {
       const setting = (editorSchemaSettings && findEditorSetting(editorSchemaSettings, key)) ?? null;
       if (isObject2(value) && !(value instanceof StorefrontResource)) {
         switch (setting?.type) {
           case "color_scheme_group": {
-            (0, import_lodash_es11.each)(value, (scheme, schemeId) => {
+            (0, import_lodash_es13.each)(value, (scheme, schemeId) => {
               if (isObject2(scheme) && typeof scheme.settings === "object" && scheme.settings) {
                 const settings2 = scheme.settings;
-                (0, import_lodash_es11.each)(settings2, (colorValue, colorId) => {
-                  const fieldDef = (0, import_lodash_es11.find)(setting.fields, { id: colorId });
+                (0, import_lodash_es13.each)(settings2, (colorValue, colorId) => {
+                  const fieldDef = (0, import_lodash_es13.find)(setting.fields, { id: colorId });
                   if (fieldDef?.type === "color" && colorValue) {
                     scheme.id = schemeId;
                     settings2[colorId] = new ThemeColor(colorValue);
@@ -20729,7 +21227,7 @@ ${this.shopifyCompatibility.getContentForHeader()}`;
   }
   function findThemeSettingsByType(type, themeSettings, editorSchemaSettings) {
     const foundSettings = [];
-    (0, import_lodash_es11.each)(themeSettings, (value, key) => {
+    (0, import_lodash_es13.each)(themeSettings, (value, key) => {
       if (isObject2(value) && !(value instanceof ThemeFont) && !(value instanceof StorefrontResource)) {
         foundSettings.push(
           ...findThemeSettingsByType(type, value, editorSchemaSettings)
@@ -20898,7 +21396,7 @@ ${this.shopifyCompatibility.getContentForHeader()}`;
   }
   function getMenuItemValueId(value) {
     const fallback = typeof value === "string" ? value : "";
-    const slug = (0, import_lodash_es12.get)(value, "id", (0, import_lodash_es12.get)(value, "slug", fallback)) || "";
+    const slug = (0, import_lodash_es14.get)(value, "id", (0, import_lodash_es14.get)(value, "slug", fallback)) || "";
     return slug;
   }
   async function getMenuItemUrlAndResource(theme, menuItem) {