[ci] release 2023-10

[shopify-github-actions-access]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@shopify/cli-hydrogen@6.2.0

Minor Changes

• When generating Codegen, the CLI now looks first at the project GraphQL config (e.g. .graphqlrc.yml file) to find the documents for the Storefront API schema. (#1577) by @frandiox

• Add --diff flag to dev and build commands to run examples in monorepo. Examples are now a diff applied on top of the starter template. (#1549) by @frandiox

• Support scaffolding projects based on examples in Hydrogen repo using the --template flag. Example: npm create @shopify/hydrogen@latest -- --template multipass. (#1608) by @frandiox

Patch Changes

• Minor update to the default organization of files and folders in the starter template. (#1612) by @frandiox

• Fix the sourcemaps to be included on Oxygen deployments from the CLI (#1623) by @blittle

• Rely on server-side check for bundle size >10mb (#1614) by @benwolfram

• Subrequest Profiler (stable) - Provides an overview of network requests happening on the server side (#1511) by @wizardlyhel

  How to use:

  1. Run h2 dev
  2. Visit http://localhost:3000/subrequest-profiler

  Set request display name with storefront.query:

  context.storefront.query(HOMEPAGE_FEATURED_PRODUCTS_QUERY, {
    displayName: 'Feature products',
    variables: {
      country,
      language,
    },
  });

  Set request debug information with createWithCache:

  const withCache = createWithCache({
    cache,
    waitUntil,
    request,
  });
  
  const data3p = async () => {
    return await withCache(
      ['Some unique cache keys'],
      CacheLong(),
      ({addDebugData}) => {
        return fetch('https://some-3p-endpoint.com').then(async (response) => {
          if (process.env.NODE_ENV === 'development') {
            addDebugData({
              displayName: '3p endpoint display name',
              response,
            });
          }
  
          return await response.json();
        });
      },
    );
  };

• 👩‍💻 improved HydrogenSession typing. (#1590) by @michenly

  In order to ensure utilies from @shopify/hydrogen will work properly using user implemented HydrogenSession class. We encourage the use of HydrogenSession type to ensure all the interface needed had been implemented.

  Update implementation of HydrogenSession using type

  import {
  + type HydrogenSession,
  } from '@shopify/hydrogen';
  - class HydrogenSession {
  + class AppSession implements HydrogenSession {
      ...
  }

• Enhance startup time of CLI when using --worker runtime. (#1560) by @frandiox

• Show link to docs in the terminal when debugging. (#1568) by @frandiox

• Update cli-kit dependency for bug fixes. (#1579) by @frandiox

• Run prettier in all the generated codegen files that use the Hydrogen preset, not only for Storefront API. (#1578) by @frandiox

• Updated dependencies [07d1b0b5, 9ad7c5ef, 306d302a, 3f3b8dbe]:

  • @shopify/hydrogen-codegen@0.2.0

@shopify/hydrogen-codegen@0.2.0

Minor Changes

• Export type utilities to create GraphQL clients that can consume the types generated by this package. (#1584) by @frandiox

• Add default values to support the Customer Account API without configuration. (#1569) by @frandiox

Patch Changes

• ♻️ renamed all customer reference to the API to customer-account by @michenly

• Add a name property symbol to the preset to make it easier to identify in the CLI. (#1578) by @frandiox

@shopify/create-hydrogen@4.3.5

Patch Changes

• Subrequest Profiler (stable) - Provides an overview of network requests happening on the server side (#1511) by @wizardlyhel

  How to use:

  1. Run h2 dev
  2. Visit http://localhost:3000/subrequest-profiler

  Set request display name with storefront.query:

  context.storefront.query(HOMEPAGE_FEATURED_PRODUCTS_QUERY, {
    displayName: 'Feature products',
    variables: {
      country,
      language,
    },
  });

  Set request debug information with createWithCache:

  const withCache = createWithCache({
    cache,
    waitUntil,
    request,
  });
  
  const data3p = async () => {
    return await withCache(
      ['Some unique cache keys'],
      CacheLong(),
      ({addDebugData}) => {
        return fetch('https://some-3p-endpoint.com').then(async (response) => {
          if (process.env.NODE_ENV === 'development') {
            addDebugData({
              displayName: '3p endpoint display name',
              response,
            });
          }
  
          return await response.json();
        });
      },
    );
  };

• 👩‍💻 improved HydrogenSession typing. (#1590) by @michenly

  In order to ensure utilies from @shopify/hydrogen will work properly using user implemented HydrogenSession class. We encourage the use of HydrogenSession type to ensure all the interface needed had been implemented.

  Update implementation of HydrogenSession using type

  import {
  + type HydrogenSession,
  } from '@shopify/hydrogen';
  - class HydrogenSession {
  + class AppSession implements HydrogenSession {
      ...
  }

• Updated dependencies [8c477cb5, 42ac4138, 6bc1d61c, eb0f4bcc, 335371ce, cce65795, b1a1d7cb, da9e447b, 9e3d88d4, 92840e51, b0d727d1, 306d302a]:

  • @shopify/cli-hydrogen@6.2.0

@shopify/hydrogen@2023.10.4

Patch Changes

• Fix redirect bug (#1629) by @wizardlyhel

• Fix type when passing custom methods to createCartHandler. (#1588) by @frandiox

• ♻️ renamed all customer reference to the API to customer-account by @michenly

• The customerAccount client now supports codegen types similar to the storefront client. (#1587) by @frandiox

• ✨ add schema generation for customer account api in hydrogen-react and export these types in both hydrogen-react & hydrogen. Note the current CA API version is 2024-01 which is a release candidate and subject to change. (#1572) by @michenly

• 💥 Change the behaviour of createContentSecurityPolicy where the custom rules passed in will extends the default Shopify and development domains instead of overriding them. (#1593) by @michenly

• 🐛 fix content security policy for local enviorment for not recognizing localhost asset server as a valid policy (#1591) by @michenly

• Subrequest Profiler (stable) - Provides an overview of network requests happening on the server side (#1511) by @wizardlyhel

  How to use:

  1. Run h2 dev
  2. Visit http://localhost:3000/subrequest-profiler

  Set request display name with storefront.query:

  context.storefront.query(HOMEPAGE_FEATURED_PRODUCTS_QUERY, {
    displayName: 'Feature products',
    variables: {
      country,
      language,
    },
  });

  Set request debug information with createWithCache:

  const withCache = createWithCache({
    cache,
    waitUntil,
    request,
  });
  
  const data3p = async () => {
    return await withCache(
      ['Some unique cache keys'],
      CacheLong(),
      ({addDebugData}) => {
        return fetch('https://some-3p-endpoint.com').then(async (response) => {
          if (process.env.NODE_ENV === 'development') {
            addDebugData({
              displayName: '3p endpoint display name',
              response,
            });
          }
  
          return await response.json();
        });
      },
    );
  };

• ✨ Make customer client utility official. (#1606) by @michenly

• Fix the <Seo /> component to render canonical URLs without trailing slashes. For example, both https://hydrogen.shop/collections/freestyle/ and https://hydrogen.shop/collections/freestyle return a canonical link of https://hydrogen.shop/collections/freestyle. (#1622) by @blittle

  Thank you @joshuafredrickson for reporting.

• 👩‍💻 improved HydrogenSession typing. (#1590) by @michenly

  In order to ensure utilies from @shopify/hydrogen will work properly using user implemented HydrogenSession class. We encourage the use of HydrogenSession type to ensure all the interface needed had been implemented.

  Update implementation of HydrogenSession using type

  import {
  + type HydrogenSession,
  } from '@shopify/hydrogen';
  - class HydrogenSession {
  + class AppSession implements HydrogenSession {
      ...
  }

• ✨ add a utility getAccessToken to customerClient (#1607) by @michenly

• Updated dependencies [07d1b0b5, d6d01322]:

  • @shopify/hydrogen-react@2023.10.2

@shopify/hydrogen-react@2023.10.2

Patch Changes

• ♻️ renamed all customer reference to the API to customer-account by @michenly

• ✨ add schema generation for customer account api in hydrogen-react and export these types in both hydrogen-react & hydrogen. Note the current CA API version is 2024-01 which is a release candidate and subject to change. (#1572) by @michenly

@shopify/remix-oxygen@2.0.3

Patch Changes

• Subrequest Profiler (stable) - Provides an overview of network requests happening on the server side (#1511) by @wizardlyhel

  How to use:

  1. Run h2 dev
  2. Visit http://localhost:3000/subrequest-profiler

  Set request display name with storefront.query:

  context.storefront.query(HOMEPAGE_FEATURED_PRODUCTS_QUERY, {
    displayName: 'Feature products',
    variables: {
      country,
      language,
    },
  });

  Set request debug information with createWithCache:

  const withCache = createWithCache({
    cache,
    waitUntil,
    request,
  });
  
  const data3p = async () => {
    return await withCache(
      ['Some unique cache keys'],
      CacheLong(),
      ({addDebugData}) => {
        return fetch('https://some-3p-endpoint.com').then(async (response) => {
          if (process.env.NODE_ENV === 'development') {
            addDebugData({
              displayName: '3p endpoint display name',
              response,
            });
          }
  
          return await response.json();
        });
      },
    );
  };

skeleton@1.0.2

Patch Changes

• Updated the GraphQL config in .graphqlrc.yml to use the more modern projects structure: (#1577) by @frandiox

  -schema: node_modules/@shopify/hydrogen/storefront.schema.json
  +projects:
  + default:
  +    schema: 'node_modules/@shopify/hydrogen/storefront.schema.json'

  This allows you to add additional projects to the GraphQL config, such as third party CMS schemas.

  Also, you can modify the document paths used for the Storefront API queries. This is useful if you have a large codebase and want to exclude certain files from being used for codegen or other GraphQL utilities:

  projects:
    default:
      schema: 'node_modules/@shopify/hydrogen/storefront.schema.json'
      documents:
        - '!*.d.ts'
        - '*.{ts,tsx,js,jsx}'
        - 'app/**/*.{ts,tsx,js,jsx}'

• Change the default HydrogenSession to be more robust in parsing session cookies (#1583) by @blittle

• Update @shopify/cli dependency in package.json: (#1579) by @frandiox

  -   "@shopify/cli": "3.51.0",
  +   "@shopify/cli": "3.52.0",

• 👩‍💻 improved HydrogenSession typing. (#1590) by @michenly

  In order to ensure utilies from @shopify/hydrogen will work properly using user implemented HydrogenSession class. We encourage the use of HydrogenSession type to ensure all the interface needed had been implemented.

  Update implementation of HydrogenSession using type

  import {
  + type HydrogenSession,
  } from '@shopify/hydrogen';
  - class HydrogenSession {
  + class AppSession implements HydrogenSession {
      ...
  }

• Updated dependencies [810f48cf, 8c477cb5, fb38d3b7, 07d1b0b5, 4d6ba3ff, 42ac4138, d6d01322, 6bc1d61c, eb0f4bcc, a69c21ca, 970073e7, 335371ce, 94509b75, 36d6fa2c, cce65795, b1a1d7cb, da9e447b, 9e3d88d4, 92840e51, b0d727d1, f6e6d194, 306d302a]:

  • @shopify/hydrogen@2023.10.4
  • @shopify/cli-hydrogen@6.2.0
  • @shopify/remix-oxygen@2.0.3

[wizardlyhel]

All changes in this list will be release in 2024-01