Use case
Framework
Owner
Goto To Location Href
Codemod Description
This codemod is designed to replace specific patterns in TypeScript files with updated code logic. It transforms instances of
goto($A)
intowindow.location.href = $A;
when the$A
value is a URL starting withhttp://
orhttps://
. This refactor makes external navigation more explicit by usingwindow.location.href
.Add Cookie Path To All Methods
This codemod adds
{ path: '/' }
to allcookies
method calls in your TypeScript project. It ensures that cookies are set, deleted, or serialized with the correct path specified, which helps in consistent cookie handling across different environments.Replace Throw With Error Call
This codemod simplifies error handling and redirects in your TypeScript project by replacing
throw error()
andthrow redirect()
statements with direct calls toerror()
andredirect()
. This change aligns with modern practices and results in cleaner, more readable code.Editor Has Path
This guide covers the migration of
Editor.hasPath
usage from Slate.js v0.88 to v0.104. The API has changed from a property-based check to a function call pattern, requiring updates to existing code.Deno Refactor Resource Ids
In Deno v2, resource IDs are being deprecated. Most users do not directly interact with resource IDs, so we are moving towards a model where resources are referenced by native JavaScript objects. This codemod automates the process of updating your code to align with this change.
Vue 2 To Vue 3 Refs And Methods
Example
This codemod turns X into Y. It also does Z. Note: this is a contrived example. Please modify it.
React 17 Default Props To Params
Example
This codemod turns X into Y. It also does Z. Note: this is a contrived example. Please modify it.
React Router/6/Update Relative Links
This codemod modernizes
Route
andLink
components in React Router by:- Removing the deprecated
exact
prop fromRoute
. - Updating
Route
to use theelement
prop. - Rewriting dynamic
Link
andRoute
paths that use template literals like${match.url}
and${match.path}
.
- Removing the deprecated
ChakraUI/V3/Remove Theme Tools
Theme tools has been removed, so this codemod transforms it, to use CSS color mix.
ChakraUI/V3/Update Chakra Provider
- Updates the ChakraProvider import from @chakra-ui/react
- Renames the theme prop to value to match the new system-based theming approach
ChakraUI/V3/Refactor Custom Theme
- Replaces extendTheme with createSystem and defaultConfig.
- Updates your theme object to fit the new structure required by Chakra UI.
I18n/23/Remove Options
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.
Webpack To Rspack/Cssextractwebpackplugin Community To Included Plugin
Handles the migration of the CssExtractWebpackPlugin webpack plug-in into an included plugin in rspack.
Webpack To Rspack/Migrate Update Babel Loader To Swc Loader
Using builtin:swc-loader offers better performance compared to the babel-loader and the external swc-loader, as it avoids frequent communication between JavaScript and Rust.
React Router/7/Migration Recipe
This codemods designed to facilitate the migration of your project from React Router to version 7. Each codemod targets specific changes and improvements introduced in React Router v7, ensuring a smoother transition.
Meteor/V3/Update React
This codemod helps in transforming react to meteor
Fastify/5/Redirect Arg Order
This codemod updates
reply.redirect
by placing the status code as the second argument, as per Fastify v5 conventions.Fastify/5/Replace Hardcoded Url In Hasroute
This codemod highlights the shift in how routes with dynamic parameters should be referenced in
fastify.hasRoute
in Fastify v5.MoveStateToChildComponent
This codemod refactors React components by moving
useState
hooks from parent components to child components when the state and setter function (setState
) are passed down as props. The goal is to simplify the parent components and allow child components to manage their own internal state when appropriate.Jasmine/V5/Migration Recipe
This recipe is a set of codemods that will help migrate to jasmine v5 from jasmine 4.x .