@swell/apps-sdk 1.0.129 → 1.0.130

package/dist/index.mjs

@@ -7682,11 +7682,12 @@ async function getBlog(swell, id, query) {
 import JSON53 from "json5";
 import { reduce as reduce2 } from "lodash-es";
 var NO_INLINE = true;
-async function getEasyblocksPageTemplate(theme, pageId) {
+async function getEasyblocksPageTemplate(theme, pageId, altTemplate) {
   let templateConfig = null;
   templateConfig = await theme.getThemeTemplateConfigByType(
     "templates",
-    pageId
+    pageId,
+    altTemplate
   );
   if (templateConfig) {
     if (templateConfig.file_path.endsWith(".liquid")) {
@@ -13740,8 +13741,7 @@ function ShopifyArticle(instance, blog, blogCategory) {
       (blog2) => blog2.date_published || blog2.date_created
     ),
     tags: defer(() => blog.tags),
-    template_suffix: void 0,
-    // TODO
+    template_suffix: defer(() => blog.theme_template),
     title: defer(() => blog.title),
     updated_at: deferWith(
       blog,
@@ -13810,8 +13810,7 @@ function ShopifyBlog(instance, blogCategory) {
     // TODO
     tags: allTags,
     // TODO: this should only apply to articles in the current view
-    template_suffix: void 0,
-    // TODO
+    template_suffix: defer(() => blogCategory.theme_template),
     title: defer(() => blogCategory.title),
     url: deferWith(
       blogCategory,
@@ -14209,7 +14208,7 @@ function ShopifyProduct(instance, product, depth = 0) {
     selected_variant: void 0,
     selling_plan_groups: [],
     tags: defer(() => product.tags),
-    template_suffix: void 0,
+    template_suffix: defer(() => product.theme_template),
     title: defer(() => product.name),
     type: defer(() => product.type),
     url: deferWith(product, (product2) => `/products/${product2.slug}`),
@@ -14721,7 +14720,7 @@ function ShopifyCollection(instance, category) {
     sort_by: defer(() => category.sort),
     sort_options: defer(() => category.sort_options),
     tags: [],
-    template_suffix: void 0,
+    template_suffix: defer(() => category.theme_template),
     title: defer(() => category.name),
     url: deferWith(category, (category2) => `/collections/${category2.slug}`)
   });
@@ -15522,8 +15521,7 @@ function ShopifyPage(_instance, page) {
       page,
       (page2) => page2.date_published || page2.date_created
     ),
-    template_suffix: void 0,
-    // TODO
+    template_suffix: defer(() => page.theme_template),
     title: deferWith(page, (page2) => page2.title || page2.name),
     // Due to deprecated name field
     url: deferWith(page, (page2) => `/pages/${page2.slug}`)
@@ -15859,17 +15857,13 @@ var ShopifyCompatibility3 = class {
     this.queryParamsMap = this.getQueryParamsMap();
   }
   initGlobals(globals) {
-    const { request, page } = globals;
-    this.pageId = this.getPageType(globals.page?.id);
-    globals.page = {
-      ...page || void 0
-    };
+    const { request } = globals;
     globals.request = {
       ...request || void 0,
       design_mode: this.swell.isEditor,
       visual_section_preview: false,
       // TODO: Add support for visual section preview
-      page_type: page?.id
+      page_type: ""
     };
     globals.collections = new CollectionsDrop(this);
     globals.current_page = this.swell.queryParams.page || 1;
@@ -15878,6 +15872,8 @@ var ShopifyCompatibility3 = class {
   adaptGlobals(globals, prevGlobals) {
     if (globals.page) {
       this.pageId = this.getPageType(globals.page.id);
+      const request = globals.request || prevGlobals.request;
+      request.page_type = globals.page.id;
     }
     if (globals.request) {
       const page = globals.page || prevGlobals.page;
@@ -18964,12 +18960,10 @@ var SwellTheme3 = class {
   getSwellAppThemeProps(swellConfig) {
     return swellConfig?.storefront?.theme || {};
   }
-  async initGlobals(pageId) {
-    this.pageId = pageId;
+  async initGlobals() {
     await this.themeLoader.init(this.themeConfigs || void 0);
     const { store, session, menus, geo, configs } = await this.getSettingsAndConfigs();
-    const { settings, request, page, cart, account, customer } = await this.resolvePageData(store, configs, pageId);
-    this.page = page;
+    const { settings, request, cart, account, customer } = await this.resolvePageData(store, configs);
     const globals = {
       ...this.globalData,
       store,
@@ -18977,7 +18971,7 @@ var SwellTheme3 = class {
       session,
       request,
       menus,
-      page,
+      page: {},
       cart,
       account,
       customer,
@@ -19008,6 +19002,45 @@ var SwellTheme3 = class {
       ...this.globals
     };
   }
+  async initPageGlobals(pageId, altTemplate) {
+    this.pageId = pageId;
+    const swellPage = this.props.pages?.find(
+      (page2) => page2.id === pageId
+    );
+    const page = {
+      ...swellPage,
+      current: Number(this.swell.queryParams.page) || 1,
+      url: this.swell.url.pathname,
+      custom: !swellPage,
+      slug: void 0,
+      description: void 0,
+      $locale: void 0
+    };
+    if (pageId) {
+      const templateConfig = await this.getThemeTemplateConfigByType(
+        "templates",
+        pageId,
+        altTemplate
+      );
+      let pageSchema;
+      try {
+        pageSchema = JSON56.parse(
+          templateConfig?.file_data || "{}"
+        );
+      } catch (err) {
+        console.warn(err);
+      }
+      if (pageSchema?.page) {
+        const { slug, label, description, $locale } = pageSchema.page;
+        page.slug = slug;
+        page.label = label || page.label;
+        page.description = description;
+        page.$locale = $locale;
+      }
+    }
+    this.page = page;
+    this.setGlobals({ page });
+  }
   async getSettingsAndConfigs() {
     const geo = GEO_DATA;
     const [storefrontSettings, settingConfigs] = await Promise.all([
@@ -19057,7 +19090,7 @@ var SwellTheme3 = class {
       configs
     };
   }
-  async resolvePageData(store, configs, pageId) {
+  async resolvePageData(store, configs) {
     const configVersion = String(
       this.swell.swellHeaders["theme-config-version"]
     );
@@ -19089,39 +19122,6 @@ var SwellTheme3 = class {
       is_editor: this.swell.isEditor,
       is_preview: this.swell.isPreview
     };
-    const swellPage = this.props.pages?.find(
-      (page2) => page2.id === pageId
-    );
-    const page = {
-      ...swellPage,
-      current: Number(this.swell.queryParams.page) || 1,
-      url: this.swell.url.pathname,
-      custom: !swellPage,
-      slug: void 0,
-      description: void 0,
-      $locale: void 0
-    };
-    if (pageId) {
-      const templateConfig = await this.getThemeTemplateConfigByType(
-        "templates",
-        pageId
-      );
-      let pageSchema;
-      try {
-        pageSchema = JSON56.parse(
-          templateConfig?.file_data || "{}"
-        );
-      } catch (err) {
-        console.warn(err);
-      }
-      if (pageSchema?.page) {
-        const { slug, label, description, $locale } = pageSchema.page;
-        page.slug = slug;
-        page.label = label || page.label;
-        page.description = description;
-        page.$locale = $locale;
-      }
-    }
     const [cart, account] = await Promise.all([
       this.fetchSingletonResourceCached(
         "cart",
@@ -19144,7 +19144,6 @@ var SwellTheme3 = class {
     return {
       settings,
       request,
-      page,
       cart,
       account,
       customer
@@ -19504,15 +19503,15 @@ var SwellTheme3 = class {
   async preloadThemeConfigs(version, configs) {
     await this.themeLoader.preloadTheme(version, configs);
   }
-  getPageConfigPath(pageId) {
+  getPageConfigPath(pageId, altTemplate) {
     if (this.shopifyCompatibility) {
       const configPath = this.shopifyCompatibility.getThemeFilePath(
         "templates",
         pageId
       );
-      return `theme/${configPath}.json`;
+      return `${withSuffix(`theme/${configPath}`, altTemplate)}.json`;
     }
-    return `theme/templates/${pageId}.json`;
+    return `${withSuffix(`theme/templates/${pageId}`, altTemplate)}.json`;
   }
   async getThemeConfig(filePath) {
     if (this.themeConfigs !== null) {
@@ -19541,12 +19540,11 @@ var SwellTheme3 = class {
     }
     return this.getThemeConfig(`${filePath}.liquid`);
   }
-  async getThemeTemplateConfigByType(type, name) {
-    const templatesByPriority = [`${type}/${name}`];
+  async getThemeTemplateConfigByType(type, name, suffix) {
+    const templatesByPriority = [withSuffix(`${type}/${name}`, suffix)];
     if (this.shopifyCompatibility) {
-      templatesByPriority.push(
-        this.shopifyCompatibility.getThemeFilePath(type, name)
-      );
+      const path = this.shopifyCompatibility.getThemeFilePath(type, name);
+      templatesByPriority.push(withSuffix(path, suffix));
     }
     for (const filePath of templatesByPriority) {
       const templateConfig = await this.getThemeTemplateConfig(
@@ -19715,7 +19713,8 @@ ${content.slice(pos)}`;
     if (altTemplateId) {
       templateConfig = await this.getThemeTemplateConfigByType(
         "templates",
-        `${name}.${altTemplateId}`
+        name,
+        altTemplateId
       );
     }
     if (!templateConfig) {
@@ -20012,10 +20011,11 @@ ${this.shopifyCompatibility.getContentForHeader()}`;
   /**
    * Get a list of sections and section groups in a page layout.
    */
-  async getPageSectionGroups(pageId) {
+  async getPageSectionGroups(pageId, altTemplate) {
     const pageConfig = await this.getThemeTemplateConfigByType(
       "templates",
-      pageId
+      pageId,
+      altTemplate
     );
     if (pageConfig === null) {
       return [];
@@ -20332,6 +20332,9 @@ function extractSchemaTag(template) {
   }
   return list[0];
 }
+function withSuffix(path, suffix) {
+  return suffix ? `${path}.${suffix}` : path;
+}
 
 // src/menus.ts
 async function resolveMenuSettings(theme, menus, options) {