mdl/shadcn
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better formatting

Browse source
This commit is contained in:
Hellings 2026-10-23 09:12:49 -04:00
parent 36a07eaf92
commit f6e2db8891
3 changed files with 45 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
index.ts
View file

@ -1 +1,4 @@
export { shadcnIntegration, type ShadcnIntegrationOptions } from "./src/integration.ts";
export {
shadcnIntegration,
type ShadcnIntegrationOptions,
} from "./src/integration.ts";

4
package.json
View file

@ -3,5 +3,7 @@
"type": "module",
"exports": "./index.ts",
"version": "0.1.0",
"peerDependencies": { "muddle": "*" }
"peerDependencies": {
"muddle": "*"
}
}

44
src/integration.ts
View file

@ -1,6 +1,11 @@
import { mkdir, writeFile } from "node:fs/promises";
import { basename, extname, join, resolve } from "node:path";
import { cssToStcss, reactToSpug, type Integration, type IntegrationContext } from "muddle";
import {
cssToStcss,
reactToSpug,
type Integration,
type IntegrationContext,
} from "muddle";
export interface ShadcnIntegrationOptions {
components: string[];
@ -15,32 +20,51 @@ interface RegistryItem {
}
/** Pulls ShadCN registry entries and writes their Muddle ports into the host project. */
export function shadcnIntegration(options: ShadcnIntegrationOptions): Integration {
export function shadcnIntegration(
options: ShadcnIntegrationOptions,
): Integration {
return {
name: "shadcn",
async setup(context: IntegrationContext) {
const fetcher = options.fetch ?? globalThis.fetch;
const destination = resolve(context.config.root, options.dir ?? "modules/app/views/components");
const destination = resolve(
context.config.root,
options.dir ?? "modules/app/views/components",
);
const styles = resolve(context.config.root, "styles/shadcn");
const seen = new Set<string>();
const pull = async (name: string): Promise<void> => {
if (seen.has(name)) return;
seen.add(name);
const base = options.registry ?? "https://ui.shadcn.com/r/styles/new-york/{name}.json";
const url = base.includes("{name}") ? base.replace("{name}", encodeURIComponent(name)) : `${base.replace(/\/$/, "")}/${encodeURIComponent(name)}.json`;
const base =
options.registry ??
"https://ui.shadcn.com/r/styles/new-york/{name}.json";
const url = base.includes("{name}")
? base.replace("{name}", encodeURIComponent(name))
: `${base.replace(/\/$/, "")}/${encodeURIComponent(name)}.json`;
const response = await fetcher(url);
if (!response.ok) throw new Error(`shadcn registry request failed for ${name} with ${response.status}`);
const item = await response.json() as RegistryItem;
for (const dependency of item.registryDependencies ?? []) await pull(dependency.replace(/^@[^/]+\//, ""));
if (!response.ok)
throw new Error(
`shadcn registry request failed for ${name} with ${response.status}`,
);
const item = (await response.json()) as RegistryItem;
for (const dependency of item.registryDependencies ?? [])
await pull(dependency.replace(/^@[^/]+\//, ""));
for (const file of item.files ?? []) {
const extension = extname(file.path).toLowerCase();
const stem = basename(file.path).replace(/\.(tsx|jsx|css)$/i, "");
if (extension === ".tsx" || extension === ".jsx") {
await mkdir(destination, { recursive: true });
await writeFile(join(destination, `${stem}.spug`), reactToSpug(file.content, file.path));
await writeFile(
join(destination, `${stem}.spug`),
reactToSpug(file.content, file.path),
);
} else if (extension === ".css") {
await mkdir(styles, { recursive: true });
await writeFile(join(styles, `${stem}.stcss`), cssToStcss(file.content, file.path));
await writeFile(
join(styles, `${stem}.stcss`),
cssToStcss(file.content, file.path),
);
}
}
};