Retouched AI (Shopify App)

// Optimized GraphQL query for products
import { gql } from '@apollo/client'

export const GET_PRODUCTS_QUERY = gql`
  query GetProducts($first: Int!, $after: String) {
    products(first: $first, after: $after) {
      edges {
        node {
          id
          title
          handle
          images(first: 1) {
            edges {
              node {
                id
                url
                altText
              }
            }
          }
        }
        cursor
      }
      pageInfo {
        hasNextPage
        endCursor
      }
    }
  }
`

// Shopify App Bridge navigation
import { useAppBridge } from '@shopify/app-bridge-react'
import { useNavigate } from '@shopify/app-bridge/actions'

export function useShopifyNavigation() {
  const app = useAppBridge()
  const navigate = useNavigate(app)

  const goToProduct = (productId) => {
    navigate.dispatch(Navigate.Action.ADMIN_PATH, {
      path: `/products/${productId}`,
    })
  }

  return { goToProduct }
}