Skip to content

Adopt StyleX for application styling - #7133

Merged
ComputelessComputer merged 22 commits into
mainfrom
cursor/refactor-stylex-cdf3
Aug 28, 2026
Merged

Adopt StyleX for application styling#7133
ComputelessComputer merged 22 commits into
mainfrom
cursor/refactor-stylex-cdf3

Conversation

@ComputelessComputer

@ComputelessComputer ComputelessComputer commented Aug 28, 2026

Copy link
Copy Markdown
Collaborator

Summary

Problem: Tailwind utility strings and global generation kept component styling implicit and split styling ownership across runtime classes, CSS directives, and TypeScript. The migrated web stylesheet also consumed generated UI CSS that was absent in clean Netlify builds.

Fix: Compile desktop and web styling with StyleX, centralize typed tokens and shared markdown styles, migrate application and shared-package surfaces, remove superseded Tailwind dependencies and configuration, and materialize the UI CSS package before Netlify builds the web app.

Verification

  • pnpm -F ui build
  • pnpm -F desktop typecheck
  • pnpm -F desktop test (406 files, 3,495 tests)
  • pnpm -F web typecheck
  • pnpm -F web test
  • CI=true SKIP_NETLIFY=1 pnpm -F web build
  • Clean-generated-output run of the exact Netlify build command
  • pnpm -F @anlg/editor test (27 files, 199 tests)
  • pnpm -F @anlg/supabase typecheck
  • pnpm -F @anlg/supabase test
  • pnpm -F web media:figures:check
  • pnpm -r typecheck
  • pnpm -F desktop i18n:check
  • pnpm exec oxlint --quiet --format=github apps/desktop/src/
  • Branch-scoped dprint and ESLint checks
  • Manual desktop/mobile checks for public web routes and marker-driven hover states
Open in Web Open in Cursor 

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
@netlify

netlify Bot commented Aug 28, 2026

Copy link
Copy Markdown

Deploy Preview for anarlog ready!

Name Link
🔨 Latest commit de5ca8a
🔍 Latest deploy log https://app.netlify.com/projects/anarlog/deploys/6a918f91d2f7b00008c49168
😎 Deploy Preview https://deploy-preview-7133--anarlog.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@cla-assistant

cla-assistant Bot commented Aug 28, 2026

Copy link
Copy Markdown

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.

cursoragent and others added 20 commits August 28, 2026 05:25
Replace Tailwind utility styling across the core shared UI primitives with typed StyleX styles while preserving transitional className and sx compatibility.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Move editor widgets, attachment views, changelog rendering, and pricing feature lists off Tailwind utilities and add StyleX styling contracts for editor consumers.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Apply the StyleX ESLint rules to editor, changelog, and pricing source alongside the application and UI packages.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Express portal coordinates and resizable image width through StyleX so generated styles do not conflict with inline style props.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Run the StyleX Vite transform for package-local editor tests so token and style declarations are erased before runtime.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Express descendant, state, structural, and animation selectors directly in StyleX across the shared UI primitives.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Wrap the Radix select value primitive with a StyleX contract so line clamping remains type-safe without descendant vendor-property selectors.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Replace application Tailwind utility styling with compiled StyleX styles and update affected tests to use semantic hooks.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Move web route and component styling into StyleX, including responsive states, shared-note surfaces, and marketing pages.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Replace leftover utility strings and nested style arrays with compiled StyleX styles across account, shared-note, auth, enterprise, YC, and marketing surfaces.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
…r/refactor-stylex-cdf3

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
…x-cdf3

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Replace remaining Tailwind utility styling across desktop and web, add shared markdown and StyleX test helpers, and remove superseded Tailwind configuration and dependencies.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Type injected fetchers by their callable signature so Node's static fetch methods are not required by tests.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Report the missing compiled classes directly when migrated style assertions fail.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Treat compiled conditional class groups as individual classes in style assertions.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Apply the repository formatter to StyleX files missed by the earlier scoped pass.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Wire StyleX markers for ancestor and sibling states, restore deep text selection, and remove the final Tailwind-era selector and palette contracts.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
…x-cdf3

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Migrate the newly merged OAuth consent route to shared auth styles and local compiled StyleX rules.

Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
@ComputelessComputer
ComputelessComputer marked this pull request as ready for review August 28, 2026 13:31
Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
@ComputelessComputer
ComputelessComputer merged commit c869b57 into main Aug 28, 2026
32 checks passed
@ComputelessComputer
ComputelessComputer deleted the cursor/refactor-stylex-cdf3 branch August 28, 2026 13:54
ComputelessComputer added a commit that referenced this pull request Aug 28, 2026
#7133 left the marketing site unstyled and broke desktop chrome. Restore the previous Tailwind setup so both surfaces render again.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants