pejay-ui 1.4.0 → 1.4.2

package/README.md

@@ -46,6 +46,14 @@ import { Input, Checkbox, AmountInput } from "@/pejay-ui/components";
 **Component-Specific Documentation (READMEs):**
 Certain components (like `toast`) ship with localized `README.md` guides. When you install them, the CLI automatically copies their detailed usage documentation directly into the component's folder (e.g., `src/pejay-ui/components/toast/README.md`) so you have helper docs right next to the code.
 
+**Overwrite Protection:**
+To prevent accidentally overwriting any custom modifications you have made to your components, the CLI checks if the component is already tracked in `pejay-ui.json` or if its files already exist in your workspace. It will ask for confirmation before overwriting:
+```
+? Component '<name>' is already present in your project. Overwriting it will discard any local changes you have made. Do you want to proceed and overwrite it? (y/N)
+```
+- Choosing **No** safely skips the installation, preserving your local changes.
+- Choosing **Yes** overwrites the files with a fresh copy of the component template.
+
 ### 3. Remove Component
 ```bash
 npx pejay-ui remove <component-name>

package/bin/cli.js

@@ -218,6 +218,67 @@ program
         }
 
         const componentData = registry[compToInstall];
+
+        // Check if the component is already installed or if any target files already exist
+        const outputExt = isTsProject ? "tsx" : "jsx";
+        let isAlreadyPresent = !!config.installed?.[compToInstall];
+
+        if (!isAlreadyPresent) {
+          let targetDir;
+          if (componentData.category === "scaffold") {
+            targetDir = path.join(cwd, "src", componentData.targetDirName || compToInstall);
+          } else {
+            targetDir = path.join(cwd, config.baseDir, "components", componentData.category);
+          }
+
+          const sourceFiles = componentData.files || (componentData.path ? [componentData.path] : []);
+          for (const srcFilePath of sourceFiles) {
+            const templateSrc = path.join(packageRoot, srcFilePath);
+            if (await fs.pathExists(templateSrc)) {
+              const isDir = (await fs.stat(templateSrc)).isDirectory();
+              if (isDir) {
+                const allFiles = await getFilesRecursively(templateSrc);
+                for (const file of allFiles) {
+                  const relativePath = path.relative(templateSrc, file);
+                  const filename = relativePath.replace(/\.(tsx|ts)$/, (match) => {
+                    return match === ".tsx" ? `.${outputExt}` : `.${isTsProject ? "ts" : "js"}`;
+                  });
+                  const targetFile = path.join(targetDir, filename);
+                  if (await fs.pathExists(targetFile)) {
+                    isAlreadyPresent = true;
+                    break;
+                  }
+                }
+              } else {
+                const filename = path.basename(srcFilePath).replace(/\.(tsx|ts)$/, (match) => {
+                  return match === ".tsx" ? `.${outputExt}` : `.${isTsProject ? "ts" : "js"}`;
+                });
+                const targetFile = path.join(targetDir, filename);
+                if (await fs.pathExists(targetFile)) {
+                  isAlreadyPresent = true;
+                }
+              }
+            }
+            if (isAlreadyPresent) break;
+          }
+        }
+
+        if (isAlreadyPresent) {
+          const { overwrite } = await prompt([
+            {
+              type: "confirm",
+              name: "overwrite",
+              message: `Component '${compToInstall}' is already present in your project. Overwriting it will discard any local changes you have made. Do you want to proceed and overwrite it?`,
+              default: false,
+            },
+          ]);
+
+          if (!overwrite) {
+            console.log(`Skipping component: ${componentData.name}.\n`);
+            continue;
+          }
+        }
+
         console.log(`Installing component: ${componentData.name}...`);
 
         // 1. Check target project package.json for peerDependencies
@@ -300,7 +361,6 @@ program
         } else {
           targetDir = path.join(cwd, config.baseDir, "components", componentData.category);
         }
-        const outputExt = isTsProject ? "tsx" : "jsx";
 
         // Determine list of files to copy
         const sourceFiles = componentData.files || (componentData.path ? [componentData.path] : []);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pejay-ui",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "type": "module",
   "description": "react ui components",
   "bin": {