Theme tools has been removed, so this codemod transforms it, to use CSS color mix.

• Updates the ChakraProvider import from @chakra-ui/react
• Renames the theme prop to value to match the new system-based theming approach

• Replaces extendTheme with createSystem and defaultConfig.
• Updates your theme object to fit the new structure required by Chakra UI.

Modification of the InterpolationOptions type. In version 23.0.0, the ns property within InterpolationOptions is now constrained to be of type Namespace instead of being a string or a readonly string[]. This change requires you to adjust your code accordingly.

A codemod which makes the array search operation more optimal and efficient, by converting the array into a set and executing the set's has method to find the desired element.

Example

This codemod turns default import statements for minimatch to named imports.

In v7 the react-router and react-router-dom packages are combined so this codemod import everything directly from "react-router" except for the RouterProvider exception.

Change import and usage of from TerserPlugin to use included rspack.SwcJsMinimizerRspackPlugin.

Before

Change import and usage of from html-webpack-tags-plugin to use includedhtml-rspack-tags-plugin.

Change import from webpack-manifest-plugin torspack-manifest-plugin.

Change import from workbox-webpack-plugin to @aaroon/workbox-rspack-plugin.

Change import from webpack-virtual-modules to rspack-plugin-virtual-module.

Change import and usage of from css-minimizer-webpack-plugin to use included rspack.LightningCssMinimizerRspackPlugin.

Before

Change import from eslint-webpack-plugin to eslint-rspack-plugin.

Before

Example

This codemod turns X into Y. It also does Z. Note: this is a contrived example. Please modify it.

Example

This codemod turns X into Y. It also does Z. Note: this is a contrived example. Please modify it.

Handles the migration of the CssExtractWebpackPlugin webpack plug-in into an included plugin in rspack.

• Rspack has implemented most of webpack's built-in plugins, with the same names and configuration parameters, allowing for easy replacement.
• Replace the the include package from webpack to rspack one.
• Replaces the webpack object in the plugins array to rspack object.
• Handles only for supported and partially supported built-in plugins. (as of 11th Oct 2024)

Handles the migration of the CopyWebpackPlugin web pack plug into an included plugin in rspack.

This recipe is a set of codemods that will help migrate from webpack to rspack.