@schandlergarcia/sf-web-components 1.9.36 → 1.9.38

package/package.json

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

package/scripts/postinstall.mjs

@@ -3,7 +3,10 @@
 /**
  * Post-install script for @schandlergarcia/sf-web-components
  *
- * Automatically copies sample data to the consuming project's src/data directory
+ * Automatically copies to the consuming project:
+ * - Sample data (src/data/)
+ * - Skills (.a4drules/)
+ * - Scripts (scripts/)
  */
 
 import fs from 'fs';
@@ -20,97 +23,126 @@ const PACKAGE_ROOT = path.resolve(__dirname, '..');
 // Go up from node_modules/@schandlergarcia/sf-web-components
 const PROJECT_ROOT = path.resolve(PACKAGE_ROOT, '../../..');
 
-console.log('\n📦 @schandlergarcia/sf-web-components post-install');
+console.log('\n📦 @schandlergarcia/sf-web-components post-install\n');
 
 // Check if we're in a node_modules context (not during package development)
 if (!PACKAGE_ROOT.includes('node_modules')) {
-  console.log('  ℹ️  Running in development mode, skipping data copy');
+  console.log('  ℹ️  Running in development mode, skipping setup\n');
   process.exit(0);
 }
 
-// Find src/data directory in the consuming project
-const possiblePaths = [
-  path.join(PROJECT_ROOT, 'src/data'),
-  path.join(PROJECT_ROOT, 'force-app/main/default/webapplications/src/data'),
-];
-
-// Try to find an existing src directory
-let targetDir = null;
-for (const p of possiblePaths) {
-  const srcDir = path.dirname(p); // Get src directory
-  if (fs.existsSync(srcDir)) {
-    targetDir = p;
-    break;
+// Find webapp directory
+function findWebappDir() {
+  // Try direct src/
+  if (fs.existsSync(path.join(PROJECT_ROOT, 'src'))) {
+    return PROJECT_ROOT;
   }
-}
 
-// If no src directory found, look for any webapp with src/
-const webappPattern = /force-app\/main\/default\/webapplications\/[^/]+$/;
-if (!targetDir) {
-  try {
-    const webappRoot = path.join(PROJECT_ROOT, 'force-app/main/default/webapplications');
-    if (fs.existsSync(webappRoot)) {
-      const webapps = fs.readdirSync(webappRoot, { withFileTypes: true });
-      for (const webapp of webapps) {
-        if (webapp.isDirectory()) {
-          const srcDir = path.join(webappRoot, webapp.name, 'src');
-          if (fs.existsSync(srcDir)) {
-            targetDir = path.join(srcDir, 'data');
-            break;
-          }
+  // Try force-app structure
+  const webappRoot = path.join(PROJECT_ROOT, 'force-app/main/default/webapplications');
+  if (fs.existsSync(webappRoot)) {
+    const webapps = fs.readdirSync(webappRoot, { withFileTypes: true });
+    for (const webapp of webapps) {
+      if (webapp.isDirectory()) {
+        const webappDir = path.join(webappRoot, webapp.name);
+        if (fs.existsSync(path.join(webappDir, 'src'))) {
+          return webappDir;
         }
       }
     }
-  } catch (err) {
-    // Ignore errors
   }
+
+  return null;
 }
 
-if (!targetDir) {
-  console.log('  ⚠️  Could not find src/ directory in project');
-  console.log('  ℹ️  To manually copy sample data, run:');
-  console.log('');
-  console.log('      mkdir -p src/data');
-  console.log('      cp node_modules/@schandlergarcia/sf-web-components/data/engine-sample-data.js src/data/');
-  console.log('');
+const WEBAPP_DIR = findWebappDir();
+
+if (!WEBAPP_DIR) {
+  console.log('  ⚠️  Could not find webapp directory with src/');
+  console.log('  ℹ️  Skipping automated setup\n');
   process.exit(0);
 }
 
-// Create target directory if it doesn't exist
+let copiedCount = 0;
+
+// 1. Copy sample data
 try {
-  if (!fs.existsSync(targetDir)) {
-    fs.mkdirSync(targetDir, { recursive: true });
+  const dataDir = path.join(WEBAPP_DIR, 'src/data');
+  if (!fs.existsSync(dataDir)) {
+    fs.mkdirSync(dataDir, { recursive: true });
+  }
+
+  const sourceFile = path.join(PACKAGE_ROOT, 'data/engine-sample-data.js');
+  const targetFile = path.join(dataDir, 'engine-sample-data.js');
+
+  if (!fs.existsSync(targetFile)) {
+    fs.copyFileSync(sourceFile, targetFile);
+    console.log('  ✅ Sample data → src/data/engine-sample-data.js');
+    copiedCount++;
   }
 } catch (err) {
-  console.error('  ❌ Failed to create data directory:', err.message);
-  process.exit(0); // Don't fail the install
+  console.log('  ⚠️  Could not copy sample data:', err.message);
 }
 
-// Copy sample data file
-const sourceFile = path.join(PACKAGE_ROOT, 'data/engine-sample-data.js');
-const targetFile = path.join(targetDir, 'engine-sample-data.js');
+// 2. Copy .a4drules (skills)
+try {
+  const targetRulesDir = path.join(WEBAPP_DIR, '.a4drules');
+  const sourceRulesDir = path.join(PACKAGE_ROOT, '.a4drules');
+
+  if (!fs.existsSync(targetRulesDir) && fs.existsSync(sourceRulesDir)) {
+    // Copy entire .a4drules directory recursively
+    function copyRecursive(src, dest) {
+      if (fs.statSync(src).isDirectory()) {
+        if (!fs.existsSync(dest)) {
+          fs.mkdirSync(dest, { recursive: true });
+        }
+        fs.readdirSync(src).forEach(file => {
+          copyRecursive(path.join(src, file), path.join(dest, file));
+        });
+      } else {
+        fs.copyFileSync(src, dest);
+      }
+    }
+
+    copyRecursive(sourceRulesDir, targetRulesDir);
+    console.log('  ✅ Skills → .a4drules/');
+    copiedCount++;
+  }
+} catch (err) {
+  console.log('  ⚠️  Could not copy skills:', err.message);
+}
 
+// 3. Copy scripts
 try {
-  // Only copy if target doesn't exist (don't overwrite user's modifications)
-  if (!fs.existsSync(targetFile)) {
-    fs.copyFileSync(sourceFile, targetFile);
-    console.log('  ✅ Sample data copied to:', path.relative(PROJECT_ROOT, targetFile));
-    console.log('');
-    console.log('  Import in your components:');
-    console.log('');
-    console.log("    import { MAP_MARKERS, METRICS } from '@/data/engine-sample-data';");
-    console.log('');
-  } else {
-    console.log('  ℹ️  Sample data already exists (not overwriting)');
-    console.log('  📁', path.relative(PROJECT_ROOT, targetFile));
-    console.log('');
+  const scriptsDir = path.join(WEBAPP_DIR, 'scripts');
+  if (!fs.existsSync(scriptsDir)) {
+    fs.mkdirSync(scriptsDir, { recursive: true });
+  }
+
+  const scriptsToCopy = ['reset-command-center.sh', 'validate-dashboard.sh'];
+  for (const script of scriptsToCopy) {
+    const sourceFile = path.join(PACKAGE_ROOT, 'scripts', script);
+    const targetFile = path.join(scriptsDir, script);
+
+    if (fs.existsSync(sourceFile) && !fs.existsSync(targetFile)) {
+      fs.copyFileSync(sourceFile, targetFile);
+      fs.chmodSync(targetFile, 0o755); // Make executable
+      console.log(`  ✅ Script → scripts/${script}`);
+      copiedCount++;
+    }
   }
 } catch (err) {
-  console.error('  ⚠️  Could not copy sample data:', err.message);
-  console.log('  ℹ️  To manually copy, run:');
-  console.log('');
-  console.log('      cp node_modules/@schandlergarcia/sf-web-components/data/engine-sample-data.js src/data/');
-  console.log('');
+  console.log('  ⚠️  Could not copy scripts:', err.message);
+}
+
+// Summary
+if (copiedCount > 0) {
+  console.log(`\n  🎉 Setup complete! ${copiedCount} items copied\n`);
+  console.log('  Next steps:\n');
+  console.log('    npm run reset:command-center  # Reset to baseline state');
+  console.log('    npm run dev                    # Start dev server\n');
+} else {
+  console.log('  ℹ️  All files already exist (not overwriting)\n');
 }
 
 process.exit(0);

package/scripts/reset-command-center.sh

@@ -140,8 +140,6 @@ SEARCH="src/pages/Search.tsx"
 echo "→ Updating ${SEARCH}..."
 
 cat > "$SEARCH" << 'SEARCH_EOF'
-import { GlobalSearchInput } from "../features/global-search/components/search/GlobalSearchInput";
-
 export default function Search() {
 	return (
 		<div className="flex min-h-[80vh] items-center justify-center px-4 sm:px-6 lg:px-8">
@@ -150,7 +148,13 @@ export default function Search() {
 					<h1 className="text-4xl font-bold text-slate-900 dark:text-slate-50 mb-4">Search</h1>
 					<p className="text-lg text-slate-600 dark:text-slate-300">Find records across your organization.</p>
 				</div>
-				<GlobalSearchInput />
+				<div className="relative">
+					<input
+						type="text"
+						placeholder="Search..."
+						className="w-full px-4 py-3 text-lg border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-50"
+					/>
+				</div>
 			</div>
 		</div>
 	);
@@ -173,9 +177,6 @@ const AppLayout = lazy(() => import('./appLayout'));
 const Home = lazy(() => import('./pages/Home'));
 const Search = lazy(() => import('./pages/Search'));
 const NotFound = lazy(() => import('./pages/NotFound'));
-const TestAccPage = lazy(() => import("./pages/TestAccPage"));
-const GlobalSearch = lazy(() => import("./features/global-search/pages/GlobalSearch"));
-const DetailPage = lazy(() => import("./features/global-search/pages/DetailPage"));
 
 function SuspenseWrap({ children }: { children: React.ReactNode }) {
   return <Suspense fallback={<div className="flex min-h-screen items-center justify-center text-sm text-muted-foreground">Loading...</div>}>{children}</Suspense>;
@@ -200,29 +201,6 @@ export const routes: RouteObject[] = [
         element: <SuspenseWrap><Search /></SuspenseWrap>,
         handle: { showInNavigation: true, showNavBar: true, label: 'Search' }
       },
-      {
-        path: "test-acc",
-        element: <SuspenseWrap><TestAccPage /></SuspenseWrap>,
-        handle: { showInNavigation: true, label: "Test ACC" }
-      },
-      {
-        path: "global-search/:query",
-        element: (
-					<SuspenseWrap>
-						<GlobalSearch />
-					</SuspenseWrap>
-				),
-        handle: { showInNavigation: false }
-      },
-      {
-        path: "object/:objectApiName/:recordId",
-        element: (
-					<SuspenseWrap>
-						<DetailPage />
-					</SuspenseWrap>
-				),
-        handle: { showInNavigation: false }
-      },
       {
         path: '*',
         element: <SuspenseWrap><NotFound /></SuspenseWrap>
@@ -329,7 +307,8 @@ export default function AppLayout() {
 				</nav>
 			)}
 			<Outlet />
-			<AgentforceConversationClient />
+			{/* Uncomment and configure when you have an Agentforce agent:
+			<AgentforceConversationClient agentId="your-agent-id" /> */}
 		</>
 	);
 }