This package transforms import specifiers in source-code from the broken state TypeScript's compiler (tsc) required (prior TypeScript v5.7 RC) into proper ones. This is useful when source-code is processed by standards-compliant software like Node.js. This is a one-and-done process, and the updated source-code should be committed to your version control (ex git); thereafter, source-code import statements should be authored compliant with the ECMAScript (JavaScript) standard.

This codemod updates import paths and ensures compatibility with changes in library structures. In this example, it modifies the import statement for vitePreprocess to reflect updates in the library's API.

This codemod transforms import {$A} from '$env/dynamic/public'; and import {$A} from '$env/dynamic/private'; into their static counterparts, replacing them with import {$A} from '$env/static/public'; and import {$A} from '$env/static/private';, respectively. It ensures compatibility for prerendered pages and static deployments.

This codemod improves error handling in SvelteKit by updating the way errors are returned in the load function. In SvelteKit 1, errors were handled inconsistently, often missing the status property or failing to trigger the handleError hook. SvelteKit 2 standardizes error handling by automatically including the status and message properties in error responses.

This codemod transforms React imports to use named imports instead of default or namespace imports. This helps reduce bundle size by allowing better tree-shaking of unused React exports.

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.

• 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.

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 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

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.

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

Rspack implements Webpack 5's Asset Modules, using asset modules to replace raw-loader to 'asset/source' for better performance.