till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-14 19:41:09 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

refactor(tailwind): centralize @source list in @mana/shared-tailwind/sources.css

Browse source 
Each consuming app was duplicating eight @source directives with hand-
counted relative paths (../../../../../packages/…). The mana web app's
were off-by-one for months before anyone noticed, silently disabling the
scan for every shared-ui file.

Tailwind v4 resolves @source paths relative to the CSS file that declares
them, so we can drop the list once into packages/shared-tailwind/src/
sources.css. Consumer apps now just add one more @import next to themes.css:

  @import "tailwindcss";
  @import "@mana/shared-tailwind/themes.css";
  @import "@mana/shared-tailwind/sources.css";

New package.json export: "./sources.css". Drop the local paths from the
mana web app's app.css.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-04-16 00:59:33 +02:00
parent fc028fa8f0
commit a524997a2f
3 changed files with 29 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

3
packages/shared-tailwind/package.json
View file

@ -4,7 +4,8 @@
"private": true,
"type": "module",
"exports": {
"./themes.css": "./src/themes.css"
"./themes.css": "./src/themes.css",
"./sources.css": "./src/sources.css"
},
"scripts": {
"lint": "eslint ."

26
packages/shared-tailwind/src/sources.css Normal file
View file

@ -0,0 +1,26 @@
/**
* Shared Tailwind source-scan list.
*
* Apps that consume our @mana/shared-* UI packages need Tailwind to scan
* those packages for utility classes (including arbitrary-value ones like
* `bg-[hsl(var(--color-muted))]`). Keeping the `@source` list in each app's
* app.css duplicates it and invites off-by-one path bugs — which is exactly
* what happened (`../../../../` instead of `../../../../../` meant Tailwind
* scanned nothing in shared packages, silently).
*
* Tailwind v4 resolves `@source` paths relative to the CSS file that
* declares them, so centralizing here means consumer apps just do:
*
* @import "tailwindcss";
* @import "@mana/shared-tailwind/themes.css";
* @import "@mana/shared-tailwind/sources.css";
*
* and the paths Just Work regardless of how deep the consuming app lives.
*/
@source "../../shared-ui/src";
@source "../../shared-auth-ui/src";
@source "../../shared-branding/src";
@source "../../shared-theme-ui/src";
@source "../../subscriptions/src";
@source "../../credits/src";