@swell/apps-sdk 1.0.126 → 1.0.128

package/dist/index.mjs

@@ -62,10 +62,151 @@ import { cloneDeep as cloneDeep3, reduce } from "lodash-es";
 import JSON52 from "json5";
 
 // src/resources.ts
-import { cloneDeep } from "lodash-es";
+import { cloneDeep as cloneDeep2 } from "lodash-es";
 
 // src/liquid/utils.ts
 import { Drop } from "liquidjs";
+
+// src/compatibility/shopify-objects/resource.ts
+import { cloneDeep, noop } from "lodash-es";
+var ShopifyResource = class _ShopifyResource {
+  props;
+  stringProp;
+  linkProps;
+  constructor(props, stringProp, linkProps) {
+    this.props = props;
+    this.stringProp = stringProp;
+    this.linkProps = linkProps;
+    return new Proxy(props, {
+      get(target, prop, receiver) {
+        const instance = target;
+        switch (prop) {
+          case "toJSON":
+            return props;
+          case "clone":
+            return () => {
+              return new _ShopifyResource(
+                cloneDeep(props),
+                cloneDeep(stringProp),
+                cloneDeep(linkProps)
+              );
+            };
+          case "toString": {
+            if (stringProp) {
+              return () => {
+                return props[stringProp];
+              };
+            }
+            break;
+          }
+          case Symbol.toPrimitive: {
+            return () => {
+              let prop2 = stringProp;
+              if (typeof prop2 === "number") {
+                prop2 = prop2.toString();
+              }
+              return this.get?.(instance, prop2 || "handle", receiver);
+            };
+          }
+          default:
+            break;
+        }
+        const value = instance[prop];
+        if (value instanceof DeferredShopifyResource) {
+          const promise = value.resolve().then(
+            (value2) => {
+              instance[prop] = value2;
+              return value2;
+            },
+            (err) => {
+              console.log(err);
+              instance[prop] = null;
+              return null;
+            }
+          );
+          instance[prop] = promise;
+          return promise;
+        }
+        return value;
+      },
+      getPrototypeOf() {
+        return _ShopifyResource.prototype;
+      }
+    });
+  }
+  valueOf() {
+    if (this.stringProp) {
+      return this.props[this.stringProp];
+    }
+    return this;
+  }
+  // For typescript
+  clone() {
+    return new _ShopifyResource(this.props);
+  }
+};
+var DeferredShopifyResource = class {
+  handler;
+  result;
+  constructor(handler) {
+    this.result = void 0;
+    this.handler = handler;
+  }
+  async resolve() {
+    if (this.handler !== noop) {
+      const handler = this.handler;
+      this.handler = noop;
+      this.result = Promise.resolve().then(handler).then((value) => {
+        this.result = value;
+        return value;
+      });
+    }
+    return this.result;
+  }
+};
+function defer(handler) {
+  return new DeferredShopifyResource(handler);
+}
+function isResolvable(asyncProp) {
+  return isObject(asyncProp) && (isLikePromise(asyncProp) || typeof asyncProp._resolve === "function");
+}
+function isStorefrontResource(resource) {
+  return isObject(resource) && typeof resource._resolve === "function";
+}
+async function resolveAsyncProp(asyncProp) {
+  if (Array.isArray(asyncProp)) {
+    return Promise.all(
+      asyncProp.map(
+        (prop) => isStorefrontResource(prop) ? prop._resolve() : prop
+      )
+    );
+  }
+  if (isStorefrontResource(asyncProp)) {
+    return asyncProp._resolve();
+  }
+  return asyncProp;
+}
+function handleDeferredProp(asyncProp, handler) {
+  return resolveAsyncProp(asyncProp).then((value) => {
+    if (Array.isArray(asyncProp) && Array.isArray(value)) {
+      return handler(...value.map((prop) => prop || {}));
+    }
+    if (isResolvable(value)) {
+      return handleDeferredProp(value, handler);
+    }
+    return handler(value || {});
+  }).catch((err) => {
+    console.log(err);
+    return null;
+  });
+}
+function deferWith(asyncProp, handler) {
+  return new DeferredShopifyResource(
+    () => handleDeferredProp(asyncProp, handler)
+  );
+}
+
+// src/liquid/utils.ts
 var ForloopDrop = class extends Drop {
   i;
   length;
@@ -232,18 +373,24 @@ async function jsonStringifyAsync(input, space = 0) {
 async function resolveAllKeys(value, references = /* @__PURE__ */ new WeakSet()) {
   await forEachKeyDeep(value, async (key, value2) => {
     if (!isObject(value2)) {
-      return;
+      return true;
     }
     const val = value2[key];
     if (isLikePromise(val)) {
       value2[key] = await val;
       await resolveAllKeys(value2[key], references);
     } else if (isObject(val)) {
+      if (val instanceof DeferredShopifyResource) {
+        value2[key] = await val.resolve();
+        await resolveAllKeys(value2[key], references);
+        return true;
+      }
       if (references.has(val)) {
         return false;
       }
       references.add(val);
     }
+    return true;
   });
 }
 async function forEachKeyDeep(obj, fn) {
@@ -569,7 +716,7 @@ var SwellStorefrontCollection = class _SwellStorefrontCollection extends SwellSt
       this._getter
     );
     if (this._isResultResolved()) {
-      cloned._result = cloneDeep(this._result);
+      cloned._result = cloneDeep2(this._result);
     }
     if (this._compatibilityProps) {
       cloned.setCompatibilityProps(this._compatibilityProps);
@@ -598,7 +745,7 @@ var SwellStorefrontCollection = class _SwellStorefrontCollection extends SwellSt
       }
     });
     if (this._isResultResolved()) {
-      const result = cloneDeep(this._result);
+      const result = cloneDeep2(this._result);
       if (result) {
         const compatibilityProps = compatibilityGetter(result);
         Object.assign(cloned, result);
@@ -762,145 +909,6 @@ var SwellStorefrontPagination = class {
   }
 };
 
-// src/compatibility/shopify-objects/resource.ts
-import { cloneDeep as cloneDeep2, noop } from "lodash-es";
-var ShopifyResource = class _ShopifyResource {
-  props;
-  stringProp;
-  linkProps;
-  constructor(props, stringProp, linkProps) {
-    this.props = props;
-    this.stringProp = stringProp;
-    this.linkProps = linkProps;
-    return new Proxy(props, {
-      get(target, prop, receiver) {
-        const instance = target;
-        switch (prop) {
-          case "toJSON":
-            return props;
-          case "clone":
-            return () => {
-              return new _ShopifyResource(
-                cloneDeep2(props),
-                cloneDeep2(stringProp),
-                cloneDeep2(linkProps)
-              );
-            };
-          case "toString": {
-            if (stringProp) {
-              return () => {
-                return props[stringProp];
-              };
-            }
-            break;
-          }
-          case Symbol.toPrimitive: {
-            return () => {
-              let prop2 = stringProp;
-              if (typeof prop2 === "number") {
-                prop2 = prop2.toString();
-              }
-              return this.get?.(instance, prop2 || "handle", receiver);
-            };
-          }
-          default:
-            break;
-        }
-        const value = instance[prop];
-        if (value instanceof DeferredShopifyResource) {
-          const promise = value.resolve().then(
-            (value2) => {
-              instance[prop] = value2;
-              return value2;
-            },
-            (err) => {
-              console.log(err);
-              instance[prop] = null;
-              return null;
-            }
-          );
-          instance[prop] = promise;
-          return promise;
-        }
-        return value;
-      },
-      getPrototypeOf() {
-        return _ShopifyResource.prototype;
-      }
-    });
-  }
-  valueOf() {
-    if (this.stringProp) {
-      return this.props[this.stringProp];
-    }
-    return this;
-  }
-  // For typescript
-  clone() {
-    return new _ShopifyResource(this.props);
-  }
-};
-var DeferredShopifyResource = class {
-  handler;
-  result;
-  constructor(handler) {
-    this.result = void 0;
-    this.handler = handler;
-  }
-  async resolve() {
-    if (this.handler !== noop) {
-      const handler = this.handler;
-      this.handler = noop;
-      this.result = Promise.resolve().then(handler).then((value) => {
-        this.result = value;
-        return value;
-      });
-    }
-    return this.result;
-  }
-};
-function defer(handler) {
-  return new DeferredShopifyResource(handler);
-}
-function isResolvable(asyncProp) {
-  return isObject(asyncProp) && (isLikePromise(asyncProp) || typeof asyncProp._resolve === "function");
-}
-function isStorefrontResource(resource) {
-  return isObject(resource) && typeof resource._resolve === "function";
-}
-async function resolveAsyncProp(asyncProp) {
-  if (Array.isArray(asyncProp)) {
-    return Promise.all(
-      asyncProp.map(
-        (prop) => isStorefrontResource(prop) ? prop._resolve() : prop
-      )
-    );
-  }
-  if (isStorefrontResource(asyncProp)) {
-    return asyncProp._resolve();
-  }
-  return asyncProp;
-}
-function handleDeferredProp(asyncProp, handler) {
-  return resolveAsyncProp(asyncProp).then((value) => {
-    if (Array.isArray(asyncProp) && Array.isArray(value)) {
-      return handler(...value.map((prop) => prop || {}));
-    }
-    if (isResolvable(value)) {
-      return handleDeferredProp(value, handler);
-    }
-    return handler(value || {});
-  }).catch((err) => {
-    console.log(err);
-    return null;
-  });
-}
-function deferWith(asyncProp, handler) {
-  return new DeferredShopifyResource(
-    () => handleDeferredProp(asyncProp, handler)
-  );
-}
-
 // src/constants.ts
 var FILE_DATA_INCLUDE_QUERY = {
   url: "/:themes:configs/{id}/file/data",
@@ -13610,6 +13618,9 @@ function ShopifyArticle(instance, blog, blogCategory) {
     "moderated?": false
   });
 }
+function isLikeShopifyArticle(value) {
+  return typeof value === "object" && value !== null && Object.hasOwn(value, "title") && Object.hasOwn(value, "content") && Object.hasOwn(value, "comments") && Object.hasOwn(value, "moderated?") && Object.hasOwn(value, "published_at") && Object.hasOwn(value, "excerpt_or_content");
+}
 
 // src/compatibility/shopify-objects/blog.ts
 function ShopifyBlog(instance, blogCategory) {
@@ -13907,7 +13918,7 @@ function ShopifyProduct(instance, product, depth = 0) {
     // not used
     first_available_variant: deferWith(product, (product2) => {
       const variant = getSelectedVariant(product2, {});
-      return ShopifyVariant(instance, variant || product2, product2, depth + 1);
+      return variant ? ShopifyVariant(instance, variant, product2, depth + 1) : void 0;
     }),
     "gift_card?": deferWith(product, (product2) => product2.type === "giftcard"),
     handle: defer(() => product.slug),
@@ -14020,26 +14031,32 @@ function ShopifyProduct(instance, product, depth = 0) {
       product,
       (product2) => calculateAddOptionsPrice(product2, instance.swell.queryParams)
     ),
-    price_max: deferWith(
-      product,
-      (product2) => product2.variants?.results?.reduce(
+    price_max: deferWith(product, (product2) => {
+      if (!Array.isArray(product2.variants?.results)) {
+        return product2.price;
+      }
+      return product2.variants.results.reduce(
         (max, variant) => Math.max(max, variant.price),
         0
-      )
-    ),
-    price_min: deferWith(
-      product,
-      (product2) => product2.variants?.results?.reduce(
+      );
+    }),
+    price_min: deferWith(product, (product2) => {
+      if (!Array.isArray(product2.variants?.results)) {
+        return product2.price;
+      }
+      return product2.variants.results.reduce(
         (min, variant) => Math.min(min, variant.price),
         Infinity
-      )
-    ),
-    price_varies: deferWith(
-      product,
-      (product2) => product2.variants?.results?.some(
+      );
+    }),
+    price_varies: deferWith(product, (product2) => {
+      if (!Array.isArray(product2.variants?.results)) {
+        return false;
+      }
+      return product2.variants.results.some(
         (variant) => variant.price !== product2.price
-      )
-    ),
+      );
+    }),
     published_at: deferWith(
       product,
       (product2) => product2.date_updated || product2.date_created
@@ -14075,11 +14092,8 @@ function ShopifyProduct(instance, product, depth = 0) {
     selected_or_first_available_variant: deferWith(
       product,
       (product2) => {
-        let variant = getSelectedVariant(product2, instance.swell.queryParams);
-        if (!variant) {
-          variant = product2;
-        }
-        return ShopifyVariant(instance, variant, product2, depth + 1);
+        const variant = getSelectedVariant(product2, instance.swell.queryParams);
+        return variant ? ShopifyVariant(instance, variant, product2, depth + 1) : void 0;
       }
     ),
     selected_selling_plan: void 0,
@@ -14100,6 +14114,9 @@ function ShopifyProduct(instance, product, depth = 0) {
       ).reverse();
       return variants;
     }),
+    variants_count: deferWith(product, (product2) => {
+      return product2.variants?.count || 0;
+    }),
     vendor: void 0
   });
 }
@@ -14177,6 +14194,9 @@ function getSelectedVariantOptionValues(product, variant, queryParams) {
   }
   return values;
 }
+function isLikeShopifyProduct(value) {
+  return typeof value === "object" && value !== null && Object.hasOwn(value, "variants") && Object.hasOwn(value, "gift_card?") && Object.hasOwn(value, "price_varies") && Object.hasOwn(value, "has_only_default_variant");
+}
 
 // src/compatibility/shopify-objects/line_item.ts
 function ShopifyLineItem(instance, item, cart, options = {}) {
@@ -17253,7 +17273,7 @@ var tags = {
 };
 function bindTags(liquidSwell) {
   Object.entries(tags).forEach(
-    ([tag, bind61]) => liquidSwell.registerTag(tag, bind61(liquidSwell))
+    ([tag, bind62]) => liquidSwell.registerTag(tag, bind62(liquidSwell))
   );
 }
 
@@ -18075,8 +18095,86 @@ function bind59(_liquidSwell) {
   };
 }
 
-// src/liquid/filters/inline_editable.ts
+// src/liquid/filters/shopify/structured_data.ts
 function bind60(_liquidSwell) {
+  return async function filterStructuredData(input) {
+    let value = input;
+    if (value instanceof StorefrontResource) {
+      value = await value.resolve();
+    }
+    await resolveAllKeys(value);
+    if (isObject2(value)) {
+      if (isLikeShopifyProduct(value)) {
+        return JSON.stringify(
+          value.variants_count > 0 ? convertToSchemaOrgProductGroup(value) : convertToSchemaOrgProduct(
+            value,
+            value
+          )
+        );
+      }
+      if (isLikeShopifyArticle(value)) {
+        return JSON.stringify(convertToSchemaOrgArticle(value));
+      }
+    }
+    return value;
+  };
+}
+function convertToSchemaOrgArticle(article) {
+  const schemaOrgArticle = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    "@id": article.url,
+    url: article.url,
+    name: article.title,
+    author: article.author,
+    image: article.image?.src.url || void 0,
+    abstract: article.excerpt,
+    keywords: article.tags,
+    articleBody: article.content,
+    dateCreated: article.created_at,
+    dateModified: article.updated_at,
+    datePublished: article.published_at
+  };
+  return schemaOrgArticle;
+}
+function convertToSchemaOrgProduct(variant, product) {
+  const schemaOrgProduct = {
+    "@context": "https://schema.org",
+    "@type": "Product",
+    "@id": variant.url,
+    url: variant.url,
+    sku: variant.sku,
+    name: variant.title,
+    image: variant.featured_image?.src.url || void 0,
+    keywords: product.tags,
+    description: product.description,
+    offers: {
+      "@type": "Offer",
+      availability: variant.available ? "https://schema.org/InStock" : "https://schema.org/OutOfStock",
+      price: variant.price,
+      priceCurrency: "USD"
+    }
+  };
+  return schemaOrgProduct;
+}
+function convertToSchemaOrgProductGroup(product) {
+  const schemaOrgProductGroup = {
+    "@context": "https://schema.org",
+    "@type": "ProductGroup",
+    productGroupID: String(product.id),
+    url: product.url,
+    name: product.title,
+    description: product.description,
+    variesBy: product.options,
+    hasVariant: product.variants.map(
+      (variant) => convertToSchemaOrgProduct(variant, product)
+    )
+  };
+  return schemaOrgProductGroup;
+}
+
+// src/liquid/filters/inline_editable.ts
+function bind61(_liquidSwell) {
   return (value, key) => {
     if (typeof value === "object" && "value" in value) {
       value = value.value;
@@ -18135,8 +18233,9 @@ var filters = {
   payment_terms: bind57,
   placeholder_svg_tag: bind58,
   shopify_asset_url: bind59,
+  structured_data: bind60,
   // Swell only
-  inline_editable: bind60
+  inline_editable: bind61
 };
 function bindFilters(liquidSwell) {
   for (const [tag, handler] of Object.entries(filters)) {
@@ -18150,8 +18249,8 @@ function bindFilters(liquidSwell) {
     }
   }
 }
-function bindWithResolvedProps(liquidSwell, bind61, resolve = []) {
-  const handler = bind61(liquidSwell);
+function bindWithResolvedProps(liquidSwell, bind62, resolve = []) {
+  const handler = bind62(liquidSwell);
   if (!Array.isArray(resolve)) {
     return handler;
   }
@@ -19542,14 +19641,36 @@ var SwellTheme3 = class {
       "layouts",
       name
     );
-    if (templateConfig) {
-      const content = await this.renderThemeTemplate(
-        templateConfig.file_path,
-        data
-      );
-      return typeof content === "string" ? content : `<!-- invalid layout: ${name}--> {{ content_for_layout }}`;
+    if (!templateConfig) {
+      throw new Error(`Layout template not found: ${name}`);
+    }
+    let content = await this.renderThemeTemplate(
+      templateConfig.file_path,
+      data
+    );
+    if (typeof content !== "string") {
+      return `<!-- invalid layout: ${name}--> {{ content_for_layout }}`;
+    }
+    if (!this.globals.request.is_editor) {
+      let customCss = this.globals.settings.custom_css || "";
+      if (Array.isArray(customCss)) {
+        customCss = customCss.join("\n").trim();
+      }
+      if (customCss) {
+        let pos = -1;
+        let match = null;
+        const regex = /<\/body\s*?>/gi;
+        while ((match = regex.exec(content)) !== null) {
+          pos = match.index;
+        }
+        if (pos !== -1) {
+          content = `${content.slice(0, pos)}
+<style>${customCss}</style>
+${content.slice(pos)}`;
+        }
+      }
     }
-    throw new Error(`Layout template not found: ${name}`);
+    return content;
   }
   async renderPageTemplate(name, data, altTemplateId) {
     let templateConfig = null;