feat(ui-components): prepublish

[avivkeller]

This PR adds compilation to a pre-publish script for @node-core/ui-components. The way this works is:

1. CI runs pnpm run publish
2. The publish script:
   1. Compiles all .tsx-like files to their JS counterpart in dist/
   2. Compiles all Tailwind CSS modules to their pure CSS counterparts in dist/
   3. Adds a package.json file to ./dist, rewriting the exports and imports.
3. pnpm publishes dist/

---

Fixes #7948

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
nodejs-org	✅ Ready (Inspect)	Visit Preview	Jul 7, 2025 8:14pm

[avivkeller]

oookay so it looks like something went horribly wrong

[Copilot]

Pull Request Overview

This PR implements a pre-publish build for @node-core/ui-components by configuring TypeScript and CSS compilation, updating module imports, and packaging the output.

• Configure tsconfig.json to emit compiled JS into dist/ with correct root and base directories.
• Update all CSS modules to include @reference directives and adjust @source/@layer usage.
• Replace #ui/* alias imports with relative paths and add prepublish scripts plus a clean package.json writer.

Reviewed Changes

Copilot reviewed 96 out of 97 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
packages/ui-components/tsconfig.json	Set rootDir, outDir, baseUrl, and adjust compilerOptions for dist output
packages/ui-components/src/styles/*.css	Add @reference directives, consolidate @source imports, and wrap utilities layers
packages/ui-components/src/**/*.tsx	Replace custom alias imports (#ui/...) with relative imports
packages/ui-components/scripts/prepublish.mjs	Write a cleaned package.json into dist/ without devDependencies
packages/ui-components/package.json	Add compile:ts, compile:css, and prepublish scripts; move CSS deps to devDependencies

Files not reviewed (1)

• pnpm-lock.yaml: Language not supported

Comments suppressed due to low confidence (1)

packages/ui-components/package.json:17

• The node --run compile command is not a valid Node.js CLI flag. Consider changing this to npm run compile (or pnpm run compile) to invoke the compile script correctly.

    "prepublish": "node --run compile && node scripts/prepublish.mjs",

[ovflowd]

FYI Vercel failure was due to:

"publishDirectory" in the lockfile (undefined) doesn't match "publishConfig.directory" in package.json (dist)

[avivkeller]

@ovflowd Yea, I'm aware, I didn't sync the lockfile

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 73.66%. Comparing base (ab0ba1d) to head (ed0e5d8).
Report is 4 commits behind head on main.

✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #7955      +/-   ##
==========================================
- Coverage   75.36%   73.66%   -1.70%     
==========================================
  Files          96       96              
  Lines        8354     8354              
  Branches      220      220              
==========================================
- Hits         6296     6154     -142     
- Misses       2056     2199     +143     
+ Partials        2        1       -1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[ovflowd]

LGTM. I guess we can propceed with this :)

[avivkeller]

:-/ https://64c7d71358830e9105808652-pywcduafiu.chromatic.com/?path=/story/design-system--h-1-special

[avivkeller]

I think I know how to fix the issue + reduce the number of changed lines. Drafting until I get the time to properly implement the changes.

[avivkeller]

I'd like to get a second @nodejs/web-infra approval before landing this JiC fwiw.

[ovflowd]

I'd like to get a second @nodejs/web-infra approval before landing this JiC fwiw.

Lots of stuff failing, should we retry these checks?

[ovflowd]

LGTM

[ovflowd]

@avivkeller tests/linting failing?

[avivkeller]

Yes, I know. I need to change some rootDir TSConfig things.