@terrazzo/cli 2.0.0-beta.1 → 2.0.0-beta.3

package/dist/index.d.ts

@@ -1,10 +1,9 @@
 import { BuildRunnerResult, Config, ConfigInit, Logger } from "@terrazzo/parser";
-import * as url0 from "url";
 
 //#region src/shared.d.ts
-declare const cwd: url0.URL;
-declare const DEFAULT_CONFIG_PATH: url0.URL;
-declare const DEFAULT_TOKENS_PATH: url0.URL;
+declare const cwd: URL;
+declare const DEFAULT_CONFIG_PATH: URL;
+declare const DEFAULT_TOKENS_PATH: URL;
 type Command = 'build' | 'check' | 'help' | 'init' | 'version';
 declare const GREEN_CHECK: string;
 interface Flags {
@@ -31,7 +30,7 @@ declare function loadConfig({
   logger
 }: LoadConfigOptions): Promise<{
   config: ConfigInit;
-  configPath: string;
+  configPath: string | undefined;
 }>;
 /** load tokens */
 declare function loadTokens(tokenPaths: URL[], {
@@ -53,7 +52,7 @@ declare function resolveTokenPath(filename: string, {
   logger
 }: {
   logger: Logger;
-}): url0.URL;
+}): URL;
 /** Print time elapsed */
 declare function time(start: number): string;
 //#endregion

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/shared.ts","../src/build.ts","../src/check.ts","../src/help.ts","../src/init.ts","../src/lab.ts","../src/normalize.ts","../src/version.ts","../src/index.ts"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/shared.ts","../src/build.ts","../src/check.ts","../src/help.ts","../src/init.ts","../src/lab.ts","../src/normalize.ts","../src/version.ts","../src/index.ts"],"mappings":";;;cASa,GAAA,EAAG,GAAA;AAAA,cACH,mBAAA,EAAmB,GAAA;AAAA,cACnB,mBAAA,EAAmB,GAAA;AAAA,KAEpB,OAAA;AAAA,cAEC,WAAA;AAAA,UAEI,KAAA;EAR6C;EAU5D,MAAA;EATqE;EAWrE,GAAA;EAX8B;EAa9B,IAAA;EAZW;EAcX,KAAA;;EAEA,OAAA;AAAA;AAAA,UAGe,iBAAA;EACf,GAAA,EAAK,OAAA;EACL,KAAA,EAAO,KAAA;EACP,MAAA,EAAQ,MAAA;AAAA;AAlBV;AAAA,iBAsBsB,UAAA,CAAA;EAAa,GAAA;EAAK,KAAA;EAAO;AAAA,GAAU,iBAAA,GAAiB,OAAA;;;;AApB1E;AAAA,iBA2GsB,UAAA,CAAW,UAAA,EAAY,GAAA;EAAS;AAAA;EAAY,MAAA,EAAQ,MAAA;AAAA,IAAQ,OAAA;;;;;iBAiGlE,UAAA,CAAW,OAAA;;iBAKX,YAAA,CAAa,OAAA,UAAiB,SAAA;AApM9C;AAAA,iBAyMgB,aAAA,CAAc,QAAA;;iBAgBd,gBAAA,CAAiB,QAAA;EAAoB;AAAA;EAAY,MAAA,EAAQ,MAAA;AAAA,IAAQ,GAAA;;iBAWjE,IAAA,CAAK,KAAA;;;UChPJ,YAAA;EACf,KAAA,EAAO,KAAA;EACP,MAAA,EAAQ,UAAA;EACR,UAAA;EACA,MAAA,EAAQ,MAAA;AAAA;ADZV;AAAA,iBCgBsB,QAAA,CAAA;EAAW,MAAA;EAAQ,UAAA;EAAY,KAAA;EAAO;AAAA,GAAU,YAAA,GAAY,OAAA;;iBAoFlE,UAAA,CAAW,MAAA,EAAQ,iBAAA;EAAqB,MAAA;EAAQ;AAAA;EAAY,MAAA,EAAQ,UAAA;EAAY,MAAA,EAAQ,MAAA;AAAA;;;UC1GvF,YAAA;;EAEf,WAAA;EACA,MAAA,EAAQ,UAAA;EACR,MAAA,EAAQ,MAAA;AAAA;;iBAIY,QAAA,CAAA;EAAW,MAAA;EAAQ,MAAA;EAAQ;AAAA,GAAe,YAAA,GAAY,OAAA;;;;iBCX5D,OAAA,CAAA;;;UCoFC,WAAA;EACf,MAAA,EAAQ,MAAA;AAAA;AAAA,iBAGY,OAAA,CAAA;EAAU;AAAA,GAAU,WAAA,GAAW,OAAA;;;UChFpC,eAAA;EACf,KAAA,EAAO,KAAA;EACP,MAAA,EAAQ,UAAA;EACR,UAAA;EACA,MAAA,EAAQ,MAAA;AAAA;AAAA,iBAGY,MAAA,CAAA;EAAS,MAAA;EAAQ;AAAA,GAAU,eAAA,GAAe,OAAA;;;UCR/C,gBAAA;EACf,MAAA,EAAQ,MAAA;EACR,MAAA,EAAQ,GAAA;AAAA;AAAA,iBASY,YAAA,CAAa,QAAA;EAAoB,MAAA;EAAQ;AAAA,GAAU,gBAAA,GAAgB,OAAA;;;iBCjBzE,UAAA,CAAA;;;iBCeA,YAAA,CAAa,MAAA,EAAQ,MAAA,GAAS,UAAA"}

package/dist/index.js

@@ -1,7 +1,7 @@
 import { createRequire } from "node:module";
 import { fileURLToPath, pathToFileURL } from "node:url";
 import { build, defineConfig as defineConfig$1, parse } from "@terrazzo/parser";
-import fs, { createReadStream, createWriteStream } from "node:fs";
+import fs from "node:fs";
 import path from "node:path";
 import pc from "picocolors";
 import { createServer } from "vite";
@@ -10,12 +10,12 @@ import { ViteNodeServer } from "vite-node/server";
 import chokidar from "chokidar";
 import yamlToMomoa from "yaml-to-momoa";
 import { spawn } from "node:child_process";
+import fs$1 from "node:fs/promises";
 import { confirm, intro, multiselect, outro, select, spinner } from "@clack/prompts";
 import { isAlias, pluralize } from "@terrazzo/token-tools";
 import { detect } from "detect-package-manager";
 import { generate } from "escodegen";
 import { parseModule } from "meriyah";
-import { readdir } from "node:fs/promises";
 import { Readable, Writable } from "node:stream";
 import { serve } from "@hono/node-server";
 import mime from "mime";
@@ -150,18 +150,18 @@ async function loadTokens(tokenPaths, { logger }) {
 						group: "config",
 						message: "FIGMA_ACCESS_TOKEN not set"
 					});
-					const res$1 = await fetch(`https://api.figma.com/v1/files/${fileKey}/variables/local`, {
+					const res = await fetch(`https://api.figma.com/v1/files/${fileKey}/variables/local`, {
 						method: "GET",
 						headers
 					});
-					if (res$1.ok) allTokens.push({
+					if (res.ok) allTokens.push({
 						filename,
-						src: await res$1.text()
+						src: await res.text()
 					});
-					const message = res$1.status !== 404 ? JSON.stringify(await res$1.json(), void 0, 2) : "";
+					const message = res.status !== 404 ? JSON.stringify(await res.json(), void 0, 2) : "";
 					logger.error({
 						group: "config",
-						message: `Figma responded with ${res$1.status}${message ? `:\n${message}` : ""}`
+						message: `Figma responded with ${res.status}${message ? `:\n${message}` : ""}`
 					});
 					break;
 				}
@@ -400,6 +400,12 @@ const INSTALL_COMMAND = {
 	pnpm: "add -D --silent",
 	bun: "install -D --silent"
 };
+const SYNTAX_SETTINGS = { format: {
+	indent: { style: "  " },
+	quotes: "single",
+	semicolons: true
+} };
+const EXAMPLE_TOKENS_PATH = "my-tokens.tokens.json";
 const DESIGN_SYSTEMS = {
 	"adobe-spectrum": {
 		name: "Spectrum",
@@ -441,19 +447,19 @@ async function initCmd({ logger }) {
 	try {
 		intro("⛋ Welcome to Terrazzo");
 		const packageManager = await detect({ cwd: fileURLToPath(cwd) });
-		const { config, configPath } = await loadConfig({
+		const { config, configPath = "terrazzo.config.ts" } = await loadConfig({
 			cmd: "init",
 			flags: {},
 			logger
 		});
-		const relConfigPath = configPath ? path.relative(fileURLToPath(cwd), fileURLToPath(new URL(configPath))) : void 0;
-		let tokensPath = config.tokens[0];
+		const tokensPath = config.tokens[0];
+		const hasExistingConfig = fs.existsSync(configPath);
 		let startFromDS = !(tokensPath && fs.existsSync(tokensPath));
 		if (tokensPath && fs.existsSync(tokensPath)) {
 			if (await confirm({ message: `Found tokens at ${path.relative(fileURLToPath(cwd), fileURLToPath(tokensPath))}. Overwrite with a new design system?` })) startFromDS = true;
-		} else tokensPath = DEFAULT_TOKENS_PATH;
+		}
 		if (startFromDS) {
-			if (DESIGN_SYSTEMS[await select({
+			const ds = DESIGN_SYSTEMS[await select({
 				message: "Start from existing design system?",
 				options: [...Object.entries(DESIGN_SYSTEMS).map(([id, { author, name }]) => ({
 					value: id,
@@ -462,7 +468,8 @@ async function initCmd({ logger }) {
 					value: "none",
 					label: "None"
 				}]
-			})]) {
+			})];
+			if (ds) {
 				const s = spinner();
 				s.start("Downloading");
 				await new Promise((resolve, reject) => {
@@ -470,8 +477,14 @@ async function initCmd({ logger }) {
 					subprocess.on("error", reject);
 					subprocess.on("exit", resolve);
 				});
-				await s.stop("Download complete");
-			}
+				s.stop("Download complete");
+				if (hasExistingConfig) await updateConfigTokens(configPath, ds.tokens);
+				else await newConfigFile(configPath, ds.tokens);
+			} else startFromDS = false;
+		}
+		if (!hasExistingConfig) {
+			await newConfigFile(configPath, [EXAMPLE_TOKENS_PATH]);
+			await fs$1.writeFile(EXAMPLE_TOKENS_PATH, JSON.stringify(EXAMPLE_TOKENS, void 0, 2));
 		}
 		const existingPlugins = config.plugins.map((p) => p.name);
 		const pluginSelection = await multiselect({
@@ -500,7 +513,7 @@ async function initCmd({ logger }) {
 		if (newPlugins?.length) {
 			const plugins = newPlugins.map((p) => ({
 				specifier: p.replace("@terrazzo/plugin-", ""),
-				package: p
+				path: p
 			}));
 			const pluginCount = `${newPlugins.length} ${pluralize(newPlugins.length, "plugin", "plugins")}`;
 			const s = spinner();
@@ -511,77 +524,27 @@ async function initCmd({ logger }) {
 				subprocess.on("exit", resolve);
 			});
 			s.message("Updating config");
-			if (configPath) {
-				const ast = parseModule(fs.readFileSync(configPath, "utf8"));
-				const astExport = ast.body.find((node) => node.type === "ExportDefaultDeclaration");
-				ast.body.push(...plugins.map((p) => ({
-					type: "ImportDeclaration",
-					source: {
-						type: "Literal",
-						value: p.package
-					},
-					specifiers: [{
-						type: "ImportDefaultSpecifier",
-						local: {
-							type: "Identifier",
-							name: p.specifier
-						}
-					}],
-					attributes: []
-				})));
-				if (!astExport) {
-					logger.error({
-						group: "config",
-						message: `SyntaxError: ${relConfigPath} does not have default export.`
-					});
-					return;
-				}
-				const astConfig = astExport.declaration.type === "CallExpression" ? astExport.declaration.arguments[0] : astExport.declaration;
-				if (astConfig.type !== "ObjectExpression") {
-					logger.error({
-						group: "config",
-						message: `Config: expected object default export, received ${astConfig.type}`
-					});
-					return;
-				}
-				const pluginsArray = astConfig.properties.find((property) => property.type === "Property" && property.key.type === "Identifier" && property.key.name === "plugins")?.value;
-				const pluginsAst = plugins.map((p) => ({
-					type: "CallExpression",
-					callee: {
-						type: "Identifier",
-						name: p.specifier
-					},
-					arguments: [],
-					optional: false
-				}));
-				if (pluginsArray) pluginsArray.elements.push(...pluginsAst);
-				else astConfig.properties.push({
-					type: "Property",
-					key: {
-						type: "Identifier",
-						name: "plugins"
-					},
-					value: {
-						type: "ArrayExpression",
-						elements: pluginsAst
-					},
-					kind: "init",
-					computed: false,
-					method: false,
-					shorthand: false
-				});
-				fs.writeFileSync(configPath, generate(ast, { format: {
-					indent: { style: "  " },
-					quotes: "single",
-					semicolons: true
-				} }));
-			} else fs.writeFileSync(DEFAULT_CONFIG_PATH, `import { defineConfig } from '@terrazzo/cli';
-${plugins.map((p) => `import ${p.specifier} from '${p.package}';`).join("\n")}
+			await updateConfigPlugins(configPath, plugins);
+			s.stop(`Installed ${pluginCount}`);
+		}
+		if (!startFromDS && !newPlugins?.length) {
+			outro("Nothing to do. Exiting.");
+			return;
+		}
+		outro("⛋ Done! 🎉");
+	} catch (err) {
+		printError(err.message);
+		process.exit(1);
+	}
+}
+async function newConfigFile(configPath, tokens, imports = []) {
+	await fs$1.writeFile(configPath, `import { defineConfig } from '@terrazzo/cli';
+${imports.map((p) => `import ${p.specifier} from '${p.path}';`).join("\n")}
 
 export default defineConfig({
-  tokens: ['./tokens.json'],
+  tokens: ['${tokens.join("', '")}'],
   plugins: [
-    ${plugins.map((p) => `${p.specifier}(),`).join("\n    ")}
+    ${imports.length ? imports.map((p) => `${p.specifier}(),`).join("\n    ") : "/** @see https://terrazzo.app/docs */"}
   ],
   outDir: './dist/',
   lint: {
@@ -610,14 +573,279 @@ export default defineConfig({
     },
   },
 });`);
-			s.stop(`Installed ${pluginCount}`);
-		}
-		outro("⛋ Done! 🎉");
-	} catch (err) {
-		printError(err.message);
-		process.exit(1);
+}
+function getConfigObjFromAst(ast, configPath) {
+	const astExport = ast.body.find((node) => node.type === "ExportDefaultDeclaration");
+	if (!astExport) {
+		const relConfigPath = configPath ? path.relative(fileURLToPath(cwd), fileURLToPath(new URL(configPath))) : void 0;
+		throw new Error(`SyntaxError: ${relConfigPath} does not have default export.`);
 	}
+	const astConfig = astExport.declaration.type === "CallExpression" ? astExport.declaration.arguments[0] : astExport.declaration;
+	if (astConfig.type !== "ObjectExpression") throw new Error(`Config: expected object default export, received ${astConfig.type}.`);
+	return astConfig;
 }
+async function updateConfigTokens(configPath, tokens) {
+	const ast = parseModule(await fs$1.readFile(configPath, "utf8"));
+	const astConfig = getConfigObjFromAst(ast, configPath);
+	let tokensKey = astConfig.properties.find((p) => p.type === "Property" && p.key.type === "Identifier" && p.key.name === "tokens");
+	if (!tokensKey) {
+		tokensKey = {
+			type: "Property",
+			key: {
+				type: "Identifier",
+				name: "tokens"
+			},
+			method: false,
+			computed: false,
+			shorthand: false,
+			value: {
+				type: "ArrayExpression",
+				elements: tokens.map((value) => ({
+					type: "Literal",
+					value,
+					raw: `'${value}'`
+				}))
+			}
+		};
+		astConfig.properties.unshift(tokensKey);
+	}
+	await fs$1.writeFile(configPath, generate(ast, SYNTAX_SETTINGS));
+}
+/**
+* Add plugin imports
+* note: this has the potential to duplicate plugins, but we tried our
+* best to filter already, and this may be the user’s fault if they
+* selected to install a plugin already installed. But also, this is
+* easily-fixable, so let’s not waste too much time here (and possibly
+* introduce bugs).
+*/
+async function updateConfigPlugins(configPath, plugins) {
+	const ast = parseModule(await fs$1.readFile(configPath, "utf8"));
+	ast.body.push(...plugins.map((p) => ({
+		type: "ImportDeclaration",
+		source: {
+			type: "Literal",
+			value: p.path
+		},
+		specifiers: [{
+			type: "ImportDefaultSpecifier",
+			local: {
+				type: "Identifier",
+				name: p.specifier
+			}
+		}],
+		attributes: []
+	})));
+	const astConfig = getConfigObjFromAst(ast, configPath);
+	const pluginsArray = astConfig.properties.find((property) => property.type === "Property" && property.key.type === "Identifier" && property.key.name === "plugins")?.value;
+	const pluginsAst = plugins.map((p) => ({
+		type: "CallExpression",
+		callee: {
+			type: "Identifier",
+			name: p.specifier
+		},
+		arguments: [],
+		optional: false
+	}));
+	if (pluginsArray) pluginsArray.elements.push(...pluginsAst);
+	else astConfig.properties.push({
+		type: "Property",
+		key: {
+			type: "Identifier",
+			name: "plugins"
+		},
+		value: {
+			type: "ArrayExpression",
+			elements: pluginsAst
+		},
+		kind: "init",
+		computed: false,
+		method: false,
+		shorthand: false
+	});
+	await fs$1.writeFile(configPath, generate(ast, SYNTAX_SETTINGS));
+}
+const EXAMPLE_TOKENS = {
+	color: {
+		$description: "Color tokens",
+		black: {
+			"100": {
+				$type: "color",
+				$value: {
+					colorSpace: "srgb",
+					components: [
+						.047,
+						.047,
+						.047
+					],
+					alpha: .05,
+					hex: "#0c0c0d"
+				}
+			},
+			"200": {
+				$type: "color",
+				$value: {
+					colorSpace: "srgb",
+					components: [
+						.047,
+						.047,
+						.047
+					],
+					alpha: .1,
+					hex: "#0c0c0d"
+				}
+			},
+			"300": {
+				$type: "color",
+				$value: {
+					colorSpace: "srgb",
+					components: [
+						.047,
+						.047,
+						.047
+					],
+					alpha: .2,
+					hex: "#0c0c0d"
+				}
+			},
+			"400": {
+				$type: "color",
+				$value: {
+					colorSpace: "srgb",
+					components: [
+						.047,
+						.047,
+						.047
+					],
+					alpha: .34,
+					hex: "#0c0c04"
+				}
+			},
+			"500": {
+				$type: "color",
+				$value: {
+					colorSpace: "srgb",
+					components: [
+						.047,
+						.047,
+						.047
+					],
+					alpha: .7,
+					hex: "#0c0c0d"
+				}
+			},
+			"600": {
+				$type: "color",
+				$value: {
+					colorSpace: "srgb",
+					components: [
+						.047,
+						.047,
+						.047
+					],
+					alpha: .8,
+					hex: "#0c0c0d"
+				}
+			},
+			"700": {
+				$type: "color",
+				$value: {
+					colorSpace: "srgb",
+					components: [
+						.047,
+						.047,
+						.047
+					],
+					alpha: .85,
+					hex: "#0c0c0d"
+				}
+			},
+			"800": {
+				$type: "color",
+				$value: {
+					colorSpace: "srgb",
+					components: [
+						.047,
+						.047,
+						.047
+					],
+					alpha: .9,
+					hex: "#0c0c0d"
+				}
+			},
+			"900": {
+				$type: "color",
+				$value: {
+					colorSpace: "srgb",
+					components: [
+						.047,
+						.047,
+						.047
+					],
+					alpha: .95,
+					hex: "#0c0c0d"
+				}
+			},
+			"1000": {
+				$type: "color",
+				$value: {
+					colorSpace: "srgb",
+					components: [
+						.047,
+						.047,
+						.047
+					],
+					alpha: 0,
+					hex: "#0c0c0d"
+				}
+			}
+		}
+	},
+	border: {
+		$description: "Border tokens",
+		default: {
+			type: "border",
+			$value: {
+				color: "{color.black.900}",
+				style: "solid",
+				width: {
+					value: 1,
+					unit: "px"
+				}
+			}
+		}
+	},
+	radius: {
+		$description: "Corner radius tokens",
+		"100": { $value: {
+			value: .25,
+			unit: "rem"
+		} }
+	},
+	space: {
+		$description: "Dimension tokens",
+		"100": { $value: {
+			value: .25,
+			unit: "rem"
+		} }
+	},
+	typography: {
+		$description: "Typography tokens",
+		body: {
+			$type: "typography",
+			$value: {
+				fontFamily: "{typography.family.sans}",
+				fontSize: "{typography.scale.03}",
+				fontWeight: "{typography.weight.regular}",
+				letterSpacing: {
+					value: 0,
+					unit: "em"
+				},
+				lineHeight: 1
+			}
+		}
+	}
+};
 
 //#endregion
 //#region src/lab.ts
@@ -625,7 +853,7 @@ async function labCmd({ config, logger }) {
 	/** TODO: handle multiple files */
 	const [tokenFileUrl] = config.tokens;
 	const staticFiles = /* @__PURE__ */ new Set();
-	const dirEntries = await readdir(fileURLToPath(import.meta.resolve("./lab")), {
+	const dirEntries = await fs$1.readdir(fileURLToPath(import.meta.resolve("./lab")), {
 		withFileTypes: true,
 		recursive: true
 	});
@@ -639,18 +867,18 @@ async function labCmd({ config, logger }) {
 		overrideGlobalObjects: false,
 		async fetch(request) {
 			const pathname = new URL(request.url).pathname;
-			if (pathname === "/") return new Response(Readable.toWeb(createReadStream(fileURLToPath(import.meta.resolve("./lab/index.html")))), { headers: { "Content-Type": "text/html" } });
+			if (pathname === "/") return new Response(Readable.toWeb(fs.createReadStream(fileURLToPath(import.meta.resolve("./lab/index.html")))), { headers: { "Content-Type": "text/html" } });
 			if (pathname === "/api/tokens") {
-				if (request.method === "GET") return new Response(Readable.toWeb(createReadStream(tokenFileUrl)), { headers: {
+				if (request.method === "GET") return new Response(Readable.toWeb(fs.createReadStream(tokenFileUrl)), { headers: {
 					"Content-Type": "application/json",
 					"Cache-Control": "no-cache"
 				} });
 				else if (request.method === "POST" && request.body) {
-					await request.body.pipeTo(Writable.toWeb(createWriteStream(tokenFileUrl)));
+					await request.body.pipeTo(Writable.toWeb(fs.createWriteStream(tokenFileUrl)));
 					return new Response(JSON.stringify({ success: true }), { headers: { "Content-Type": "application/json" } });
 				}
 			}
-			if (staticFiles.has(pathname)) return new Response(Readable.toWeb(createReadStream(fileURLToPath(import.meta.resolve(`./lab${pathname}`)))), { headers: { "Content-Type": mime.getType(pathname) ?? "application/octet-stream" } });
+			if (staticFiles.has(pathname)) return new Response(Readable.toWeb(fs.createReadStream(fileURLToPath(import.meta.resolve(`./lab${pathname}`)))), { headers: { "Content-Type": mime.getType(pathname) ?? "application/octet-stream" } });
 			return new Response("Not found", { status: 404 });
 		}
 	}, (info) => {
@@ -721,10 +949,10 @@ async function normalizeCmd(filename, { logger, output }) {
 							const mode = getObjMember($extensions, "mode");
 							if (mode?.type === "Object") for (let i = 0; i < mode.members.length; i++) {
 								const modeName = mode.members[i].name.value;
-								const hex$1 = mode.members[i].value.value;
+								const hex = mode.members[i].value.value;
 								mode.members[i].value = momoa.parse(JSON.stringify({
 									...token.mode[modeName].$value,
-									hex: hex$1.startsWith("#") ? hex$1.slice(0, 7) : void 0
+									hex: hex.startsWith("#") ? hex.slice(0, 7) : void 0
 								})).body;
 							}
 						}