@marver-design/marver 0.2.0 → 0.2.2

package/dist/init-DcOy1krf.mjs

@@ -1,168 +0,0 @@
-import { t as NAME } from "./cli.mjs";
-import { r as detectHost, t as DEFAULTS } from "./config-DMBEpdEN.mjs";
-import { dirname, join, relative } from "node:path";
-import { cpSync, existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
-import { fileURLToPath } from "node:url";
-//#region src/cli/init.ts
-const pkgDir = () => join(dirname(fileURLToPath(import.meta.url)), "..");
-/** Idempotent scaffolder: never overwrites existing files; every host-repo touch prints a diff. */
-function init(root, opts) {
-	const host = detectHost(root);
-	const design = join(root, "design");
-	const templates = join(pkgDir(), "templates");
-	const created = [];
-	const write = (rel, content) => {
-		const file = join(design, rel);
-		if (existsSync(file)) return;
-		mkdirSync(dirname(file), { recursive: true });
-		writeFileSync(file, content);
-		created.push(`design/${rel}`);
-	};
-	write("config.ts", configTemplate(opts.mode));
-	if (host.themeCss) {
-		const relCss = relative(design, join(root, host.themeCss)).split("\\").join("/");
-		write("theme.css", themeWrapper(relCss, host.tailwind === 4));
-	} else console.warn(`[${NAME}] no theme CSS detected - set \`theme\` in design/config.ts when you have one.`);
-	write("providers.tsx", providersTemplate(host.router, host.toaster, host.routerPkg));
-	write("AGENTS.md", readFileSync(join(templates, `AGENTS-${opts.mode}.md`), "utf8").replaceAll("{{UI_ALIAS}}", host.shadcn?.uiAlias ?? "@/components/ui"));
-	write("tsconfig.json", readFileSync(join(templates, "design-tsconfig.json"), "utf8"));
-	write(".gitignore", ".local/\n.dist/\n");
-	write("scenes/_layout.tsx", readFileSync(join(templates, "root-layout.tsx"), "utf8"));
-	if (!existsSync(join(design, "boards"))) {
-		mkdirSync(join(design, "boards"), { recursive: true });
-		writeFileSync(join(design, "boards", ".gitkeep"), "");
-		created.push("design/boards/");
-	}
-	if (opts.demo && !existsSync(join(design, "scenes", "demo"))) {
-		cpSync(join(templates, "demo"), join(design, "scenes", "demo"), { recursive: true });
-		created.push("design/scenes/demo/ (3 frames)");
-	}
-	if (host.tsconfigSweepsDesign) patchTsconfigExclude(root);
-	console.log(`\n${NAME} initialized (${opts.mode} mode). Created:`);
-	for (const f of created) console.log(`  + ${f}`);
-	if (host.router === "next") console.log(`\n  note: Next.js support is partial until M3 - HTML frames and next-free components work today.`);
-	console.log(`\n  commit design/ - only .local/ is ignored`);
-	console.log(`  uninstall = delete design/, remove the ${NAME} dependency${host.tsconfigSweepsDesign ? ", revert the \"design\" line in tsconfig exclude" : ""}`);
-	console.log(`\n  next: npx ${NAME} dev   (canvas on http://localhost:${DEFAULTS.port} by default)\n`);
-	console.log(`  then, to your agent: "Read design/AGENTS.md. Build an onboarding scene - welcome, form, done - mobile-first, using our components."\n`);
-}
-function patchTsconfigExclude(root) {
-	const file = join(root, "tsconfig.json");
-	if (!existsSync(file)) return;
-	const raw = readFileSync(file, "utf8");
-	try {
-		let next;
-		if (/"exclude"\s*:/.test(raw)) next = raw.replace(/("exclude"\s*:\s*\[)/, "$1\"design\", ");
-		else {
-			const at = firstJsonBrace(raw);
-			if (at < 0) throw new Error("no object brace found");
-			next = raw.slice(0, at + 1) + "\n  \"exclude\": [\"design\"]," + raw.slice(at + 1);
-		}
-		if (next === raw) throw new Error("no anchor matched");
-		writeFileSync(file, next);
-		console.log(`\n  patched tsconfig.json (the only host file touched):`);
-		console.log(`    + "design" added to "exclude"  (revert this line to fully uninstall)`);
-	} catch {
-		console.warn(`  could not patch tsconfig.json - add "design" to its "exclude" yourself.`);
-	}
-}
-/** Index of the first `{` outside //, /* *\/ comments and strings (tsconfig is JSONC). */
-function firstJsonBrace(src) {
-	let inLine = false, inBlock = false, inStr = false;
-	for (let i = 0; i < src.length; i++) {
-		const c = src[i], n = src[i + 1];
-		if (inLine) {
-			if (c === "\n") inLine = false;
-			continue;
-		}
-		if (inBlock) {
-			if (c === "*" && n === "/") {
-				inBlock = false;
-				i++;
-			}
-			continue;
-		}
-		if (inStr) {
-			if (c === "\\") i++;
-			else if (c === "\"") inStr = false;
-			continue;
-		}
-		if (c === "/" && n === "/") {
-			inLine = true;
-			i++;
-			continue;
-		}
-		if (c === "/" && n === "*") {
-			inBlock = true;
-			i++;
-			continue;
-		}
-		if (c === "\"") {
-			inStr = true;
-			continue;
-		}
-		if (c === "{") return i;
-	}
-	return -1;
-}
-const configTemplate = (mode) => `// ${NAME} config - OPTIONAL. Delete this file and everything still works on defaults.
-// Theme lives in design/theme.css (it imports your app's real stylesheet) - not here.
-// Sharp edges (native Node TS import): erasable syntax only (no enums/namespaces),
-// relative imports need extensions, tsconfig paths are ignored here.
-export default {
-  mode: ${JSON.stringify(mode)},
-  // Device widths for frames and the Devices view. Rename, retune, or uncomment tv.
-  viewports: {
-    mobile: { width: 390, height: 844 },
-    tablet: { width: 768, height: 1024 },
-    laptop: { width: 1280, height: 800 },
-    monitor: { width: 1920, height: 1080 },
-    // tv: { width: 3840, height: 2160 },
-  },
-  themes: ["light", "dark"],
-  port: ${DEFAULTS.port},
-  // Canvas zoom feel: 1 = default, 1.2 = 20% faster, 0.8 = 20% slower.
-  // zoomSpeed: 1,
-  // Publishing (\`${NAME} build\` + \`${NAME} serve\`): gate identity + branding footer.
-  // name/logo default to the host package.json name and design/logo.svg (then public/).
-  // branding is the small "Powered by Marver.design" line under the gate. Marver is
-  // free, and that line is how it spreads - we'd love it if you leave it on, but it
-  // is yours to remove, no strings: share: { branding: false }.
-  // share: { name: "My App", logo: "design/logo.svg", branding: true },
-}
-`;
-const themeWrapper = (relCss, v4) => `/* ${NAME} theme wrapper - imports the app's real theme; the app's own build never sees design/. */
-@import "${relCss}";
-${v4 ? `@source "./";\n` : ""}`;
-function providersTemplate(router, toaster, routerPkg = "react-router-dom") {
-	const imports = [`import type { ReactNode } from 'react'`];
-	let open = "", close = "";
-	if (router === "react-router") {
-		imports.push(`import { MemoryRouter } from '${routerPkg}'`);
-		open += "<MemoryRouter>";
-		close = "</MemoryRouter>" + close;
-	}
-	let toasterEl = "";
-	if (toaster === "sonner") {
-		imports.push(`import { Toaster } from 'sonner'`);
-		toasterEl = "<Toaster />";
-	}
-	if (toaster === "react-hot-toast") {
-		imports.push(`import { Toaster } from 'react-hot-toast'`);
-		toasterEl = "<Toaster />";
-	}
-	return `// Mock contexts wrapped around every frame. Scaffolded by ${NAME} init from what it detected - yours to edit.
-${imports.join("\n")}
-
-export default function Providers({ children }: { children: ReactNode }) {
-  return (
-    ${open || "<>"}
-      {children}
-      ${toasterEl}
-    ${close || "</>"}
-  )
-}
-`;
-}
-//#endregion
-export { init };