@base44-preview/cli 0.0.1-pr.16.c796b32 → 0.0.1-pr.17.16cb029

package/dist/cli/index.js

@@ -4,7 +4,7 @@ import chalk from "chalk";
 import { cancel, group, intro, log, select, spinner, text } from "@clack/prompts";
 import pWaitFor from "p-wait-for";
 import { z } from "zod";
-import { dirname, join, resolve } from "node:path";
+import { dirname, isAbsolute, join, resolve } from "node:path";
 import { homedir } from "node:os";
 import { fileURLToPath } from "node:url";
 import { config } from "dotenv";
@@ -27,14 +27,12 @@ const DeviceCodeResponseSchema = z.object({
 	device_code: z.string().min(1, "Device code cannot be empty"),
 	user_code: z.string().min(1, "User code cannot be empty"),
 	verification_uri: z.url("Invalid verification URL"),
-	verification_uri_complete: z.url("Invalid complete verification URL"),
 	expires_in: z.number().int().positive("Expires in must be a positive integer"),
 	interval: z.number().int().positive("Interval in must be a positive integer")
 }).transform((data) => ({
 	deviceCode: data.device_code,
 	userCode: data.user_code,
 	verificationUri: data.verification_uri,
-	verificationUriComplete: data.verification_uri_complete,
 	expiresIn: data.expires_in,
 	interval: data.interval
 }));
@@ -468,6 +466,7 @@ async function listTemplates() {
 * - All other files are copied directly
 */
 async function renderTemplate(template, destPath, data) {
+	if (template.path.includes("..") || isAbsolute(template.path)) throw new Error(`Invalid template path: ${template.path}`);
 	const templateDir = join(getTemplatesDir(), template.path);
 	const files = await globby("**/*", {
 		cwd: templateDir,
@@ -476,8 +475,13 @@ async function renderTemplate(template, destPath, data) {
 	});
 	for (const file of files) {
 		const srcPath = join(templateDir, file);
-		if (file.endsWith(".ejs")) await writeFile$1(join(destPath, file.slice(0, -4)), await ejs.renderFile(srcPath, data));
-		else await copyFile$1(srcPath, join(destPath, file));
+		try {
+			if (file.endsWith(".ejs")) await writeFile$1(join(destPath, file.replace(/\.ejs$/, "")), await ejs.renderFile(srcPath, data));
+			else await copyFile$1(srcPath, join(destPath, file));
+		} catch (error) {
+			const message = error instanceof Error ? error.message : String(error);
+			throw new Error(`Failed to process template file "${file}": ${message}`);
+		}
 	}
 }
 
@@ -711,13 +715,13 @@ async function generateAndDisplayDeviceCode() {
 		successMessage: "Device code generated",
 		errorMessage: "Failed to generate device code"
 	});
-	log.info(`Your code is: ${chalk.bold(deviceCodeResponse.userCode)}\nPlease visit: ${deviceCodeResponse.verificationUriComplete}`);
+	log.info(`Verification code: ${chalk.bold(deviceCodeResponse.userCode)}\nPlease confirm this code at: ${deviceCodeResponse.verificationUri}`);
 	return deviceCodeResponse;
 }
 async function waitForAuthentication(deviceCode, expiresIn, interval) {
 	let tokenResponse;
 	try {
-		await runTask("Waiting for you to complete authentication...", async () => {
+		await runTask("Waiting for authentication...", async () => {
 			await pWaitFor(async () => {
 				const result = await getTokenFromDeviceCode(deviceCode);
 				if (result !== null) {

package/dist/cli/templates/backend-and-client/src/App.jsx

@@ -1,15 +1,16 @@
-import { useState, useEffect } from 'react';
-import { base44 } from '@/api/base44Client';
-import { Button } from '@/components/ui/button';
-import { Checkbox } from '@/components/ui/checkbox';
-import { Input } from '@/components/ui/input';
-import { Plus, Trash2, CheckCircle2 } from 'lucide-react';
+import { useState, useEffect } from "react";
+import { base44 } from "@/api/base44Client";
+import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Input } from "@/components/ui/input";
+import { Base44Logo } from "@/components/Base44Logo";
+import { Plus, Trash2, CheckCircle2 } from "lucide-react";
 
 const Task = base44.entities.Task;
 
 export default function App() {
   const [tasks, setTasks] = useState([]);
-  const [newTaskTitle, setNewTaskTitle] = useState('');
+  const [newTaskTitle, setNewTaskTitle] = useState("");
   const [isLoading, setIsLoading] = useState(true);
 
   const fetchTasks = async () => {
@@ -26,7 +27,7 @@ export default function App() {
     e.preventDefault();
     if (!newTaskTitle.trim()) return;
     await Task.create({ title: newTaskTitle.trim(), completed: false });
-    setNewTaskTitle('');
+    setNewTaskTitle("");
     fetchTasks();
   };
 
@@ -41,7 +42,9 @@ export default function App() {
   };
 
   const clearCompleted = async () => {
-    await Promise.all(tasks.filter((t) => t.completed).map((t) => Task.delete(t.id)));
+    await Promise.all(
+      tasks.filter((t) => t.completed).map((t) => Task.delete(t.id))
+    );
     fetchTasks();
   };
 
@@ -53,10 +56,13 @@ export default function App() {
       <div className="max-w-lg mx-auto px-6 py-16">
         {/* Header */}
         <div className="text-center mb-12">
-          <div className="inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-gradient-to-br from-orange-500 to-orange-600 shadow-lg shadow-orange-500/25 mb-6">
-            <CheckCircle2 className="w-7 h-7 text-white" />
-          </div>
-          <h1 className="text-3xl font-semibold text-slate-900 tracking-tight">Tasks</h1>
+          <h1 className="text-3xl font-semibold text-slate-900 tracking-tight">
+            <span className="inline-flex items-center gap-2 align-middle">
+              <Base44Logo className="w-9 h-9" />
+              <span className="font-bold">Base44</span>
+              <span>Tasks</span>
+            </span>
+          </h1>
           {totalCount > 0 && (
             <p className="text-slate-500 mt-2 text-sm">
               {completedCount} of {totalCount} completed
@@ -105,7 +111,11 @@ export default function App() {
                   onCheckedChange={(checked) => toggleTask(task.id, checked)}
                   className="w-5 h-5 rounded-md border-slate-300 data-[state=checked]:bg-orange-500 data-[state=checked]:border-orange-500"
                 />
-                <span className={`flex-1 text-slate-700 transition-all ${task.completed ? 'line-through text-slate-400' : ''}`}>
+                <span
+                  className={`flex-1 text-slate-700 transition-all ${
+                    task.completed ? "line-through text-slate-400" : ""
+                  }`}
+                >
                   {task.title}
                 </span>
                 <Button
@@ -124,7 +134,10 @@ export default function App() {
         {/* Footer */}
         {completedCount > 0 && (
           <div className="mt-8 text-center">
-            <button onClick={clearCompleted} className="text-sm text-slate-400 hover:text-slate-600 transition-colors">
+            <button
+              onClick={clearCompleted}
+              className="text-sm text-slate-400 hover:text-slate-600 transition-colors"
+            >
               Clear completed
             </button>
           </div>

package/dist/cli/templates/backend-and-client/src/components/Base44Logo.jsx

@@ -0,0 +1,15 @@
+export function Base44Logo({ className = "w-8 h-8" }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 31 31"
+      className={className}
+    >
+      <path
+        fill="#FF631F"
+        d="M24.16 26.904c.04 0 .057.05.026.075a14.97 14.97 0 0 1-9.147 3.1c-3.44 0-6.612-1.156-9.146-3.1-.032-.024-.014-.075.026-.075zm3.923-4.373a15 15 0 0 1-1.842 2.544.14.14 0 0 1-.104.046H3.942a.14.14 0 0 1-.104-.046 15 15 0 0 1-1.842-2.544.056.056 0 0 1 .049-.083h25.99c.043 0 .07.046.048.083m1.698-4.5a15 15 0 0 1-.762 2.564.11.11 0 0 1-.103.07H1.163a.11.11 0 0 1-.104-.07 15 15 0 0 1-.762-2.564.056.056 0 0 1 .055-.067h29.375c.035 0 .061.032.054.067M14.938 0C23.29-.056 30.078 6.7 30.078 15.04q0 .55-.038 1.09a.056.056 0 0 1-.056.051H.094a.056.056 0 0 1-.055-.052A15 15 0 0 1 0 15.054C-.007 6.87 6.755.055 14.938 0"
+      ></path>
+    </svg>
+  );
+}

package/dist/cli/templates/templates.json

@@ -8,7 +8,7 @@
     },
     {
       "id": "backend-and-client",
-      "name": "To Do App - Backend + Client",
+      "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.1-pr.16.c796b32",
+  "version": "0.0.1-pr.17.16cb029",
   "description": "Base44 CLI - Unified interface for managing Base44 applications",
   "type": "module",
   "main": "./dist/cli/index.js",