Vite

48:I[660678,["/_next/static/chunks/13vqyfldau57p.js","/_next/static/chunks/1gbl-dcot4vlq.js","/_next/static/chunks/3w7s_-pxil6pv.js","/_next/static/chunks/3zorfbfh_a_pd.js","/_next/static/chunks/0cnrn8dx8wpm6.js","/_next/static/chunks/2e4udl7tfg2xd.js","/_next/static/chunks/1mbdq0lktamc7.js","/_next/static/chunks/0nq310uz96h4-.js","/_next/static/chunks/2i4xo8xu-dpuk.js","/_next/static/chunks/40fmu66fmb8tm.js","/_next/static/chunks/3vehc-g2atkra.js","/_next/static/chunks/2a4jc680f5x-9.js","/_next/static/chunks/2wyk4b1ao4pa_.js","/_next/static/chunks/1gth09_ur0iam.js","/_next/static/chunks/0ugk39ckud30x.js","/_next/static/chunks/0pp6seif9t0rh.js","/_next/static/chunks/3bhq66ea_v7by.js","/_next/static/chunks/44c_5nh0vyeb5.js","/_next/static/chunks/1jiredr0b6jr_.js","/_next/static/chunks/0r86cplnpkdza.js","/_next/static/chunks/2ghxk472-g0i6.js","/_next/static/chunks/1ra7jqz5hyzln.js","/_next/static/chunks/42kj-we3o-c3u.js","/_next/static/chunks/2vvl77bxv5nze.js","/_next/static/chunks/2dk9hti1hh4ut.js","/_next/static/chunks/2l8l4_a9-xhts.js","/_next/static/chunks/1qsa_rj-5yj90.js","/_next/static/chunks/0ewjxq-e6quq-.js","/_next/static/chunks/34y7-26s89h2f.js","/_next/static/chunks/0ojgzwcpt7vsk.js","/_next/static/chunks/3enqpgm3pn7at.js","/_next/static/chunks/3-906s1ue5fj3.js","/_next/static/chunks/2t_5zfez2-77k.js","/_next/static/chunks/2641m2aqdum9a.js","/_next/static/chunks/1cvej8ocaz0a2.js","/_next/static/chunks/1j29bqcxcpyur.js"],"HydrationBoundary"] 47:Ta59,{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://app.codemod.com/registry#website","url":"https://app.codemod.com/registry","name":"Codemod Registry"},{"@type":"Organization","@id":"https://app.codemod.com#org","name":"Augustin Mauroy","url":"https://app.codemod.com","logo":"https://avatars.githubusercontent.com/u/97875033?v=4"},{"@type":"BreadcrumbList","@id":"https://app.codemod.com/registry/vitejs-migrate-transform-index-html-hooks#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Registry","item":"https://app.codemod.com/registry"},{"@type":"ListItem","position":2,"name":"vitejs-migrate-transform-index-html-hooks","item":"https://app.codemod.com/registry/vitejs-migrate-transform-index-html-hooks"}]},{"@type":"WebPage","@id":"https://app.codemod.com/registry/vitejs-migrate-transform-index-html-hooks#webpage","url":"https://app.codemod.com/registry/vitejs-migrate-transform-index-html-hooks","name":"vitejs-migrate-transform-index-html-hooks - Codemod Registry","description":"Migrate transform index HTML hooks","isPartOf":{"@id":"https://app.codemod.com/registry#website"},"author":{"@id":"https://app.codemod.com#org"},"breadcrumb":{"@id":"https://app.codemod.com/registry/vitejs-migrate-transform-index-html-hooks#breadcrumb"},"mainEntity":{"@id":"https://app.codemod.com/registry/vitejs-migrate-transform-index-html-hooks#sourcecode"}},{"@type":"SoftwareSourceCode","@id":"https://app.codemod.com/registry/vitejs-migrate-transform-index-html-hooks#sourcecode","name":"vitejs-migrate-transform-index-html-hooks","description":"Migrate transform index HTML hooks","url":"https://app.codemod.com/registry/vitejs-migrate-transform-index-html-hooks","publisher":{"@id":"https://app.codemod.com#org"},"image":"https://avatars.githubusercontent.com/u/97875033?v=4","isAccessibleForFree":true,"license":"MIT","codeRepository":"https://github.com/AugustinMauroy/vite-codemod","version":"1.0.0","keywords":["vite","vitejs"],"datePublished":"2026-08-26 21:35:20.9423+00","dateModified":"2026-08-26 21:35:20.9423+00"},{"@type":"SoftwareApplication","@id":"https://app.codemod.com/registry/vitejs-migrate-transform-index-html-hooks#app","name":"vitejs-migrate-transform-index-html-hooks codemod","description":"Migrate transform index HTML hooks","url":"https://app.codemod.com/registry/vitejs-migrate-transform-index-html-hooks","publisher":{"@id":"https://app.codemod.com#org"},"softwareVersion":"1.0.0","applicationCategory":"DeveloperApplication","operatingSystem":"Cross-platform","offers":{"@type":"Offer","price":"0","priceCurrency":"USD","availability":"https://schema.org/InStock"}}]}49:T88d,# migrate-transform-index-html-hooks See the Vite migration guide for more details: [Removed deprecated features](https://v7.vite.dev/guide/migration#removed-deprecated-features). Migrate plugin `transformIndexHtml` hook metadata from legacy `html-hooks` plugins to the newer `handler`/`order` shape. ## What this codemod does - Finds `plugins` entries with `name: "html-hooks"` and a `transformIndexHtml` object. - Renames `transformIndexHtml.enforce` → `transformIndexHtml.order`. - Renames `transformIndexHtml.transform` → `transformIndexHtml.handler`. - Preserves hooks that already use the new `order`/`handler` shape. - If the `transformIndexHtml` value is computed or an identifier (non-object), the file is left unchanged and a warning header is added. The codemod uses AST-aware detection (including aliased `defineConfig` imports) and conservative in-place key renames to avoid formatting regressions. ## Example transformation ```diff export default defineConfig({ plugins: [ { name: "html-hooks", transformIndexHtml: { - enforce: "pre", - transform(html) { return html.replace("Vite", "App"); } order: "pre", handler(html) { return html.replace("Vite", "App"); } }, }, ], }); ``` ### Warning example (no automated migration) When `transformIndexHtml` is provided as a computed value (variable or function reference), the codemod cannot safely rewrite property names and will add a warning such as: ```ts // Expected warning: // Warning: Unable to safely migrate computed transformIndexHtml hook metadata. ``` ## Limitations - Only renames literal object property keys; computed or referenced hook values are flagged for manual review. - The codemod is conservative about formatting to minimize diffs; complex object shapes may need manual cleanup. ## Usage Run the codemod tests or use the codemod runner locally: ```bash cd codemods/migrate-transform-index-html-hooks ``` ## Migration guidance - Run on a feature branch and review diffs in code review. - Manually inspect any files annotated with the expected warning and migrate their hook shapes. 19:[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"$47"}}],["$","$L48",null,{"state":{"mutations":[],"queries":[{"state":{"data":{"json":{"id":"d1b30a38-62fd-4d58-af8e-d979992ce067","name":"vitejs-migrate-transform-index-html-hooks","displayName":"vitejs-migrate-transform-index-html-hooks","description":"Migrate transform index HTML hooks","scope":null,"visibility":"public","downloadCount":21,"executionCount":0,"createdAt":"2026-08-26 21:35:20.9423+00","updatedAt":"2026-08-26 21:35:20.9423+00","latestVersion":"1.0.0","keywords":["vite","vitejs"],"starCount":0,"author":"Augustin Mauroy","homepage":null,"repository":"https://github.com/AugustinMauroy/vite-codemod","license":"MIT","access":"public","documentation":null,"bugsUrl":null,"readme":"$49","organization":{"id":null,"name":null,"slug":null,"avatarUrl":null},"owner":{"id":"5b5e9ac3-cb09-4d71-90b2-610bdf98bfb8","username":"AugustinMauroy","name":"Augustin Mauroy","avatarUrl":"https://avatars.githubusercontent.com/u/97875033?v=4"},"isLegacy":false,"versions":[{"version":{"id":"0ae22bb8-57ca-4a9e-ac65-f7e61a1e00c2","packageId":"d1b30a38-62fd-4d58-af8e-d979992ce067","version":"1.0.0","description":"Migrate transform index HTML hooks","manifest":{"name":"vitejs-migrate-transform-index-html-hooks","author":"Augustin Mauroy","license":"MIT","targets":{"versions":{},"languages":["javascript","typescript"],"frameworks":[]},"version":"1.0.0","category":"migration","keywords":["vite","vitejs"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","repository":"https://github.com/AugustinMauroy/vite-codemod","description":"Migrate transform index HTML hooks","dependencies":[],"schema_version":"1.0"},"checksum":"17dff4dad0644c9e2ac9ecd30746dfdc7fd3359dd79c9b52190644a2603a1ea7","size":5752,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/vitejs-migrate-transform-index-html-hooks/1.0.0/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["typescript"],"stepTypes":["js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"apply-transforms","name":"Apply AST Transformations","steps":[{"name":"Run AST Transformations","type":"js-ast-grep","metrics":[],"language":"typescript"}]}],"metricMetadataVersion":1},"validated":false,"validationErrors":null,"publishedBy":"5b5e9ac3-cb09-4d71-90b2-610bdf98bfb8","deprecated":false,"deprecationMessage":null,"downloadCount":21,"cachedTestCases":{"input":"import { defineConfig } from \"vite\";\n\nexport default defineConfig({\n\tplugins: [\n\t\t{\n\t\t\tname: \"html-hooks\",\n\t\t\ttransformIndexHtml: {\n\t\t\t\torder: \"post\",\n\t\t\t\thandler(html) {\n\t\t\t\t\treturn html;\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t],\n});\n","output":"import { defineConfig } from \"vite\";\n\nexport default defineConfig({\n\tplugins: [\n\t\t{\n\t\t\tname: \"html-hooks\",\n\t\t\ttransformIndexHtml: {\n\t\t\t\torder: \"post\",\n\t\t\t\thandler(html) {\n\t\t\t\t\treturn html;\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t],\n});\n","isValid":true,"examples":[{"name":"preserves-object-hook","path":"tests/preserves-object-hook","input":"import { defineConfig } from \"vite\";\n\nexport default defineConfig({\n\tplugins: [\n\t\t{\n\t\t\tname: \"html-hooks\",\n\t\t\ttransformIndexHtml: {\n\t\t\t\torder: \"post\",\n\t\t\t\thandler(html) {\n\t\t\t\t\treturn html;\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t],\n});\n","output":"import { defineConfig } from \"vite\";\n\nexport default defineConfig({\n\tplugins: [\n\t\t{\n\t\t\tname: \"html-hooks\",\n\t\t\ttransformIndexHtml: {\n\t\t\t\torder: \"post\",\n\t\t\t\thandler(html) {\n\t\t\t\t\treturn html;\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t],\n});\n","filename":"input.ts"},{"name":"preserves-object-hook-import-alias","path":"tests/preserves-object-hook-import-alias","input":"import { defineConfig as dc } from \"vite\";\n\nexport default dc({\n\tplugins: [\n\t\t{\n\t\t\tname: \"html-hooks\",\n\t\t\ttransformIndexHtml: {\n\t\t\t\torder: \"post\",\n\t\t\t\thandler(html) {\n\t\t\t\t\treturn html;\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t],\n});\n","output":"import { defineConfig as dc } from \"vite\";\n\nexport default dc({\n\tplugins: [\n\t\t{\n\t\t\tname: \"html-hooks\",\n\t\t\ttransformIndexHtml: {\n\t\t\t\torder: \"post\",\n\t\t\t\thandler(html) {\n\t\t\t\t\treturn html;\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t],\n});\n","filename":"input.ts"},{"name":"renames-enforce-and-transform","path":"tests/renames-enforce-and-transform","input":"import { defineConfig } from \"vite\";\n\nexport default defineConfig({\n\tplugins: [\n\t\t{\n\t\t\tname: \"html-hooks\",\n\t\t\ttransformIndexHtml: {\n\t\t\t\tenforce: \"pre\",\n\t\t\t\ttransform(html) {\n\t\t\t\t\treturn html.replace(\"Vite\", \"App\");\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t],\n});\n","output":"import { defineConfig } from \"vite\";\n\nexport default defineConfig({\n\tplugins: [\n\t\t{\n\t\t\tname: \"html-hooks\",\n\t\t\ttransformIndexHtml: {\n\t\t\t\torder: \"pre\",\n\t\t\t\thandler(html) {\n\t\t\t\t\treturn html.replace(\"Vite\", \"App\");\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t],\n});\n","filename":"input.ts"},{"name":"renames-enforce-and-transform-import-alias","path":"tests/renames-enforce-and-transform-import-alias","input":"import { defineConfig as dc } from \"vite\";\n\nexport default dc({\n\tplugins: [\n\t\t{\n\t\t\tname: \"html-hooks\",\n\t\t\ttransformIndexHtml: {\n\t\t\t\tenforce: \"pre\",\n\t\t\t\ttransform(html) {\n\t\t\t\t\treturn html.replace(\"Vite\", \"App\");\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t],\n});\n","output":"import { defineConfig as dc } from \"vite\";\n\nexport default dc({\n\tplugins: [\n\t\t{\n\t\t\tname: \"html-hooks\",\n\t\t\ttransformIndexHtml: {\n\t\t\t\torder: \"pre\",\n\t\t\t\thandler(html) {\n\t\t\t\t\treturn html.replace(\"Vite\", \"App\");\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t],\n});\n","filename":"input.ts"},{"name":"warns-on-computed-hook-shape","path":"tests/warns-on-computed-hook-shape","input":"import { defineConfig } from \"vite\";\n\nconst hook = {\n\tenforce: \"pre\" as const,\n\ttransform(html: string) {\n\t\treturn html;\n\t},\n};\n\nexport default defineConfig({\n\tplugins: [\n\t\t{\n\t\t\tname: \"html-hooks\",\n\t\t\ttransformIndexHtml: hook,\n\t\t},\n\t],\n});\n","output":"// Expected warning:\n// Warning: Unable to safely migrate computed transformIndexHtml hook metadata.\nimport { defineConfig } from \"vite\";\n\nconst hook = {\n\tenforce: \"pre\" as const,\n\ttransform(html: string) {\n\t\treturn html;\n\t},\n};\n\nexport default defineConfig({\n\tplugins: [\n\t\t{\n\t\t\tname: \"html-hooks\",\n\t\t\ttransformIndexHtml: hook,\n\t\t},\n\t],\n});\n","filename":"input.ts"},{"name":"warns-on-computed-hook-shape-import-alias","path":"tests/warns-on-computed-hook-shape-import-alias","input":"import { defineConfig as dc } from \"vite\";\n\nconst hook = {\n\tenforce: \"pre\" as const,\n\ttransform(html: string) {\n\t\treturn html;\n\t},\n};\n\nexport default dc({\n\tplugins: [\n\t\t{\n\t\t\tname: \"html-hooks\",\n\t\t\ttransformIndexHtml: hook,\n\t\t},\n\t],\n});\n","output":"// Expected warning:\n// Warning: Unable to safely migrate computed transformIndexHtml hook metadata.\nimport { defineConfig as dc } from \"vite\";\n\nconst hook = {\n\tenforce: \"pre\" as const,\n\ttransform(html: string) {\n\t\treturn html;\n\t},\n};\n\nexport default dc({\n\tplugins: [\n\t\t{\n\t\t\tname: \"html-hooks\",\n\t\t\ttransformIndexHtml: hook,\n\t\t},\n\t],\n});\n","filename":"input.ts"}]},"defaultWorkflowName":"default","createdAt":"2026-08-26T21:35:20.942Z","updatedAt":"2026-09-05 16:18:03.693978+00"},"publishedBy":{"id":"5b5e9ac3-cb09-4d71-90b2-610bdf98bfb8","username":"AugustinMauroy","name":"Augustin Mauroy"},"insightsTemplate":{"packageVersionId":"0ae22bb8-57ca-4a9e-ac65-f7e61a1e00c2","status":"ready","generatedAt":"2026-08-26T21:35:50.166Z"},"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["typescript"],"stepTypes":["js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"apply-transforms","name":"Apply AST Transformations","steps":[{"name":"Run AST Transformations","type":"js-ast-grep","metrics":[],"language":"typescript"}]}],"metricMetadataVersion":1}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[{"id":"9a84c84a-53cc-4605-9d51-3bec2f97e60d","parentWorkflowName":"default","parentNodeId":"v6-to-v7","parentStepId":null,"parentStepName":"Run registry codemod: migrate transform index html hooks","childSourceRaw":"vitejs-migrate-transform-index-html-hooks","childWorkflowName":null,"resolutionKind":"registry","resolutionReason":null,"resolutionMessage":null,"isDirect":true,"createdAt":"2026-08-26T21:44:51.775Z","updatedAt":"2026-08-26 21:44:51.775513+00","parentPackage":{"id":"93ee60e0-c9d2-4f82-88e2-e8dded3911be","name":"vitejs-v6-to-v7","displayName":"vitejs-v6-to-v7","description":"Vite 6 to 7 migration","scope":null,"visibility":"public","access":"public","latestVersion":"1.0.0","author":"Augustin Mauroy"},"parentPackageVersion":{"id":"1d11193b-810f-4e22-8a46-c41895ac3206","packageId":"93ee60e0-c9d2-4f82-88e2-e8dded3911be","version":"1.0.0"}}]}],"distTags":{"latest":"1.0.0"},"latestPackageBehavior":"workflow-only","cachedTestCases":"$19:1:props:state:queries:0:state:data:json:versions:0:version:cachedTestCases"},"meta":{"values":{"versions.0.version.createdAt":["Date"],"versions.0.insightsTemplate.generatedAt":["Date"],"versions.0.parentBundles.0.createdAt":["Date"]},"referentialEqualities":{"cachedTestCases":["versions.0.version.cachedTestCases"]}}},"dataUpdateCount":1,"dataUpdatedAt":1789597569530,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":[["registry","getPackage"],{"input":{"name":"vitejs-migrate-transform-index-html-hooks","scope":"$undefined"},"type":"query"}],"queryHash":"[[\"registry\",\"getPackage\"],{\"input\":{\"name\":\"vitejs-migrate-transform-index-html-hooks\"},\"type\":\"query\"}]"}]},"children":"$L4a"}]] 1c:null 20:[["$","title","0",{"children":"vitejs-migrate-transform-index-html-hooks - Codemod Registry"}],["$","meta","1",{"name":"description","content":"Migrate transform index HTML hooks"}],["$","meta","2",{"name":"author","content":"Augustin Mauroy"}],["$","meta","3",{"name":"keywords","content":"vitejs-migrate-transform-index-html-hooks, codemod, code transformation, automated refactoring, package, registry, vite, vitejs"}],["$","meta","4",{"name":"creator","content":"Augustin Mauroy"}],["$","meta","5",{"name":"publisher","content":"Codemod"}],["$","meta","6",{"name":"robots","content":"index, follow"}],["$","meta","7",{"name":"googlebot","content":"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"}],["$","meta","8",{"name":"application-name","content":"Codemod Registry"}],["$","meta","9",{"name":"apple-mobile-web-app-title","content":"Codemod"}],["$","meta","10",{"name":"apple-mobile-web-app-capable","content":"yes"}],["$","meta","11",{"name":"apple-mobile-web-app-status-bar-style","content":"default"}],["$","meta","12",{"name":"format-detection","content":"telephone=no"}],["$","meta","13",{"name":"mobile-web-app-capable","content":"yes"}],["$","meta","14",{"name":"msapplication-config","content":"/browserconfig.xml"}],["$","meta","15",{"name":"msapplication-TileColor","content":"#000000"}],["$","meta","16",{"name":"msapplication-tap-highlight","content":"no"}],["$","meta","17",{"name":"theme-color","content":"#000000"}],["$","meta","18",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"}],["$","link","19",{"rel":"canonical","href":"https://app.codemod.com/registry/vitejs-migrate-transform-index-html-hooks"}],["$","meta","20",{"property":"og:title","content":"vitejs-migrate-transform-index-html-hooks - Codemod Registry"}],["$","meta","21",{"property":"og:description","content":"Migrate transform index HTML hooks"}],["$","meta","22",{"property":"og:url","content":"https://app.codemod.com/registry/vitejs-migrate-transform-index-html-hooks"}],["$","meta","23",{"property":"og:site_name","content":"Codemod Registry"}],["$","meta","24",{"property":"og:locale","content":"en_US"}],["$","meta","25",{"property":"og:image","content":"https://app.codemod.com/api/og/registry/vitejs-migrate-transform-index-html-hooks"}],["$","meta","26",{"property":"og:image:width","content":"1200"}],["$","meta","27",{"property":"og:image:height","content":"630"}],["$","meta","28",{"property":"og:image:alt","content":"vitejs-migrate-transform-index-html-hooks package"}],["$","meta","29",{"property":"og:type","content":"website"}],["$","meta","30",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","31",{"name":"twitter:site","content":"@codemod"}],["$","meta","32",{"name":"twitter:creator","content":"@codemod"}],["$","meta","33",{"name":"twitter:title","content":"vitejs-migrate-transform-index-html-hooks - Codemod Registry"}],["$","meta","34",{"name":"twitter:description","content":"Migrate transform index HTML hooks"}],["$","meta","35",{"name":"twitter:image","content":"https://app.codemod.com/api/og/registry/vitejs-migrate-transform-index-html-hooks"}]]