[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

[email protected]

Minor Changes

• #1313 ed1933e3 Thanks @frandiox! - Breaking change: The routes property in hydrogen.config.js file has been simplified. It is now a string that represents the path to the routes from the project root:

  // hydrogen.config.js
  
  export default defineConfig({
  -  routes: import('./src/routes/**/*.server.[jt](s|sx)'),
  +  routes: '/src/routes',
  });

  Its default value is /src/routes so this property can be removed when using this directory.

  In the object syntax version, dirPrefix is removed and files becomes a string:

  // hydrogen.config.js
  
  export default defineConfig({
    routes: {
  -   files: import('./src/routes/**/*.server.[jt](s|sx)'),
  -   dirPrefix: './src/routes',
  +   files: '/src/routes',
      basePath: '/',
    },
  });

• #930 750baf8f Thanks @michenly! - Add an end-to-end implementation of customer account creation, login, reset password, and logout. The following routes are added:

  1. /account - An account settings page for the current logged in user. At the moment mostly unimplemented. If the user accesses the route while not logged in, they will be forwarded to /account/login.
  2. /account/login - A page for the user to present their credentials and login.
  3. /account/logout - An API route that expects a POST to delete the current session.
  4. /account/register - Contains a form for the user to setup a new account. On success, forwards the user to /account
  5. /account/recover - A form for the user to fill out to initiate a password reset. If the form succeeds, an email will be sent to the user with a link to reset their password. Clicking the link leads the user to the page /account/reset/[resetToken].
  6. /account/reset/[id]/[resetToken] - A form to enter a new password. Submits the new password and resetToken to /account/reset. On success, forwards the user to /account.
  7. /account/reset - An API route to update the user with a new password.
  8. /account/activate/[id]/[activationToken] - This is a form to activate a new user. The user should only reach this form from a link in their email. Submits the password and activationToken to /account/activate, On success, forwards the user to /account.
  9. /account/activate - An API route to activate the user with a password.

  Note: At the moment, the email sent to the user for password resets has the web storefront domain, instead of your Hydrogen domain. This will be resolved, but in the mean time, you can manually replace the domain with your Hydrogen domain to proceed.

  A later release will include a large account admin implementation.

@shopify/[email protected]

Minor Changes

• #930 750baf8f Thanks @michenly! - With the introduction of authenticated pages, we also now provide the ability to prevent pages from being indexed by bots. You can do so by passing noindex to the Seo component:

  <Seo type="noindex" data={{title: 'Login'}} />

• #1313 ed1933e3 Thanks @frandiox! - Breaking change: The routes property in hydrogen.config.js file has been simplified. It is now a string that represents the path to the routes from the project root:

  // hydrogen.config.js
  
  export default defineConfig({
  -  routes: import('./src/routes/**/*.server.[jt](s|sx)'),
  +  routes: '/src/routes',
  });

  Its default value is /src/routes so this property can be removed when using this directory.

  In the object syntax version, dirPrefix is removed and files becomes a string:

  // hydrogen.config.js
  
  export default defineConfig({
    routes: {
  -   files: import('./src/routes/**/*.server.[jt](s|sx)'),
  -   dirPrefix: './src/routes',
  +   files: '/src/routes',
      basePath: '/',
    },
  });

• #1332 5ec1bc62 Thanks @frandiox! - A new gql utility is exported from @shopify/hydrogen that replaces graphql-tag dependency when using useShopQuery. It helps reducing bundle size in production when compared to the original graphql-tag.

  Before:

  import gql from 'graphql-tag';
  
  // ...
  
  useShopQuery({
    query: gql`...`,
    // ...
  });

  After:

  import {gql} from '@shopify/hydrogen';
  
  // ...
  
  useShopQuery({
    query: gql`...`,
    // ...
  });

• #1340 631832ec Thanks @jplhomer! - Breaking change: The response.send() function has been removed. Use export async function api() to send custom responses instead.

Patch Changes

• #1371 84a2fd09 Thanks @frehner! - Made updates to <Image/>:

  • Fixed some TypeScript type issues with Image.
  • data.url and alt are now required props in Typescript, but won't break the actual component if you don't pass them.

• #1348 211093e5 Thanks @developit! - Fix HTML double-decoding in flight response

• #1345 331ff3c0 Thanks @frandiox! - Reduce the amount of user app files downloaded in the browser.

• #1322 36bd77c4 Thanks @frandiox! - Fix server hanging in Node.js environment when not using Hydrogen Middleware.

• #1360 d9b0d03b Thanks @blittle! - Fix a problem where encoded html content props passed from server to client components would get double decoded, and break hydration on app load.

• #1355 c45a45e8 Thanks @jplhomer! - Ensure all Hydrogen components are exported properly

• #1339 fef4cb84 Thanks @jplhomer! - Use import.meta.env.DEV instead of process.env.LOCAL_DEV to hash asset filenames and show performance metrics debugging

• #1320 7e9df897 Thanks @jplhomer! - Properly log errors during flight responses

• #1363 0941d3be Thanks @frandiox! - Remove some server utilities from client build.

[email protected]

Patch Changes

• #1373 66fdc75c Thanks @cartogram! - This package now supports eslint >= 8

• #1367 9514271c Thanks @cartogram! - Updates default hydrogen eslint config to ignore rule-of-hooks rule inside server components.