notionsoft-ui 1.0.22 → 1.0.24

package/cli/index.cjs

@@ -144,88 +144,80 @@ program
     // console.log(
     //   chalk.green(`✓ Installed ${component} component as ${destFile}`)
     // );
-    try {
-      const templateDir = path.join(__dirname, "../src/notion-ui", component);
-      const destDir = path.join(config.componentDir, component);
-
-      if (!fs.existsSync(templateDir)) {
-        console.log(chalk.red(`❌ Component '${component}' does not exist.`));
-        return;
-      }
+    const utilsDir = path.join(cwd, "src/utils");
+    fs.ensureDirSync(utilsDir);
 
-      // --- Step 1: Merge to utils ---
-      const utilsDir = path.join(cwd, "src/utils");
-      fs.ensureDirSync(utilsDir);
-
-      let mergeSuccess = true;
-
-      fs.readdirSync(templateDir).forEach((file) => {
-        const filePath = path.join(templateDir, file);
-        const content = fs.readFileSync(filePath, "utf-8").trim();
-
-        try {
-          let targetPath;
-          if (file.endsWith("-data.ts"))
-            targetPath = path.join(utilsDir, "dt.ts");
-          else if (file === "type.ts")
-            targetPath = path.join(utilsDir, "type.ts");
-          else if (file.startsWith("use-") && file.endsWith(".ts"))
-            targetPath = path.join(utilsDir, "hook.ts");
-          else return; // skip other files
-
-          let targetContent = "";
-          if (fs.existsSync(targetPath))
-            targetContent = fs.readFileSync(targetPath, "utf-8");
-
-          // Append only if content not already in the target file
-          if (!targetContent.includes(content)) {
-            if (targetContent.length > 0) targetContent += "\n\n";
-            targetContent += content;
-            fs.writeFileSync(targetPath, targetContent);
-            console.log(
-              chalk.green(
-                `✓ Merged ${file} → ${path.relative(cwd, targetPath)}`
-              )
-            );
-          } else {
-            console.log(
-              chalk.yellow(
-                `⚠ ${file} already exists in ${path.relative(
-                  cwd,
-                  targetPath
-                )}, skipping`
-              )
-            );
-          }
-        } catch (err) {
-          mergeSuccess = false;
-          console.log(chalk.red(`❌ Failed merging ${file}: ${err.message}`));
+    let mergeSuccess = true;
+
+    // --- Step 1: Merge utils ---
+    fs.readdirSync(templateDir).forEach((file) => {
+      const filePath = path.join(templateDir, file);
+      const content = fs.readFileSync(filePath, "utf-8").trim();
+
+      let targetPath;
+      if (file.endsWith("-data.ts")) targetPath = path.join(utilsDir, "dt.ts");
+      else if (file === "type.ts") targetPath = path.join(utilsDir, "type.ts");
+      else if (file.startsWith("use-") && file.endsWith(".ts"))
+        targetPath = path.join(utilsDir, "hook.ts");
+      else return; // skip other files
+
+      try {
+        let targetContent = "";
+        if (fs.existsSync(targetPath))
+          targetContent = fs.readFileSync(targetPath, "utf-8");
+
+        if (!targetContent.includes(content)) {
+          if (targetContent.length > 0) targetContent += "\n\n";
+          targetContent += content;
+          fs.writeFileSync(targetPath, targetContent);
+          console.log(
+            chalk.green(`✓ Merged ${file} → ${path.relative(cwd, targetPath)}`)
+          );
+        } else {
+          console.log(
+            chalk.yellow(
+              `⚠ ${file} already exists in ${path.relative(
+                cwd,
+                targetPath
+              )}, skipping`
+            )
+          );
         }
-      });
-
-      if (!mergeSuccess) {
-        console.log(
-          chalk.red(
-            "❌ Failed to merge required files. Component installation aborted."
-          )
-        );
-        return;
+      } catch (err) {
+        mergeSuccess = false;
+        console.log(chalk.red(`❌ Failed merging ${file}: ${err.message}`));
       }
+    });
 
-      // --- Step 2: Copy component files ---
-      fs.copySync(templateDir, destDir, {
-        filter: (src) => {
-          const filename = path.basename(src);
-          if (filename === "index.ts") return false;
-          if (filename.endsWith(".stories.tsx")) return false;
-          return true;
-        },
-      });
-
-      console.log(chalk.green(`✓ Installed ${component} to ${destDir}`));
-    } catch (err) {
-      console.log(chalk.red(`❌ Installation failed: ${err.message}`));
+    if (!mergeSuccess) {
+      console.log(
+        chalk.red(
+          "❌ Failed to merge required files. Component installation aborted."
+        )
+      );
+      return;
     }
+
+    // --- Step 2: Copy remaining files flat into componentDir ---
+    fs.ensureDirSync(config.componentDir);
+    fs.readdirSync(templateDir).forEach((file) => {
+      if (
+        file === "index.ts" ||
+        file === "type.ts" ||
+        file.endsWith("-data.ts") ||
+        file.endsWith(".stories.tsx") ||
+        (file.startsWith("use-") && file.endsWith(".ts"))
+      )
+        return;
+
+      const srcFile = path.join(templateDir, file);
+      const destFile = path.join(config.componentDir, file); // flat copy
+      fs.copyFileSync(srcFile, destFile);
+    });
+
+    console.log(
+      chalk.green(`✓ Installed ${component} to ${config.componentDir}`)
+    );
   });
 
 /* ------------------------------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "notionsoft-ui",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "description": "A React UI component installer (shadcn-style). Installs components directly into your project.",
   "bin": {
     "notionsoft-ui": "./cli/index.cjs"

package/src/notion-ui/phone-input/index.ts

@@ -0,0 +1,3 @@
+import PhoneInput from "./phone-input";
+
+export default PhoneInput;

package/src/notion-ui/phone-input/phone-input.tsx

@@ -67,10 +67,9 @@ const VirtualList: React.FC<VirtualListProps> = ({
     </div>
   );
 };
-export type PhoneCountryPickerSize = "sm" | "md" | "lg";
+export type PhoneInputSize = "sm" | "md" | "lg";
 
-interface PhoneCountryPickerProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {
+interface PhoneInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
   requiredHint?: string;
   label?: string;
   errorMessage?: string;
@@ -78,13 +77,13 @@ interface PhoneCountryPickerProps
     rootDivClassName?: string;
     iconClassName?: string;
   };
-  measurement?: PhoneCountryPickerSize;
+  measurement?: PhoneInputSize;
   ROW_HEIGHT?: number;
   VISIBLE_ROWS?: number;
   BUFFER?: number;
 }
 
-export const PhoneCountryPicker: React.FC<PhoneCountryPickerProps> = ({
+const PhoneInput: React.FC<PhoneInputProps> = ({
   measurement = "sm",
   errorMessage,
   label,
@@ -398,3 +397,4 @@ export const PhoneCountryPicker: React.FC<PhoneCountryPickerProps> = ({
     </div>
   );
 };
+export default PhoneInput;