Use case
Framework
Owner
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.Event Handling On Change
This codemod automates the update of your
onChange
event handler function to support the newDescendant[]
type and selection handling introduced in version 0.104.Flatten Deno.Json
This codemod helps developers migrate their deno.json configuration files to the new flattened schema format, making them easier to read and write. It automates the transformation of nested properties to their new top-level structure as outlined in recent Deno updates.
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.
Array To Set Conversion
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.
Webpack To Rspack/Migration Recipe
This recipe is a set of codemods that will help migrate from webpack to rspack.
Webpack To Rspack/Remove Raw Loader To Type Asset Source
Rspack implements Webpack 5's Asset Modules, using asset modules to replace raw-loader to 'asset/source' for better performance.
Webpack To Rspack/Remove Url Loader To Type Asset Inline
Rspack implements Webpack 5's Asset Modules, using asset modules to replace url-loader to 'asset/inline' for better performance.
Webpack To Rspack/Remove File Loader To Type Asset Resource
Rspack implements Webpack 5's Asset Modules, using asset modules to replace file-loader to 'asset/resource' for better performance.
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/Add V7 RelativeSplatPath Flag
This transformation adds the necessary configuration to enable v7 features, specifically the v7_relativeSplatPath flag. It affects both components and createBrowserRouter configurations.
Styledictionary/4/Logging
This codemod updates the logging system to be more configurable, as detailed in the Logging docs. You can now customize the verbosity of logs and silence warnings and success logs, in addition to the previous option of setting
log: 'error'
to change the default behavior to throw warnings as errors.Styledictionary/4/Hook Api Actions
This codemod updates registered actions to be placed inside the
hooks.actions
property, instead ofaction
. Note the shift from the singular to the plural form in this update.Reka Ui/Remove Calendar Step Prop
Use prevPage/nextPage props for greater control.
Meteor/V3/Update React
This codemod helps in transforming react to meteor
Fastify/5/MigrationRecipe
This recipe provides a set of codemods designed to assist with migrating to Fastify 5. Each codemod addresses specific changes and enhancements introduced in Fastify 5.
Fastify/5/GetResponseTime To ElapsedTime
This codemod converts
reply.getResponseTime()
toreply.elapsedTime
, reflecting changes in Fastify v5 for retrieving response time.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.Reka Ui/Migration Recipe
This recipe is a set of codemods that will help migrate to Style Dictionary 4.