Version Packages

[ghost]

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

@commercetools-frontend/application-components@21.4.0

Minor Changes

• #2572 5b06e97a Thanks @emmenko! - Bump uikit packages to v15.

Patch Changes

• #2563 238bd34a Thanks @kark! - Update react-intl to version ^5.25.0

• Updated dependencies [238bd34a, 5b06e97a]:

  • @commercetools-frontend/i18n@21.4.0

@commercetools-frontend/application-shell@21.4.0

Minor Changes

• #2572 5b06e97a Thanks @emmenko! - Bump uikit packages to v15.

• #2550 1065e661 Thanks @kark! - Add a new <SuspendedRoute> component.

  This component is exactly like the <Route> component of react-router but it wraps the children with React.Suspense, allowing the children to be dynamically loaded with React.lazy. This can be used for code splitting components at the route level.

  import { Switch } from 'react-router-dom';
  import { lazy } from 'react';
  
  const LazyLoadedComponent = lazy(() => import('./lazy-loaded-component'));
  
  <Switch>
    <SuspendedRoute>
      <LazyLoadedComponent />
    </SuspendedRoute>
  </Switch>;

Patch Changes

• #2563 238bd34a Thanks @kark! - Update react-intl to version ^5.25.0

• Updated dependencies [238bd34a, 5b06e97a]:

  • @commercetools-frontend/application-components@21.4.0
  • @commercetools-frontend/i18n@21.4.0
  • @commercetools-frontend/react-notifications@21.4.0

@commercetools-frontend/codemod@0.1.0

Minor Changes

• #2565 41e6e62b Thanks @emmenko! - Add new Codemod package. The first transform is rename-js-to-jsx, which helps renaming JS files using React (JSX) to .jsx extension.

  npx @commercetools-frontend/codemod rename-js-to-jsx 'src/**/*.js'
  

@commercetools-frontend/i18n@21.4.0

Minor Changes

• #2572 5b06e97a Thanks @emmenko! - Bump uikit packages to v15.

Patch Changes

• #2563 238bd34a Thanks @kark! - Update react-intl to version ^5.25.0

@commercetools-frontend/mc-dev-authentication@21.4.0

Minor Changes

• #2568 5bcf106a Thanks @emmenko! - Enable opt-in support for using Vite.js bundler. To enable it, set the environment variable ENABLE_EXPERIMENTAL_VITE_BUNDLER="true" in your dotenv file.

  Why Vite

  Vite (French word for "quick", pronounced /vit/, like "veet") is a build tool that aims to provide a faster and leaner development experience for modern web projects.

  You can learn more about the rationale behind the project in the Why Vite documentation.

  Native ES Modules support

  Vite is optimized for using native ES Modules via <script type="module"> tags and ES Modules dynamic import.

  CLI compatibility

  All the mc-scripts CLI commands are fully compatible with the new bundler, so you can continue using them as before.

  Unsupported features

  The cdnUrl value is not supported at the moment when using Vite.

  Required file extensions

  Vite relies on the file extensions to determine how to process the file in the best possible way. For example, a file using JSX should use the extension .jsx, or .tsx for TypeScript.

  Up until now we didn't enforce this with Webpack, so using .js or .jsx works in both cases. If you are still using .js for files including the JSX syntax, you need to rename the file to .jsx.

  To help with the renaming, you can use our codemod rename-js-to-jsx:

  npx @commercetools-frontend/codemod rename-js-to-jsx 'src/**/*.js'
  

Patch Changes

• #2568 5bcf106a Thanks @emmenko! - Expose new middleware createMcDevAuthenticationMiddleware. This is mostly used for internal development.

@commercetools-frontend/mc-html-template@21.4.0

Minor Changes

• #2568 5bcf106a Thanks @emmenko! - Enable opt-in support for using Vite.js bundler. To enable it, set the environment variable ENABLE_EXPERIMENTAL_VITE_BUNDLER="true" in your dotenv file.

  Why Vite

  Vite (French word for "quick", pronounced /vit/, like "veet") is a build tool that aims to provide a faster and leaner development experience for modern web projects.

  You can learn more about the rationale behind the project in the Why Vite documentation.

  Native ES Modules support

  Vite is optimized for using native ES Modules via <script type="module"> tags and ES Modules dynamic import.

  CLI compatibility

  All the mc-scripts CLI commands are fully compatible with the new bundler, so you can continue using them as before.

  Unsupported features

  The cdnUrl value is not supported at the moment when using Vite.

  Required file extensions

  Vite relies on the file extensions to determine how to process the file in the best possible way. For example, a file using JSX should use the extension .jsx, or .tsx for TypeScript.

  Up until now we didn't enforce this with Webpack, so using .js or .jsx works in both cases. If you are still using .js for files including the JSX syntax, you need to rename the file to .jsx.

  To help with the renaming, you can use our codemod rename-js-to-jsx:

  npx @commercetools-frontend/codemod rename-js-to-jsx 'src/**/*.js'
  

Patch Changes

• #2568 5bcf106a Thanks @emmenko! - Extract html template into separate file for better reusability.

@commercetools-frontend/mc-scripts@21.4.0

Minor Changes

• #2568 5bcf106a Thanks @emmenko! - Enable opt-in support for using Vite.js bundler. To enable it, set the environment variable ENABLE_EXPERIMENTAL_VITE_BUNDLER="true" in your dotenv file.

  Why Vite

  Vite (French word for "quick", pronounced /vit/, like "veet") is a build tool that aims to provide a faster and leaner development experience for modern web projects.

  You can learn more about the rationale behind the project in the Why Vite documentation.

  Native ES Modules support

  Vite is optimized for using native ES Modules via <script type="module"> tags and ES Modules dynamic import.

  CLI compatibility

  All the mc-scripts CLI commands are fully compatible with the new bundler, so you can continue using them as before.

  Unsupported features

  The cdnUrl value is not supported at the moment when using Vite.

  Required file extensions

  Vite relies on the file extensions to determine how to process the file in the best possible way. For example, a file using JSX should use the extension .jsx, or .tsx for TypeScript.

  Up until now we didn't enforce this with Webpack, so using .js or .jsx works in both cases. If you are still using .js for files including the JSX syntax, you need to rename the file to .jsx.

  To help with the renaming, you can use our codemod rename-js-to-jsx:

  npx @commercetools-frontend/codemod rename-js-to-jsx 'src/**/*.js'
  

Patch Changes

• Updated dependencies [5bcf106a, 5bcf106a, 5bcf106a]:
  • @commercetools-frontend/mc-dev-authentication@21.4.0
  • @commercetools-frontend/mc-html-template@21.4.0

@commercetools-frontend/react-notifications@21.4.0

Minor Changes

• #2572 5b06e97a Thanks @emmenko! - Bump uikit packages to v15.

Patch Changes

• #2563 238bd34a Thanks @kark! - Update react-intl to version ^5.25.0

@commercetools-frontend/cypress@21.4.0

Patch Changes

• Updated dependencies [238bd34a, 5b06e97a, 1065e661]:
  • @commercetools-frontend/application-shell@21.4.0

merchant-center-application-template-starter@19.2.0

Minor Changes

• #2572 5b06e97a Thanks @emmenko! - Bump uikit packages to v15.

• #2550 1065e661 Thanks @kark! - Improve the Custom Applications starter template to include a detail page for Channels and the ability to update some of its fields.

  These new changes focus on showcasing using forms and notifications.

Patch Changes

• #2563 238bd34a Thanks @kark! - Update react-intl to version ^5.25.0

• #2568 5bcf106a Thanks @emmenko! - Rename files using JSX to .jsx

• Updated dependencies [238bd34a, 5b06e97a, 5bcf106a, 5bcf106a, 1065e661]:

  • @commercetools-frontend/application-components@21.4.0
  • @commercetools-frontend/application-shell@21.4.0
  • @commercetools-frontend/i18n@21.4.0
  • @commercetools-frontend/mc-dev-authentication@21.4.0
  • @commercetools-frontend/mc-scripts@21.4.0

playground@19.2.0

Minor Changes

• #2572 5b06e97a Thanks @emmenko! - Bump uikit packages to v15.

Patch Changes

• #2563 238bd34a Thanks @kark! - Update react-intl to version ^5.25.0

• #2568 5bcf106a Thanks @emmenko! - Rename files using JSX to .jsx

• #2568 5bcf106a Thanks @emmenko! - Use new experimental bundler

• Updated dependencies [238bd34a, 5b06e97a, 1065e661]:

  • @commercetools-frontend/application-components@21.4.0
  • @commercetools-frontend/application-shell@21.4.0
  • @commercetools-frontend/i18n@21.4.0

@commercetools-local/visual-testing-app@19.3.0

Minor Changes

• #2572 5b06e97a Thanks @emmenko! - Bump uikit packages to v15.

Patch Changes

• #2563 238bd34a Thanks @kark! - Update react-intl to version ^5.25.0

• Updated dependencies [238bd34a, 5b06e97a]:

  • @commercetools-frontend/application-components@21.4.0
  • @commercetools-frontend/react-notifications@21.4.0

@commercetools-website/custom-applications@18.6.0

Minor Changes

• #2572 5b06e97a Thanks @emmenko! - Bump uikit packages to v15.

Patch Changes

• #2563 238bd34a Thanks @kark! - Update react-intl to version ^5.25.0

• #2561 dcd50aca Thanks @timonrey! - Update all docs dependencies.

@commercetools-website/components-playground@17.4.0

Minor Changes

• #2572 5b06e97a Thanks @emmenko! - Bump uikit packages to v15.

Patch Changes

• #2563 238bd34a Thanks @kark! - Update react-intl to version ^5.25.0

• Updated dependencies [238bd34a, 5b06e97a]:

  • @commercetools-frontend/application-components@21.4.0
  • @commercetools-frontend/i18n@21.4.0

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
merchant-center-application-kit	✅ Ready (Inspect)	Visit Preview	Apr 28, 2022 at 3:54PM (UTC)