@schandlergarcia/sf-web-components 1.2.7 → 1.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schandlergarcia/sf-web-components",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "description": "Reusable Salesforce web components library with Tailwind CSS v4 and shadcn/ui",
   "type": "module",
   "main": "./dist/index.js",

package/scripts/postinstall.mjs

@@ -30,40 +30,63 @@ const PACKAGE_NAME = '@schandlergarcia/sf-web-components';
 let filesUpdated = 0;
 let componentsCopied = 0;
 
-// Copy UI components
+// Copy entire library directory
 const packageRoot = path.join(cwd, 'node_modules', PACKAGE_NAME);
-const sourceComponentsDir = path.join(packageRoot, 'src/components/library/ui');
-const targetComponentsDir = path.join(cwd, 'src/components/ui');
+const sourceLibraryDir = path.join(packageRoot, 'src/components/library');
+const targetLibraryDir = path.join(cwd, 'src/components/library');
 
-console.log('📦 Copying UI components...\n');
+console.log('📦 Copying component library...\n');
 
-if (fs.existsSync(sourceComponentsDir)) {
-  // Create target directory if it doesn't exist
-  if (!fs.existsSync(targetComponentsDir)) {
-    fs.mkdirSync(targetComponentsDir, { recursive: true });
-  }
+function copyDirectoryRecursive(source, target) {
+  if (!fs.existsSync(source)) return 0;
 
-  const componentFiles = fs.readdirSync(sourceComponentsDir).filter(f => f.match(/\.(jsx|tsx)$/));
+  let count = 0;
 
-  for (const componentFile of componentFiles) {
-    const sourcePath = path.join(sourceComponentsDir, componentFile);
-    const targetPath = path.join(targetComponentsDir, componentFile);
+  if (!fs.existsSync(target)) {
+    fs.mkdirSync(target, { recursive: true });
+  }
 
-    try {
-      fs.copyFileSync(sourcePath, targetPath);
-      console.log(`  ✓ Copied ${componentFile}`);
-      componentsCopied++;
-    } catch (error) {
-      console.error(`  ✗ Failed to copy ${componentFile}: ${error.message}`);
+  const items = fs.readdirSync(source);
+
+  for (const item of items) {
+    const sourcePath = path.join(source, item);
+    const targetPath = path.join(target, item);
+    const stat = fs.statSync(sourcePath);
+
+    if (stat.isDirectory()) {
+      count += copyDirectoryRecursive(sourcePath, targetPath);
+    } else if (item.match(/\.(jsx|tsx|js|ts|css)$/)) {
+      try {
+        fs.copyFileSync(sourcePath, targetPath);
+        count++;
+      } catch (error) {
+        console.error(`  ✗ Failed to copy ${item}: ${error.message}`);
+      }
     }
   }
+
+  return count;
+}
+
+if (fs.existsSync(sourceLibraryDir)) {
+  componentsCopied = copyDirectoryRecursive(sourceLibraryDir, targetLibraryDir);
+  console.log(`  ✓ Copied ${componentsCopied} component files\n`);
 }
 
-// Update imports in existing files to use local components
+// Also copy lib directory (utils, etc.)
+const sourceLibDir = path.join(packageRoot, 'src/lib');
+const targetLibDir = path.join(cwd, 'src/lib');
+
+if (fs.existsSync(sourceLibDir)) {
+  const libFilesCopied = copyDirectoryRecursive(sourceLibDir, targetLibDir);
+  console.log(`  ✓ Copied ${libFilesCopied} lib files\n`);
+}
+
+// Update imports in existing files to use local library
 const files = glob.sync('src/**/*.{ts,tsx,js,jsx}', {
   cwd,
   absolute: true,
-  ignore: ['**/node_modules/**', '**/dist/**', '**/components/ui/**']
+  ignore: ['**/node_modules/**', '**/dist/**', '**/components/library/**']
 });
 
 console.log(`\n🔄 Updating imports in ${files.length} files...\n`);
@@ -73,38 +96,28 @@ for (const file of files) {
     let content = fs.readFileSync(file, 'utf-8');
     let modified = false;
 
-    // Replace package imports with local imports
-    // Match: import { UIButton, UIInput } from '@schandlergarcia/sf-web-components';
-    // Replace with individual default imports: import UIButton from '@/components/ui/UIButton';
+    // Replace package imports with local library imports
+    // Match: import { UIButton, Card, MetricCard } from '@schandlergarcia/sf-web-components';
+    // Replace: import { UIButton, Card, MetricCard } from '@/components/library';
     const packageImportRegex = new RegExp(
-      `import\\s*\\{([^}]+)\\}\\s*from\\s*['"]${PACKAGE_NAME}['"];?`,
+      `from\\s+['"]${PACKAGE_NAME}['"]`,
       'g'
     );
 
-    const matches = [...content.matchAll(packageImportRegex)];
-
-    if (matches.length > 0) {
-      for (const match of matches) {
-        const importedNames = match[1].split(',').map(s => s.trim()).filter(Boolean);
-        const uiComponents = importedNames.filter(name => name.startsWith('UI'));
-
-        if (uiComponents.length > 0) {
-          // Build individual imports for UI components
-          const individualImports = uiComponents.map(name =>
-            `import ${name} from '@/components/ui/${name}';`
-          ).join('\n');
-
-          // Keep non-UI imports from package
-          const otherComponents = importedNames.filter(name => !name.startsWith('UI'));
-          const packageImport = otherComponents.length > 0
-            ? `import { ${otherComponents.join(', ')} } from '${PACKAGE_NAME}';`
-            : '';
-
-          const replacement = [individualImports, packageImport].filter(Boolean).join('\n');
-          content = content.replace(match[0], replacement);
-          modified = true;
-        }
-      }
+    if (packageImportRegex.test(content)) {
+      content = content.replace(packageImportRegex, `from '@/components/library'`);
+      modified = true;
+    }
+
+    // Also replace specific subpath imports
+    const subpathRegex = new RegExp(
+      `from\\s+['"]${PACKAGE_NAME}/lib['"]`,
+      'g'
+    );
+
+    if (subpathRegex.test(content)) {
+      content = content.replace(subpathRegex, `from '@/components/library/lib'`);
+      modified = true;
     }
 
     if (modified) {

package/src/templates/pages/Home.tsx.template

@@ -1,5 +1,6 @@
 import { useState } from "react";
-import { UIInput, UIButton } from '@schandlergarcia/sf-web-components';
+import UIInput from '@/components/ui/UIInput';
+import UIButton from '@/components/ui/UIButton';
 import { Search } from "lucide-react";
 
 export default function HomePage() {

package/src/templates/pages/NotFound.tsx.template

@@ -1,5 +1,5 @@
 import { useNavigate } from "react-router";
-import { UIButton } from '@schandlergarcia/sf-web-components';
+import UIButton from '@/components/ui/UIButton';
 
 export default function NotFound() {
 	const navigate = useNavigate();