@swell/apps-sdk 1.0.148 → 1.0.149

package/dist/index.cjs

@@ -48,7 +48,7 @@ __export(index_exports, {
   ShopifyCart: () => ShopifyCart,
   ShopifyCollection: () => ShopifyCollection,
   ShopifyCollections: () => ShopifyCollections,
-  ShopifyCompatibility: () => ShopifyCompatibility3,
+  ShopifyCompatibility: () => ShopifyCompatibility2,
   ShopifyCustomer: () => ShopifyCustomer,
   ShopifyFont: () => ShopifyFont,
   ShopifyForm: () => ShopifyForm,
@@ -119,6 +119,7 @@ __export(index_exports, {
   getPage: () => getPage,
   getPageSections: () => getPageSections,
   getSectionGroupProp: () => getSectionGroupProp,
+  getSectionLocation: () => getSectionLocation,
   getSectionSettingsFromProps: () => getSectionSettingsFromProps,
   getThemeSettingsFromProps: () => getThemeSettingsFromProps,
   isArray: () => isArray2,
@@ -459,7 +460,8 @@ var ForloopDrop = class extends import_liquidjs.Drop {
   last;
   rindex;
   rindex0;
-  constructor(length, collection, variable) {
+  parentloop;
+  constructor(length, collection, variable, parent) {
     super();
     this.length = length;
     this.name = `${variable}-${collection}`;
@@ -467,9 +469,10 @@ var ForloopDrop = class extends import_liquidjs.Drop {
     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;
@@ -676,6 +679,8 @@ var StorefrontResource = class {
         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
@@ -6668,6 +6673,7 @@ function getSectionSettingsFromProps(props, sectionSchema) {
       }
     ),
     id: sectionSchema.id,
+    type: sectionSchema.id,
     blocks: props.Blocks?.filter(
       (propBlock) => Boolean(propBlock.props.compiled?._component)
     ).map((propBlock) => {
@@ -6688,7 +6694,8 @@ function getSectionSettingsFromProps(props, sectionSchema) {
           { $locale: blockProps.$locale }
         ) || {}
       };
-    })
+    }),
+    location: getSectionLocation(sectionSchema.id)
   };
 }
 function toEasyblocksFieldId(fieldId) {
@@ -6945,7 +6952,8 @@ async function getLayoutSectionGroups(allSections, renderTemplateSchema) {
 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;
@@ -6967,7 +6975,10 @@ async function getPageSections(sectionGroup, getSchema) {
       section: {
         id,
         ...section,
-        blocks
+        blocks,
+        index0: i,
+        index: i + 1,
+        location: getSectionLocation(section.type)
       }
     };
     pageSections.push({
@@ -7211,6 +7222,15 @@ function extractSettingsFromForm(form, currentSettings) {
     (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}`;
@@ -8120,19 +8140,19 @@ function getContentModel(swell, name) {
     })
   );
 }
-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);
 }
 
@@ -8942,11 +8962,11 @@ function getRandomId() {
 }
 
 // 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");
@@ -14130,7 +14150,7 @@ __export(shopify_objects_exports, {
 });
 
 // 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();
   }
@@ -14192,7 +14212,7 @@ function ShopifyArticle(instance, blog, blogCategory) {
     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(
@@ -14282,7 +14302,7 @@ function ShopifyBlog(instance, blogCategory) {
 }
 
 // src/compatibility/shopify-objects/media.ts
-function ShopifyMedia(instance, image, options) {
+function ShopifyMedia(image, options) {
   if (image instanceof ShopifyResource) {
     return image.clone();
   }
@@ -14291,7 +14311,7 @@ function ShopifyMedia(instance, image, options) {
     id: image.id || image.file?.id,
     media_type: options?.media_type ?? "image",
     position: options?.position,
-    preview_image: ShopifyImage(instance, image)
+    preview_image: ShopifyImage(image)
   });
 }
 
@@ -14319,19 +14339,19 @@ function ShopifyVariant(instance, variant, productIn, depth = 0) {
       [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,
@@ -14483,11 +14503,11 @@ function ShopifyProduct(instance, product, depth = 0) {
     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) => {
@@ -14507,7 +14527,7 @@ function ShopifyProduct(instance, product, depth = 0) {
         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) => {
@@ -14515,7 +14535,7 @@ function ShopifyProduct(instance, product, depth = 0) {
         return [];
       }
       return product2.images.map(
-        (image, index) => ShopifyMedia(instance, image, {
+        (image, index) => ShopifyMedia(image, {
           media_type: "image",
           position: index + 1
         })
@@ -14745,7 +14765,7 @@ function ShopifyLineItem(instance, item, cart, options = {}) {
       [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(
@@ -15151,10 +15171,7 @@ function ShopifyCollection(instance, category) {
       (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(
@@ -15163,7 +15180,7 @@ function ShopifyCollection(instance, category) {
     ),
     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,
@@ -15183,9 +15200,9 @@ function ShopifyCollection(instance, category) {
     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) {
@@ -16138,38 +16155,72 @@ function ShopifyShop(instance, store) {
   });
 }
 
-// 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;
       }
@@ -16177,13 +16228,71 @@ var ObjectHandlesDrop = class extends import_liquidjs3.Drop {
         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",
@@ -16194,15 +16303,12 @@ var AllCategoryResource = class extends SwellStorefrontRecord {
     });
   }
 };
-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) {
@@ -16247,36 +16353,32 @@ var CollectionsDrop = class extends import_liquidjs4.Drop {
     }
     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",
@@ -16317,8 +16419,168 @@ var SwellStorefrontProducts = class extends SwellStorefrontCollection {
   }
 };
 
+// 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;
@@ -16339,9 +16601,25 @@ var ShopifyCompatibility3 = class {
   }
   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,
@@ -16349,9 +16627,11 @@ var ShopifyCompatibility3 = class {
       // 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) {
@@ -16372,11 +16652,6 @@ var ShopifyCompatibility3 = class {
     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;
@@ -16888,20 +17163,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) {
@@ -16957,25 +17218,41 @@ function ShopifyTemplate(_instance, template) {
   );
 }
 
-// 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;
@@ -16987,7 +17264,7 @@ function bind(_liquidSwell) {
       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)}`
@@ -17014,9 +17291,9 @@ function bind(_liquidSwell) {
 }
 
 // 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;
@@ -17027,7 +17304,7 @@ function bind2(liquidSwell) {
       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 = [];
@@ -17065,12 +17342,12 @@ function bind2(liquidSwell) {
     }
     *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;
@@ -17103,15 +17380,15 @@ function bind2(liquidSwell) {
 }
 
 // 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;
@@ -17136,20 +17413,22 @@ function bind3(_liquidSwell) {
 }
 
 // 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);
@@ -17165,23 +17444,29 @@ function bind4(_liquidSwell) {
             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();
     }
   };
@@ -17197,10 +17482,10 @@ function limit(arr, count) {
 }
 
 // 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;
@@ -17214,10 +17499,10 @@ function bind5(liquidSwell) {
       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));
@@ -17235,7 +17520,7 @@ function bind5(liquidSwell) {
         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]) => {
@@ -17290,14 +17575,15 @@ function bind5(liquidSwell) {
           ${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) {
@@ -17306,22 +17592,22 @@ function bind6(_liquidSwell) {
       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 {
@@ -17339,7 +17625,7 @@ function bind6(_liquidSwell) {
       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;
         }
@@ -17360,20 +17646,20 @@ function bind6(_liquidSwell) {
   };
 }
 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));
@@ -17391,9 +17677,9 @@ function bind7(_liquidSwell) {
 }
 
 // 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);
@@ -17409,9 +17695,9 @@ function bind8(liquidSwell) {
 }
 
 // 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;
@@ -17426,7 +17712,7 @@ function bind9(liquidSwell) {
       }
       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", () => {
@@ -17436,10 +17722,10 @@ function bind9(liquidSwell) {
     }
     *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
@@ -17455,15 +17741,18 @@ function bind9(liquidSwell) {
         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(
@@ -17471,23 +17760,23 @@ function bind10(liquidSwell) {
         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,
@@ -17520,13 +17809,13 @@ function* renderFilePath(file, ctx, liquid) {
     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);
@@ -17558,7 +17847,8 @@ function bind11(liquidSwell) {
           section: {
             id: this.fileName,
             settings: { ...defaultSettings, blocks: void 0 },
-            blocks: defaultSettings.blocks
+            blocks: defaultSettings.blocks,
+            location: "static"
           }
         });
       });
@@ -17576,10 +17866,10 @@ function bind11(liquidSwell) {
 }
 
 // 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);
@@ -17618,9 +17908,9 @@ function bind12(liquidSwell) {
 }
 
 // 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) {
@@ -17629,7 +17919,7 @@ function bind13(_liquidSwell) {
       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;
         }
@@ -17652,16 +17942,16 @@ function bind13(_liquidSwell) {
 }
 
 // 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));
@@ -17677,9 +17967,9 @@ function bind14(_liquidSwell) {
 }
 
 // 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(
@@ -17687,13 +17977,13 @@ function bind15(liquidSwell) {
         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));
@@ -17705,10 +17995,10 @@ function bind15(liquidSwell) {
 }
 
 // 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);
@@ -17741,9 +18031,9 @@ function bind16(liquidSwell) {
 }
 
 // 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) {
@@ -17995,12 +18285,12 @@ function bind35(_liquidSwell) {
 }
 
 // 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;
   };
@@ -18075,10 +18365,10 @@ var format_address_default = {
 };
 
 // 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);
   };
 }
 
@@ -18803,9 +19093,9 @@ async function resolveAsyncProps(propArg, resolveProps) {
 }
 
 // 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) => {
@@ -18832,8 +19122,8 @@ function arrayEqual(lhs, rhs) {
 
 // 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;
@@ -18968,7 +19258,7 @@ function isThemeColorLike(value) {
 }
 
 // src/liquid/index.ts
-var LiquidSwell29 = class extends import_liquidjs25.Liquid {
+var LiquidSwell29 = class extends import_liquidjs30.Liquid {
   theme;
   getThemeConfig;
   getThemeTemplateConfigByType;
@@ -19447,6 +19737,161 @@ var ThemeLoader = class _ThemeLoader {
   }
 };
 
+// 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;
@@ -19460,7 +19905,7 @@ var SwellTheme3 = class {
   page;
   pageId;
   shopifyCompatibility = null;
-  shopifyCompatibilityClass = ShopifyCompatibility3;
+  shopifyCompatibilityClass = ShopifyCompatibility2;
   shopifyCompatibilityConfig = null;
   formData = {};
   globalData = {};
@@ -19475,7 +19920,7 @@ var SwellTheme3 = class {
     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),
@@ -19493,8 +19938,10 @@ var SwellTheme3 = class {
   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);
@@ -19504,6 +19951,7 @@ var SwellTheme3 = class {
     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
@@ -19519,10 +19967,24 @@ var SwellTheme3 = class {
       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);
     }
@@ -19857,7 +20319,7 @@ var SwellTheme3 = class {
       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)) {
@@ -19881,15 +20343,15 @@ var SwellTheme3 = class {
             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;
@@ -19904,7 +20366,7 @@ var SwellTheme3 = class {
       }
       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
@@ -19915,13 +20377,13 @@ var SwellTheme3 = class {
         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
       );
@@ -20113,8 +20575,11 @@ var SwellTheme3 = class {
     }
     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;
@@ -20416,13 +20881,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";
@@ -20590,8 +21084,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",
@@ -20600,7 +21096,7 @@ ${this.shopifyCompatibility.getContentForHeader()}`;
         });
         return "";
       })
-    });
+    );
     this.pageSectionGroups = null;
     return pageSectionGroups;
   }
@@ -20642,7 +21138,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`
@@ -20656,7 +21152,7 @@ ${this.shopifyCompatibility.getContentForHeader()}`;
           });
           if (settings?.section?.custom_css) {
             output += `<style>${scopeCustomCSS(
-              settings?.section.custom_css,
+              settings.section.custom_css,
               sectionConfig.id
             )}</style>`;
           }
@@ -20686,8 +21182,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;
     }
@@ -20721,7 +21217,7 @@ var PageNotFound = class extends PageError {
     super(title, status, description);
   }
 };
-function resolveSectionSettings(theme, sectionConfig) {
+function resolveSectionSettings(theme, sectionConfig, index) {
   const { settings, schema } = sectionConfig;
   if (!schema || !settings?.section?.settings) {
     return settings;
@@ -20752,7 +21248,10 @@ function resolveSectionSettings(theme, sectionConfig) {
         settings.section.settings,
         editorSettings
       ),
-      blocks
+      blocks,
+      index0: index,
+      index: typeof index === "number" ? index + 1 : void 0,
+      location: getSectionLocation(settings.section.type)
     }
   };
 }
@@ -20766,7 +21265,7 @@ function fillDefaultThemeSettings(themeSettings, editorSchemaSettings) {
   }
 }
 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] || {};
@@ -20776,16 +21275,16 @@ function resolveThemeSettings(theme, themeSettings, editorSchemaSettings) {
       }
     }
   }
-  (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);
@@ -20836,7 +21335,7 @@ function resolveThemeSettings(theme, themeSettings, editorSchemaSettings) {
 }
 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)
@@ -21005,7 +21504,7 @@ function isChildItemActive(items) {
 }
 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) {
@@ -21386,6 +21885,7 @@ function getResourceQuery(slug, query) {
   getPage,
   getPageSections,
   getSectionGroupProp,
+  getSectionLocation,
   getSectionSettingsFromProps,
   getThemeSettingsFromProps,
   isArray,