create-rakta-app 0.1.6 → 0.1.7

package/dist/index.js

@@ -1758,7 +1758,8 @@ var PROJECT_MODE_DISPLAY = {
 };
 
 // src/welcomeComponents.ts
-var COMPONENTS_MODAL_CODE = `import React, { useState } from 'react';
+var COMPONENTS_MODAL_CODE = `import type React from 'react';
+import { useState } from 'react';
 import { LuX as X, LuCopy as Copy, LuCheck as Check, LuCode as Code, LuCpu as Cpu } from 'react-icons/lu';
 import { motion } from 'motion/react';
 // import { playJumpSound, playScoreSound } from '../utils/audio'; // Removed to prevent error if not exists
@@ -1768,11 +1769,14 @@ interface ComponentsModalProps {
   onClose: () => void;
 }
 
+type ComponentState = Record<string, string | number | boolean | undefined>;
+type SetComponentState = (state: ComponentState) => void;
+
 interface ComponentItem {
   id: string;
   name: string;
   description: string;
-  preview: (state: any, setState: any) => React.ReactNode;
+  preview: (state: ComponentState, setState: SetComponentState) => React.ReactNode;
   code: string;
 }
 
@@ -1786,12 +1790,14 @@ const BRUTALIST_COMPONENTS: ComponentItem[] = [
 </button>\`,
     preview: (state, setState) => (
       <button 
+        type="button"
         onClick={() => {
-          setState({ ...state, clickCount: (state.clickCount || 0) + 1 });
+          const clickCount = typeof state.clickCount === 'number' ? state.clickCount : 0;
+          setState({ ...state, clickCount: clickCount + 1 });
         }}
         className="bg-brand-pink hover:bg-white text-white hover:text-black px-6 py-3 font-mono text-xs font-bold uppercase transition-all duration-150 border border-transparent hover:border-black active:scale-95 shadow-[4px_4px_0px_0px_rgba(255,255,255,0.25)] cursor-pointer"
       >
-        TRIGGER PIPELINE ({state.clickCount || 0})
+        TRIGGER PIPELINE ({typeof state.clickCount === 'number' ? state.clickCount : 0})
       </button>
     )
   },
@@ -1803,7 +1809,7 @@ const BRUTALIST_COMPONENTS: ComponentItem[] = [
   <span class="w-1.5 h-1.5 bg-emerald-500 rounded-full animate-ping"></span>
   OPERATIONAL :: 100%
 </div>\`,
-    preview: (state, setState) => (
+    preview: (_state, _setState) => (
       <div className="flex items-center gap-2 border border-emerald-500/30 bg-emerald-950/20 px-3 py-1.5 font-mono text-xs text-emerald-400">
         <span className="relative flex h-2 w-2">
           <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span>
@@ -1828,6 +1834,7 @@ const BRUTALIST_COMPONENTS: ComponentItem[] = [
       return (
         <div className="flex items-center gap-4">
           <button 
+            type="button"
             onClick={handleToggle}
             className={\`flex items-center border-2 border-white p-0.5 w-16 h-8 transition-colors cursor-pointer \${isChecked ? 'bg-brand-pink' : 'bg-zinc-900'}\`}
           >
@@ -1848,7 +1855,7 @@ const BRUTALIST_COMPONENTS: ComponentItem[] = [
   <input type="range" class="accent-rose-600 bg-zinc-800 h-2 w-full border border-zinc-700 appearance-none cursor-pointer" />
 </div>\`,
     preview: (state, setState) => {
-      const value = state.sliderVal ?? 60;
+      const value = typeof state.sliderVal === 'number' ? state.sliderVal : 60;
       return (
         <div className="w-full max-w-sm font-mono text-xs">
           <div className="flex justify-between mb-2">
@@ -1860,7 +1867,7 @@ const BRUTALIST_COMPONENTS: ComponentItem[] = [
             min="10"
             max="200"
             value={value}
-            onChange={(e) => setState({ ...state, sliderVal: parseInt(e.target.value) })}
+            onChange={(e) => setState({ ...state, sliderVal: parseInt(e.target.value, 10) })}
             className="accent-brand-pink bg-zinc-900 h-2 w-full border border-zinc-700 appearance-none cursor-pointer" 
           />
           <div className="flex justify-between mt-1 text-[9px] text-gray-600">
@@ -1880,17 +1887,19 @@ const BRUTALIST_COMPONENTS: ComponentItem[] = [
   <input type="text" placeholder="ENTER NODE NAME..." class="bg-black border border-zinc-700 focus:border-rose-600 text-white px-4 py-2 w-full outline-none" />
 </div>\`,
     preview: (state, setState) => {
-      const text = state.inputValue ?? '';
+      const text = typeof state.inputValue === 'string' ? state.inputValue : '';
       return (
         <div className="w-full max-w-xs font-mono text-xs">
-          <label className="block text-gray-500 uppercase mb-1.5">Node Configuration</label>
-          <input 
-            type="text" 
-            placeholder="ENTER NODE NAME..."
-            value={text}
-            onChange={(e) => setState({ ...state, inputValue: e.target.value })}
-            className="bg-black border border-zinc-700 focus:border-brand-pink text-white px-4 py-2 w-full outline-none" 
-          />
+          <label className="block text-gray-500 uppercase mb-1.5">
+            Node Configuration
+            <input 
+              type="text" 
+              placeholder="ENTER NODE NAME..."
+              value={text}
+              onChange={(e) => setState({ ...state, inputValue: e.target.value })}
+              className="mt-1.5 bg-black border border-zinc-700 focus:border-brand-pink text-white px-4 py-2 w-full outline-none" 
+            />
+          </label>
           {text && (
             <p className="text-[10px] text-brand-green mt-1">\u2713 Validating: {text.toUpperCase()}.local</p>
           )}
@@ -1902,15 +1911,18 @@ const BRUTALIST_COMPONENTS: ComponentItem[] = [
 
 export default function ComponentsModal({ isOpen, onClose }: ComponentsModalProps) {
   const [activeCompId, setActiveCompId] = useState('button');
-  const [componentStates, setComponentStates] = useState<Record<string, any>>({});
+  const [componentStates, setComponentStates] = useState<Record<string, ComponentState>>({});
   const [copiedId, setCopiedId] = useState<string | null>(null);
 
   if (!isOpen) return null;
 
-  const activeComp = (BRUTALIST_COMPONENTS.find(c => c.id === activeCompId) || BRUTALIST_COMPONENTS[0])!;
+  const fallbackComponent = BRUTALIST_COMPONENTS[0];
+  if (!fallbackComponent) return null;
+
+  const activeComp = BRUTALIST_COMPONENTS.find(c => c.id === activeCompId) ?? fallbackComponent;
   const activeState = componentStates[activeCompId] || {};
 
-  const handleSetState = (newState: any) => {
+  const handleSetState = (newState: ComponentState) => {
     setComponentStates({
       ...componentStates,
       [activeCompId]: newState
@@ -1940,6 +1952,7 @@ export default function ComponentsModal({ isOpen, onClose }: ComponentsModalProp
             </h2>
           </div>
           <button 
+            type="button"
             onClick={onClose}
             className="p-2 border border-white hover:bg-rose-500 hover:text-white transition-colors cursor-pointer"
           >
@@ -1953,6 +1966,7 @@ export default function ComponentsModal({ isOpen, onClose }: ComponentsModalProp
               const isSelected = comp.id === activeCompId;
               return (
                 <button
+                  type="button"
                   key={comp.id}
                   onClick={() => setActiveCompId(comp.id)}
                   className={\`w-full text-left p-4 transition-colors font-mono text-xs uppercase cursor-pointer \${
@@ -1984,6 +1998,7 @@ export default function ComponentsModal({ isOpen, onClose }: ComponentsModalProp
                   <Code className="w-3.5 h-3.5" /> HTML/Tailwind Markup
                 </span>
                 <button
+                  type="button"
                   onClick={() => handleCopyCode(activeComp.code)}
                   className="flex items-center gap-1.5 text-[10px] font-mono text-rose-500 hover:text-white transition-colors cursor-pointer"
                 >
@@ -2009,9 +2024,7 @@ export default function ComponentsModal({ isOpen, onClose }: ComponentsModalProp
   );
 }
 `;
-var CORAL_OBSTACLE_CODE = `import React from 'react';
-
-interface CoralObstacleProps {
+var CORAL_OBSTACLE_CODE = `interface CoralObstacleProps {
   position: 'TOP' | 'BOTTOM';
   height: number;
   width?: number;
@@ -2028,14 +2041,16 @@ export default function CoralObstacle({
   variant = 0, 
   scaleX = 1 
 }: CoralObstacleProps) {
+  const defaultPalette = { primary: '#f43f5e', secondary: '#fda4af', shadow: '#9f1239', polyps: '#ffe4e6', name: 'rose' };
   const palettes = [
-    { primary: '#f43f5e', secondary: '#fda4af', shadow: '#9f1239', polyps: '#ffe4e6', name: 'rose' },
+    defaultPalette,
     { primary: '#06b6d4', secondary: '#67e8f9', shadow: '#155e75', polyps: '#ecfeff', name: 'cyan' },
     { primary: '#a855f7', secondary: '#d8b4fe', shadow: '#581c87', polyps: '#faf5ff', name: 'amethyst' },
     { primary: '#f59e0b', secondary: '#fde047', shadow: '#78350f', polyps: '#fefce8', name: 'amber' },
     { primary: '#10b981', secondary: '#6ee7b7', shadow: '#065f46', polyps: '#e6fffa', name: 'emerald' },
   ];
-  const palette = palettes[paletteIndex % palettes.length]!;
+  const palette = palettes[paletteIndex % palettes.length] ?? defaultPalette;
+  const coralId = \`coralGrad-\${palette.name}-\${variant}\`;
 
   return (
     <div 
@@ -2043,12 +2058,14 @@ export default function CoralObstacle({
       style={{ height: \`\${height}px\`, width: \`\${width}px\`, transform: \`scaleX(\${scaleX})\` }}
     >
       <svg 
+        aria-hidden="true"
+        focusable="false"
         viewBox="0 0 80 120" 
         className="w-full h-full drop-shadow-[0_6px_14px_rgba(0,0,0,0.7)]"
         preserveAspectRatio="none"
       >
         <defs>
-          <linearGradient id={\`coralGrad-\${palette.name}\`} x1="0%" y1="0%" x2="100%" y2="100%">
+          <linearGradient id={coralId} x1="0%" y1="0%" x2="100%" y2="100%">
             <stop offset="0%" stopColor={palette.secondary} />
             <stop offset="50%" stopColor={palette.primary} />
             <stop offset="100%" stopColor={palette.shadow} />
@@ -2056,16 +2073,16 @@ export default function CoralObstacle({
         </defs>
 
         <g transform={position === 'TOP' ? 'scale(1, -1) translate(0, -120)' : undefined}>
-          <path d="M 40 120 C 35 90, 20 80, 24 55 C 28 30, 15 20, 22 10 C 29 0, 37 15, 35 30 C 33 45, 42 55, 40 75 C 38 95, 42 110, 40 120 Z" fill={\`url(#coralGrad-\${palette.name})\`} />
-          <path d="M 40 120 C 45 95, 55 85, 52 65 C 49 45, 62 35, 58 20 C 54 5, 46 12, 48 25 C 50 38, 42 50, 44 70 C 46 90, 42 105, 40 120 Z" fill={\`url(#coralGrad-\${palette.name})\`} />
+          <path d="M 40 120 C 35 90, 20 80, 24 55 C 28 30, 15 20, 22 10 C 29 0, 37 15, 35 30 C 33 45, 42 55, 40 75 C 38 95, 42 110, 40 120 Z" fill={\`url(#\${coralId})\`} />
+          <path d="M 40 120 C 45 95, 55 85, 52 65 C 49 45, 62 35, 58 20 C 54 5, 46 12, 48 25 C 50 38, 42 50, 44 70 C 46 90, 42 105, 40 120 Z" fill={\`url(#\${coralId})\`} />
         </g>
       </svg>
     </div>
   );
 }
 `;
-var DEPLOY_MODAL_CODE = `import React, { useState, useEffect, useRef } from 'react';
-import { LuX as X, LuPlay as Play, LuCheckCircle as CheckCircle2, LuRotateCcw as RotateCcw, LuCloud as Cloud } from 'react-icons/lu';
+var DEPLOY_MODAL_CODE = `import { useState, useEffect, useRef } from 'react';
+import { LuX as X, LuPlay as Play, LuRotateCcw as RotateCcw, LuCloud as Cloud } from 'react-icons/lu';
 import { motion } from 'motion/react';
 
 interface DeployModalProps {
@@ -2095,7 +2112,7 @@ export default function DeployModal({ isOpen, onClose }: DeployModalProps) {
     if (terminalEndRef.current) {
       terminalEndRef.current.scrollIntoView({ behavior: 'smooth' });
     }
-  }, [logs]);
+  });
 
   if (!isOpen) return null;
 
@@ -2108,7 +2125,10 @@ export default function DeployModal({ isOpen, onClose }: DeployModalProps) {
     
     const runStep = () => {
       if (currentLogIndex < DEPLOY_LOGS.length) {
-        setLogs(prev => [...prev, DEPLOY_LOGS[currentLogIndex]!]);
+        const nextLog = DEPLOY_LOGS[currentLogIndex];
+        if (nextLog) {
+          setLogs(prev => [...prev, nextLog]);
+        }
         setProgress(Math.round(((currentLogIndex + 1) / DEPLOY_LOGS.length) * 100));
         currentLogIndex++;
         setTimeout(runStep, Math.random() * 250 + 150);
@@ -2142,6 +2162,7 @@ export default function DeployModal({ isOpen, onClose }: DeployModalProps) {
             </h2>
           </div>
           <button 
+            type="button"
             onClick={onClose}
             className="p-2 border border-white/30 hover:bg-rose-500 hover:text-white transition-colors cursor-pointer"
           >
@@ -2160,12 +2181,12 @@ export default function DeployModal({ isOpen, onClose }: DeployModalProps) {
           </div>
           <div className="flex items-center gap-3">
             {status === 'idle' && (
-              <button onClick={startDeployment} className="bg-rose-500 hover:bg-white text-white hover:text-black px-6 py-2.5 font-mono text-xs font-bold uppercase transition-all duration-150 border border-transparent active:scale-95 flex items-center gap-2 cursor-pointer">
+              <button type="button" onClick={startDeployment} className="bg-rose-500 hover:bg-white text-white hover:text-black px-6 py-2.5 font-mono text-xs font-bold uppercase transition-all duration-150 border border-transparent active:scale-95 flex items-center gap-2 cursor-pointer">
                 <Play className="w-4 h-4 fill-current" /> INITIATE LAUNCH
               </button>
             )}
             {status === 'success' && (
-              <button onClick={resetDeploy} className="border border-white hover:bg-white hover:text-black px-4 py-2.5 font-mono text-xs uppercase transition-all duration-150 flex items-center gap-1.5 cursor-pointer">
+              <button type="button" onClick={resetDeploy} className="border border-white hover:bg-white hover:text-black px-4 py-2.5 font-mono text-xs uppercase transition-all duration-150 flex items-center gap-1.5 cursor-pointer">
                 <RotateCcw className="w-3.5 h-3.5" /> RE-BUILD PIPELINE
               </button>
             )}
@@ -2173,12 +2194,12 @@ export default function DeployModal({ isOpen, onClose }: DeployModalProps) {
         </div>
 
         <div className="flex-1 bg-black p-5 font-mono text-xs overflow-y-auto flex flex-col gap-2 select-text selection:bg-rose-500/30">
-          {logs.map((log, index) => {
+          {logs.map((log) => {
             let textColor = 'text-gray-400';
             if (log.type === 'system') textColor = 'text-rose-500 font-bold border-b border-rose-500/20 pb-1 mb-2';
             if (log.type === 'success') textColor = 'text-green-500 font-bold';
             if (log.type === 'info') textColor = 'text-gray-300';
-            return <div key={index} className={\`leading-relaxed whitespace-pre-wrap \${textColor}\`}>{log.text}</div>;
+            return <div key={\`\${log.type}-\${log.text}\`} className={\`leading-relaxed whitespace-pre-wrap \${textColor}\`}>{log.text}</div>;
           })}
           {status === 'idle' && <div className="text-gray-600 italic mt-4 text-center">Click 'INITIATE LAUNCH' to begin.</div>}
           <div ref={terminalEndRef} />
@@ -2188,8 +2209,7 @@ export default function DeployModal({ isOpen, onClose }: DeployModalProps) {
   );
 }
 `;
-var DOCS_MODAL_CODE = `import React, { useState } from 'react';
-import { LuX as X, LuBook as Book, LuArrowRight as ArrowRight, LuSearch as Search } from 'react-icons/lu';
+var DOCS_MODAL_CODE = `import { LuX as X, LuBook as Book } from 'react-icons/lu';
 import { motion } from 'motion/react';
 
 interface DocsModalProps {
@@ -2197,10 +2217,6 @@ interface DocsModalProps {
   onClose: () => void;
 }
 
-const ARTICLES = [
-  { id: 'intro', title: '1. Welcome to Rakta.js', category: 'Getting Started', content: 'Rakta.js is a zero-dependency, ultra-fast structural core designed for creating high-performance, single-page web experiences.' }
-];
-
 export default function DocsModal({ isOpen, onClose }: DocsModalProps) {
   if (!isOpen) return null;
   return (
@@ -2211,7 +2227,7 @@ export default function DocsModal({ isOpen, onClose }: DocsModalProps) {
             <Book className="w-5 h-5 text-rose-500" />
             <h2 className="text-xl font-bold font-mono tracking-tight uppercase">Rakta.js <span className="text-rose-500">System Manual</span></h2>
           </div>
-          <button onClick={onClose} className="p-2 border border-white/30 hover:bg-rose-500 hover:text-white transition-colors cursor-pointer"><X className="w-5 h-5" /></button>
+          <button type="button" onClick={onClose} className="p-2 border border-white/30 hover:bg-rose-500 hover:text-white transition-colors cursor-pointer"><X className="w-5 h-5" /></button>
         </div>
         <div className="p-10 text-white font-mono text-sm leading-relaxed max-w-3xl">
           <h3 className="text-3xl font-extrabold text-rose-500 mb-6">Welcome to Rakta.js</h3>
@@ -2228,9 +2244,7 @@ export default function DocsModal({ isOpen, onClose }: DocsModalProps) {
   );
 }
 `;
-var SHRIMP_CHARACTER_CODE = `import React from 'react';
-
-interface ShrimpCharacterProps {
+var SHRIMP_CHARACTER_CODE = `interface ShrimpCharacterProps {
   status: 'IDLE' | 'SWIMMING' | 'JUMPING' | 'DEAD';
   playerY: number;
   rotation?: number;
@@ -2238,7 +2252,7 @@ interface ShrimpCharacterProps {
 
 export default function ShrimpCharacter({ status, playerY, rotation }: ShrimpCharacterProps) {
   let bodyClass = '';
-  let isDead = status === 'DEAD';
+  const isDead = status === 'DEAD';
 
   if (isDead) bodyClass = 'animate-bounce';
   else if (status === 'SWIMMING') bodyClass = 'animate-pulse';
@@ -2250,9 +2264,9 @@ export default function ShrimpCharacter({ status, playerY, rotation }: ShrimpCha
   return (
     <div 
       className="relative w-16 h-16 flex items-center justify-center select-none pointer-events-none transition-transform duration-75"
-      style={{ transform: \`rotate(\${finalRotation}deg)\` }}
+      style={{ transform: \`translateY(\${-playerY}px) rotate(\${finalRotation}deg)\` }}
     >
-      <svg viewBox="0 0 100 100" className={\`w-full h-full drop-shadow-[0_4px_12px_rgba(244,63,94,0.3)] \${bodyClass}\`}>
+      <svg aria-hidden="true" focusable="false" viewBox="0 0 100 100" className={\`w-full h-full drop-shadow-[0_4px_12px_rgba(244,63,94,0.3)] \${bodyClass}\`}>
         <path d="M 30 46 C 25 32, 45 22, 58 28 C 65 31, 62 48, 55 54 C 44 58, 35 55, 30 46 Z" className={shrimpColor} />
         <path d="M 55 30 C 65 24, 76 34, 74 46 C 72 54, 62 55, 55 48 Z" className={shrimpColor} />
         <circle cx="66" cy="38" r="4.5" fill={isDead ? '#18181b' : '#000'} />
@@ -2268,7 +2282,11 @@ export default function ShrimpCharacter({ status, playerY, rotation }: ShrimpCha
 }
 `;
 var WELCOME_PAGE_CODE = `import { useState } from "react";
-import { LuPlay as Play, LuBook as Book, LuCpu as Cpu, LuCloud as Cloud } from "react-icons/lu";
+import { LuBook as Book, LuCloud as Cloud, LuCpu as Cpu } from "react-icons/lu";
+import ComponentsModal from "./components/ComponentsModal";
+import DeployModal from "./components/DeployModal";
+import DocsModal from "./components/DocsModal";
+import ShrimpCharacter from "./components/ShrimpCharacter";
 
 export default function WelcomePage() {
   const [modalOpen, setModalOpen] = useState<'components' | 'deploy' | 'docs' | null>(null);
@@ -2291,6 +2309,7 @@ export default function WelcomePage() {
 
         <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
           <button 
+            type="button"
             onClick={() => setModalOpen('components')}
             className="flex flex-col items-center justify-center gap-3 p-6 border-2 border-zinc-800 bg-zinc-900/50 hover:border-rose-500 hover:bg-rose-500/10 transition-colors cursor-pointer group"
           >
@@ -2299,6 +2318,7 @@ export default function WelcomePage() {
           </button>
           
           <button 
+            type="button"
             onClick={() => setModalOpen('docs')}
             className="flex flex-col items-center justify-center gap-3 p-6 border-2 border-zinc-800 bg-zinc-900/50 hover:border-blue-500 hover:bg-blue-500/10 transition-colors cursor-pointer group"
           >
@@ -2307,6 +2327,7 @@ export default function WelcomePage() {
           </button>
 
           <button 
+            type="button"
             onClick={() => setModalOpen('deploy')}
             className="flex flex-col items-center justify-center gap-3 p-6 border-2 border-zinc-800 bg-zinc-900/50 hover:border-green-500 hover:bg-green-500/10 transition-colors cursor-pointer group"
           >
@@ -2443,7 +2464,7 @@ function getFrontendOnlyFiles(projectConfig) {
           typecheck: "tsc --noEmit"
         },
         dependencies: {
-          raktajs: "^0.1.6",
+          raktajs: "^0.1.7",
           react: "^19.2.7",
           "react-dom": "^19.2.7",
           "react-icons": "^5.2.1",
@@ -2573,7 +2594,7 @@ function getFullstackFrontendFiles(projectConfig) {
           typecheck: "tsc --noEmit"
         },
         dependencies: {
-          raktajs: "^0.1.6",
+          raktajs: "^0.1.7",
           react: "^19.2.7",
           "react-dom": "^19.2.7",
           "react-icons": "^5.2.1",
@@ -4410,21 +4431,21 @@ function getProjectNameFromArgs(cliArgs) {
 }
 function formatFullstackCommands() {
   return [
-    `${import_picocolors.default.dim("# Terminal 1")}`,
-    "cd frontend",
-    "bun install",
-    "bun run dev",
+    import_picocolors.default.dim("# Terminal 1"),
+    import_picocolors.default.cyan("cd frontend"),
+    import_picocolors.default.cyan("bun install"),
+    import_picocolors.default.cyan("bun run dev"),
     "",
-    `${import_picocolors.default.dim("# Terminal 2")}`,
-    "cd backend",
-    "bun install",
-    "bun run dev"
-  ].join(`
-  `);
+    import_picocolors.default.dim("# Terminal 2"),
+    import_picocolors.default.cyan("cd backend"),
+    import_picocolors.default.cyan("bun install"),
+    import_picocolors.default.cyan("bun run dev")
+  ].map((line) => line.length === 0 ? "" : `        ${line}`).join(`
+`);
 }
 function formatFrontendOnlyCommands(projectName) {
-  return [`cd ${projectName}`, "bun install", "bun run dev"].join(`
-  `);
+  return [`cd ${projectName}`, "bun install", "bun run dev"].map((command) => `        ${import_picocolors.default.cyan(command)}`).join(`
+`);
 }
 function printSuccessMessage(projectConfig) {
   const modeLabel = PROJECT_MODE_DISPLAY[projectConfig.projectMode];
@@ -4445,7 +4466,7 @@ function printSuccessMessage(projectConfig) {
 
       ${import_picocolors.default.bold("Next steps:")}
 
-        ${nextSteps}
+${nextSteps}
 
       ${import_picocolors.default.bold("Frontend:")} ${import_picocolors.default.cyan("http://localhost:3000")}
       ${isFullstack ? `${import_picocolors.default.bold("Backend:")}  ${import_picocolors.default.cyan("http://localhost:4000")}` : ""}
@@ -4485,4 +4506,4 @@ Error: ${errorMessage}
   process.exit(1);
 });
 
-//# debugId=2F1EA54A681DEF9664756E2164756E21
+//# debugId=2E17890E5DBF1B0764756E2164756E21