Update React Editor integration and clean up template

graphql/cart.ts

@@ -1,6 +1,5 @@
 import { gql } from '@shopify/hydrogen';
 
-// Cart Fragment for consistent cart data
 const CartFragment = gql(`
   fragment CartFragment on Cart {
     id
@@ -68,7 +67,6 @@ const CartFragment = gql(`
   }
 `);
 
-// Create a new cart
 export const CREATE_CART_MUTATION = gql(
   `
   mutation CreateCart($lines: [CartLineInput!], $country: CountryCode, $language: LanguageCode)
@@ -87,7 +85,6 @@ export const CREATE_CART_MUTATION = gql(
   [CartFragment]
 );
 
-// Add lines to cart
 export const ADD_CART_LINES_MUTATION = gql(
   `
   mutation AddCartLines($cartId: ID!, $lines: [CartLineInput!]!, $country: CountryCode, $language: LanguageCode)
@@ -106,7 +103,6 @@ export const ADD_CART_LINES_MUTATION = gql(
   [CartFragment]
 );
 
-// Update cart lines
 export const UPDATE_CART_LINES_MUTATION = gql(
   `
   mutation UpdateCartLines($cartId: ID!, $lines: [CartLineUpdateInput!]!, $country: CountryCode, $language: LanguageCode)
@@ -125,7 +121,6 @@ export const UPDATE_CART_LINES_MUTATION = gql(
   [CartFragment]
 );
 
-// Remove lines from cart
 export const REMOVE_CART_LINES_MUTATION = gql(
   `
   mutation RemoveCartLines($cartId: ID!, $lineIds: [ID!]!, $country: CountryCode, $language: LanguageCode)
@@ -144,7 +139,6 @@ export const REMOVE_CART_LINES_MUTATION = gql(
   [CartFragment]
 );
 
-// Apply (or clear) discount codes on the cart
 export const UPDATE_CART_DISCOUNT_CODES_MUTATION = gql(
   `
   mutation UpdateCartDiscountCodes($cartId: ID!, $discountCodes: [String!]!, $country: CountryCode, $language: LanguageCode)
@@ -163,7 +157,6 @@ export const UPDATE_CART_DISCOUNT_CODES_MUTATION = gql(
   [CartFragment]
 );
 
-// Get cart by ID
 export const GET_CART_QUERY = gql(
   `
   query GetCart($cartId: ID!, $country: CountryCode, $language: LanguageCode)

graphql/collections.ts

@@ -1,7 +1,6 @@
 import { gql } from '@shopify/hydrogen';
 import { ProductFragment } from '@/graphql/products';
 
-// Get all collections
 export const GET_COLLECTIONS_QUERY = gql(`
   query GetCollections($first: Int!, $country: CountryCode, $language: LanguageCode)
   @inContext(country: $country, language: $language) {
@@ -30,7 +29,6 @@ export const GET_COLLECTIONS_QUERY = gql(`
   }
 `);
 
-// Get products in a collection
 export const GET_COLLECTION_PRODUCTS_QUERY = gql(
   `
   query GetCollectionProducts(

graphql/policies.ts

@@ -1,7 +1,5 @@
 import { gql } from '@shopify/hydrogen';
 
-// Shop policies are exposed on the `shop` object of the Storefront API.
-// There is no lookup-by-handle field, so we fetch all of them and match.
 export const GET_SHOP_POLICIES_QUERY = gql(`
   query GetShopPolicies {
     shop {

graphql/products.ts

@@ -1,6 +1,5 @@
 import { gql } from '@shopify/hydrogen';
 
-// Product Fragment for consistent product data
 export const ProductFragment = gql(`
   fragment ProductFragment on Product {
     id
@@ -102,7 +101,6 @@ export const ProductFragment = gql(`
   }
 `);
 
-// Get multiple products
 export const GET_PRODUCTS_QUERY = gql(
   `
   query GetProducts($first: Int!, $after: String, $query: String, $sortKey: ProductSortKeys, $reverse: Boolean, $country: CountryCode, $language: LanguageCode)
@@ -123,7 +121,6 @@ export const GET_PRODUCTS_QUERY = gql(
   [ProductFragment]
 );
 
-// Get a single product by handle
 export const GET_PRODUCT_QUERY = gql(
   `
   query GetProduct($handle: String!, $country: CountryCode, $language: LanguageCode)
@@ -136,7 +133,6 @@ export const GET_PRODUCT_QUERY = gql(
   [ProductFragment]
 );
 
-// Get product recommendations
 export const QUERY_PRODUCT_RECOMMENDATIONS = gql(
   `
   query GetProductRecommendations($productId: ID!, $country: CountryCode, $language: LanguageCode)

graphql/search.ts

@@ -1,9 +1,6 @@
 import { gql } from '@shopify/hydrogen';
 import { ProductFragment } from '@/graphql/products';
 
-// Storefront search over products. `productFilters` accepts the raw `input`
-// values returned in `productFilters[].values[].input`, so facets round-trip
-// without the client needing to know each filter's shape.
 export const SEARCH_PRODUCTS_QUERY = gql(
   `
   query SearchProducts(
@@ -57,8 +54,6 @@ export const SEARCH_PRODUCTS_QUERY = gql(
   [ProductFragment]
 );
 
-// Lightweight variant for the autocomplete dropdown — just enough to render a
-// row, so the dialog stays responsive while typing.
 export const SEARCH_SUGGESTIONS_QUERY = gql(`
   query SearchSuggestions($query: String!, $first: Int!, $country: CountryCode, $language: LanguageCode)
   @inContext(country: $country, language: $language) {