shadcn-nextjs-page-generator 1.0.3 → 1.0.5

package/dist/index.cjs

@@ -385,21 +385,44 @@ var import_path = __toESM(require("path"), 1);
 async function ensureDir(dirPath) {
   await import_fs_extra.default.ensureDir(dirPath);
 }
-async function writeFile(filePath, content) {
+async function writeFile(filePath, content, shouldOverwrite = true) {
   const dir = import_path.default.dirname(filePath);
   await ensureDir(dir);
-  await import_fs_extra.default.writeFile(filePath, content, "utf-8");
+  const writeOptions = shouldOverwrite ? { encoding: "utf-8", flag: "w" } : { encoding: "utf-8", flag: "wx" };
+  await import_fs_extra.default.writeFile(filePath, content, writeOptions);
+}
+async function exists(pathToCheck) {
+  try {
+    await import_fs_extra.default.access(pathToCheck);
+    return true;
+  } catch {
+    return false;
+  }
 }
 async function createDirectories(dirs) {
   for (const dir of dirs) {
     await ensureDir(dir);
   }
 }
-async function writeFiles(files) {
+async function writeFiles(files, shouldOverwrite = true) {
   for (const file of files) {
-    await writeFile(file.path, file.content);
-    logger.dim(`  Created: ${file.path}`);
+    const fileExists = await exists(file.path);
+    await writeFile(file.path, file.content, shouldOverwrite);
+    if (fileExists) {
+      logger.dim(`  Updated: ${file.path}`);
+    } else {
+      logger.dim(`  Created: ${file.path}`);
+    }
+  }
+}
+async function checkExistingFiles(filePaths) {
+  const existingFiles = [];
+  for (const filePath of filePaths) {
+    if (await exists(filePath)) {
+      existingFiles.push(filePath);
+    }
   }
+  return existingFiles;
 }
 
 // src/templates/ddd/entity.ts
@@ -605,7 +628,7 @@ function generateComponent(config) {
   const hasAnimations = animations.listAnimations || animations.cardAnimations;
   const imports = `'use client';
 
-${hasAnimations ? `import { motion } from 'framer-motion';` : ""}
+${hasAnimations ? `import { motion, type Variants } from 'framer-motion';` : ""}
 import { useEffect, useState } from 'react';
 import { ${entityName} } from '../../domain/entities/${moduleName}.entity';
 import { Get${entityName}sUseCase } from '../../application/use-cases/get-${moduleName}s.use-case';
@@ -665,7 +688,7 @@ import {
 ${includeRowSelection ? `import { Checkbox } from "@/components/ui/checkbox";` : ""}`;
   const animationVariants = hasAnimations ? `
 // Framer Motion animation variants
-const containerVariants = {
+const containerVariants: Variants = {
   hidden: { opacity: 0 },
   visible: {
     opacity: 1,
@@ -675,7 +698,7 @@ const containerVariants = {
   }
 };
 
-const itemVariants = {
+const itemVariants: Variants = {
   hidden: { opacity: 0, x: -20 },
   visible: {
     opacity: 1,
@@ -683,6 +706,10 @@ const itemVariants = {
     transition: { duration: ${animations.intensity === "bold" ? "0.3" : animations.intensity === "subtle" ? "0.15" : "0.2"} }
   }
 };
+${animations.listAnimations ? `
+// Create motion-wrapped TableRow component
+const MotionTableRow = motion(TableRow);
+` : ""}
 ` : "";
   const dataFetchingCode = isTanStack ? `
   // TanStack Query data fetching
@@ -985,7 +1012,7 @@ ${tableHeaders}
               ) : (
                 ${animations.listAnimations ? `
                 data.map((item, index) => (
-                  <motion.tr
+                  <MotionTableRow
                     key={item.id}
                     variants={itemVariants}
                     initial="hidden"
@@ -1022,7 +1049,7 @@ ${tableCells}
                         </DropdownMenu>
                       </div>
                     </TableCell>
-                  ${animations.listAnimations ? `</motion.tr>` : `</TableRow>`}
+                  ${animations.listAnimations ? `</MotionTableRow>` : `</TableRow>`}
                 ))
               )}
             </TableBody>
@@ -1140,10 +1167,10 @@ import { motion } from 'framer-motion';
 export default function Template({ children }: { children: React.ReactNode }) {
   return (
     <motion.div
-      initial=${animConfig.initial}
-      animate=${animConfig.animate}
+      initial={${animConfig.initial}}
+      animate={${animConfig.animate}}
       exit={{ opacity: 0, y: -20 }}
-      transition=${animConfig.transition}
+      transition={${animConfig.transition}}
     >
       {children}
     </motion.div>
@@ -1202,7 +1229,19 @@ var DDDGenerator = class {
         content: generateTemplate(this.config)
       });
     }
-    await writeFiles(files);
+    const filePaths = files.map((f) => f.path);
+    const existingFiles = await checkExistingFiles(filePaths);
+    if (existingFiles.length > 0) {
+      console.log("");
+      logger.warning(`Found ${existingFiles.length} existing file(s):`);
+      existingFiles.forEach((file) => {
+        const relativePath = import_path2.default.relative(cwd, file);
+        logger.dim(`  - ${relativePath}`);
+      });
+      console.log("");
+      logger.info("Overwriting existing files...");
+    }
+    await writeFiles(files, true);
     const instructions = this.generateInstructions();
     return { files, instructions };
   }
@@ -1331,7 +1370,7 @@ ${mockDataFields}
 ${fetchFunction}`;
   const imports = `'use client';
 
-${hasAnimations ? `import { motion } from 'framer-motion';` : ""}
+${hasAnimations ? `import { motion, type Variants } from 'framer-motion';` : ""}
 import { useEffect, useState } from 'react';
 ${isTanStack ? `import { useQuery } from '@tanstack/react-query';` : ""}
 import { Button } from '@/components/ui/button';
@@ -1388,7 +1427,7 @@ import {
 ${includeRowSelection ? `import { Checkbox } from "@/components/ui/checkbox";` : ""}`;
   const animationVariants = hasAnimations ? `
 // Framer Motion animation variants
-const containerVariants = {
+const containerVariants: Variants = {
   hidden: { opacity: 0 },
   visible: {
     opacity: 1,
@@ -1398,7 +1437,7 @@ const containerVariants = {
   }
 };
 
-const itemVariants = {
+const itemVariants: Variants = {
   hidden: { opacity: 0, x: -20 },
   visible: {
     opacity: 1,
@@ -1406,6 +1445,10 @@ const itemVariants = {
     transition: { duration: ${animations.intensity === "bold" ? "0.3" : animations.intensity === "subtle" ? "0.15" : "0.2"} }
   }
 };
+${animations.listAnimations ? `
+// Create motion-wrapped TableRow component
+const MotionTableRow = motion(TableRow);
+` : ""}
 ` : "";
   const rowSelectionCode = includeRowSelection ? `
   const [selectedRows, setSelectedRows] = useState<Set<string>>(new Set());
@@ -1659,7 +1702,7 @@ ${tableHeaders}
               ) : (
                 ${animations.listAnimations ? `
                 data.map((item, index) => (
-                  <motion.tr
+                  <MotionTableRow
                     key={item.id}
                     variants={itemVariants}
                     initial="hidden"
@@ -1696,7 +1739,7 @@ ${tableCells}
                         </DropdownMenu>
                       </div>
                     </TableCell>
-                  ${animations.listAnimations ? `</motion.tr>` : `</TableRow>`}
+                  ${animations.listAnimations ? `</MotionTableRow>` : `</TableRow>`}
                 ))
               )}
             </TableBody>
@@ -1803,7 +1846,19 @@ var SimplifiedGenerator = class {
         content: generateTemplate(this.config)
       });
     }
-    await writeFiles(files);
+    const filePaths = files.map((f) => f.path);
+    const existingFiles = await checkExistingFiles(filePaths);
+    if (existingFiles.length > 0) {
+      console.log("");
+      logger.warning(`Found ${existingFiles.length} existing file(s):`);
+      existingFiles.forEach((file) => {
+        const relativePath = import_path3.default.relative(cwd, file);
+        logger.dim(`  - ${relativePath}`);
+      });
+      console.log("");
+      logger.info("Overwriting existing files...");
+    }
+    await writeFiles(files, true);
     const instructions = this.generateInstructions();
     return { files, instructions };
   }