feat: product page incremental builds (#793)

vtex · Jun 29, 2021 · 8ab8bf0 · 8ab8bf0
1 parent b858a8b
commit 8ab8bf0
Show file tree

Hide file tree

Showing 30 changed files with 909 additions and 437 deletions.
diff --git a/packages/gatsby-plugin-cms/package.json b/packages/gatsby-plugin-cms/package.json
@@ -37,7 +37,7 @@
     "@babel/register": "^7.12.1",
     "chokidar": "^3.5.0",
     "fs-extra": "^9.0.1",
-    "gatsby-graphql-source-toolkit": "^0.6.3",
+    "gatsby-graphql-source-toolkit": "^2.0.1",
     "p-map": "^4.0.0"
   }
 }
diff --git a/packages/gatsby-plugin-pixel-facebook/src/pixel/handler.ts b/packages/gatsby-plugin-pixel-facebook/src/pixel/handler.ts
@@ -31,7 +31,7 @@ export const handler: PixelEventHandler = (event) => {
       const items = product?.items
 
       fbq('track', 'ViewContent', {
-        content_ids: items?.map((item) => item?.itemId),
+        content_ids: items?.map((item: any) => item?.itemId),
         content_name: product?.productName,
         content_type: 'product',
         // TODO: send currency

diff --git a/packages/gatsby-source-vtex/package.json b/packages/gatsby-source-vtex/package.json
@@ -15,7 +15,8 @@
   "files": [
     "dist",
     "gatsby-*",
-    "index.js"
+    "index.js",
+    "src"
   ],
   "engines": {
     "node": ">=10"
@@ -28,8 +29,9 @@
     "prepare": "tsdx build"
   },
   "dependencies": {
-    "@graphql-tools/delegate": "^6.0.15",
-    "@graphql-tools/wrap": "^6.0.15",
+    "@graphql-tools/delegate": "^7.1.5",
+    "@graphql-tools/wrap": "^7.0.8",
+    "gatsby-graphql-source-toolkit": "^2.0.1",
     "isomorphic-unfetch": "^3.0.0",
     "p-map": "^4.0.0",
     "slugify": "^1.4.6",

diff --git a/packages/gatsby-source-vtex/src/api.ts b/packages/gatsby-source-vtex/src/api.ts
@@ -1,31 +1,4 @@
-interface SearchOptions {
-  query?: string
-  page: number
-  count: number
-  sort: 'orders:desc'
-  operator: 'and' | 'or'
-  fuzzy?: string
-  locale?: string
-  bgy_leap?: boolean
-  'hide-unavailable-items'?: boolean
-}
-
 export const api = {
-  is: {
-    search: (params: SearchOptions) => {
-      const searchParams = new URLSearchParams()
-
-      Object.keys(params).forEach((key) => {
-        const value = params[key as keyof SearchOptions]
-
-        if (value) {
-          searchParams.set(key, `${value}`)
-        }
-      })
-
-      return `/api/split/product_search/trade-policy/1?${searchParams}`
-    },
-  },
   catalog: {
     brand: {
       list: ({ page, pageSize }: { page: number; pageSize: number }) =>

diff --git a/packages/gatsby-source-vtex/src/fetch.ts b/packages/gatsby-source-vtex/src/fetch.ts
@@ -1,3 +1,5 @@
+import { inspect } from 'util'
+
 import fetch from 'isomorphic-unfetch'
 
 export interface VTEXOptions {
@@ -54,14 +56,13 @@ export const fetchGraphQL = async <T>(
 
     retryCount += 1
     console.error(
-      `[gatsby-source-vtex]: Error while fetching graphql data. Retry ${retryCount}`,
-      response.errors
+      `[gatsby-source-vtex]: Error while fetching graphql data. Retry ${retryCount}`
     )
   }
 
   if (response) {
     for (const error of response.errors) {
-      console.error(error)
+      console.error(inspect(error, false, 100, true))
     }
 
     throw new Error(
@@ -92,24 +93,3 @@ export const fetchVTEX = async <T>(
     throw err
   }
 }
-
-export const fetchIS = async <T>(
-  path: string,
-  options: VTEXOptions,
-  init?: RequestInit
-): Promise<T> => {
-  try {
-    const url = `https://search.biggylabs.com.br/search-api/v1/${options.tenant}${path}`
-
-    return await fetchRetry(url, {
-      ...init,
-      headers: {
-        ...headers,
-        ...init?.headers,
-      },
-    })
-  } catch (err) {
-    console.error(err)
-    throw err
-  }
-}