mirror of
https://github.com/foomo/ui.git
synced 2026-10-07 06:07:01 +00:00
Wlad Meixner
3830364f9c
BREAKING: every utility this package emits is now fui:* instead of lib:*. Consumers who wrote lib:-prefixed classes against @foomo/ui must rename them. "lib" is a plausible prefix for any in-house library, so it risked colliding in apps that consume more than one. 3658 occurrences across 59 files, plus tailwind.config.js and components.json. The ./lib/* export path is untouched — only the prefix token moved. Also drops the ASCII banner comments and the explanatory docblocks I had added to data-table and the dashboard story. Verified: 19 stories x 2 themes, 194 overlays opened, 0 console errors and 0 elements left unstyled.
62 lines
1.9 KiB
JavaScript
62 lines
1.9 KiB
JavaScript
/**
|
|
* Rewrite `@/…` path aliases in the emitted declaration files to relative
|
|
* specifiers.
|
|
*
|
|
* `tsc` resolves the alias when type-checking but emits it verbatim into the
|
|
* `.d.ts` output, and consumers have no `@/*` mapping — so every such import
|
|
* silently degrades to `any` on their side. That is not a cosmetic problem:
|
|
* `alert-dialog.d.ts` importing `Button` this way turns
|
|
* `Pick<ComponentProps<typeof Button>, "variant" | "size">` into
|
|
* `Pick<any, …>`, which makes both props *required* for callers.
|
|
*
|
|
* Vite already rewrites the alias in the `.js` output, so this only has to
|
|
* catch the declarations. It runs as a build step rather than a source-level
|
|
* change because `regenerate-components` re-runs the shadcn CLI, which always
|
|
* emits `@/` imports.
|
|
*/
|
|
import { readdir, readFile, writeFile } from "node:fs/promises";
|
|
import { join, relative, dirname, sep } from "node:path";
|
|
|
|
const DIST = new URL("../dist/", import.meta.url).pathname;
|
|
const ALIAS = /(from\s*")@\/([^"]+)(")/g;
|
|
|
|
async function* declarations(dir) {
|
|
for (const entry of await readdir(dir, { withFileTypes: true })) {
|
|
const path = join(dir, entry.name);
|
|
if (entry.isDirectory()) {
|
|
yield* declarations(path);
|
|
} else if (entry.name.endsWith(".d.ts")) {
|
|
yield path;
|
|
}
|
|
}
|
|
}
|
|
|
|
let rewritten = 0;
|
|
let files = 0;
|
|
|
|
for await (const file of declarations(DIST)) {
|
|
const source = await readFile(file, "utf8");
|
|
let count = 0;
|
|
|
|
const output = source.replace(ALIAS, (_match, open, target, close) => {
|
|
count += 1;
|
|
// `dist/components/x.d.ts` -> `dist/`, so `@/components/button`
|
|
// becomes `./button`.
|
|
let path = relative(dirname(file), join(DIST, target)).split(sep).join("/");
|
|
if (!path.startsWith(".")) {
|
|
path = `./${path}`;
|
|
}
|
|
return `${open}${path}${close}`;
|
|
});
|
|
|
|
if (count > 0) {
|
|
await writeFile(file, output);
|
|
rewritten += count;
|
|
files += 1;
|
|
}
|
|
}
|
|
|
|
console.log(
|
|
`rewrite-dts-aliases: ${rewritten} import(s) across ${files} declaration file(s)`,
|
|
);
|