@schandlergarcia/sf-web-components 1.9.10 → 1.9.12

package/README.md

@@ -74,6 +74,9 @@ The postinstall script automatically:
 ✅ **Copies utility files** to `src/lib/`
 - `utils.ts` - Helper functions (cn, etc.)
 
+✅ **Installs workspace components** to `src/components/workspace/`
+- `CommandCenter.tsx` - Dashboard wrapper with theme and data providers
+
 ---
 
 ## Using the Dashboard Framework
@@ -286,9 +289,9 @@ npm install
 npm run build
 ```
 
-### Reset Command Center (for enginewebexperience app)
+### Reset Command Center (All Apps)
 
-If you're working on the `enginewebexperience` app specifically:
+This script resets any app back to the blank dashboard baseline state:
 
 ```bash
 # This script resets the command center to the blank dashboard template
@@ -298,6 +301,14 @@ npm run reset:command-center
 bash node_modules/@schandlergarcia/sf-web-components/scripts/reset-command-center.sh
 ```
 
+**What it does:**
+- Removes custom dashboard pages
+- Restalls BlankDashboard.tsx with EmptyState
+- Resets CommandCenter.tsx (preserves theme mode)
+- Updates Home.tsx to search interface
+- Resets routes to baseline configuration
+- Preserves: component library, authentication, all dependencies
+
 ---
 
 ## Troubleshooting

package/package.json

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

package/scripts/postinstall.mjs

@@ -105,6 +105,35 @@ if (fs.existsSync(sourceWorkspaceDir)) {
   console.log(`  ✓ Copied ${workspaceFilesCopied} workspace files\n`);
 }
 
+// Copy workspace templates (CommandCenter, etc.)
+const workspaceTemplatesDir = path.join(packageRoot, 'src/templates/workspace');
+if (fs.existsSync(workspaceTemplatesDir)) {
+  if (!fs.existsSync(targetWorkspaceDir)) {
+    fs.mkdirSync(targetWorkspaceDir, { recursive: true });
+  }
+
+  const workspaceTemplates = fs.readdirSync(workspaceTemplatesDir).filter(f => f.endsWith('.template'));
+  let workspaceTemplatesCopied = 0;
+
+  for (const template of workspaceTemplates) {
+    const sourcePath = path.join(workspaceTemplatesDir, template);
+    const targetFileName = template.replace('.template', '');
+    const targetPath = path.join(targetWorkspaceDir, targetFileName);
+
+    try {
+      const content = fs.readFileSync(sourcePath, 'utf-8');
+      fs.writeFileSync(targetPath, content, 'utf-8');
+      workspaceTemplatesCopied++;
+    } catch (error) {
+      console.error(`  ✗ Failed to copy ${targetFileName}: ${error.message}`);
+    }
+  }
+
+  if (workspaceTemplatesCopied > 0) {
+    console.log(`  ✓ Copied ${workspaceTemplatesCopied} workspace template files\n`);
+  }
+}
+
 // Copy pages directory (sample pages, etc.)
 const sourcePagesDir = path.join(packageRoot, 'src/components/pages');
 const targetComponentPagesDir = path.join(cwd, 'src/components/pages');
@@ -214,8 +243,35 @@ if (fs.existsSync(routesTemplatePath) && fs.existsSync(path.join(cwd, 'src'))) {
   }
 }
 
+// Add reset:command-center script to package.json
+const packageJsonPath = path.join(cwd, 'package.json');
+if (fs.existsSync(packageJsonPath)) {
+  console.log('\n🔧 Adding reset script to package.json...\n');
+
+  try {
+    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
+
+    if (!packageJson.scripts) {
+      packageJson.scripts = {};
+    }
+
+    // Add the reset:command-center script if it doesn't exist
+    if (!packageJson.scripts['reset:command-center']) {
+      packageJson.scripts['reset:command-center'] = 'bash node_modules/@schandlergarcia/sf-web-components/scripts/reset-command-center.sh';
+      fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2) + '\n', 'utf-8');
+      console.log('  ✓ Added "reset:command-center" script to package.json');
+    } else {
+      console.log('  ℹ Script "reset:command-center" already exists');
+    }
+  } catch (error) {
+    console.error(`  ✗ Failed to update package.json: ${error.message}`);
+  }
+}
+
 console.log('\n📊 Summary:');
 console.log(`  - Copied ${componentsCopied} UI components`);
 console.log(`  - Updated ${filesUpdated} files`);
 console.log(`  - Installed ${templatesInstalled} page templates`);
+console.log(`  - Installed CommandCenter.tsx for dashboard management`);
+console.log(`  - Added "npm run reset:command-center" script`);
 console.log('\n✅ Setup complete! UI components are now local for optimal Tailwind scanning\n');

package/scripts/reset-command-center.sh

@@ -37,8 +37,9 @@ echo ""
 echo "→ Removing custom dashboards…"
 
 removed=0
-for f in src/components/pages/*Dashboard*.jsx src/components/pages/*Dashboard*.tsx; do
-  if [ -f "$f" ]; then
+for f in src/pages/*Dashboard*.tsx src/pages/*Dashboard*.jsx; do
+  # Don't remove BlankDashboard
+  if [ -f "$f" ] && [[ "$(basename "$f")" != "BlankDashboard"* ]]; then
     rm "$f"
     echo "  ✓ Removed $(basename "$f")"
     removed=$((removed + 1))
@@ -52,11 +53,10 @@ echo ""
 
 # ── 2. Write the blank starter dashboard ────────────────────────────────────
 
-BLANK="src/components/pages/BlankDashboard.jsx"
+BLANK="src/pages/BlankDashboard.tsx"
 echo "→ Creating ${BLANK}..."
 
 cat > "$BLANK" << 'DASHBOARD_EOF'
-import React from "react";
 import { RocketLaunchIcon } from "@heroicons/react/24/outline";
 import { EmptyState } from "@/components/library";
 
@@ -80,9 +80,12 @@ echo ""
 # ── 3. Update CommandCenter.tsx to use BlankDashboard ────────────────────────
 #    Preserves theme initialMode if previously customized.
 
-WRAPPER="src/components/pages/CommandCenter.tsx"
+WRAPPER="src/components/workspace/CommandCenter.tsx"
 echo "→ Updating ${WRAPPER}..."
 
+# Create workspace directory if it doesn't exist
+mkdir -p "src/components/workspace"
+
 # Extract existing initialMode from AppThemeProvider (default: "light")
 THEME_MODE="light"
 if [ -f "$WRAPPER" ]; then
@@ -96,19 +99,17 @@ fi
 cat > "$WRAPPER" << WRAPPER_EOF
 import AppThemeProvider from "@/components/library/theme/AppThemeProvider";
 import DataModeProvider from "@/components/library/data/DataModeProvider";
-import { Toast } from "@heroui/react";
-import BlankDashboard from "./BlankDashboard";
+import { Toaster } from "sonner";
+import BlankDashboard from "../../pages/BlankDashboard";
 
 export default function CommandCenter() {
   return (
-    <div className="heroui-scope">
-      <AppThemeProvider initialMode="${THEME_MODE}">
-        <DataModeProvider initialMode="sample">
-          <BlankDashboard />
-          <Toast.Provider placement="bottom end" />
-        </DataModeProvider>
-      </AppThemeProvider>
-    </div>
+    <AppThemeProvider initialMode="${THEME_MODE}">
+      <DataModeProvider initialMode="sample">
+        <BlankDashboard />
+        <Toaster position="bottom-right" />
+      </DataModeProvider>
+    </AppThemeProvider>
   );
 }
 WRAPPER_EOF

package/src/templates/workspace/CommandCenter.tsx.template

@@ -0,0 +1,15 @@
+import AppThemeProvider from "@/components/library/theme/AppThemeProvider";
+import DataModeProvider from "@/components/library/data/DataModeProvider";
+import { Toaster } from "sonner";
+import BlankDashboard from "../pages/BlankDashboard";
+
+export default function CommandCenter() {
+  return (
+    <AppThemeProvider initialMode="light">
+      <DataModeProvider initialMode="sample">
+        <BlankDashboard />
+        <Toaster position="bottom-right" />
+      </DataModeProvider>
+    </AppThemeProvider>
+  );
+}