Shopify Storefront API GraphQL: Fetch Collection with Available Only Filter

query.graphql

query getCanadianCollectionProducts(
  $handle: String!
  $first: Int
  $after: String
) @inContext(country: CA) {
  collection(handle: $handle) {
    id
    title
    handle
    products(
      first: $first
      after: $after
      filters: [
        { available: true }
      ]
    ) {
      edges {
        cursor
        node {
          id
          title
          handle
          availableForSale
          priceRange {
            minVariantPrice {
              amount
              currencyCode
            }
            maxVariantPrice {
              amount
              currencyCode
            }
          }
          # variants(first: 10) {
          #   edges {
          #     node {
          #       id
          #       title
          #       availableForSale
          #       quantityAvailable
          #       price {
          #         amount
          #         currencyCode
          #       }
          #     }
          #   }
          # }
        }
      }
      pageInfo {
        hasNextPage
        hasPreviousPage
        startCursor
        endCursor
      }
      filters {
        id
        label
        type
        values {
          id
          label
          count
          input
        }
      }
    }
  }
}


# Variables:
# {
#   "handle": "all-bras",
#   "first": 20,
#   "after": null
# }