feat(wake): headless checkout support

.github/workflows/ci.yaml

@@ -51,4 +51,4 @@ jobs:
 
       - name: Benchmark
         continue-on-error: true
-        run: deno bench --lock=deno.lock --lock-write -A .
+        run: deno bench --lock=deno.lock --lock-write -A .

.github/workflows/issues.yaml

@@ -15,4 +15,4 @@ jobs:
           GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           GH_REPO: ${{ github.repository }}
           NUMBER: ${{ github.event.issue.number }}
-          LABELS: triage
+          LABELS: triage

.github/workflows/releaser.yaml

@@ -9,9 +9,9 @@ on:
       - main
 
 permissions:
-  contents: write  # Necessary for accessing and modifying repository content
-  pull-requests: write  # Necessary for interacting with pull requests
-  actions: write  # Necessary for triggering other workflows
+  contents: write # Necessary for accessing and modifying repository content
+  pull-requests: write # Necessary for interacting with pull requests
+  actions: write # Necessary for triggering other workflows
 
 jobs:
   tag-discussion:
@@ -21,9 +21,9 @@ jobs:
       - name: Checkout Code
         uses: actions/checkout@v3
         with:
-          ref: ${{ github.event.pull_request.base.ref }}  # Checkout the base branch (target repository)
-          repository: ${{ github.event.pull_request.base.repo.full_name }}  # Checkout from the target repo
-          
+          ref: ${{ github.event.pull_request.base.ref }} # Checkout the base branch (target repository)
+          repository: ${{ github.event.pull_request.base.repo.full_name }} # Checkout from the target repo
+
       - name: Calculate new versions
         id: calculate_versions
         run: |
@@ -162,11 +162,11 @@ jobs:
         run: |
           git tag ${{ steps.determine_version.outputs.new_version }}
           git push origin ${{ steps.determine_version.outputs.new_version }}
-  
+
       - name: Trigger Release Workflow
         run: |
           curl -X POST \
             -H "Authorization: token ${{ secrets.GITHUB_TOKEN }}" \
             -H "Accept: application/vnd.github.everest-preview+json" \
             https://api.github.com/repos/${{ github.repository }}/actions/workflows/release.yaml/dispatches \
-            -d '{"ref":"main", "inputs":{"tag_name":"${{ steps.determine_version.outputs.new_version }}"}}'
+            -d '{"ref":"main", "inputs":{"tag_name":"${{ steps.determine_version.outputs.new_version }}"}}'

a.ts

@@ -0,0 +1,25 @@
+import "npm:@graphql-codegen/typescript";
+import "npm:@graphql-codegen/typescript-operations";
+
+import { type CodegenConfig, generate } from "npm:@graphql-codegen/cli";
+
+const config: CodegenConfig = {
+  schema: "https://storefront-api.fbits.net/graphql",
+  documents: "./wake/utils/graphql/queries.ts",
+  generates: {
+    "./wake/utils/graphql/storefront.graphql.gen.ts": {
+      // This order matters
+      plugins: [
+        "typescript",
+        "typescript-operations",
+      ],
+      config: {
+        skipTypename: true,
+        enumsAsTypes: true,
+      },
+    },
+  },
+};
+
+await import("deco/scripts/apps/bundle.ts");
+await generate({ ...config }, true);

checkout/manifest.gen.ts

@@ -0,0 +1,12 @@
+// DO NOT EDIT. This file is generated by deco.
+// This file SHOULD be checked into source version control.
+// This file is automatically updated during development when running `dev.ts`.
+
+const manifest = {
+  "name": "checkout",
+  "baseUrl": import.meta.url,
+};
+
+export type Manifest = typeof manifest;
+
+export default manifest;

deco.ts

@@ -14,6 +14,7 @@ const config = {
     app("decopilot-app"),
     app("smarthint"),
     app("ra-trustvox"),
+    app("checkout"),
     app("anthropic"),
     app("resend"),
     app("emailjs"),

shopify/utils/storefront/storefront.graphql.gen.ts

@@ -7704,6 +7704,8 @@ export type FilterFragment = { id: string, label: string, type: FilterType, valu
 
 export type CartFragment = { id: string, checkoutUrl: any, totalQuantity: number, lines: { nodes: Array<{ id: string, quantity: number, merchandise: { id: string, title: string, image?: { url: any, altText?: string | null } | null, product: { title: string }, price: { amount: any, currencyCode: CurrencyCode } }, cost: { totalAmount: { amount: any, currencyCode: CurrencyCode }, subtotalAmount: { amount: any, currencyCode: CurrencyCode }, amountPerQuantity: { amount: any, currencyCode: CurrencyCode }, compareAtAmountPerQuantity?: { amount: any, currencyCode: CurrencyCode } | null } } | { id: string, quantity: number, merchandise: { id: string, title: string, image?: { url: any, altText?: string | null } | null, product: { title: string }, price: { amount: any, currencyCode: CurrencyCode } }, cost: { totalAmount: { amount: any, currencyCode: CurrencyCode }, subtotalAmount: { amount: any, currencyCode: CurrencyCode }, amountPerQuantity: { amount: any, currencyCode: CurrencyCode }, compareAtAmountPerQuantity?: { amount: any, currencyCode: CurrencyCode } | null } }> }, cost: { subtotalAmount: { amount: any, currencyCode: CurrencyCode }, totalAmount: { amount: any, currencyCode: CurrencyCode }, checkoutChargeAmount: { amount: any, currencyCode: CurrencyCode } }, discountCodes: Array<{ code: string, applicable: boolean }>, discountAllocations: Array<{ discountedAmount: { amount: any, currencyCode: CurrencyCode } } | { discountedAmount: { amount: any, currencyCode: CurrencyCode } } | { discountedAmount: { amount: any, currencyCode: CurrencyCode } }> };
 
+export type CustomerFragment = { id: string, email?: string | null, firstName?: string | null, lastName?: string | null };
+
 export type CreateCartMutationVariables = Exact<{ [key: string]: never; }>;
 
 
@@ -7767,6 +7769,13 @@ export type ProductRecommendationsQueryVariables = Exact<{
 
 export type ProductRecommendationsQuery = { productRecommendations?: Array<{ availableForSale: boolean, createdAt: any, description: string, descriptionHtml: any, handle: string, id: string, isGiftCard: boolean, onlineStoreUrl?: any | null, productType: string, publishedAt: any, requiresSellingPlan: boolean, tags: Array<string>, title: string, totalInventory?: number | null, updatedAt: any, vendor: string, featuredImage?: { altText?: string | null, url: any } | null, images: { nodes: Array<{ altText?: string | null, url: any }> }, media: { nodes: Array<{ alt?: string | null, mediaContentType: MediaContentType, previewImage?: { altText?: string | null, url: any } | null } | { alt?: string | null, mediaContentType: MediaContentType, previewImage?: { altText?: string | null, url: any } | null } | { alt?: string | null, mediaContentType: MediaContentType, previewImage?: { altText?: string | null, url: any } | null } | { alt?: string | null, mediaContentType: MediaContentType, previewImage?: { altText?: string | null, url: any } | null }> }, options: Array<{ name: string, values: Array<string> }>, priceRange: { minVariantPrice: { amount: any, currencyCode: CurrencyCode }, maxVariantPrice: { amount: any, currencyCode: CurrencyCode } }, seo: { title?: string | null, description?: string | null }, variants: { nodes: Array<{ availableForSale: boolean, barcode?: string | null, currentlyNotInStock: boolean, id: string, quantityAvailable?: number | null, requiresShipping: boolean, sku?: string | null, title: string, weight?: number | null, weightUnit: WeightUnit, compareAtPrice?: { amount: any, currencyCode: CurrencyCode } | null, image?: { altText?: string | null, url: any } | null, price: { amount: any, currencyCode: CurrencyCode }, selectedOptions: Array<{ name: string, value: string }>, unitPrice?: { amount: any, currencyCode: CurrencyCode } | null, unitPriceMeasurement?: { measuredType?: UnitPriceMeasurementMeasuredType | null, quantityValue: number, referenceUnit?: UnitPriceMeasurementMeasuredUnit | null, quantityUnit?: UnitPriceMeasurementMeasuredUnit | null } | null }> }, collections: { nodes: Array<{ description: string, descriptionHtml: any, handle: string, id: string, title: string, updatedAt: any, image?: { altText?: string | null, url: any } | null }> } }> | null };
 
+export type FetchCustomerInfoQueryVariables = Exact<{
+  customerAccessToken: Scalars['String']['input'];
+}>;
+
+
+export type FetchCustomerInfoQuery = { customer?: { id: string, email?: string | null, firstName?: string | null, lastName?: string | null } | null };
+
 export type AddItemToCartMutationVariables = Exact<{
   cartId: Scalars['ID']['input'];
   lines: Array<CartLineInput> | CartLineInput;
@@ -7790,3 +7799,11 @@ export type UpdateItemsMutationVariables = Exact<{
 
 
 export type UpdateItemsMutation = { payload?: { cart?: { id: string, checkoutUrl: any, totalQuantity: number, lines: { nodes: Array<{ id: string, quantity: number, merchandise: { id: string, title: string, image?: { url: any, altText?: string | null } | null, product: { title: string }, price: { amount: any, currencyCode: CurrencyCode } }, cost: { totalAmount: { amount: any, currencyCode: CurrencyCode }, subtotalAmount: { amount: any, currencyCode: CurrencyCode }, amountPerQuantity: { amount: any, currencyCode: CurrencyCode }, compareAtAmountPerQuantity?: { amount: any, currencyCode: CurrencyCode } | null } } | { id: string, quantity: number, merchandise: { id: string, title: string, image?: { url: any, altText?: string | null } | null, product: { title: string }, price: { amount: any, currencyCode: CurrencyCode } }, cost: { totalAmount: { amount: any, currencyCode: CurrencyCode }, subtotalAmount: { amount: any, currencyCode: CurrencyCode }, amountPerQuantity: { amount: any, currencyCode: CurrencyCode }, compareAtAmountPerQuantity?: { amount: any, currencyCode: CurrencyCode } | null } }> }, cost: { subtotalAmount: { amount: any, currencyCode: CurrencyCode }, totalAmount: { amount: any, currencyCode: CurrencyCode }, checkoutChargeAmount: { amount: any, currencyCode: CurrencyCode } }, discountCodes: Array<{ code: string, applicable: boolean }>, discountAllocations: Array<{ discountedAmount: { amount: any, currencyCode: CurrencyCode } } | { discountedAmount: { amount: any, currencyCode: CurrencyCode } } | { discountedAmount: { amount: any, currencyCode: CurrencyCode } }> } | null } | null };
+
+export type SignInWithEmailAndPasswordMutationVariables = Exact<{
+  email: Scalars['String']['input'];
+  password: Scalars['String']['input'];
+}>;
+
+
+export type SignInWithEmailAndPasswordMutation = { customerAccessTokenCreate?: { customerAccessToken?: { accessToken: string, expiresAt: any } | null, customerUserErrors: Array<{ code?: CustomerErrorCode | null, message: string }> } | null };

utils/graphql.ts

@@ -10,14 +10,17 @@ interface GraphQLResponse<D> {
   errors: unknown[];
 }
 
-type GraphQLAPI<D = unknown> = Record<string, {
-  response: GraphQLResponse<D>;
-  body: {
-    query: string;
-    variables?: Record<string, unknown>;
-    operationName?: string;
-  };
-}>;
+type GraphQLAPI<D = unknown> = Record<
+  string,
+  {
+    response: GraphQLResponse<D>;
+    body: {
+      query: string;
+      variables?: Record<string, unknown>;
+      operationName?: string;
+    };
+  }
+>;
 
 export const gql = (query: TemplateStringsArray, ...fragments: string[]) =>
   query.reduce((a, c, i) => `${a}${fragments[i - 1]}${c}`);
@@ -40,22 +43,30 @@ export const createGraphqlClient = (
 
   return {
     query: async <D, V>(
-      { query = "", fragments = [], variables, operationName }: {
+      {
+        query = "",
+        fragments = [],
+        variables,
+        operationName,
+      }: {
         query: string;
         fragments?: string[];
         variables?: V;
         operationName?: string;
       },
       init?: RequestInit,
     ): Promise<D> => {
-      const { data, errors } = await http[key as any]({}, {
-        ...init,
-        body: {
-          query: [query, ...fragments].join("\n"),
-          variables: variables as any,
-          operationName,
+      const { data, errors } = await http[key as any](
+        {},
+        {
+          ...init,
+          body: {
+            query: [query, ...fragments].join("\n"),
+            variables: variables as any,
+            operationName,
+          },
         },
-      }).then((res) => res.json());
+      ).then((res) => res.json());
 
       if (Array.isArray(errors) && errors.length > 0) {
         throw errors;
@@ -65,3 +76,109 @@ export const createGraphqlClient = (
     },
   };
 };
+
+/*
+  How update storefront.graphql.json data?
+  Search for this query on graphql playground
+
+
+query IntrospectionQuery {
+  __schema {
+    queryType {
+      name
+    }
+    mutationType {
+      name
+    }
+    subscriptionType {
+      name
+    }
+    types {
+      ...FullType
+    }
+    directives {
+      name
+      description
+      locations
+      args {
+        ...InputValue
+      }
+    }
+  }
+}
+
+fragment FullType on __Type {
+  kind
+  name
+  description
+  fields(includeDeprecated: true) {
+    name
+    description
+    args {
+      ...InputValue
+    }
+    type {
+      ...TypeRef
+    }
+    isDeprecated
+    deprecationReason
+  }
+  inputFields {
+    ...InputValue
+  }
+  interfaces {
+    ...TypeRef
+  }
+  enumValues(includeDeprecated: true) {
+    name
+    description
+    isDeprecated
+    deprecationReason
+  }
+  possibleTypes {
+    ...TypeRef
+  }
+}
+
+fragment InputValue on __InputValue {
+  name
+  description
+  type {
+    ...TypeRef
+  }
+  defaultValue
+}
+
+fragment TypeRef on __Type {
+  kind
+  name
+  ofType {
+    kind
+    name
+    ofType {
+      kind
+      name
+      ofType {
+        kind
+        name
+        ofType {
+          kind
+          name
+          ofType {
+            kind
+            name
+            ofType {
+              kind
+              name
+              ofType {
+                kind
+                name
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+*/

wake/actions/associateCheckout.ts

@@ -0,0 +1,40 @@
+import { badRequest } from "@deco/deco";
+import type { AppContext } from "../mod.ts";
+import authenticate from "../utils/authenticate.ts";
+import { getCartCookie } from "../utils/cart.ts";
+import ensureCheckout from "../utils/ensureCheckout.ts";
+import ensureCustomerToken from "../utils/ensureCustomerToken.ts";
+import { CheckoutCustomerAssociate } from "../utils/graphql/queries.ts";
+import type {
+  CheckoutCustomerAssociateMutation,
+  CheckoutCustomerAssociateMutationVariables,
+} from "../utils/graphql/storefront.graphql.gen.ts";
+import { parseHeaders } from "../utils/parseHeaders.ts";
+
+// https://wakecommerce.readme.io/docs/storefront-api-checkoutcustomerassociate
+export default async function (_props: object, req: Request, ctx: AppContext) {
+  try {
+    const headers = parseHeaders(req.headers);
+    const checkoutId = ensureCheckout(getCartCookie(req.headers));
+    const customerAccessToken = ensureCustomerToken(
+      await authenticate(req, ctx),
+    );
+
+    // associate account to checkout
+    await ctx.storefront.query<
+      CheckoutCustomerAssociateMutation,
+      CheckoutCustomerAssociateMutationVariables
+    >(
+      {
+        variables: {
+          customerAccessToken,
+          checkoutId,
+        },
+        ...CheckoutCustomerAssociate,
+      },
+      { headers },
+    );
+  } catch (err) {
+    throw badRequest(err);
+  }
+}