@whizzes/wsfc 0.0.1-early-dev-9 → 0.0.1-early-dev-11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whizzes/wsfc",
-  "version": "0.0.1-early-dev-9",
+  "version": "0.0.1-early-dev-11",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
   "types": "./src/index.d.ts",

package/src/core/category/gql/CategoriesList.gql

@@ -0,0 +1,9 @@
+query CategoriesList($channel: ChannelCode!) {
+  categories(channelCode: $channel) {
+    edges {
+      node {
+        ...CategoriesListFields
+      }
+    }
+  }
+}

package/src/core/category/gql/CategoriesListFields.gql

@@ -0,0 +1,11 @@
+fragment CategoriesListFields on Category {
+  channelCode
+  id
+  name
+  description
+  path
+  position
+  isActive
+  createdAt
+  updatedAt
+}

package/src/core/category/index.ts

@@ -0,0 +1 @@
+export { CategoryService } from './service';

package/src/core/category/service.ts

@@ -0,0 +1,31 @@
+import { WizardGraphQLClient } from "../../client";
+import { CategoriesListDocument } from "../../types";
+
+import type { Client } from "@urql/core";
+import type { CategoriesListFieldsFragment } from "../../types";
+
+export class CategoryService extends WizardGraphQLClient<unknown> {
+  private channel: string;
+
+  constructor(urqlClient: Client, channel: string) {
+    super(urqlClient);
+
+    this.channel = channel;
+  }
+
+  async listCategories(): Promise<CategoriesListFieldsFragment[]> {
+    const response = await this.client
+      .query(CategoriesListDocument, {
+        channel: this.channel,
+      })
+      .toPromise();
+
+    this.unwrapError(response, "categories");
+
+    return (
+      response.data?.categories?.edges?.map(
+        (edge: { node: CategoriesListFieldsFragment }) => edge.node,
+      ) || []
+    );
+  }
+}

package/src/core/cms/gql/ContentImagesList.gql

@@ -0,0 +1,9 @@
+query ContentImagesList($channel: ChannelCode!) {
+  contentImages(channelCode: $channel) {
+    edges {
+      node {
+        ...ContentImagesListFields
+      }
+    }
+  }
+}

package/src/core/cms/gql/ContentImagesListFields.gql

@@ -0,0 +1,21 @@
+fragment ContentImagesListFields on ContentImage {
+  channelCode
+  slug
+  imageId
+  image {
+    id
+    channelCode
+    alt
+    height
+    width
+    url
+    thumbnailUrl
+    size
+    mimeType
+    useCase
+    createdAt
+    updatedAt
+  }
+  createdAt
+  updatedAt
+}

package/src/core/cms/gql/EntriesList.gql

@@ -0,0 +1,9 @@
+query EntriesList($channel: ChannelCode!, $filter: EntriesFilterInput!) {
+  entries(channelCode: $channel, filter: $filter) {
+    edges {
+      node {
+        ...EntriesListFields
+      }
+    }
+  }
+}

package/src/core/cms/gql/EntriesListFields.gql

@@ -0,0 +1,8 @@
+fragment EntriesListFields on Entry {
+  channelCode
+  id
+  collectionSlug
+  value
+  createdAt
+  updatedAt
+}

package/src/core/cms/index.ts

@@ -0,0 +1 @@
+export { CmsService } from './service';

package/src/core/cms/service.ts

@@ -0,0 +1,56 @@
+import { WizardGraphQLClient } from "../../client";
+import {
+  ContentImagesListDocument,
+  EntriesListDocument,
+} from "../../types";
+
+import type { Client } from "@urql/core";
+import type {
+  ContentImagesListFieldsFragment,
+  EntriesListFieldsFragment,
+} from "../../types";
+
+export class CmsService extends WizardGraphQLClient<unknown> {
+  private channel: string;
+
+  constructor(urqlClient: Client, channel: string) {
+    super(urqlClient);
+
+    this.channel = channel;
+  }
+
+  async listEntries(
+    collectionSlug: string,
+  ): Promise<EntriesListFieldsFragment[]> {
+    const response = await this.client
+      .query(EntriesListDocument, {
+        channel: this.channel,
+        collectionSlug: collectionSlug,
+      })
+      .toPromise();
+
+    this.unwrapError(response, "entries");
+
+    return (
+      response.data?.entries?.edges?.map(
+        (edge: { node: EntriesListFieldsFragment }) => edge.node,
+      ) || []
+    );
+  }
+
+  async listContentImages(): Promise<ContentImagesListFieldsFragment[]> {
+    const response = await this.client
+      .query(ContentImagesListDocument, {
+        channel: this.channel,
+      })
+      .toPromise();
+
+    this.unwrapError(response, "contentImages");
+
+    return (
+      response.data?.contentImages?.edges?.map(
+        (edge: { node: ContentImagesListFieldsFragment }) => edge.node,
+      ) || []
+    );
+  }
+}

package/src/core/product/service.ts

@@ -5,21 +5,20 @@ import {
 
 import type { Client } from '@urql/core';
 import type {
-  ProductErrorCode,
   ProductsListFieldsFragment
 } from '../../types';
 
-export class ProductService extends WizardGraphQLClient<ProductErrorCode> {
-  constructor(urqlClient: Client) {
+export class ProductService extends WizardGraphQLClient<unknown> {
+  private channel: string;
+
+  constructor(urqlClient: Client, channel: string) {
     super(urqlClient);
   }
 
-  async listProducts(
-    channel: string,
-  ): Promise<ProductsListFieldsFragment[]> {
+  async listProducts(): Promise<ProductsListFieldsFragment[]> {
     const response = await this.client
       .query(ProductsListDocument, {
-        channel
+        channel: this.channel
       })
       .toPromise();
 

package/src/index.ts

@@ -1,5 +1,7 @@
 export * from './core/product';
 
+import { CategoryService } from './core/category';
+import { CmsService } from './core/cms';
 import { ProductService } from './core/product';
 
 import type { Client as URQLClient } from '@urql/core';
@@ -7,11 +9,15 @@ import type { Client as URQLClient } from '@urql/core';
 export class WizardStorefrontClient {
   readonly baseURL: URL;
   readonly urqlClient: URQLClient;
+  readonly category: CategoryService;
+  readonly cms: CmsService;
   readonly product: ProductService;
 
-  constructor(baseURL: URL, graphQLClient: URQLClient) {
+  constructor(baseURL: URL, graphQLClient: URQLClient, channelCode: string) {
     this.baseURL = baseURL;
     this.urqlClient = graphQLClient;
-    this.product = new ProductService(graphQLClient);
+    this.category = new CategoryService(graphQLClient, channelCode);
+    this.cms = new CmsService(graphQLClient, channelCode);
+    this.product = new ProductService(graphQLClient, channelCode);
   }
 }

package/src/types/index.ts

@@ -28,6 +28,7 @@ export type Category = {
   __typename?: 'Category';
   channelCode: Scalars['ChannelCode']['output'];
   createdAt: Scalars['DateTime']['output'];
+  description: Scalars['JsonString']['output'];
   id: Scalars['UUID']['output'];
   isActive: Scalars['Boolean']['output'];
   name: Scalars['String']['output'];
@@ -36,9 +37,99 @@ export type Category = {
   updatedAt: Scalars['DateTime']['output'];
 };
 
+export type CategoryConnection = {
+  __typename?: 'CategoryConnection';
+  /** A list of edges. */
+  edges: Array<CategoryEdge>;
+  /** A list of nodes. */
+  nodes: Array<Category>;
+  /** Information to aid in pagination. */
+  pageInfo: PageInfo;
+  totalCount: Scalars['Int']['output'];
+  totalPages: Scalars['Int']['output'];
+};
+
+/** An edge in a connection. */
+export type CategoryEdge = {
+  __typename?: 'CategoryEdge';
+  /** A cursor for use in pagination */
+  cursor: Scalars['String']['output'];
+  /** The item at the end of the edge */
+  node: Category;
+};
+
+/** CMS Image */
+export type ContentImage = {
+  __typename?: 'ContentImage';
+  channelCode: Scalars['ChannelCode']['output'];
+  createdAt: Scalars['DateTime']['output'];
+  image: Image;
+  imageId: Scalars['UUID']['output'];
+  slug: Scalars['Slug']['output'];
+  updatedAt: Scalars['DateTime']['output'];
+};
+
+export type ContentImageConnection = {
+  __typename?: 'ContentImageConnection';
+  /** A list of edges. */
+  edges: Array<ContentImageEdge>;
+  /** A list of nodes. */
+  nodes: Array<ContentImage>;
+  /** Information to aid in pagination. */
+  pageInfo: PageInfo;
+  totalCount: Scalars['Int']['output'];
+  totalPages: Scalars['Int']['output'];
+};
+
+/** An edge in a connection. */
+export type ContentImageEdge = {
+  __typename?: 'ContentImageEdge';
+  /** A cursor for use in pagination */
+  cursor: Scalars['String']['output'];
+  /** The item at the end of the edge */
+  node: ContentImage;
+};
+
+export type EntriesFilterInput = {
+  collectionSlug: Scalars['Slug']['input'];
+};
+
+/** CMS Entry */
+export type Entry = {
+  __typename?: 'Entry';
+  channelCode: Scalars['ChannelCode']['output'];
+  collectionSlug: Scalars['Slug']['output'];
+  createdAt: Scalars['DateTime']['output'];
+  id: Scalars['UUID']['output'];
+  updatedAt: Scalars['DateTime']['output'];
+  value: Scalars['JsonString']['output'];
+};
+
+export type EntryConnection = {
+  __typename?: 'EntryConnection';
+  /** A list of edges. */
+  edges: Array<EntryEdge>;
+  /** A list of nodes. */
+  nodes: Array<Entry>;
+  /** Information to aid in pagination. */
+  pageInfo: PageInfo;
+  totalCount: Scalars['Int']['output'];
+  totalPages: Scalars['Int']['output'];
+};
+
+/** An edge in a connection. */
+export type EntryEdge = {
+  __typename?: 'EntryEdge';
+  /** A cursor for use in pagination */
+  cursor: Scalars['String']['output'];
+  /** The item at the end of the edge */
+  node: Entry;
+};
+
 /** Platform Image */
 export type Image = {
   __typename?: 'Image';
+  alt?: Maybe<Scalars['String']['output']>;
   channelCode: Scalars['ChannelCode']['output'];
   createdAt: Scalars['DateTime']['output'];
   height: Scalars['Int']['output'];
@@ -167,11 +258,45 @@ export type ProductEdge = {
 
 export type Query = {
   __typename?: 'Query';
+  /** Retrieves Categories */
+  categories: CategoryConnection;
+  /** Retrieves CMS Content Images */
+  contentImages: ContentImageConnection;
+  /** Retrieves CMS Entries */
+  entries: EntryConnection;
   /** Retrieves Products */
   products: ProductConnection;
 };
 
 
+export type QueryCategoriesArgs = {
+  after?: InputMaybe<Scalars['String']['input']>;
+  before?: InputMaybe<Scalars['String']['input']>;
+  channelCode: Scalars['ChannelCode']['input'];
+  first?: InputMaybe<Scalars['Int']['input']>;
+  last?: InputMaybe<Scalars['Int']['input']>;
+};
+
+
+export type QueryContentImagesArgs = {
+  after?: InputMaybe<Scalars['String']['input']>;
+  before?: InputMaybe<Scalars['String']['input']>;
+  channelCode: Scalars['ChannelCode']['input'];
+  first?: InputMaybe<Scalars['Int']['input']>;
+  last?: InputMaybe<Scalars['Int']['input']>;
+};
+
+
+export type QueryEntriesArgs = {
+  after?: InputMaybe<Scalars['String']['input']>;
+  before?: InputMaybe<Scalars['String']['input']>;
+  channelCode: Scalars['ChannelCode']['input'];
+  filter: EntriesFilterInput;
+  first?: InputMaybe<Scalars['Int']['input']>;
+  last?: InputMaybe<Scalars['Int']['input']>;
+};
+
+
 export type QueryProductsArgs = {
   after?: InputMaybe<Scalars['String']['input']>;
   before?: InputMaybe<Scalars['String']['input']>;
@@ -183,6 +308,8 @@ export type QueryProductsArgs = {
 export enum UseCase {
   /** Profile Picture for a user instance */
   Avatar = 'AVATAR',
+  /** Image associated to a CMS resource */
+  Cms = 'CMS',
   /** Logo associated to a brand */
   Logo = 'LOGO',
   /** Image associated to a product variant */
@@ -204,6 +331,34 @@ export type Variant = {
   updatedAt: Scalars['DateTime']['output'];
 };
 
+export type CategoriesListQueryVariables = Exact<{
+  channel: Scalars['ChannelCode']['input'];
+}>;
+
+
+export type CategoriesListQuery = { __typename?: 'Query', categories: { __typename?: 'CategoryConnection', edges: Array<{ __typename?: 'CategoryEdge', node: { __typename?: 'Category', channelCode: any, id: any, name: string, description: any, path: Array<any>, position: number, isActive: boolean, createdAt: any, updatedAt: any } }> } };
+
+export type CategoriesListFieldsFragment = { __typename?: 'Category', channelCode: any, id: any, name: string, description: any, path: Array<any>, position: number, isActive: boolean, createdAt: any, updatedAt: any };
+
+export type ContentImagesListQueryVariables = Exact<{
+  channel: Scalars['ChannelCode']['input'];
+}>;
+
+
+export type ContentImagesListQuery = { __typename?: 'Query', contentImages: { __typename?: 'ContentImageConnection', edges: Array<{ __typename?: 'ContentImageEdge', node: { __typename?: 'ContentImage', channelCode: any, slug: any, imageId: any, createdAt: any, updatedAt: any, image: { __typename?: 'Image', id: any, channelCode: any, alt?: string | null, height: number, width: number, url: string, thumbnailUrl?: string | null, size: number, mimeType: MimeType, useCase: UseCase, createdAt: any, updatedAt: any } } }> } };
+
+export type ContentImagesListFieldsFragment = { __typename?: 'ContentImage', channelCode: any, slug: any, imageId: any, createdAt: any, updatedAt: any, image: { __typename?: 'Image', id: any, channelCode: any, alt?: string | null, height: number, width: number, url: string, thumbnailUrl?: string | null, size: number, mimeType: MimeType, useCase: UseCase, createdAt: any, updatedAt: any } };
+
+export type EntriesListQueryVariables = Exact<{
+  channel: Scalars['ChannelCode']['input'];
+  filter: EntriesFilterInput;
+}>;
+
+
+export type EntriesListQuery = { __typename?: 'Query', entries: { __typename?: 'EntryConnection', edges: Array<{ __typename?: 'EntryEdge', node: { __typename?: 'Entry', channelCode: any, id: any, collectionSlug: any, value: any, createdAt: any, updatedAt: any } }> } };
+
+export type EntriesListFieldsFragment = { __typename?: 'Entry', channelCode: any, id: any, collectionSlug: any, value: any, createdAt: any, updatedAt: any };
+
 export type ProductsListQueryVariables = Exact<{
   channel: Scalars['ChannelCode']['input'];
 }>;
@@ -213,6 +368,52 @@ export type ProductsListQuery = { __typename?: 'Query', products: { __typename?:
 
 export type ProductsListFieldsFragment = { __typename?: 'Product', channelCode: any, id: any, name: string, slug: any, description: any, metadata?: any | null, defaultVariantId: any, position: number, defaultVariant: { __typename?: 'Variant', id: any, channelCode: any, sku?: string | null, productId: any, requiresShipping: boolean, images: Array<{ __typename?: 'Image', id: any, channelCode: any, height: number, width: number, url: string, thumbnailUrl?: string | null, size: number, mimeType: MimeType, useCase: UseCase, createdAt: any, updatedAt: any }>, prices: Array<{ __typename?: 'Price', variantId: any, channelCode: any, currency: Iso4217, price: any }> }, categories: Array<{ __typename?: 'Category', id: any, name: string, path: Array<any>, position: number, isActive: boolean, createdAt: any, updatedAt: any }> };
 
+export const CategoriesListFieldsFragmentDoc = gql`
+    fragment CategoriesListFields on Category {
+  channelCode
+  id
+  name
+  description
+  path
+  position
+  isActive
+  createdAt
+  updatedAt
+}
+    `;
+export const ContentImagesListFieldsFragmentDoc = gql`
+    fragment ContentImagesListFields on ContentImage {
+  channelCode
+  slug
+  imageId
+  image {
+    id
+    channelCode
+    alt
+    height
+    width
+    url
+    thumbnailUrl
+    size
+    mimeType
+    useCase
+    createdAt
+    updatedAt
+  }
+  createdAt
+  updatedAt
+}
+    `;
+export const EntriesListFieldsFragmentDoc = gql`
+    fragment EntriesListFields on Entry {
+  channelCode
+  id
+  collectionSlug
+  value
+  createdAt
+  updatedAt
+}
+    `;
 export const ProductsListFieldsFragmentDoc = gql`
     fragment ProductsListFields on Product {
   channelCode
@@ -260,6 +461,39 @@ export const ProductsListFieldsFragmentDoc = gql`
   }
 }
     `;
+export const CategoriesListDocument = gql`
+    query CategoriesList($channel: ChannelCode!) {
+  categories(channelCode: $channel) {
+    edges {
+      node {
+        ...CategoriesListFields
+      }
+    }
+  }
+}
+    ${CategoriesListFieldsFragmentDoc}`;
+export const ContentImagesListDocument = gql`
+    query ContentImagesList($channel: ChannelCode!) {
+  contentImages(channelCode: $channel) {
+    edges {
+      node {
+        ...ContentImagesListFields
+      }
+    }
+  }
+}
+    ${ContentImagesListFieldsFragmentDoc}`;
+export const EntriesListDocument = gql`
+    query EntriesList($channel: ChannelCode!, $filter: EntriesFilterInput!) {
+  entries(channelCode: $channel, filter: $filter) {
+    edges {
+      node {
+        ...EntriesListFields
+      }
+    }
+  }
+}
+    ${EntriesListFieldsFragmentDoc}`;
 export const ProductsListDocument = gql`
     query ProductsList($channel: ChannelCode!) {
   products(channelCode: $channel) {