[ci] release v1.x-2022-07

[github-actions]

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 v1.x-2022-07, this PR will be updated.

Releases

@shopify/hydrogen@0.15.0

Minor Changes

• #983 52af261b Thanks @jplhomer! - Introduce Suspense-friendly fetchSync API for server and client components.

  When using fetchSync in server components, you provide options for caching and preloading. This is similar to the useQuery hook:

  import {fetchSync, CacheMinutes} from '@shopify/hydrogen';
  import {Suspense} from 'react';
  
  export function MyServerComponent() {
    return (
      <Suspense fallback="Loading...">
        <MyThings />
      </Suspense>
    );
  }
  
  function MyThings() {
    const things = fetchSync('https://3p.api.com/things.json', {
      preload: true,
      cache: CacheMinutes(),
    }).json();
  
    return <h2>{things.title}</h2>;
  }

  When using fetchSync in client components, you cannot provide options for caching and preloading. You must import fetchSync from @shopify/hydrogen/client:

  import {fetchSync} from '@shopify/hydrogen/client';
  import {Suspense} from 'react';
  
  export function MyClientComponent() {
    return (
      <Suspense fallback="Loading...">
        <MyThings />
      </Suspense>
    );
  }
  
  function MyThings() {
    const things = fetchSync('https://3p.api.com/things.json').json();
  
    return <h2>{things.title}</h2>;
  }

• #890 a4c6d6c4 Thanks @wizardlyhel! - Analytics instrumentation - this provides integration points for both server
  and client side analytics instrumentations

  • Usage documentation

Patch Changes

• #1061 a4aa3887 Thanks @jplhomer! - Support script tags in index.html that contain line breaks

• #1057 06d92ddc Thanks @frandiox! - Ability to concatenate requests in API route handlers without leaving the server by returning a new Request instance.

  // src/routes/my-page.server.jsx
  
  export async function api(request) {
    if (request.method === 'POST') {
      // do some work here...
    }
  
    return new Request(request.url, {method: 'GET'});
  }
  
  export default function Page() {
    return (
      <form action="/my-page" method="POST">
        ...
      </form>
    );
  }

  In the previous example, a POST request to /my-page would run the API handler and automatically continue with the server component rendering (GET). This is useful for handling HTML forms without waterfall requests.

• #1049 b88a885d Thanks @wizardlyhel! - Support sub request cache control header stale-while-revalidate everywhere

• #1047 5268bf85 Thanks @jplhomer! - Restore scroll position when navigating using the back and forward buttons.

• #1062 cc172ae7 Thanks @jplhomer! - Fix encoding of quotes in CSS Modules which caused hydration errors

• #1046 3947d53a Thanks @michenly! - Fixed server Cookie bug where initializing with empty string will resulted in 1 item in the Cookies Map.

• #1059 401f329d Thanks @frandiox! - Fix link prefetch mismatch due to query-string

• #1072 47c0c184 Thanks @michenly! - Improve type for ShopifyContextValue to be based on ShopifyConfig.