Use case
Framework
Owner
Correct Ts Specifiers
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.Test
Example
This codemod turns X into Y. It also does Z. Note: this is a contrived example. Please modify it.
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.
React Router/6/UseHistory To UseNavigate
This codemod migrates
useHistory
touseNavigate
in React Router codebases. It replacesuseHistory
imports and updates all instances ofhistory.push
,history.replace
,go
,goBack
, andgoForward
to align with theuseNavigate
API.React Router/6/Switch To Routes
This codemod updates
Switch
components toRoutes
in React Router, in line with React Router v6 and newer. It also adjusts the imports, replacingSwitch
withRoutes
inreact-router-dom
import statements.React Router/6/Migrate StaticRouter Import
This codemod updates imports of
StaticRouter
to use thereact-router-dom/server
package instead ofreact-router-dom
, in line with updated React Router requirements.React Router/6/Replace UseRouteMatchWithUseMatch
This codemod updates
useRouteMatch
calls to the neweruseMatch
function inreact-router-dom
. It also adjusts any arguments passed touseRouteMatch
, changingstrict
toend
andsensitive
tocaseSensitive
. Additionally, it ensures that imports are updated to reflect the removal ofuseRouteMatch
.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.
Styledictionary/4/Asynchronous Api
This codemod updates the following StyleDictionary class methods to be asynchronous:
extend()
,exportPlatform()
,getPlatform()
,buildAllPlatforms()
,buildPlatform()
,cleanAllPlatforms()
, andcleanPlatform()
. This ensures compatibility with the latest asynchronous workflows in Style Dictionary.Styledictionary/4/Asynchronous Api File Headers
This codemod updates the
fileHeader
format helper utility to be asynchronous, allowing support for async fileHeaders while maintaining consistency with the latest updates.Jasmine/V5/Handling Env Execute Callbacks
This codemod migrates
Env.execute
callbacks to await.Svelte/5/Svelte Element Expression
This codemod updates Svelte component definitions by transforming the
this
attribute in<svelte:element>
tags:Gatsby/V5/Removal UseNavigate Hook
Removal of useNavigate Hook
Removal UseNavigate Hook
Removal of useNavigate Hook
Nuxt/2/Convert Nuxt.Js Config To The `DefineNuxtConfig`
Convert Nuxt.js Config to defineNuxtConfig
Nuxt 2 Convert Nuxt.Js Config To `DefineNuxtConfig`
Convert Nuxt.js Config to defineNuxtConfig
Next/15/Refactor Imports From @Next/Font To Next/Font
Refactor Imports from @next/font to next/font
Sentry/V8/Remove Replay Package And Update Integration
This codemod removes the import statement for the @sentry/replay package and replaces instances of new Replay() with Sentry.replayIntegration(), aligning with the latest Sentry SDK practices.
TypeScript/V5.6/Add Test For Regex In Conditional
Add .test() to regex literals in conditionals