48:I[660678,["/_next/static/chunks/1_xevzcqkwdi6.js","/_next/static/chunks/1xli048pq-ek6.js","/_next/static/chunks/2t1119em3uggf.js","/_next/static/chunks/3ndfog0156ssk.js","/_next/static/chunks/2e4udl7tfg2xd.js","/_next/static/chunks/0ipw6pdbca2nn.js","/_next/static/chunks/19fyfn-j_bqw4.js","/_next/static/chunks/0nsogqyo9f92a.js","/_next/static/chunks/0pp6seif9t0rh.js","/_next/static/chunks/0w40435yyf_aw.js","/_next/static/chunks/3dp-pq73xzz-a.js","/_next/static/chunks/1umhym11g537p.js","/_next/static/chunks/1gth09_ur0iam.js","/_next/static/chunks/40fmu66fmb8tm.js","/_next/static/chunks/22ulpibmvf72b.js","/_next/static/chunks/2a4jc680f5x-9.js","/_next/static/chunks/3bhq66ea_v7by.js","/_next/static/chunks/44c_5nh0vyeb5.js","/_next/static/chunks/1jiredr0b6jr_.js","/_next/static/chunks/2nw5jdup18fxv.js","/_next/static/chunks/2ghxk472-g0i6.js","/_next/static/chunks/1gwg3oqv8zf-1.js","/_next/static/chunks/0j0i0eaqnrij4.js","/_next/static/chunks/32dzmzjp2_166.js","/_next/static/chunks/385-w0fbog4mf.js","/_next/static/chunks/3-906s1ue5fj3.js","/_next/static/chunks/0a0b6s3o7q6fp.js","/_next/static/chunks/0ojgzwcpt7vsk.js","/_next/static/chunks/34y7-26s89h2f.js","/_next/static/chunks/2641m2aqdum9a.js","/_next/static/chunks/2u9vn7a5ysdfi.js","/_next/static/chunks/2l8l4_a9-xhts.js","/_next/static/chunks/07g4htk8e9tj4.js","/_next/static/chunks/2t_5zfez2-77k.js","/_next/static/chunks/036j0p07sp86j.js","/_next/static/chunks/1j29bqcxcpyur.js"],"HydrationBoundary"] 47:T948,{"@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":"Alex Bit","url":"https://app.codemod.com","logo":"https://avatars.githubusercontent.com/u/78109534?v=4"},{"@type":"BreadcrumbList","@id":"https://app.codemod.com/registry/sentry-form-migration#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Registry","item":"https://app.codemod.com/registry"},{"@type":"ListItem","position":2,"name":"sentry-form-migration","item":"https://app.codemod.com/registry/sentry-form-migration"}]},{"@type":"WebPage","@id":"https://app.codemod.com/registry/sentry-form-migration#webpage","url":"https://app.codemod.com/registry/sentry-form-migration","name":"sentry-form-migration - Codemod Registry","description":"Migrate JsonForm/FormModel to TanStack form system","isPartOf":{"@id":"https://app.codemod.com/registry#website"},"author":{"@id":"https://app.codemod.com#org"},"breadcrumb":{"@id":"https://app.codemod.com/registry/sentry-form-migration#breadcrumb"},"mainEntity":{"@id":"https://app.codemod.com/registry/sentry-form-migration#sourcecode"}},{"@type":"SoftwareSourceCode","@id":"https://app.codemod.com/registry/sentry-form-migration#sourcecode","name":"sentry-form-migration","description":"Migrate JsonForm/FormModel to TanStack form system","url":"https://app.codemod.com/registry/sentry-form-migration","publisher":{"@id":"https://app.codemod.com#org"},"image":"https://avatars.githubusercontent.com/u/78109534?v=4","isAccessibleForFree":true,"license":"FSL-1.1-Apache-2.0","version":"0.1.9","keywords":["transformation","migration"],"datePublished":"2026-03-21 06:41:04.572798+00","dateModified":"2026-03-21 10:04:21.591751+00"},{"@type":"SoftwareApplication","@id":"https://app.codemod.com/registry/sentry-form-migration#app","name":"sentry-form-migration codemod","description":"Migrate JsonForm/FormModel to TanStack form system","url":"https://app.codemod.com/registry/sentry-form-migration","publisher":{"@id":"https://app.codemod.com#org"},"softwareVersion":"0.1.9","applicationCategory":"DeveloperApplication","operatingSystem":"Cross-platform","offers":{"@type":"Offer","price":"0","priceCurrency":"USD","availability":"https://schema.org/InStock"}}]}49:T1e04,# Sentry Form Migration Codemod Two-step migration from JsonForm/FormModel to the TanStack form system (`useScrapsForm`, `AutoSaveField`). See [.agents/skills/migrate-frontend-forms/SKILL.md](../../.agents/skills/migrate-frontend-forms/SKILL.md) for the full migration guide. ## Two-Step Workflow **Step 1** (this codemod) applies **safe, deterministic** edits and leaves **comments/markers** so **Step 2 (AI)** can find each legacy form and finish the TanStack migration. The graph, globs, and the full AI instructions live in [`workflow.yaml`](workflow.yaml) (and [`prompts/form-migration-ai.md`](prompts/form-migration-ai.md) mirrors the AI-facing text—**keep both in sync** when editing instructions). ### Scope: test files and explicit targets [`workflow.yaml`](workflow.yaml) **excludes** `**/*.spec.*`, `**/*.test.*`, and `**/*.stories.*` from Step 1 when scanning directories (e.g. `-t ./static`). **Default runs skip unit/integration tests and stories.** If you pass **`-t` to a single file path** (e.g. a `*.spec.tsx`), the CLI may still process that file—Step 1 can add markers to the spec. **Prefer migrating production form code first** (`*.tsx` under views/components, not `*.spec.*`). For tests, Step 2 expects a **test harness** pattern (`useScrapsForm` + `form.AppField`) when wrapping custom controls—not the same checklist as production (`AutoSaveField`, `FormSearch`, `extract-form-fields`). See **Pick the migration context** in [`workflow.yaml`](workflow.yaml) Step 2 or [`prompts/form-migration-ai.md`](prompts/form-migration-ai.md). ### Step 1 — Deterministic (js-ast-grep) Mechanical transformations, safe to run: 1. **Add `hintText`** — For field config objects that have `help` but not `hintText`, adds `hintText` with the same value. 2. **Migration comments for `showHelpInTooltip`** — Adds `// Migration: use variant="compact" on field.Layout.Row`. 3. **Migration comments for `disabledReason`** — Adds `// Migration: use disabled="" on field.Input`. 4. **Legacy `Form` marker** — Inserts `{/* Migration: legacy Form — TanStack */}` as the first child inside each ``. Self-closing `

` is expanded to an open/close pair so the marker stays valid JSX. This aligns **touched files** with **metered** `Form` sites (every counted `Form` produces at least this edit unless the marker is already present). ### Metrics (`form-migration`) One increment per legacy **``** imported from `sentry/components/forms/form` (not `jsonForm` or other modules). Cardinality dimensions: 1. **`filepath`** — Source file path. 2. **`migration-ease`** — `easy` or `tricky` only. 3. **`features`** — Sorted `|`-joined tokens for **that** `Form`, or `none`. Files that do not match the legacy-form text gate emit no metrics. **Before the per-`Form` marker**, only files with hintText / field migration comments changed; metrics still counted every legacy ``, so the number of **changed files could be far below** the number of files with **form-migration** metrics. The marker step fixes that alignment for `Form`-metered files. **How features are collected** - **On the `Form` element:** `mapFormErrors` → `form_mapFormErrors`, `resetOnError` → `form_resetOnError`, `saveOnBlur={false}` → `saveOnBlur_false`. Presence-only shell props → `form_apiEndpoint`, `form_initialData`, `form_model`, `form_onCancel`, `form_onSubmit`, `form_requireChanges`. - **Under that `Form` in JSX:** inline `fields={...}` / `forms={...}` on descendants (e.g. `JsonForm`, `StyledJsonForm`). Nested legacy `` tags are skipped so inner forms are not attributed to the outer shell. - **Single-`Form` files:** any remaining `{ fields: [...] }` form-group object literals in the file (not necessarily under JSX) are merged into that lone `Form`’s tokens and ease (e.g. `forms={helper()}` where the config lives in a `const`). **Limitations:** `forms={fn()}` / `fields={ident}` with no inline literal are not expanded without semantic analysis; those configs only contribute in the **single-`Form` file** merge above. **Cardinality collision:** Two `Form`s in the same file with identical `filepath`, `migration-ease`, and `features` merge into one count in aggregated metrics. Use raw exports if you need each instance distinguished. See [Feature tokens](#feature-tokens) for token meanings. #### Feature tokens **Per field config** (if the prop exists): `confirm`, `disabledReason`, `extraHelp`, `formatMessageValue`, `getData`, `mapFormErrors`, `resetOnError`, `saveMessage`, `showHelpInTooltip`, and `saveOnBlur_false` when `saveOnBlur` is `false` on a field. **On the `Form` JSX element:** `form_mapFormErrors`, `form_resetOnError`, `saveOnBlur_false`, and `form_*` shell tokens above (see “How features are collected”). **`migration-ease` (tricky)** when any tricky token appears in the merged feature set for that `Form` (same idea as before: custom mutation, errors, save UX, reset behavior, or `saveOnBlur` false on the shell). CLI output may only summarize a subset of dimensions; full cardinality appears in metric exports / dashboards. **Future improvement:** emitting a `file_role` (e.g. `spec` vs `prod`) dimension for touched files is not implemented; classification is documented in the Step 2 prompt instead. ### Step 2 — AI-Assisted Handles transformations that require context and judgment. The prompt **branches by context** (production vs test vs custom `FormField`); read **Pick the migration context** in [`workflow.yaml`](workflow.yaml) or [`prompts/form-migration-ai.md`](prompts/form-migration-ai.md). **Production (typical settings / PR-style migration):** - **`getData` → `mutationFn`** — Data transformation in mutation function - **`mapFormErrors` → `setFieldErrors`** — Error mapping in catch block - **`saveOnBlur: false` → `useScrapsForm`** — Explicit Save button forms - **`AutoSaveField`** — Per-field auto-save with `mutationOptions` (e.g. boolean toggles + org PUT) - **`FormSearch` + `extract-form-fields`** — When the form participates in settings search **Tests:** use a **TanStack test harness** where appropriate; do not require `AutoSaveField` or field registry extraction unless the test covers that behavior. **Choosing patterns:** | Situation | Prefer | | --- | --- | | Save-on-blur field + API per field | `AutoSaveField` + Zod + `mutationOptions` | | Full form submit / Save-Cancel / `saveOnBlur: false` on shell | `useScrapsForm` + `form.AppForm` + validators | | `*.spec.*` mounting legacy `Form` + `FormModel` for a custom control | `useScrapsForm` harness + `form.AppField` (or defer until the field component migrates) | | Custom `FormField` still in production | Migrate field + parents together, or align harness with shared transforms | ## Usage ### Run full two-step workflow (recommended) Runs Step 1 (deterministic) then Step 2 (AI): ```bash # From repo root npx codemod@latest workflow run \ -w ./codemods/sentry-form-migration/workflow.yaml \ -t ./static ``` **AI step requires `LLM_API_KEY`.** Without it, the CLI prints `[AI INSTRUCTIONS]` so a coding agent (e.g. Cursor) can complete the migration manually. ### Run Step 1 only (deterministic) ```bash pnpm dlx codemod@latest jssg run \ --language tsx \ -t ./static \ ./codemods/sentry-form-migration/scripts/codemod.ts \ --dry-run \ --allow-dirty ``` Remove `--dry-run` to apply. ### AI prompt reference The full AI prompt lives in `prompts/form-migration-ai.md` for reference or manual agent handoff. ## Changelog Release notes: [`CHANGELOG.md`](CHANGELOG.md). ## Tests ```bash cd codemods/sentry-form-migration pnpm test ``` 4a:T44a,import Form from 'sentry/components/forms/form'; import JsonForm from 'sentry/components/forms/jsonForm'; import type {JsonFormObject} from 'sentry/components/forms/types'; import {t} from 'sentry/locale'; const formGroups: JsonFormObject[] = [ { title: t('Settings'), fields: [ { name: 'sentry:csp_ignored_sources_defaults', type: 'boolean', label: t('Use default ignored sources'), help: t('Our default list will attempt to ignore common issues.'), getData: data => ({options: data}), }, { name: 'slug', type: 'string', label: t('Organization Slug'), help: t('A unique ID used to identify this organization'), showHelpInTooltip: true, }, { name: 'feature', type: 'boolean', label: t('Enable feature'), disabled: true, disabledReason: 'Requires Business plan', }, ], }, ]; export default function FieldConfigPrepFixture() { return ( ); } 4b:T58f,import Form from 'sentry/components/forms/form'; import JsonForm from 'sentry/components/forms/jsonForm'; import type {JsonFormObject} from 'sentry/components/forms/types'; import {t} from 'sentry/locale'; const formGroups: JsonFormObject[] = [ { title: t('Settings'), fields: [ { name: 'sentry:csp_ignored_sources_defaults', type: 'boolean', label: t('Use default ignored sources'), help: t('Our default list will attempt to ignore common issues.'), hintText: t('Our default list will attempt to ignore common issues.'), getData: data => ({options: data}), }, { name: 'slug', type: 'string', label: t('Organization Slug'), help: t('A unique ID used to identify this organization'), hintText: t('A unique ID used to identify this organization'), // Migration: use variant="compact" on field.Layout.Row showHelpInTooltip: true, }, { name: 'feature', type: 'boolean', label: t('Enable feature'), disabled: true, // Migration: use disabled="" on field.Input disabledReason: 'Requires Business plan', }, ], }, ]; export default function FieldConfigPrepFixture() { return (

{/* Migration: legacy Form — TanStack */} ); } 4c:T44a,import Form from 'sentry/components/forms/form'; import JsonForm from 'sentry/components/forms/jsonForm'; import type {JsonFormObject} from 'sentry/components/forms/types'; import {t} from 'sentry/locale'; const formGroups: JsonFormObject[] = [ { title: t('Settings'), fields: [ { name: 'sentry:csp_ignored_sources_defaults', type: 'boolean', label: t('Use default ignored sources'), help: t('Our default list will attempt to ignore common issues.'), getData: data => ({options: data}), }, { name: 'slug', type: 'string', label: t('Organization Slug'), help: t('A unique ID used to identify this organization'), showHelpInTooltip: true, }, { name: 'feature', type: 'boolean', label: t('Enable feature'), disabled: true, disabledReason: 'Requires Business plan', }, ], }, ]; export default function FieldConfigPrepFixture() { return (

); } 4d:T58f,import Form from 'sentry/components/forms/form'; import JsonForm from 'sentry/components/forms/jsonForm'; import type {JsonFormObject} from 'sentry/components/forms/types'; import {t} from 'sentry/locale'; const formGroups: JsonFormObject[] = [ { title: t('Settings'), fields: [ { name: 'sentry:csp_ignored_sources_defaults', type: 'boolean', label: t('Use default ignored sources'), help: t('Our default list will attempt to ignore common issues.'), hintText: t('Our default list will attempt to ignore common issues.'), getData: data => ({options: data}), }, { name: 'slug', type: 'string', label: t('Organization Slug'), help: t('A unique ID used to identify this organization'), hintText: t('A unique ID used to identify this organization'), // Migration: use variant="compact" on field.Layout.Row showHelpInTooltip: true, }, { name: 'feature', type: 'boolean', label: t('Enable feature'), disabled: true, // Migration: use disabled="" on field.Input disabledReason: 'Requires Business plan', }, ], }, ]; export default function FieldConfigPrepFixture() { return (

{/* Migration: legacy Form — TanStack */} ); } 4e:T478,import type {JsonFormObject} from 'sentry/components/forms/types'; import {t} from 'sentry/locale'; const formGroups: JsonFormObject[] = [ { title: t('Settings'), fields: [ { name: 'sentry:csp_ignored_sources_defaults', type: 'boolean', label: t('Use default ignored sources'), help: t('Our default list will attempt to ignore common issues.'), hintText: t('Our default list will attempt to ignore common issues.'), getData: data => ({options: data}), }, { name: 'slug', type: 'string', label: t('Organization Slug'), help: t('A unique ID used to identify this organization'), hintText: t('A unique ID used to identify this organization'), // Migration: use variant="compact" on field.Layout.Row showHelpInTooltip: true, }, { name: 'feature', type: 'boolean', label: t('Enable feature'), disabled: true, // Migration: use disabled="" on field.Input disabledReason: 'Requires Business plan', }, ], }, ]; export default formGroups; 4f:T478,import type {JsonFormObject} from 'sentry/components/forms/types'; import {t} from 'sentry/locale'; const formGroups: JsonFormObject[] = [ { title: t('Settings'), fields: [ { name: 'sentry:csp_ignored_sources_defaults', type: 'boolean', label: t('Use default ignored sources'), help: t('Our default list will attempt to ignore common issues.'), hintText: t('Our default list will attempt to ignore common issues.'), getData: data => ({options: data}), }, { name: 'slug', type: 'string', label: t('Organization Slug'), help: t('A unique ID used to identify this organization'), hintText: t('A unique ID used to identify this organization'), // Migration: use variant="compact" on field.Layout.Row showHelpInTooltip: true, }, { name: 'feature', type: 'boolean', label: t('Enable feature'), disabled: true, // Migration: use disabled="" on field.Input disabledReason: 'Requires Business plan', }, ], }, ]; export default formGroups; 50:T478,import type {JsonFormObject} from 'sentry/components/forms/types'; import {t} from 'sentry/locale'; const formGroups: JsonFormObject[] = [ { title: t('Settings'), fields: [ { name: 'sentry:csp_ignored_sources_defaults', type: 'boolean', label: t('Use default ignored sources'), help: t('Our default list will attempt to ignore common issues.'), hintText: t('Our default list will attempt to ignore common issues.'), getData: data => ({options: data}), }, { name: 'slug', type: 'string', label: t('Organization Slug'), help: t('A unique ID used to identify this organization'), hintText: t('A unique ID used to identify this organization'), // Migration: use variant="compact" on field.Layout.Row showHelpInTooltip: true, }, { name: 'feature', type: 'boolean', label: t('Enable feature'), disabled: true, // Migration: use disabled="" on field.Input disabledReason: 'Requires Business plan', }, ], }, ]; export default formGroups; 51:T478,import type {JsonFormObject} from 'sentry/components/forms/types'; import {t} from 'sentry/locale'; const formGroups: JsonFormObject[] = [ { title: t('Settings'), fields: [ { name: 'sentry:csp_ignored_sources_defaults', type: 'boolean', label: t('Use default ignored sources'), help: t('Our default list will attempt to ignore common issues.'), hintText: t('Our default list will attempt to ignore common issues.'), getData: data => ({options: data}), }, { name: 'slug', type: 'string', label: t('Organization Slug'), help: t('A unique ID used to identify this organization'), hintText: t('A unique ID used to identify this organization'), // Migration: use variant="compact" on field.Layout.Row showHelpInTooltip: true, }, { name: 'feature', type: 'boolean', label: t('Enable feature'), disabled: true, // Migration: use disabled="" on field.Input disabledReason: 'Requires Business plan', }, ], }, ]; export default formGroups; 19:[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"$47"}}],["$","$L48",null,{"state":{"mutations":[],"queries":[{"state":{"data":{"json":{"id":"5af696e1-d03b-4c20-84e2-0296332ee29e","name":"sentry-form-migration","displayName":"sentry-form-migration","description":"Migrate JsonForm/FormModel to TanStack form system","scope":null,"visibility":"public","downloadCount":10,"executionCount":11,"createdAt":"2026-03-21 06:41:04.572798+00","updatedAt":"2026-03-21 10:04:21.591751+00","latestVersion":"0.1.9","keywords":["transformation","migration"],"starCount":0,"author":"Alex Bit ","homepage":null,"repository":null,"license":"FSL-1.1-Apache-2.0","access":"public","documentation":null,"bugsUrl":null,"readme":"$49","organization":{"id":null,"name":null,"slug":null,"avatarUrl":null},"owner":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit","avatarUrl":"https://avatars.githubusercontent.com/u/78109534?v=4"},"isLegacy":false,"versions":[{"version":{"id":"7e0558f5-d3b7-4b31-b9ec-cea0f33f1e69","packageId":"5af696e1-d03b-4c20-84e2-0296332ee29e","version":"0.1.9","description":"Migrate JsonForm/FormModel to TanStack form system","manifest":{"name":"sentry-form-migration","author":"Alex Bit ","license":"FSL-1.1-Apache-2.0","targets":{"versions":{},"languages":["typescript"],"frameworks":[]},"version":"0.1.9","keywords":["transformation","migration"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","description":"Migrate JsonForm/FormModel to TanStack form system","dependencies":[],"schema_version":"1.0"},"checksum":"555b3ea75b6ee9bd3f596b5f390b7a62e6118574320679d5e45d1e3bdd6c1d39","size":14849,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/sentry-form-migration/0.1.9/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["tsx"],"stepTypes":["js-ast-grep","ai"],"workflowMetadata":{"nodes":[{"id":"deterministic-transforms","name":"Step 1 — Deterministic prep (safe edits + migration signals for AI)","steps":[{"name":"hintText, field migration comments, legacy Form markers (→ TanStack)","type":"js-ast-grep","language":"tsx"}]},{"id":"ai-form-migration","name":"Step 2 — AI completes migration (uses Step 1 markers)","steps":[{"name":"JsonForm/FormModel → TanStack (follow Step 1 comments & Form markers)","type":"ai"}]}]},"validated":false,"validationErrors":null,"publishedBy":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","deprecated":false,"deprecationMessage":null,"downloadCount":2,"cachedTestCases":{"input":"$4a","output":"$4b","isValid":true,"examples":[{"name":"field-config-prep","path":"tests/field-config-prep","input":"$4c","output":"$4d","filename":"input.tsx"},{"name":"form-shell-props","path":"tests/form-shell-props","input":"import Form from 'sentry/components/forms/form';\nimport FormModel from 'sentry/components/forms/model';\n\n/** Mirrors common test setup: explicit model + submit handler + optional initialData. */\nexport default function FormShellPropsFixture() {\n const model = new FormModel();\n return (\n <>\n \n \n \n );\n}\n","filename":"input.tsx"},{"name":"migration-ease","path":"tests/migration-ease","input":"import Form from 'sentry/components/forms/form';\nimport JsonForm from 'sentry/components/forms/jsonForm';\nimport {t} from 'sentry/locale';\n\nexport default function MigrationEaseFixture() {\n return (\n <>\n

\n ({slug: data.slug}),\n },\n ]}\n />\n \n

\n \n \n \n );\n}\n","output":"import Form from 'sentry/components/forms/form';\nimport JsonForm from 'sentry/components/forms/jsonForm';\nimport {t} from 'sentry/locale';\n\nexport default function MigrationEaseFixture() {\n return (\n <>\n

\n {/* Migration: legacy Form — TanStack */}\n ({slug: data.slug}),\n },\n ]}\n />\n \n

\n {/* Migration: legacy Form — TanStack */}\n \n \n \n );\n}\n","filename":"input.tsx"},{"name":"route-from-formsearch","path":"tests/route-from-formsearch","input":"import {FormSearch} from 'sentry/components/core/form';\nimport Form from 'sentry/components/forms/form';\nimport JsonForm from 'sentry/components/forms/jsonForm';\nimport type {JsonFormObject} from 'sentry/components/forms/types';\nimport {t} from 'sentry/locale';\n\nconst formGroups: JsonFormObject[] = [\n {\n title: t('Account'),\n fields: [{name: 'name', type: 'string', label: t('Name'), help: t('Your name')}],\n },\n];\n\nexport default function RouteFixture() {\n return (\n \n \n );\n}\n","output":"import {FormSearch} from 'sentry/components/core/form';\nimport Form from 'sentry/components/forms/form';\nimport JsonForm from 'sentry/components/forms/jsonForm';\nimport type {JsonFormObject} from 'sentry/components/forms/types';\nimport {t} from 'sentry/locale';\n\nconst formGroups: JsonFormObject[] = [\n {\n title: t('Account'),\n fields: [{name: 'name', type: 'string', label: t('Name'), help: t('Your name'),\n hintText: t('Your name')}],\n },\n];\n\nexport default function RouteFixture() {\n return (\n \n \n );\n}\n","filename":"input.tsx"}]},"defaultWorkflowName":"default","createdAt":"2026-03-21T10:04:21.591Z","updatedAt":"2026-05-26 08:41:02.506215+00"},"publishedBy":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit"},"insightsTemplate":{"packageVersionId":"7e0558f5-d3b7-4b31-b9ec-cea0f33f1e69","status":"ready","generatedAt":"2026-07-21T16:07:41.666Z"},"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["tsx"],"stepTypes":["js-ast-grep","ai"],"workflowMetadata":{"nodes":[{"id":"deterministic-transforms","name":"Step 1 — Deterministic prep (safe edits + migration signals for AI)","steps":[{"name":"hintText, field migration comments, legacy Form markers (→ TanStack)","type":"js-ast-grep","language":"tsx"}]},{"id":"ai-form-migration","name":"Step 2 — AI completes migration (uses Step 1 markers)","steps":[{"name":"JsonForm/FormModel → TanStack (follow Step 1 comments & Form markers)","type":"ai"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]},{"version":{"id":"191902e0-435d-42b3-ad7d-db1034d28494","packageId":"5af696e1-d03b-4c20-84e2-0296332ee29e","version":"0.1.8","description":"Migrate JsonForm/FormModel to TanStack form system","manifest":{"name":"sentry-form-migration","author":"Alex Bit ","license":"FSL-1.1-Apache-2.0","targets":{"versions":{},"languages":["typescript"],"frameworks":[]},"version":"0.1.8","keywords":["transformation","migration"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","description":"Migrate JsonForm/FormModel to TanStack form system","dependencies":[],"schema_version":"1.0"},"checksum":"ba0bb20fb241666fbf8980e63dd2369f58fe4f6b4d927e09f5689db38e4859c0","size":14369,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/sentry-form-migration/0.1.8/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["tsx"],"stepTypes":["js-ast-grep","ai"],"workflowMetadata":{"nodes":[{"id":"deterministic-transforms","name":"Step 1 — Deterministic prep (safe edits + migration signals for AI)","steps":[{"name":"hintText, field migration comments, legacy Form markers (→ TanStack)","type":"js-ast-grep","language":"tsx"}]},{"id":"ai-form-migration","name":"Step 2 — AI completes migration (uses Step 1 markers)","steps":[{"name":"JsonForm/FormModel → TanStack (follow Step 1 comments & Form markers)","type":"ai"}]}]},"validated":false,"validationErrors":null,"publishedBy":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","deprecated":false,"deprecationMessage":null,"downloadCount":2,"cachedTestCases":{"input":"import Form from 'sentry/components/forms/form';\nimport FormModel from 'sentry/components/forms/model';\n\n/** Mirrors common test setup: explicit model + submit handler + optional initialData. */\nexport default function FormShellPropsFixture() {\n const model = new FormModel();\n return (\n <>\n \n \n \n );\n}\n","isValid":true},"defaultWorkflowName":"default","createdAt":"2026-03-21T09:20:07.206Z","updatedAt":"2026-03-21 09:20:20.057561+00"},"publishedBy":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit"},"insightsTemplate":null,"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["tsx"],"stepTypes":["js-ast-grep","ai"],"workflowMetadata":{"nodes":[{"id":"deterministic-transforms","name":"Step 1 — Deterministic prep (safe edits + migration signals for AI)","steps":[{"name":"hintText, field migration comments, legacy Form markers (→ TanStack)","type":"js-ast-grep","language":"tsx"}]},{"id":"ai-form-migration","name":"Step 2 — AI completes migration (uses Step 1 markers)","steps":[{"name":"JsonForm/FormModel → TanStack (follow Step 1 comments & Form markers)","type":"ai"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]},{"version":{"id":"5bf474dd-3339-4012-b831-404de1a8c58c","packageId":"5af696e1-d03b-4c20-84e2-0296332ee29e","version":"0.1.6","description":"Migrate JsonForm/FormModel to TanStack form system","manifest":{"name":"sentry-form-migration","author":"Alex Bit ","license":"FSL-1.1-Apache-2.0","targets":{"versions":{},"languages":["typescript"],"frameworks":[]},"version":"0.1.6","keywords":["transformation","migration"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","description":"Migrate JsonForm/FormModel to TanStack form system","dependencies":[],"schema_version":"1.0"},"checksum":"e79724d391d13a0c566807c8277e0f6e58733cff3b50b4a6b91e3c92b4ad7b49","size":12697,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/sentry-form-migration/0.1.6/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["tsx"],"stepTypes":["js-ast-grep","ai"],"workflowMetadata":{"nodes":[{"id":"deterministic-transforms","name":"Step 1 — Deterministic AST Transformations","steps":[{"name":"Add hintText, migration comments (JsonForm → TanStack prep)","type":"js-ast-grep","language":"tsx"}]},{"id":"ai-form-migration","name":"Step 2 — AI-Assisted Form Migration","steps":[{"name":"Complete form migration (getData, mapFormErrors, saveOnBlur, Form→AutoSaveField)","type":"ai"}]}]},"validated":false,"validationErrors":null,"publishedBy":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","deprecated":false,"deprecationMessage":null,"downloadCount":2,"cachedTestCases":{"input":"import Form from 'sentry/components/forms/form';\nimport FormModel from 'sentry/components/forms/model';\n\n/** Mirrors common test setup: explicit model + submit handler + optional initialData. */\nexport default function FormShellPropsFixture() {\n const model = new FormModel();\n return (\n <>\n

{}} model={model} />\n {}} model={model} initialData={{flag: true}} />\n \n );\n}\n","output":"import Form from 'sentry/components/forms/form';\nimport FormModel from 'sentry/components/forms/model';\n\n/** Mirrors common test setup: explicit model + submit handler + optional initialData. */\nexport default function FormShellPropsFixture() {\n const model = new FormModel();\n return (\n <>\n {}} model={model} />\n {}} model={model} initialData={{flag: true}} />\n \n );\n}\n","isValid":true},"defaultWorkflowName":"default","createdAt":"2026-03-21T09:09:08.457Z","updatedAt":"2026-03-21 09:09:52.706274+00"},"publishedBy":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit"},"insightsTemplate":null,"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["tsx"],"stepTypes":["js-ast-grep","ai"],"workflowMetadata":{"nodes":[{"id":"deterministic-transforms","name":"Step 1 — Deterministic AST Transformations","steps":[{"name":"Add hintText, migration comments (JsonForm → TanStack prep)","type":"js-ast-grep","language":"tsx"}]},{"id":"ai-form-migration","name":"Step 2 — AI-Assisted Form Migration","steps":[{"name":"Complete form migration (getData, mapFormErrors, saveOnBlur, Form→AutoSaveField)","type":"ai"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]},{"version":{"id":"d9aa652a-8377-4453-af2d-10be70362bd9","packageId":"5af696e1-d03b-4c20-84e2-0296332ee29e","version":"0.1.1","description":"Migrate JsonForm/FormModel to TanStack form system","manifest":{"name":"sentry-form-migration","author":"Alex Bit ","license":"FSL-1.1-Apache-2.0","targets":{"versions":{},"languages":["typescript"],"frameworks":[]},"version":"0.1.1","keywords":["transformation","migration"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","description":"Migrate JsonForm/FormModel to TanStack form system","dependencies":[],"schema_version":"1.0"},"checksum":"70db9d62074d0dbec08c1bc3fce99c6d856dbb9f465fd185e40852730197044f","size":8034,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/sentry-form-migration/0.1.1/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["tsx"],"stepTypes":["js-ast-grep","ai"],"workflowMetadata":{"nodes":[{"id":"deterministic-transforms","name":"Step 1 — Deterministic AST Transformations","steps":[{"name":"Add hintText, migration comments (JsonForm → TanStack prep)","type":"js-ast-grep","language":"tsx"}]},{"id":"ai-form-migration","name":"Step 2 — AI-Assisted Form Migration","steps":[{"name":"Complete form migration (getData, mapFormErrors, saveOnBlur, Form→AutoSaveField)","type":"ai"}]}]},"validated":false,"validationErrors":null,"publishedBy":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","deprecated":false,"deprecationMessage":null,"downloadCount":2,"cachedTestCases":{"input":"$4e","output":"$4f","isValid":true},"defaultWorkflowName":"default","createdAt":"2026-03-21T07:05:04.389Z","updatedAt":"2026-03-21 07:05:20.058422+00"},"publishedBy":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit"},"insightsTemplate":null,"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["tsx"],"stepTypes":["js-ast-grep","ai"],"workflowMetadata":{"nodes":[{"id":"deterministic-transforms","name":"Step 1 — Deterministic AST Transformations","steps":[{"name":"Add hintText, migration comments (JsonForm → TanStack prep)","type":"js-ast-grep","language":"tsx"}]},{"id":"ai-form-migration","name":"Step 2 — AI-Assisted Form Migration","steps":[{"name":"Complete form migration (getData, mapFormErrors, saveOnBlur, Form→AutoSaveField)","type":"ai"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]},{"version":{"id":"c9171019-cd97-4d30-81d2-a67f96736ba6","packageId":"5af696e1-d03b-4c20-84e2-0296332ee29e","version":"0.1.0","description":"Migrate JsonForm/FormModel to TanStack form system","manifest":{"name":"sentry-form-migration","author":"Alex Bit ","license":"FSL-1.1-Apache-2.0","targets":{"versions":{},"languages":["typescript"],"frameworks":[]},"version":"0.1.0","keywords":["transformation","migration"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","description":"Migrate JsonForm/FormModel to TanStack form system","dependencies":[],"schema_version":"1.0"},"checksum":"bbab7bccf713777d8c365fb10ebcaeef51968a14b3f1821fb374fbd6390a5fb4","size":8230,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/sentry-form-migration/0.1.0/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["tsx"],"stepTypes":["js-ast-grep","ai"],"workflowMetadata":{"nodes":[{"id":"deterministic-transforms","name":"Step 1 — Deterministic AST Transformations","steps":[{"name":"Add hintText, migration comments (JsonForm → TanStack prep)","type":"js-ast-grep","language":"tsx"}]},{"id":"ai-form-migration","name":"Step 2 — AI-Assisted Form Migration","steps":[{"name":"Complete form migration (getData, mapFormErrors, saveOnBlur, Form→AutoSaveField)","type":"ai"}]}]},"validated":false,"validationErrors":null,"publishedBy":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","deprecated":false,"deprecationMessage":null,"downloadCount":2,"cachedTestCases":{"input":"$50","output":"$51","isValid":true},"defaultWorkflowName":"default","createdAt":"2026-03-21T06:41:04.572Z","updatedAt":"2026-03-21 06:50:12.798682+00"},"publishedBy":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit"},"insightsTemplate":null,"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["tsx"],"stepTypes":["js-ast-grep","ai"],"workflowMetadata":{"nodes":[{"id":"deterministic-transforms","name":"Step 1 — Deterministic AST Transformations","steps":[{"name":"Add hintText, migration comments (JsonForm → TanStack prep)","type":"js-ast-grep","language":"tsx"}]},{"id":"ai-form-migration","name":"Step 2 — AI-Assisted Form Migration","steps":[{"name":"Complete form migration (getData, mapFormErrors, saveOnBlur, Form→AutoSaveField)","type":"ai"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]}],"distTags":{"latest":"0.1.9"},"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.1.version.createdAt":["Date"],"versions.2.version.createdAt":["Date"],"versions.3.version.createdAt":["Date"],"versions.4.version.createdAt":["Date"]},"referentialEqualities":{"cachedTestCases":["versions.0.version.cachedTestCases"]}}},"dataUpdateCount":1,"dataUpdatedAt":1787629923309,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":[["registry","getPackage"],{"input":{"name":"sentry-form-migration","scope":"$undefined"},"type":"query"}],"queryHash":"[[\"registry\",\"getPackage\"],{\"input\":{\"name\":\"sentry-form-migration\"},\"type\":\"query\"}]"}]},"children":"$L52"}]] 1c:null 20:[["$","title","0",{"children":"sentry-form-migration - Codemod Registry"}],["$","meta","1",{"name":"description","content":"Migrate JsonForm/FormModel to TanStack form system"}],["$","meta","2",{"name":"author","content":"Alex Bit"}],["$","meta","3",{"name":"keywords","content":"sentry-form-migration, codemod, code transformation, automated refactoring, package, registry, transformation, migration"}],["$","meta","4",{"name":"creator","content":"Alex Bit"}],["$","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/sentry-form-migration"}],["$","meta","20",{"property":"og:title","content":"sentry-form-migration - Codemod Registry"}],["$","meta","21",{"property":"og:description","content":"Migrate JsonForm/FormModel to TanStack form system"}],["$","meta","22",{"property":"og:url","content":"https://app.codemod.com/registry/sentry-form-migration"}],["$","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/sentry-form-migration"}],["$","meta","26",{"property":"og:image:width","content":"1200"}],["$","meta","27",{"property":"og:image:height","content":"630"}],["$","meta","28",{"property":"og:image:alt","content":"sentry-form-migration 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":"sentry-form-migration - Codemod Registry"}],["$","meta","34",{"name":"twitter:description","content":"Migrate JsonForm/FormModel to TanStack form system"}],["$","meta","35",{"name":"twitter:image","content":"https://app.codemod.com/api/og/registry/sentry-form-migration"}]]