crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-03-31 17:25:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use fragments

Browse Source
This commit is contained in:
Luis Alvarez 2020-10-01 18:55:50 -05:00
parent 5bd31d254d
commit 22bd962b71
6 changed files with 143 additions and 232 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
codegen.json
View File

@ -8,7 +8,7 @@
}, },
"documents": [ "documents": [
{ {
"./lib/bigcommerce/api/operations/**/*.ts": { "./lib/bigcommerce/api/{operations,fragments}/**/*.ts": {
"noRequire": true "noRequire": true
} }
} }

66
lib/bigcommerce/api/fragments/product.ts Normal file
View File

@ -0,0 +1,66 @@
export const responsiveImageFragment = /* GraphQL */ `
fragment responsiveImage on Image {
urlSmall: url(width: $imgSmallWidth, height: $imgSmallHeight)
urlMedium: url(width: $imgMediumWidth, height: $imgMediumHeight)
urlLarge: url(width: $imgLargeWidth, height: $imgLargeHeight)
urlXL: url(width: $imgXLWidth, height: $imgXLHeight)
}
`;
export const productInfoFragment = /* GraphQL */ `
fragment productInfo on Product {
entityId
name
path
brand {
name
}
description
prices {
price {
value
currencyCode
}
salePrice {
value
currencyCode
}
}
images {
edges {
node {
...responsiveImage
}
}
}
variants {
edges {
node {
entityId
defaultImage {
...responsiveImage
}
}
}
}
options {
edges {
node {
entityId
displayName
isRequired
values {
edges {
node {
entityId
label
}
}
}
}
}
}
}
${responsiveImageFragment}
`;

75
lib/bigcommerce/api/operations/get-all-products.ts
View File

@ -2,7 +2,8 @@ import type {
GetAllProductsQuery, GetAllProductsQuery,
GetAllProductsQueryVariables, GetAllProductsQueryVariables,
} from 'lib/bigcommerce/schema'; } from 'lib/bigcommerce/schema';
import type { RecursivePartial, RecursiveRequired } from '../types'; import type { RecursivePartial, RecursiveRequired } from '../utils/types';
import { productInfoFragment } from '../fragments/product';
import { getConfig, Images, ProductImageVariables } from '..'; import { getConfig, Images, ProductImageVariables } from '..';
export const getAllProductsQuery = /* GraphQL */ ` export const getAllProductsQuery = /* GraphQL */ `
@ -26,80 +27,14 @@ export const getAllProductsQuery = /* GraphQL */ `
edges { edges {
cursor cursor
node { node {
entityId ...productInfo
name
path
brand {
name
}
description
prices {
price {
value
currencyCode
}
salePrice {
value
currencyCode
}
}
images {
edges {
node {
urlSmall: url(width: $imgSmallWidth, height: $imgSmallHeight)
urlMedium: url(
width: $imgMediumWidth
height: $imgMediumHeight
)
urlLarge: url(width: $imgLargeWidth, height: $imgLargeHeight)
urlXL: url(width: $imgXLWidth, height: $imgXLHeight)
}
}
}
variants {
edges {
node {
entityId
defaultImage {
urlSmall: url(
width: $imgSmallWidth
height: $imgSmallHeight
)
urlMedium: url(
width: $imgMediumWidth
height: $imgMediumHeight
)
urlLarge: url(
width: $imgLargeWidth
height: $imgLargeHeight
)
urlXL: url(width: $imgXLWidth, height: $imgXLHeight)
}
}
}
}
options {
edges {
node {
entityId
displayName
isRequired
values {
edges {
node {
entityId
label
}
}
}
}
}
}
} }
} }
} }
} }
} }
${productInfoFragment}
`; `;
export interface GetAllProductsResult<T> { export interface GetAllProductsResult<T> {

60
lib/bigcommerce/api/operations/get-product.ts
View File

@ -2,7 +2,8 @@ import type {
GetProductQuery, GetProductQuery,
GetProductQueryVariables, GetProductQueryVariables,
} from 'lib/bigcommerce/schema'; } from 'lib/bigcommerce/schema';
import type { RecursivePartial, RecursiveRequired } from '../types'; import type { RecursivePartial, RecursiveRequired } from '../utils/types';
import { productInfoFragment } from '../fragments/product';
import { getConfig, Images, ProductImageVariables } from '..'; import { getConfig, Images, ProductImageVariables } from '..';
export const getProductQuery = /* GraphQL */ ` export const getProductQuery = /* GraphQL */ `
@ -22,65 +23,14 @@ export const getProductQuery = /* GraphQL */ `
node { node {
__typename __typename
... on Product { ... on Product {
entityId ...productInfo
name
path
brand {
name
}
description
prices {
price {
currencyCode
value
}
salePrice {
currencyCode
value
}
}
images {
edges {
node {
urlSmall: url(width: $imgSmallWidth, height: $imgSmallHeight)
urlMedium: url(
width: $imgMediumWidth
height: $imgMediumHeight
)
urlLarge: url(width: $imgLargeWidth, height: $imgLargeHeight)
urlXL: url(width: $imgXLWidth, height: $imgXLHeight)
}
}
}
variants {
edges {
node {
entityId
}
}
}
options {
edges {
node {
entityId
displayName
isRequired
values {
edges {
node {
entityId
label
}
}
}
}
}
}
} }
} }
} }
} }
} }
${productInfoFragment}
`; `;
export interface GetProductResult<T> { export interface GetProductResult<T> {

0
lib/bigcommerce/api/types/index.ts → lib/bigcommerce/api/utils/types.ts
View File

172
lib/bigcommerce/schema.d.ts vendored
View File

@ -1649,6 +1649,70 @@ export enum CurrencyCode {
export type ResponsiveImageFragment = (
{ __typename?: 'Image' }
& { urlSmall: Image['url'], urlMedium: Image['url'], urlLarge: Image['url'], urlXL: Image['url'] }
);
export type ProductInfoFragment = (
{ __typename?: 'Product' }
& Pick<Product, 'entityId' | 'name' | 'path' | 'description'>
& { brand?: Maybe<(
{ __typename?: 'Brand' }
& Pick<Brand, 'name'>
)>, prices?: Maybe<(
{ __typename?: 'Prices' }
& { price: (
{ __typename?: 'Money' }
& Pick<Money, 'value' | 'currencyCode'>
), salePrice?: Maybe<(
{ __typename?: 'Money' }
& Pick<Money, 'value' | 'currencyCode'>
)> }
)>, images: (
{ __typename?: 'ImageConnection' }
& { edges?: Maybe<Array<Maybe<(
{ __typename?: 'ImageEdge' }
& { node: (
{ __typename?: 'Image' }
& ResponsiveImageFragment
) }
)>>> }
), variants: (
{ __typename?: 'VariantConnection' }
& { edges?: Maybe<Array<Maybe<(
{ __typename?: 'VariantEdge' }
& { node: (
{ __typename?: 'Variant' }
& Pick<Variant, 'entityId'>
& { defaultImage?: Maybe<(
{ __typename?: 'Image' }
& ResponsiveImageFragment
)> }
) }
)>>> }
), options: (
{ __typename?: 'OptionConnection' }
& { edges?: Maybe<Array<Maybe<(
{ __typename?: 'OptionEdge' }
& { node: (
{ __typename?: 'ProductOption' }
& Pick<ProductOption, 'entityId' | 'displayName' | 'isRequired'>
& { values: (
{ __typename?: 'OptionValueConnection' }
& { edges?: Maybe<Array<Maybe<(
{ __typename?: 'OptionValueEdge' }
& { node: (
{ __typename?: 'ProductOptionValue' }
& Pick<ProductOptionValue, 'entityId' | 'label'>
) }
)>>> }
) }
) }
)>>> }
) }
);
export type GetAllProductsQueryVariables = Exact<{ export type GetAllProductsQueryVariables = Exact<{
first?: Maybe<Scalars['Int']>; first?: Maybe<Scalars['Int']>;
imgSmallWidth?: Maybe<Scalars['Int']>; imgSmallWidth?: Maybe<Scalars['Int']>;
@ -1676,61 +1740,7 @@ export type GetAllProductsQuery = (
& Pick<ProductEdge, 'cursor'> & Pick<ProductEdge, 'cursor'>
& { node: ( & { node: (
{ __typename?: 'Product' } { __typename?: 'Product' }
& Pick<Product, 'entityId' | 'name' | 'path' | 'description'> & ProductInfoFragment
& { brand?: Maybe<(
{ __typename?: 'Brand' }
& Pick<Brand, 'name'>
)>, prices?: Maybe<(
{ __typename?: 'Prices' }
& { price: (
{ __typename?: 'Money' }
& Pick<Money, 'value' | 'currencyCode'>
), salePrice?: Maybe<(
{ __typename?: 'Money' }
& Pick<Money, 'value' | 'currencyCode'>
)> }
)>, images: (
{ __typename?: 'ImageConnection' }
& { edges?: Maybe<Array<Maybe<(
{ __typename?: 'ImageEdge' }
& { node: (
{ __typename?: 'Image' }
& { urlSmall: Image['url'], urlMedium: Image['url'], urlLarge: Image['url'], urlXL: Image['url'] }
) }
)>>> }
), variants: (
{ __typename?: 'VariantConnection' }
& { edges?: Maybe<Array<Maybe<(
{ __typename?: 'VariantEdge' }
& { node: (
{ __typename?: 'Variant' }
& Pick<Variant, 'entityId'>
& { defaultImage?: Maybe<(
{ __typename?: 'Image' }
& { urlSmall: Image['url'], urlMedium: Image['url'], urlLarge: Image['url'], urlXL: Image['url'] }
)> }
) }
)>>> }
), options: (
{ __typename?: 'OptionConnection' }
& { edges?: Maybe<Array<Maybe<(
{ __typename?: 'OptionEdge' }
& { node: (
{ __typename?: 'ProductOption' }
& Pick<ProductOption, 'entityId' | 'displayName' | 'isRequired'>
& { values: (
{ __typename?: 'OptionValueConnection' }
& { edges?: Maybe<Array<Maybe<(
{ __typename?: 'OptionValueEdge' }
& { node: (
{ __typename?: 'ProductOptionValue' }
& Pick<ProductOptionValue, 'entityId' | 'label'>
) }
)>>> }
) }
) }
)>>> }
) }
) } ) }
)>>> } )>>> }
) } ) }
@ -1758,57 +1768,7 @@ export type GetProductQuery = (
{ __typename?: 'Route' } { __typename?: 'Route' }
& { node?: Maybe<{ __typename: 'Brand' } | { __typename: 'Category' } | ( & { node?: Maybe<{ __typename: 'Brand' } | { __typename: 'Category' } | (
{ __typename: 'Product' } { __typename: 'Product' }
& Pick<Product, 'entityId' | 'name' | 'path' | 'description'> & ProductInfoFragment
& { brand?: Maybe<(
{ __typename?: 'Brand' }
& Pick<Brand, 'name'>
)>, prices?: Maybe<(
{ __typename?: 'Prices' }
& { price: (
{ __typename?: 'Money' }
& Pick<Money, 'currencyCode' | 'value'>
), salePrice?: Maybe<(
{ __typename?: 'Money' }
& Pick<Money, 'currencyCode' | 'value'>
)> }
)>, images: (
{ __typename?: 'ImageConnection' }
& { edges?: Maybe<Array<Maybe<(
{ __typename?: 'ImageEdge' }
& { node: (
{ __typename?: 'Image' }
& { urlSmall: Image['url'], urlMedium: Image['url'], urlLarge: Image['url'], urlXL: Image['url'] }
) }
)>>> }
), variants: (
{ __typename?: 'VariantConnection' }
& { edges?: Maybe<Array<Maybe<(
{ __typename?: 'VariantEdge' }
& { node: (
{ __typename?: 'Variant' }
& Pick<Variant, 'entityId'>
) }
)>>> }
), options: (
{ __typename?: 'OptionConnection' }
& { edges?: Maybe<Array<Maybe<(
{ __typename?: 'OptionEdge' }
& { node: (
{ __typename?: 'ProductOption' }
& Pick<ProductOption, 'entityId' | 'displayName' | 'isRequired'>
& { values: (
{ __typename?: 'OptionValueConnection' }
& { edges?: Maybe<Array<Maybe<(
{ __typename?: 'OptionValueEdge' }
& { node: (
{ __typename?: 'ProductOptionValue' }
& Pick<ProductOptionValue, 'entityId' | 'label'>
) }
)>>> }
) }
) }
)>>> }
) }
) | { __typename: 'Variant' }> } ) | { __typename: 'Variant' }> }
) } ) }
) } ) }