@gem-sdk/core 1.0.0

package/dist/esm/graphql/fragments/collection-detail.generated.js

@@ -0,0 +1,11 @@
+const CollectionDetailSelect = `
+    fragment CollectionDetailSelect on Collection {
+  id
+  baseID
+  title
+  handle
+  description
+}
+    `;
+
+export { CollectionDetailSelect };

package/dist/esm/graphql/fragments/collection-product.generated.js

@@ -0,0 +1,24 @@
+const CollectionProductSelect = `
+    fragment CollectionProductSelect on Collection {
+  ...CollectionDetailSelect
+  products(
+    first: $firstProduct
+    orderBy: $orderByProduct
+    after: $productsAfter
+    where: $whereProduct
+  ) {
+    edges {
+      cursor
+      node {
+        ...ProductSelect
+      }
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+    }
+  }
+}
+    `;
+
+export { CollectionProductSelect };

package/dist/esm/graphql/fragments/data-seo.generated.js

@@ -0,0 +1,9 @@
+const DataSeoSelect = `
+    fragment DataSEOSelect on DataSEO {
+  id
+  key
+  value
+}
+    `;
+
+export { DataSeoSelect };

package/dist/esm/graphql/fragments/media.generated.js

@@ -0,0 +1,12 @@
+const MediaSelect = `
+    fragment MediaSelect on Media {
+  id
+  contentType
+  src
+  width
+  height
+  alt
+}
+    `;
+
+export { MediaSelect };

package/dist/esm/graphql/fragments/product-little.generated.js

@@ -0,0 +1,23 @@
+const ProductLittleSelect = `
+    fragment ProductLittleSelect on Product {
+  id
+  title
+  description
+  descriptionHtml
+  handle
+  averageRating
+  isStorefront
+  isSample
+  baseID
+  sku
+  options {
+    ...ProductOptionSelect
+  }
+  vendor
+  featuredImage {
+    ...MediaSelect
+  }
+}
+    `;
+
+export { ProductLittleSelect };

package/dist/esm/graphql/fragments/product-option-value.generated.js

@@ -0,0 +1,11 @@
+const ProductOptionValueSelect = `
+    fragment ProductOptionValueSelect on ProductOptionValue {
+  id
+  label
+  sortOrder
+  isDefault
+  baseID
+}
+    `;
+
+export { ProductOptionValueSelect };

package/dist/esm/graphql/fragments/product-option.generated.js

@@ -0,0 +1,12 @@
+const ProductOptionSelect = `
+    fragment ProductOptionSelect on ProductOption {
+  id
+  name
+  optionType
+  values {
+    ...ProductOptionValueSelect
+  }
+}
+    `;
+
+export { ProductOptionSelect };

package/dist/esm/graphql/fragments/product.generated.js

@@ -0,0 +1,31 @@
+const ProductSelect = `
+    fragment ProductSelect on Product {
+  ...ProductLittleSelect
+  medias(first: $firstMedia, after: $afterMedia) {
+    edges {
+      cursor
+      node {
+        ...MediaSelect
+      }
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+    }
+  }
+  variants(first: $firstVariant, after: $afterVariant) {
+    edges {
+      cursor
+      node {
+        ...VariantSelect
+      }
+    }
+    pageInfo {
+      hasNextPage
+      endCursor
+    }
+  }
+}
+    `;
+
+export { ProductSelect };

package/dist/esm/graphql/fragments/published-custom-section.generated.js

@@ -0,0 +1,10 @@
+const PublishedCustomSectionSelect = `
+    fragment PublishedCustomSectionSelect on PublishedCustomSection {
+  cid
+  component
+  id
+  type
+}
+    `;
+
+export { PublishedCustomSectionSelect };

package/dist/esm/graphql/fragments/published-page-section.generated.js

@@ -0,0 +1,9 @@
+const PublishedPageSectionSelect = `
+    fragment PublishedPageSectionSelect on PublishedPageSection {
+  cid
+  component
+  id
+}
+    `;
+
+export { PublishedPageSectionSelect };

package/dist/esm/graphql/fragments/published-theme-page.generated.js

@@ -0,0 +1,25 @@
+const PublishedThemePageSelect = `
+    fragment PublishedThemePageSelect on PublishedThemePage {
+  id
+  name
+  isMobile
+  pageSections {
+    ...PublishedPageSectionSelect
+  }
+  themePageCustomSections {
+    ...PublishedCustomSectionSelect
+  }
+  themePageDataSEO {
+    ...DataSEOSelect
+  }
+  pageStyle {
+    ...PublishedThemeStyleSelect
+  }
+  sectionPosition
+  themePageAnalytic {
+    ...AnalyticSelect
+  }
+}
+    `;
+
+export { PublishedThemePageSelect };

package/dist/esm/graphql/fragments/published-theme-style.generated.js

@@ -0,0 +1,9 @@
+const PublishedThemeStyleSelect = `
+    fragment PublishedThemeStyleSelect on PublishedThemeStyle {
+  id
+  data
+  name
+}
+    `;
+
+export { PublishedThemeStyleSelect };

package/dist/esm/graphql/fragments/selected-option.generated.js

@@ -0,0 +1,9 @@
+const SelectedOptionSelect = `
+    fragment SelectedOptionSelect on SelectedOption {
+  name
+  value
+  optionType
+}
+    `;
+
+export { SelectedOptionSelect };

package/dist/esm/graphql/fragments/variant.generated.js

@@ -0,0 +1,33 @@
+const VariantSelect = `
+    fragment VariantSelect on ProductVariant {
+  id
+  title
+  barcode
+  baseID
+  costPrice
+  height
+  inventoryPolicy
+  inventoryQuantity
+  inventoryStatus
+  isDigital
+  length
+  lowInventoryAmount
+  manageInventory
+  mediaId
+  platform
+  price
+  salePrice
+  sku
+  soldIndividually
+  weight
+  width
+  selectedOptions {
+    ...SelectedOptionSelect
+  }
+  media {
+    ...MediaSelect
+  }
+}
+    `;
+
+export { VariantSelect };

package/dist/esm/graphql/queries/collection-detail-filter.generated.js

@@ -0,0 +1,32 @@
+import { CollectionProductSelect } from '../fragments/collection-product.generated.js';
+import { CollectionDetailSelect } from '../fragments/collection-detail.generated.js';
+import { ProductSelect } from '../fragments/product.generated.js';
+import { ProductLittleSelect } from '../fragments/product-little.generated.js';
+import { ProductOptionSelect } from '../fragments/product-option.generated.js';
+import { ProductOptionValueSelect } from '../fragments/product-option-value.generated.js';
+import { MediaSelect } from '../fragments/media.generated.js';
+import { VariantSelect } from '../fragments/variant.generated.js';
+import { SelectedOptionSelect } from '../fragments/selected-option.generated.js';
+
+const CollectionDetailFilterDocument = `
+    query collectionDetailFilter($firstProduct: Int = 10, $orderBy: CollectionOrder, $where: CollectionWhereInput, $orderByProduct: ProductOrder, $productsAfter: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor, $firstMedia: Int, $whereProduct: ProductWhereInput) {
+  collections(first: 1, orderBy: $orderBy, where: $where) {
+    edges {
+      cursor
+      node {
+        ...CollectionProductSelect
+      }
+    }
+  }
+}
+    ${CollectionProductSelect}
+${CollectionDetailSelect}
+${ProductSelect}
+${ProductLittleSelect}
+${ProductOptionSelect}
+${ProductOptionValueSelect}
+${MediaSelect}
+${VariantSelect}
+${SelectedOptionSelect}`;
+
+export { CollectionDetailFilterDocument };

package/dist/esm/graphql/queries/collection.generated.js

@@ -0,0 +1,50 @@
+import { ProductSelect } from '../fragments/product.generated.js';
+import { ProductLittleSelect } from '../fragments/product-little.generated.js';
+import { ProductOptionSelect } from '../fragments/product-option.generated.js';
+import { ProductOptionValueSelect } from '../fragments/product-option-value.generated.js';
+import { MediaSelect } from '../fragments/media.generated.js';
+import { VariantSelect } from '../fragments/variant.generated.js';
+import { SelectedOptionSelect } from '../fragments/selected-option.generated.js';
+
+const CollectionDocument = `
+    query collection($first: Int = 5, $firstMedia: Int = 20, $afterMedia: Cursor, $firstVariant: Int = 20, $afterVariant: Cursor, $handle: String, $id: ID) {
+  collection(handle: $handle, id: $id) {
+    baseID
+    createdAt
+    deletedAt
+    description
+    descriptionMeta
+    handle
+    id
+    platform
+    products(first: $first) {
+      edges {
+        cursor
+        node {
+          ...ProductSelect
+        }
+      }
+      pageInfo {
+        endCursor
+        hasNextPage
+        hasPreviousPage
+        startCursor
+      }
+      totalCount
+    }
+    tags
+    templateSuffix
+    title
+    titleMeta
+    updatedAt
+  }
+}
+    ${ProductSelect}
+${ProductLittleSelect}
+${ProductOptionSelect}
+${ProductOptionValueSelect}
+${MediaSelect}
+${VariantSelect}
+${SelectedOptionSelect}`;
+
+export { CollectionDocument };

package/dist/esm/graphql/queries/preview-page.generated.js

@@ -0,0 +1,21 @@
+import { PublishedThemePageSelect } from '../fragments/published-theme-page.generated.js';
+import { PublishedPageSectionSelect } from '../fragments/published-page-section.generated.js';
+import { PublishedCustomSectionSelect } from '../fragments/published-custom-section.generated.js';
+import { DataSeoSelect } from '../fragments/data-seo.generated.js';
+import { PublishedThemeStyleSelect } from '../fragments/published-theme-style.generated.js';
+import { AnalyticSelect } from '../fragments/analytic.generated.js';
+
+const PreviewPageDocument = `
+    query previewPage($handleURL: String, $pageType: PublishedThemePageType!) {
+  previewPage(handleURL: $handleURL, pageType: $pageType) {
+    ...PublishedThemePageSelect
+  }
+}
+    ${PublishedThemePageSelect}
+${PublishedPageSectionSelect}
+${PublishedCustomSectionSelect}
+${DataSeoSelect}
+${PublishedThemeStyleSelect}
+${AnalyticSelect}`;
+
+export { PreviewPageDocument };

package/dist/esm/graphql/queries/product-little-detail.generated.js

@@ -0,0 +1,22 @@
+import { ProductLittleSelect } from '../fragments/product-little.generated.js';
+import { ProductOptionSelect } from '../fragments/product-option.generated.js';
+import { ProductOptionValueSelect } from '../fragments/product-option-value.generated.js';
+import { MediaSelect } from '../fragments/media.generated.js';
+
+const ProductLittleDetailDocument = `
+    query productLittleDetail($orderBy: ProductOrder, $where: ProductWhereInput) {
+  product: products(first: 1, orderBy: $orderBy, where: $where) {
+    edges {
+      cursor
+      node {
+        ...ProductLittleSelect
+      }
+    }
+  }
+}
+    ${ProductLittleSelect}
+${ProductOptionSelect}
+${ProductOptionValueSelect}
+${MediaSelect}`;
+
+export { ProductLittleDetailDocument };

package/dist/esm/graphql/queries/product-medias.generated.js

@@ -0,0 +1,27 @@
+import { MediaSelect } from '../fragments/media.generated.js';
+
+const ProductMediasDocument = `
+    query productMedias($firstMedia: Int = 50, $afterMedia: Cursor, $orderBy: ProductOrder, $where: ProductWhereInput) {
+  medias: products(first: 1, orderBy: $orderBy, where: $where) {
+    edges {
+      node {
+        id
+        medias(first: $firstMedia, after: $afterMedia) {
+          edges {
+            cursor
+            node {
+              ...MediaSelect
+            }
+          }
+          pageInfo {
+            hasNextPage
+            endCursor
+          }
+        }
+      }
+    }
+  }
+}
+    ${MediaSelect}`;
+
+export { ProductMediasDocument };

package/dist/esm/graphql/queries/product-variants.generated.js

@@ -0,0 +1,31 @@
+import { VariantSelect } from '../fragments/variant.generated.js';
+import { SelectedOptionSelect } from '../fragments/selected-option.generated.js';
+import { MediaSelect } from '../fragments/media.generated.js';
+
+const ProductVariantsDocument = `
+    query productVariants($firstVariant: Int = 100, $afterVariant: Cursor, $orderBy: ProductOrder, $where: ProductWhereInput, $first: Int = 1) {
+  variants: products(first: $first, orderBy: $orderBy, where: $where) {
+    edges {
+      node {
+        id
+        variants(first: $firstVariant, after: $afterVariant) {
+          edges {
+            cursor
+            node {
+              ...VariantSelect
+            }
+          }
+          pageInfo {
+            hasNextPage
+            endCursor
+          }
+        }
+      }
+    }
+  }
+}
+    ${VariantSelect}
+${SelectedOptionSelect}
+${MediaSelect}`;
+
+export { ProductVariantsDocument };

package/dist/esm/graphql/queries/products.generated.js

@@ -0,0 +1,38 @@
+import { ProductSelect } from '../fragments/product.generated.js';
+import { ProductLittleSelect } from '../fragments/product-little.generated.js';
+import { ProductOptionSelect } from '../fragments/product-option.generated.js';
+import { ProductOptionValueSelect } from '../fragments/product-option-value.generated.js';
+import { MediaSelect } from '../fragments/media.generated.js';
+import { VariantSelect } from '../fragments/variant.generated.js';
+import { SelectedOptionSelect } from '../fragments/selected-option.generated.js';
+
+const ProductsEdgeDetail = `
+    fragment ProductsEdgeDetail on ProductEdge {
+  cursor
+  node {
+    ...ProductSelect
+  }
+}
+    `;
+const ProductsDocument = `
+    query products($first: Int, $where: ProductWhereInput, $firstMedia: Int, $orderBy: ProductOrder, $after: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor) {
+  products(first: $first, where: $where, orderBy: $orderBy, after: $after) {
+    edges {
+      ...ProductsEdgeDetail
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+    }
+  }
+}
+    ${ProductsEdgeDetail}
+${ProductSelect}
+${ProductLittleSelect}
+${ProductOptionSelect}
+${ProductOptionValueSelect}
+${MediaSelect}
+${VariantSelect}
+${SelectedOptionSelect}`;
+
+export { ProductsDocument, ProductsEdgeDetail };

package/dist/esm/graphql/queries/published-theme-pages.generated.js

@@ -0,0 +1,21 @@
+import { PublishedThemePageSelect } from '../fragments/published-theme-page.generated.js';
+import { PublishedPageSectionSelect } from '../fragments/published-page-section.generated.js';
+import { PublishedCustomSectionSelect } from '../fragments/published-custom-section.generated.js';
+import { DataSeoSelect } from '../fragments/data-seo.generated.js';
+import { PublishedThemeStyleSelect } from '../fragments/published-theme-style.generated.js';
+import { AnalyticSelect } from '../fragments/analytic.generated.js';
+
+const PublishedThemePagesDocument = `
+    query publishedThemePages($slug: String, $slugType: PublishedThemePageType!) {
+  publishedThemePages(slug: $slug, slugType: $slugType) {
+    ...PublishedThemePageSelect
+  }
+}
+    ${PublishedThemePageSelect}
+${PublishedPageSectionSelect}
+${PublishedCustomSectionSelect}
+${DataSeoSelect}
+${PublishedThemeStyleSelect}
+${AnalyticSelect}`;
+
+export { PublishedThemePagesDocument };

package/dist/esm/graphql/queries/storeProperty.generated.js

@@ -0,0 +1,10 @@
+const StorePropertyDocument = `
+    query storeProperty {
+  storeProperty {
+    favicon
+    swatchesConfig
+  }
+}
+    `;
+
+export { StorePropertyDocument };

package/dist/esm/helpers/GlobalEvent.js

@@ -0,0 +1,13 @@
+const globalEvent = {
+    subscribe(callback) {
+        document.addEventListener('onDispatch', (e) => callback(e.detail));
+    },
+    dispatch(data) {
+        document.dispatchEvent(new CustomEvent('onDispatch', { detail: data }));
+    },
+    remove(callback) {
+        document.removeEventListener('onDispatch', callback);
+    },
+};
+
+export { globalEvent as default };

package/dist/esm/helpers/background.js

@@ -0,0 +1,102 @@
+import { isColor } from './colors.js';
+import { makeStyleResponsive } from './make-style.js';
+
+const getStyleBackgroundByDevice = (background) => {
+    if (!background) {
+        return {};
+    }
+    return {
+        ...getStyleBgColor(background),
+        ...getStyleBgImage(background),
+        ...getStyleBgPosition(background),
+        ...getStyleBgSize(background),
+        ...getStyleBgRepeat(background),
+        ...getStyleBgAttachment(background),
+    };
+};
+const getStyleBgColor = (background) => {
+    const bgColor = {
+        desktop: getBgColorByDevice(background, 'desktop'),
+        tablet: getBgColorByDevice(background, 'tablet'),
+        mobile: getBgColorByDevice(background, 'mobile'),
+    };
+    return makeStyleResponsive('bgc', bgColor);
+};
+const getBgColorByDevice = (background, device) => {
+    return getColor(background?.[device]?.color);
+};
+const getColor = (color) => {
+    if (!color) {
+        return;
+    }
+    if (isColor(color?.toString())) {
+        return color;
+    }
+    return `var(--g-c-${color})`;
+};
+const getStyleBgImage = (background) => {
+    const bgImage = {
+        // desktop:
+        //   background.desktop?.type === 'color' ? 'none' : getBgImageByDevice(background, 'desktop'),
+        // tablet: background.tablet?.type === 'color' ? 'none' : getBgImageByDevice(background, 'tablet'),
+        // mobile: background.mobile?.type === 'color' ? 'none' : getBgImageByDevice(background, 'mobile'),
+        desktop: getBgImageByDevice(background, 'desktop'),
+        tablet: getBgImageByDevice(background, 'tablet'),
+        mobile: getBgImageByDevice(background, 'mobile'),
+    };
+    return makeStyleResponsive('bgi', bgImage);
+};
+const getBgImageByDevice = (background, device) => {
+    const imageByDevice = background?.[device]?.image?.src;
+    if (typeof imageByDevice === 'string') {
+        return `url(${imageByDevice})`;
+    }
+    return;
+};
+const getStyleBgPosition = (background) => {
+    const bgPosition = {
+        desktop: getBgPositionByDevice(background, 'desktop'),
+        tablet: getBgPositionByDevice(background, 'tablet'),
+        mobile: getBgPositionByDevice(background, 'mobile'),
+    };
+    return makeStyleResponsive('bgp', bgPosition);
+};
+const getBgPositionByDevice = (background, device) => {
+    const positionByDevice = background?.[device]?.position;
+    return positionByDevice && `${positionByDevice.x}% ${positionByDevice.y}%`;
+};
+const getStyleBgSize = (background) => {
+    const bgSize = {
+        desktop: getBgSizeByDevice(background, 'desktop'),
+        tablet: getBgSizeByDevice(background, 'tablet'),
+        mobile: getBgSizeByDevice(background, 'mobile'),
+    };
+    return makeStyleResponsive('bgs', bgSize);
+};
+const getBgSizeByDevice = (background, device) => {
+    return background?.[device]?.size;
+};
+const getStyleBgRepeat = (background) => {
+    const bgRepeat = {
+        desktop: getBgRepeatByDevice(background, 'desktop'),
+        tablet: getBgRepeatByDevice(background, 'tablet'),
+        mobile: getBgRepeatByDevice(background, 'mobile'),
+    };
+    return makeStyleResponsive('bgr', bgRepeat);
+};
+const getBgRepeatByDevice = (background, device) => {
+    return background?.[device]?.repeat;
+};
+const getStyleBgAttachment = (background) => {
+    const bgAttachment = {
+        desktop: getBgAttachmentByDevice(background, 'desktop'),
+        tablet: getBgAttachmentByDevice(background, 'tablet'),
+        mobile: getBgAttachmentByDevice(background, 'mobile'),
+    };
+    return makeStyleResponsive('bga', bgAttachment);
+};
+const getBgAttachmentByDevice = (background, device) => {
+    return background?.[device]?.attachment;
+};
+
+export { getStyleBackgroundByDevice };