@salesforce/webapp-template-feature-react-authentication-experimental 1.12.0 → 1.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,58 @@
1
+ ---
2
+ name: install-feature
3
+ description: Install a feature into the current app. Use when the user asks to add a feature, capability, or functionality like authentication, search, charts, or navigation to their React web app.
4
+ ---
5
+
6
+ # Install feature
7
+
8
+ When the user asks to add a feature to their app, follow this workflow.
9
+
10
+ ## 1. Match the request to a feature
11
+
12
+ Available features (npm packages):
13
+
14
+
15
+ | Feature | Package | Description |
16
+ | ---------------------- | ----------------------------------------------------------------------- | ---------------------------------------------------------------------- |
17
+ | **Authentication** | `@salesforce/webapp-template-feature-react-authentication-experimental` | Login, register, password reset, protected routes |
18
+ | **Global search** | `@salesforce/webapp-template-feature-react-global-search-experimental` | Search Salesforce objects with filters and pagination |
19
+ | **Navigation menu** | `@salesforce/webapp-template-feature-react-nav-menu-experimental` | App layout with responsive navigation menu |
20
+ | **Analytics charts** | `@salesforce/webapp-template-feature-react-chart-experimental` | Recharts line/bar charts with theming (AnalyticsChart, ChartContainer) |
21
+ | **Shared UI (shadcn)** | `@salesforce/webapp-template-feature-react-shadcn-experimental` | Button, Card, Input, Select, Table, Tabs, etc. |
22
+
23
+
24
+ If no feature matches, tell the user and offer to build it from scratch following the project's existing patterns.
25
+
26
+ ## 2. Install the npm package
27
+
28
+ ```bash
29
+ npm install <package-name>
30
+ ```
31
+
32
+ ## 3. Copy skills and rules from the package
33
+
34
+ After install, check the package in `node_modules/<package-name>/` for:
35
+
36
+ - `**skills/**` – If it exists, copy each skill folder into the current project's skills directory (e.g. `.cline/skills/` or `.cursor/skills/`).
37
+ - `**rules/**` – If it exists, copy each rule file into the current project's rules directory (e.g. `.clinerules/` or `.cursor/rules/`).
38
+
39
+ Not every package has skills or rules; skip this step if neither directory exists.
40
+
41
+ ## 4. Read the feature's exports and components
42
+
43
+ Read the package's entry point (usually `index.ts` or the `main` field in its `package.json`) to understand what components and types it exports.
44
+
45
+ Also read the `feature.ts` file if it exists — it lists dependencies on other features (e.g. shadcn) and any npm dependencies the feature needs (e.g. `recharts`). Install any missing dependencies.
46
+
47
+ ## 5. Implement the feature in the current app
48
+
49
+ - **If the package exports reusable components** (e.g. `AnalyticsChart`, `ChartContainer`): import and use them directly. Follow the package's README or skill instructions for props, data shapes, and usage patterns.
50
+ - **If the package is a reference implementation** (e.g. authentication pages, search pages): read its source code under `src/` as a reference, then create equivalent pages/components in the current app following the app's existing patterns and conventions.
51
+
52
+ Place new routes inside the existing app's router (e.g. `routes.tsx`). Do not replace the app shell; add the feature as new routes or sections within it.
53
+
54
+ ## 6. Verify
55
+
56
+ - Confirm the app builds without errors.
57
+ - Confirm any new routes are accessible and render correctly.
58
+
package/dist/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [1.13.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.12.0...v1.13.0) (2026-02-06)
7
+
8
+
9
+ ### Features
10
+
11
+ * adding a sample feature package for reference ([#77](https://github.com/salesforce-experience-platform-emu/webapps/issues/77)) ([94b4d8e](https://github.com/salesforce-experience-platform-emu/webapps/commit/94b4d8e5e89c10888868b8b014c1032ff4b6177d))
12
+
13
+
14
+
15
+
16
+
6
17
  # [1.12.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.11.2...v1.12.0) (2026-02-06)
7
18
 
8
19
  **Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
3
- "version": "1.12.0",
3
+ "version": "1.13.0",
4
4
  "description": "Base SFDX project template",
5
5
  "private": true,
6
6
  "files": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforce/webapp-template-feature-react-authentication-experimental",
3
- "version": "1.12.0",
3
+ "version": "1.13.0",
4
4
  "description": "Authentication feature for web applications",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "author": "",
@@ -19,7 +19,7 @@
19
19
  "watch": "npx tsx ../../cli/src/index.ts watch-patches packages/template/feature/feature-react-authentication packages/template/base-app/base-react-app packages/template/feature/feature-react-authentication/dist"
20
20
  },
21
21
  "devDependencies": {
22
- "@salesforce/webapp-experimental": "^1.12.0",
22
+ "@salesforce/webapp-experimental": "^1.13.0",
23
23
  "@tanstack/react-form": "^1.27.7",
24
24
  "@types/react": "^19.2.7",
25
25
  "@types/react-dom": "^19.2.3",
@@ -27,5 +27,5 @@
27
27
  "react-router": "^7.10.1",
28
28
  "vite": "^7.3.1"
29
29
  },
30
- "gitHead": "503a8f0d9d00f1c3dea58b7457dbf288b14a3e5a"
30
+ "gitHead": "f5823a67b25f01d2c4510377cb4d2c34e7ace922"
31
31
  }