[codemods] Convert shorthands, logical properties & keyframes to StyleX (Emotion→StyleX, 4/6) #1771

Open

ahmedsadid wants to merge 25 commits into

facebook:mainfrom

ahmedsadid:codemod/emotion-m3-values

Commits on Jul 23, 2026

codemods: scaffold @stylexjs/codemods package and docs skeleton

ahmedsadid
and
claude
committed
codemods: IR types, rewriter wrapper, seam enforcement tests

ahmedsadid
and
claude
committed
codemods: compile/lint/semantic-diff gates + fixture harness, each gate proven to fail on a broken pair

ahmedsadid
and
claude
committed
codemods: IR-completeness harness stub (measured coverage, 0/5 at M0)

ahmedsadid
and
claude
committed
codemods: core engine — buildIR (L4) + emit (L7), tested against hand-written IR

ahmedsadid
and
claude
committed
codemods: Emotion adapter — detect (L2), read (L3), rewrite (L8), imports, orchestrator

ahmedsadid
and
claude
committed
codemods: semantic-diff gate — normalize comma-whitespace in values

ahmedsadid
and
claude
committed
codemods: wire transform into fixture harness; un-skip checks 1 & 4; add 8 fixtures

ahmedsadid
and
claude
committed
codemods: real IR-completeness round-trip — stylexToIR reader + measured coverage

ahmedsadid
and
claude
committed
codemods: referee (L5) — the two-order agreement check for conditions

ahmedsadid
and
claude
committed
codemods: the flip + hover-guard in emit (L4/L7)

ahmedsadid
and
claude
committed
codemods: Emotion adapter parses conditions; transform runs the referee

ahmedsadid
and
claude
committed
codemods: M2 fixtures — hover/focus/media/pseudo-element convert; referee & descendant refuse

ahmedsadid
and
claude
committed
codemods: IR-completeness reader handles conditions — coverage 2/5 -> 5/5

ahmedsadid
and
claude
committed
codemods: normalize (L6) — physical to logical property mapping

ahmedsadid
and
claude
committed
codemods: postprocess (L10) — run StyleX's own eslint autofixes on the output

ahmedsadid
and
claude
committed
codemods: referee guards the sibling-media reorder hazard

ahmedsadid
and
claude
committed
codemods: wire normalize (before referee) and postprocess (after print) into transform

ahmedsadid
and
claude
committed
codemods: M3a fixtures — logical-properties converts; skip-sibling-media refuses

ahmedsadid
and
claude
committed
codemods: semantic-diff gate canonicalizes box shorthands to physical longhands

ahmedsadid
and
claude
committed
codemods: M3b fixtures — multi-value margin & padding shorthands convert

ahmedsadid
and
claude
committed
codemods: engine support for keyframes + identifier references

ahmedsadid
and
claude
committed
codemods: Emotion adapter converts object-form keyframes

ahmedsadid
and
claude
committed
codemods: semantic-diff compares @keyframes frame contents; allowlist generated animation-name

ahmedsadid
and
claude
committed
codemods: ADR-0001 — defer theme tokens to M6 (a trusted transformation)

ahmedsadid
and
claude
committed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

[codemods] Convert shorthands, logical properties & keyframes to StyleX (Emotion→StyleX, 4/6) #1771

[codemods] Convert shorthands, logical properties & keyframes to StyleX (Emotion→StyleX, 4/6) #1771
ahmedsadid wants to merge 25 commits into
facebook:mainfrom
ahmedsadid:codemod/emotion-m3-values

Commits on Jul 23, 2026

codemods: scaffold @stylexjs/codemods package and docs skeleton

codemods: IR types, rewriter wrapper, seam enforcement tests

codemods: compile/lint/semantic-diff gates + fixture harness, each gate proven to fail on a broken pair

codemods: IR-completeness harness stub (measured coverage, 0/5 at M0)

codemods: core engine — buildIR (L4) + emit (L7), tested against hand-written IR

codemods: Emotion adapter — detect (L2), read (L3), rewrite (L8), imports, orchestrator

codemods: semantic-diff gate — normalize comma-whitespace in values

codemods: wire transform into fixture harness; un-skip checks 1 & 4; add 8 fixtures

codemods: real IR-completeness round-trip — stylexToIR reader + measured coverage

codemods: referee (L5) — the two-order agreement check for conditions

codemods: the flip + hover-guard in emit (L4/L7)

codemods: Emotion adapter parses conditions; transform runs the referee

codemods: M2 fixtures — hover/focus/media/pseudo-element convert; referee & descendant refuse

codemods: IR-completeness reader handles conditions — coverage 2/5 -> 5/5

codemods: normalize (L6) — physical to logical property mapping

codemods: postprocess (L10) — run StyleX's own eslint autofixes on the output

codemods: referee guards the sibling-media reorder hazard

codemods: wire normalize (before referee) and postprocess (after print) into transform

codemods: M3a fixtures — logical-properties converts; skip-sibling-media refuses

codemods: semantic-diff gate canonicalizes box shorthands to physical longhands

codemods: M3b fixtures — multi-value margin & padding shorthands convert

codemods: engine support for keyframes + identifier references

codemods: Emotion adapter converts object-form keyframes

codemods: semantic-diff compares @keyframes frame contents; allowlist generated animation-name

codemods: ADR-0001 — defer theme tokens to M6 (a trusted transformation)