@salesforce/webapps-features-experimental

CLI tool for installing UI features into Salesforce webapps.

Installation

Using npx (Recommended)

npx @salesforce/webapps-features-experimental <command>

Usage

List Available Features

npx @salesforce/webapps-features-experimental list

Search for specific features:

npx @salesforce/webapps-features-experimental list --search "auth"

Describe a Feature

Get detailed information about a specific feature:

npx @salesforce/webapps-features-experimental describe authentication

This shows:

• Full description
• Dependencies (feature and npm packages)
• Files that will be copied
• Integration examples
• Components and capabilities

Install a Feature

npx @salesforce/webapps-features-experimental install <feature-name> --webapp-dir <path>

Example:

npx @salesforce/webapps-features-experimental install authentication --webapp-dir mywebapp

Installation Options

• --webapp-dir <name> - Required. Webapp name, resolves to <sfdx-source>/webapplications/<name>
• --sfdx-source <path> - Optional. SFDX source directory (default: force-app/main/default)
• --dry-run - Preview changes without making them
• --verbose or -v - Show detailed output
• --yes or -y - Skip conflicts (non-destructive)
• --on-conflict <mode> - Conflict resolution mode: error, skip, overwrite, or prompt (default)
• --conflict-resolution <file> - JSON file with per-file conflict resolutions

Handling Conflicts

The recommended workflow for LLMs and automated tools:

1. First, detect conflicts:

   npx @salesforce/webapps-features-experimental install authentication \
     --webapp-dir mywebapp \
     --on-conflict error

2. If conflicts are detected, create a resolution file:

   {
     "path/to/file1": "overwrite",
     "path/to/file2": "skip",
     "path/to/file3": "overwrite"
   }

3. Rerun with resolution file:

   npx @salesforce/webapps-features-experimental install authentication \
     --webapp-dir mywebapp \
     --conflict-resolution resolution.json

Integration Examples

After installation, the CLI will list any __example__ files that need manual integration:

Example files to integrate:
  src/__example__auth-app.tsx → Integrate into: src/app.tsx

For each example file:

1. Read the example file to see the integration pattern
2. Apply the pattern to your target file
3. Delete the example file after integration

Available Features

Run npx @salesforce/webapps-features-experimental list to see all available features.

Common features:

• authentication - Complete auth system with login, registration, password reset
• shadcn - UI component library based on shadcn/ui
• global-search - Salesforce object search
• nav-menu - Navigation menu layout
• charts - Analytics charts with Recharts
• agentforce - AI-powered conversation interface

Local Development

Building

npm run build

Running locally

npm run dev -- <command>

Example:

npm run dev -- list
npm run dev -- install authentication --webapp-dir /path/to/webapp

Global install from local build

npm run build && npm link

Then use webapps-features-experimental <command> directly without npx.

License

SEE LICENSE IN LICENSE.txt