@maizzle/framework 6.0.0-rc.0 → 6.0.0-rc.2

package/node_modules/maizzle/dist/commands/new.mjs

@@ -0,0 +1,278 @@
+import { downloadTemplate } from "giget";
+import color from "picocolors";
+import * as p from "@clack/prompts";
+import { rm } from "node:fs/promises";
+import { existsSync } from "node:fs";
+import { execFileSync } from "node:child_process";
+import { detectPackageManager, installDependencies } from "nypm";
+//#region src/commands/new.ts
+const starters = [
+	{
+		label: "Default",
+		value: "maizzle/maizzle",
+		path: "gh:maizzle/maizzle#master"
+	},
+	{
+		label: "v4.x",
+		value: "maizzle/starter-v4",
+		path: "gh:maizzle/starter-v4#master"
+	},
+	{
+		label: "API",
+		value: "maizzle/starter-api",
+		path: "gh:maizzle/starter-api#main"
+	},
+	{
+		label: "AMP4Email",
+		value: "maizzle/starter-amp4email",
+		path: "gh:maizzle/starter-amp4email#master"
+	},
+	{
+		label: "Liquid",
+		value: "maizzle/starter-liquid",
+		path: "gh:maizzle/starter-liquid#master"
+	},
+	{
+		label: "Mailchimp",
+		value: "maizzle/starter-mailchimp",
+		path: "gh:maizzle/starter-mailchimp#main"
+	},
+	{
+		label: "Markdown",
+		value: "maizzle/starter-markdown",
+		path: "gh:maizzle/starter-markdown#main"
+	},
+	{
+		label: "RSS",
+		value: "maizzle/starter-rss",
+		path: "gh:maizzle/starter-rss#master"
+	},
+	{
+		label: "WordPress API",
+		value: "maizzle/starter-wordpress-api",
+		path: "gh:maizzle/starter-wordpress-api#master"
+	}
+];
+function renderHeader() {
+	const lines = [
+		" ███╗   ███╗  █████╗  ██╗ ███████╗ ███████╗ ██╗      ███████╗",
+		" ████╗ ████║ ██╔══██╗ ██║ ╚══███╔╝ ╚══███╔╝ ██║      ██╔════╝",
+		" ██╔████╔██║ ███████║ ██║   ███╔╝    ███╔╝  ██║      █████╗  ",
+		" ██║╚██╔╝██║ ██╔══██║ ██║  ███╔╝    ███╔╝   ██║      ██╔══╝  ",
+		" ██║ ╚═╝ ██║ ██║  ██║ ██║ ███████╗ ███████╗ ███████╗ ███████╗",
+		" ╚═╝     ╚═╝ ╚═╝  ╚═╝ ╚═╝ ╚══════╝ ╚══════╝ ╚══════╝ ╚══════╝"
+	];
+	const gradients = {
+		Aurora: [
+			51,
+			50,
+			49,
+			48,
+			47,
+			41
+		],
+		Cyberpunk: [
+			201,
+			165,
+			129,
+			93,
+			57,
+			21
+		],
+		Ember: [
+			227,
+			221,
+			215,
+			209,
+			203,
+			197
+		],
+		Rose: [
+			213,
+			212,
+			211,
+			210,
+			209,
+			203
+		],
+		Lavender: [
+			183,
+			177,
+			171,
+			135,
+			99,
+			63
+		],
+		Mint: [
+			122,
+			121,
+			120,
+			119,
+			85,
+			84
+		],
+		Ocean: [
+			51,
+			45,
+			39,
+			33,
+			27,
+			26
+		],
+		Sunset: [
+			214,
+			208,
+			202,
+			196,
+			160,
+			124
+		]
+	};
+	const names = Object.keys(gradients);
+	const gradient = gradients[names[Math.floor(Math.random() * names.length)]];
+	console.log("");
+	for (let i = 0; i < lines.length; i++) {
+		const c = gradient[i];
+		console.log(`\x1b[38;5;${c}m${lines[i]}\x1b[0m`);
+	}
+}
+async function newProject(starterArg, dirArg, options = {}) {
+	let project;
+	if (starterArg) {
+		const dirInput = dirArg || `./${starterArg.split("/").pop().replace(".git", "")}`;
+		if (existsSync(dirInput)) {
+			console.error(`Error: directory ${dirInput} already exists.`);
+			process.exit(1);
+		}
+		project = {
+			starter: starterArg,
+			path: dirInput,
+			install: options.install ?? false,
+			pm: options.pm || "npm"
+		};
+	} else {
+		console.clear();
+		renderHeader();
+		console.log(`\n${color.dim("Quickly build HTML emails with Tailwind CSS.")}\n`);
+		console.log(`Docs:    https://maizzle.com \nGitHub:  https://github.com/maizzle\n`);
+		p.intro(`${color.bgBlack(color.white(" maizzle new "))}`);
+		project = await p.group({
+			path: () => p.text({
+				message: "Where should we create your project?",
+				placeholder: "./maizzle",
+				validate: (value) => {
+					if (!value) return "Please enter a path.";
+					if (value[0] !== ".") return "Please enter a relative path.";
+					if (existsSync(value)) return "That directory already exists. Please enter a different path.";
+				}
+			}),
+			starter: async () => {
+				const starter = await p.select({
+					message: "Select a Starter",
+					initialValue: "maizzle/maizzle",
+					options: [
+						{
+							value: "maizzle/maizzle",
+							label: "Default"
+						},
+						{
+							value: "custom",
+							label: "Custom"
+						},
+						{
+							value: "maizzle6-beta",
+							label: "Maizzle 6 (beta)"
+						}
+					]
+				});
+				if (starter === "maizzle6-beta") return "maizzle/maizzle#next";
+				if (starter === "custom") {
+					const customStarter = await p.select({
+						message: "Select a custom Starter",
+						initialValue: "maizzle/maizzle",
+						options: [...starters, {
+							value: "git",
+							label: "Git",
+							hint: "user/repo"
+						}]
+					});
+					if (customStarter === "git") return p.text({
+						message: "Enter a `user/repo` path or a full Git repository URL.",
+						validate: (value) => {
+							if (!value) return "Please enter a value.";
+						}
+					});
+					return customStarter;
+				}
+				return starter;
+			},
+			install: () => p.confirm({
+				message: "Install dependencies?",
+				initialValue: true
+			}),
+			pm: async ({ results }) => {
+				if (!results.install) return "npm";
+				const detected = await detectPackageManager(process.cwd()).catch(() => null);
+				return p.select({
+					message: "Select a package manager",
+					initialValue: detected?.name || "npm",
+					options: [
+						{
+							value: "npm",
+							label: "npm"
+						},
+						{
+							value: "pnpm",
+							label: "pnpm"
+						},
+						{
+							value: "yarn",
+							label: "yarn"
+						},
+						{
+							value: "bun",
+							label: "bun"
+						}
+					]
+				});
+			}
+		}, { onCancel: () => {
+			p.cancel("💀");
+			process.exit(0);
+		} });
+	}
+	const spinner = p.spinner();
+	spinner.start("Creating project");
+	const starter = starters.find((s) => s.value === project.starter);
+	const source = starter ? starter.path : project.starter;
+	await downloadTemplate(source.includes(":") ? source : `gh:${source}`, { dir: project.path });
+	await rm(`${project.path}/.github`, {
+		recursive: true,
+		force: true
+	});
+	spinner.stop(`Created project in ${project.path}`);
+	if (project.install) {
+		try {
+			execFileSync(project.pm, ["--version"], { stdio: "ignore" });
+		} catch {
+			p.log.error(`${project.pm} is not installed. Please install it first.`);
+			process.exit(1);
+		}
+		spinner.start("Installing dependencies");
+		const startTime = Date.now();
+		await installDependencies({
+			cwd: project.path,
+			silent: true,
+			packageManager: project.pm
+		});
+		spinner.stop(`Installed dependencies ${color.gray((Date.now() - startTime) / 1e3 + "s")}`);
+	}
+	const pm = project.pm || "npm";
+	const runCmd = pm === "yarn" ? "yarn dev" : `${pm} run dev`;
+	const nextSteps = `cd ${project.path}        \n\n${project.install ? "" : `${pm} install\n\n`}${runCmd}`;
+	p.note(nextSteps, "Next steps:");
+	p.outro(`Documentation: https://maizzle.com/docs \n\n   Components: https://mailviews.com`);
+	process.exit(0);
+}
+//#endregion
+export { newProject as default };

package/node_modules/{@maizzle/cli → maizzle}/dist/index.d.mts

@@ -3,6 +3,6 @@ interface Framework {
   serve: (options?: any) => Promise<any>;
   build: (options?: any) => Promise<any>;
 }
-declare function bootstrap(framework: Framework): Promise<void>;
+declare function bootstrap(framework?: Framework): Promise<void>;
 //#endregion
 export { bootstrap as default };

package/node_modules/maizzle/dist/index.mjs

@@ -0,0 +1,44 @@
+import newProject from "./commands/new.mjs";
+import makeConfig from "./commands/make/config.mjs";
+import makeLayout from "./commands/make/layout.mjs";
+import makeTemplate from "./commands/make/template.mjs";
+import makeComponent from "./commands/make/component.mjs";
+import { Command } from "commander";
+//#region src/index.ts
+async function bootstrap(framework) {
+	const program = new Command();
+	program.name("maizzle").description("Maizzle CLI").version("1.0.0");
+	if (framework) {
+		program.command("serve").description("Start the Maizzle dev server with HMR").option("-c, --config <path>", "Path to maizzle config file").option("-p, --port <number>", "Dev server port").option("--host [address]", "Expose on network").action(async (options) => {
+			await framework.serve({
+				config: options.config,
+				port: options.port ? parseInt(options.port, 10) : void 0,
+				host: options.host
+			});
+		});
+		program.command("build").description("Build email templates to HTML").option("-c, --config <path>", "Path to maizzle config file").option("-o, --output <path>", "Output directory").action(async (options) => {
+			await framework.build({
+				config: options.config,
+				output: options.output
+			});
+		});
+	}
+	program.command("new [starter] [directory]").description("Create a new Maizzle project").option("-i, --install", "Install dependencies").option("--pm <manager>", "Package manager to use").action(async (starter, directory, options) => {
+		await newProject(starter, directory, options);
+	});
+	program.command("make:config [name]").description("Create a new config file").action(async (name) => {
+		await makeConfig(name);
+	});
+	program.command("make:layout [filepath]").description("Create a new layout").action(async (filepath) => {
+		await makeLayout(filepath);
+	});
+	program.command("make:template [filepath]").description("Create a new template").action(async (filepath) => {
+		await makeTemplate(filepath);
+	});
+	program.command("make:component [filepath]").description("Create a new component").action(async (filepath) => {
+		await makeComponent(filepath);
+	});
+	await program.parseAsync(process.argv);
+}
+//#endregion
+export { bootstrap as default };