fix(search): switch to item preview

Author: collectedmind

clients/web/src/common/api/derivers/item.js

@@ -99,7 +99,8 @@ export function deriveListItem(edge) {
 
 export function deriveSearchItem(edge) {
   const { node = {}, cursor = null } = edge
-  const { preview, searchHighlights } = node
+  const { item, searchHighlights } = node
+  const preview = item?.preview
   return deriveItem({ item: { ...preview, searchHighlights }, cursor, utmId: 'pocket_search' })
 }
 

clients/web/src/common/api/fragments/fragment.preview.ts

@@ -0,0 +1,52 @@
+import { gql } from 'common/utilities/gql/gql'
+
+export const FRAGMENT_ITEM_PREVIEW = gql`
+  fragment ItemPreview on PocketMetadata {
+    ... on ItemSummary {
+      id
+      image {
+        caption
+        credit
+        url
+        cachedImages(imageOptions: [{ id: "WebPImage", fileType: WEBP, width: 640 }]) {
+          url
+          id
+        }
+      }
+      excerpt
+      title
+      authors {
+        name
+      }
+      domain {
+        name
+      }
+      datePublished
+      url
+    }
+    ... on OEmbed {
+      id
+      image {
+        caption
+        credit
+        url
+        cachedImages(imageOptions: [{ id: "WebPImage", fileType: WEBP, width: 640 }]) {
+          url
+          id
+        }
+      }
+      excerpt
+      title
+      authors {
+        name
+      }
+      domain {
+        name
+      }
+      datePublished
+      url
+      htmlEmbed
+      type
+    }
+  }
+`

clients/web/src/common/api/queries/get-corpus-search.js

@@ -1,6 +1,7 @@
 import { gql } from 'common/utilities/gql/gql'
 import { requestGQL } from 'common/utilities/request/request'
 import { deriveSearchItem } from 'common/api/derivers/item'
+import { FRAGMENT_ITEM_PREVIEW } from 'common/api/fragments/fragment.preview'
 
 const getSearchQuery = gql`
   query CorpusSearchQuery(
@@ -14,54 +15,25 @@ const getSearchQuery = gql`
         endCursor
       }
       edges {
+        cursor
         node {
-          preview {
-            ... on ItemSummary {
-              id
-              image {
-                url
-              }
-              excerpt
-              title
-              authors {
-                name
-              }
-              domain {
-                name
-              }
-              datePublished
-              url
-            }
-            ... on OEmbed {
-              id
-              image {
-                url
-              }
-              excerpt
-              title
-              authors {
-                name
-              }
-              domain {
-                name
-              }
-              datePublished
-              url
-              htmlEmbed
-              type
-            }
-          }
           searchHighlights {
             excerpt
+            fullText
             publisher
             title
           }
+          item {
+            preview {
+              ...ItemPreview
+            }
+          }
         }
-        cursor
       }
       totalCount
     }
   }
+  ${FRAGMENT_ITEM_PREVIEW}
 `
 
 /**
@@ -93,7 +65,7 @@ function handleResponse(response) {
 
 function getItemsByIdFromEdges(edges) {
   return edges.reduce((previous, current) => {
-    if (!current?.node?.preview?.id) return previous
+    if (!current?.node?.item?.preview?.id) return previous
 
     const item = deriveSearchItem(current)
     const searchHighlights = current?.node?.searchHighlights