• React/Create Element To Jsx

    This codemod transforms React.createElement calls into JSX syntax, making your code more readable and maintainable.

    by@alexbit-codemod
  • Sveltekit Vite Preprocess Migration

    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.

    by@priyanshuthapliyal2005
  • Sveltekit Import And Path Simplification

    This codemod simplifies the import statements and path resolution in your SvelteKit project. It replaces the usage of resolvePath and concatenation with base by using the resolveRoute function from $app/paths. This results in cleaner and more readable code.

    by@priyanshuthapliyal2005
  • 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) into window.location.href = $A; when the $A value is a URL starting with http:// or https://. This refactor makes external navigation more explicit by using window.location.href.

    by@priyanshuthapliyal2005
  • Dynamic To Static Env Transformer

    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.

    by@priyanshuthapliyal2005
  • Add Status To Error Handling

    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.

    by@priyanshuthapliyal2005
  • Add Multipart Enctype To Forms With File Input

    This codemod automatically adds the enctype="multipart/form-data" attribute to forms containing file input fields. It ensures that forms with file inputs properly handle file uploads during non-JS submissions, which is a requirement for SvelteKit v2.

    by@priyanshuthapliyal2005
  • Add Cookie Path To All Methods

    This codemod adds { path: '/' } to all cookies 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.

    by@priyanshuthapliyal2005
  • Replace Throw With Error Call

    This codemod simplifies error handling and redirects in your TypeScript project by replacing throw error() and throw redirect() statements with direct calls to error() and redirect(). This change aligns with modern practices and results in cleaner, more readable code.

    by@priyanshuthapliyal2005
  • React/Update React Imports

    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.

    by@alexbit-codemod
  • Rest Handler

    Example

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

  • Import Change Js To Ts Extensions

    This codemod changes .js to .ts file extension in relative, top-level imports. If no .js file extension was previously used, it adds .ts file extension instead.

    by@kamilogorek
  • Import Add Js Extensions

    This codemod adds .js file extension to relative, top-level imports.

  • Event Handling On Change

    This codemod automates the update of your onChange event handler function to support the new Descendant[] type and selection handling introduced in version 0.104.

    by@krishn404
  • Insert Nodes

    Theis transformation ensures that calls to Transforms.insertNodes in the updated API remain functional and behave identically to their usage in the older API (v0.88) while adhering to the new, more explicit parameterization.

    by@krishn404
  • Schema Validation

    This transformation involves modifying how a paragraph block type is handled in a schema-like structure by replacing its static configuration with a runtime validation function (isValidNode).

    Before

  • With React Integration

    This codemod transforms the usage of withReact(createEditor()) into a useMemo-based structure, which wraps the editor creation and introduces an inline-checking function (isInline) for the editor instance. This transformation optimizes the creation of the editor object by memoizing it.

  • Editor State

    This codemod migrates from using useContext(EditorContext) to the new useSlate() hook in Slate. It transforms the editor state management approach and adds new state hooks.

    by@krishn404
  • Cursor Selection Handling

    This codemod shows how to migrate cursor and selection handling from Slate v0.88 to v0.104, including the Preventing runtime errors from null selections.

  • Editor Node

    This codemod transforms Editor.node usage into Editor.nodes format. It also handles cases with both destructuring and non-destructuring .The new API returns an iterator of nodes instead of a single node, requiring changes to existing code patterns.

    by@krishn404