@base44-preview/cli 0.0.4-pr.49.389b368 → 0.0.4-pr.53.0ce7d55

package/dist/cli/index.js

@@ -4300,7 +4300,7 @@ ${J}${i.trimStart()}`), r$1 = 3 + stripVTControlCharacters(i.trimStart()).length
 //#endregion
 //#region node_modules/p-wait-for/index.js
 const resolveValue = Symbol("resolveValue");
-const sleep = (ms, signal) => new Promise((resolve$1, reject) => {
+const sleep$1 = (ms, signal) => new Promise((resolve$1, reject) => {
 	if (signal?.aborted) {
 		reject(signal.reason);
 		return;
@@ -4338,14 +4338,14 @@ async function pWaitFor(condition, options = {}) {
 	const timeoutMs = typeof timeout$1 === "number" ? timeout$1 : timeout$1?.milliseconds ?? Number.POSITIVE_INFINITY;
 	const timeoutSignal = timeoutMs === Number.POSITIVE_INFINITY ? void 0 : AbortSignal.timeout(timeoutMs);
 	const combinedSignal = timeoutSignal && signal ? AbortSignal.any([timeoutSignal, signal]) : timeoutSignal ?? signal;
-	if (!before) await sleep(interval, combinedSignal);
+	if (!before) await sleep$1(interval, combinedSignal);
 	if (combinedSignal?.aborted) return handleAbortError(timeoutSignal, timeout$1, signal);
 	while (true) try {
 		const value = await condition();
 		if (typeof value === "object" && value !== null && resolveValue in value) return value[resolveValue];
 		if (value === true) return;
 		if (value === false) {
-			await sleep(interval, combinedSignal);
+			await sleep$1(interval, combinedSignal);
 			continue;
 		}
 		throw new TypeError("Expected condition to return a boolean");
@@ -18565,19 +18565,95 @@ async function getUserInfo(accessToken) {
 	return result.data;
 }
 
+//#endregion
+//#region src/cli/utils/animate.ts
+const orange$2 = source_default.hex("#E86B3C");
+const gold = source_default.hex("#FFD700");
+/**
+* Sleep for a specified number of milliseconds.
+*/
+function sleep(ms) {
+	return new Promise((resolve$1) => setTimeout(resolve$1, ms));
+}
+/**
+* Animate a single line with a left-to-right color reveal.
+*/
+async function animateLineReveal(line, duration$2) {
+	const steps = 8;
+	const stepDuration = duration$2 / steps;
+	for (let step = 0; step <= steps; step++) {
+		const progress = step / steps;
+		const revealIndex = Math.floor(progress * line.length);
+		let output = "";
+		for (let i = 0; i < line.length; i++) if (i < revealIndex) output += orange$2(line[i]);
+		else if (i === revealIndex) output += gold(line[i]);
+		else output += source_default.dim(line[i]);
+		process.stdout.write(`\r${output}`);
+		await sleep(stepDuration);
+	}
+	process.stdout.write(`\r${orange$2(line)}\n`);
+}
+/**
+* Quick shimmer pass over the entire banner.
+*/
+async function shimmerPass(lines, duration$2) {
+	const moveUp = `\x1b[${lines.length}A`;
+	const steps = 12;
+	const stepDuration = duration$2 / steps;
+	const maxWidth = Math.max(...lines.map((l$1) => l$1.length));
+	for (let step = 0; step <= steps; step++) {
+		const shimmerPos = Math.floor(step / steps * (maxWidth + 6));
+		process.stdout.write(moveUp);
+		for (const line of lines) {
+			let output = "";
+			for (let i = 0; i < line.length; i++) {
+				const dist = Math.abs(i - shimmerPos);
+				if (dist < 3) output += dist === 0 ? source_default.white(line[i]) : gold(line[i]);
+				else output += orange$2(line[i]);
+			}
+			console.log(output);
+		}
+		await sleep(stepDuration);
+	}
+	process.stdout.write(moveUp);
+	for (const line of lines) console.log(orange$2(line));
+}
+/**
+* Animate the output with a smooth line-by-line reveal.
+* Each line fades in with a gradient sweep effect.
+* 
+* Total duration: ~1.5 seconds for a magical but not slow feel.
+*/
+async function printAnimatedLines(lines) {
+	const lineDelay = 1e3 / lines.length;
+	for (let i = 0; i < lines.length; i++) {
+		const line = lines[i];
+		await animateLineReveal(line, 100);
+		if (i < lines.length - 1) await sleep(lineDelay - 100);
+	}
+	await shimmerPass(lines, 200);
+}
+
 //#endregion
 //#region src/cli/utils/banner.ts
-const orange = source_default.hex("#E86B3C");
-const BANNER = `
-${orange("██████╗  █████╗ ███████╗███████╗ ██╗  ██╗██╗  ██╗")}
-${orange("██╔══██╗██╔══██╗██╔════╝██╔════╝ ██║  ██║██║  ██║")}
-${orange("██████╔╝███████║███████╗█████╗   ███████║███████║")}
-${orange("██╔══██╗██╔══██║╚════██║██╔══╝   ╚════██║╚════██║")}
-${orange("██████╔╝██║  ██║███████║███████╗      ██║     ██║")}
-${orange("╚═════╝ ╚═╝  ╚═╝╚══════╝╚══════╝      ╚═╝     ╚═╝")}
-`;
-function printBanner() {
-	console.log(BANNER);
+const orange$1 = source_default.hex("#E86B3C");
+const BANNER_LINES = [
+	"",
+	"██████╗  █████╗ ███████╗███████╗ ██╗  ██╗██╗  ██╗",
+	"██╔══██╗██╔══██╗██╔════╝██╔════╝ ██║  ██║██║  ██║",
+	"██████╔╝███████║███████╗█████╗   ███████║███████║",
+	"██╔══██╗██╔══██║╚════██║██╔══╝   ╚════██║╚════██║",
+	"██████╔╝██║  ██║███████║███████╗      ██║     ██║",
+	"╚═════╝ ╚═╝  ╚═╝╚══════╝╚══════╝      ╚═╝     ╚═╝",
+	""
+];
+/**
+* Print the Base44 banner with smooth animation if supported,
+* or fall back to static banner.
+*/
+async function printBanner() {
+	if (process.stdout.isTTY) await printAnimatedLines(BANNER_LINES);
+	else console.log(orange$1(BANNER_LINES.join("\n")));
 }
 
 //#endregion
@@ -18606,7 +18682,7 @@ const base44Color = source_default.bgHex("#E86B3C");
 *   });
 */
 async function runCommand(commandFn, options) {
-	if (options?.fullBanner) printBanner();
+	if (options?.fullBanner) await printBanner();
 	else Ie(base44Color(" Base 44 "));
 	await loadProjectEnv();
 	try {
@@ -24282,7 +24358,10 @@ var require_lodash = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 //#endregion
 //#region src/cli/commands/project/create.ts
 var import_lodash = /* @__PURE__ */ __toESM(require_lodash(), 1);
+const orange = source_default.hex("#E86B3C");
+const cyan = source_default.hex("#00D4FF");
 async function create() {
+	Ie("Let's create something amazing!");
 	const templateOptions = (await listTemplates()).map((t) => ({
 		value: t,
 		label: t.name,
@@ -24290,18 +24369,18 @@ async function create() {
 	}));
 	const { template, name: name$1, description, projectPath } = await Ce({
 		template: () => ve({
-			message: "Select a project template",
+			message: "Pick a template",
 			options: templateOptions
 		}),
 		name: () => he({
 			message: "What is the name of your project?",
-			placeholder: "my-app-backend",
+			placeholder: "my-app",
 			validate: (value) => {
-				if (!value || value.trim().length === 0) return "Project name is required";
+				if (!value || value.trim().length === 0) return "Every project deserves a name";
 			}
 		}),
 		description: () => he({
-			message: "Project description (optional)",
+			message: "Description (optional)",
 			placeholder: "A brief description of your project"
 		}),
 		projectPath: async ({ results }) => {
@@ -24314,7 +24393,7 @@ async function create() {
 		}
 	}, { onCancel: onPromptCancel });
 	const resolvedPath = resolve(projectPath);
-	const { projectId } = await runTask("Creating project...", async () => {
+	const { projectId } = await runTask("Setting up your project...", async () => {
 		return await createProjectFiles({
 			name: name$1.trim(),
 			description: description ? description.trim() : void 0,
@@ -24322,11 +24401,13 @@ async function create() {
 			template
 		});
 	}, {
-		successMessage: "Project created successfully",
+		successMessage: `${orange("✓")} ${source_default.bold("Project created successfully!")}`,
 		errorMessage: "Failed to create project"
 	});
-	M.success(`Project ${source_default.bold(name$1)} has been initialized!`);
-	M.success(`Dashboard link:\n${source_default.bold(`${getBase44ApiUrl()}/apps/${projectId}/editor/preview`)}`);
+	const dashboardUrl = `${getBase44ApiUrl()}/apps/${projectId}/editor/preview`;
+	M.message(`${source_default.dim("Project")}: ${orange(name$1.trim())}`);
+	M.message(`${source_default.dim("Dashboard")}: ${cyan(dashboardUrl)}`);
+	Se("All set and ready!");
 }
 const createCommand = new Command("create").description("Create a new Base44 project").action(async () => {
 	await runCommand(create, {

package/dist/cli/templates/templates.json

@@ -2,14 +2,14 @@
   "templates": [
     {
       "id": "backend-only",
-      "name": "Init a basic project",
-      "description": "Minimal Base44 backend setup for creating entities",
+      "name": "Backend Only",
+      "description": "Create a Base44 backend project with entities, functions, and APIs",
       "path": "backend-only"
     },
     {
       "id": "backend-and-client",
-      "name": "Bootstrap from an example",
-      "description": "Full-stack example with Base44 backend and a Vite + React client application",
+      "name": "Backend & Client",
+      "description": "Full-stack project with Base44 backend, Vite and a React client application",
       "path": "backend-and-client"
     }
   ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@base44-preview/cli",
-  "version": "0.0.4-pr.49.389b368",
+  "version": "0.0.4-pr.53.0ce7d55",
   "description": "Base44 CLI - Unified interface for managing Base44 applications",
   "type": "module",
   "main": "./dist/cli/index.js",