Rename webapp-template npm packages to ui-bundle-template @W-21338965@ (#135)

* chore: rename webapp-template packages to ui-bundle-template

* chore: sync React b2e and b2x samples from npm @1.117.3

* chore: rename sample folders to match ui-bundle-template package names

* chore: sync React b2e and b2x samples from npm @1.117.5

* chore: remove accidental trace.md from b2e sample

* chore: keep old webapp-template sample directories alongside new ui-bundle-template ones

* chore: revert component.md change from skills/generating-webapplication-ui

* chore: update ui-bundle-template sample versions to 1.117.5

Author: k-j-kim

.github/workflows/sync-react-samples.yml

@@ -1,6 +1,6 @@
 # Syncs React sample packages from npm into samples/:
-#   - @salesforce/webapp-template-app-react-sample-b2e-experimental
-#   - @salesforce/webapp-template-app-react-sample-b2x-experimental
+#   - @salesforce/ui-bundle-template-app-react-sample-b2e
+#   - @salesforce/ui-bundle-template-app-react-sample-b2x
 #
 # Opens a single PR when either (or both) npm package versions have changed.
 # Same steps as running locally: npm install && npm run sync-react-b2e-sample
@@ -37,7 +37,7 @@ jobs:
       - name: Get latest B2E npm version
         id: npm-version-b2e
         run: |
-          LATEST=$(npm view @salesforce/webapp-template-app-react-sample-b2e-experimental version)
+          LATEST=$(npm view @salesforce/ui-bundle-template-app-react-sample-b2e version)
           if [ -z "$LATEST" ]; then
             echo "ERROR: npm view returned empty version for B2E package" >&2
             exit 1
@@ -47,7 +47,7 @@ jobs:
       - name: Read current synced B2E version
         id: current-version-b2e
         run: |
-          VERSION_FILE="samples/webapp-template-app-react-sample-b2e-experimental/.version"
+          VERSION_FILE="samples/ui-bundle-template-app-react-sample-b2e/.version"
           if [ -f "$VERSION_FILE" ]; then
             CURRENT=$(cat "$VERSION_FILE" | tr -d '[:space:]')
             echo "current=$CURRENT" >> $GITHUB_OUTPUT
@@ -59,7 +59,7 @@ jobs:
       - name: Get latest B2X npm version
         id: npm-version-b2x
         run: |
-          LATEST=$(npm view @salesforce/webapp-template-app-react-sample-b2x-experimental version)
+          LATEST=$(npm view @salesforce/ui-bundle-template-app-react-sample-b2x version)
           if [ -z "$LATEST" ]; then
             echo "ERROR: npm view returned empty version for 2x package" >&2
             exit 1
@@ -69,7 +69,7 @@ jobs:
       - name: Read current synced B2X version
         id: current-version-b2x
         run: |
-          VERSION_FILE="samples/webapp-template-app-react-sample-b2x-experimental/.version"
+          VERSION_FILE="samples/ui-bundle-template-app-react-sample-b2x/.version"
           if [ -f "$VERSION_FILE" ]; then
             CURRENT=$(cat "$VERSION_FILE" | tr -d '[:space:]')
             echo "current=$CURRENT" >> $GITHUB_OUTPUT
@@ -109,11 +109,11 @@ jobs:
 
       - name: Install latest B2E package
         if: steps.skip.outputs.skip != 'true' && steps.skip.outputs.b2e_changed == 'true'
-        run: npm install @salesforce/webapp-template-app-react-sample-b2e-experimental@latest
+        run: npm install @salesforce/ui-bundle-template-app-react-sample-b2e@latest
 
       - name: Install latest B2X package
         if: steps.skip.outputs.skip != 'true' && steps.skip.outputs.b2x_changed == 'true'
-        run: npm install @salesforce/webapp-template-app-react-sample-b2x-experimental@latest
+        run: npm install @salesforce/ui-bundle-template-app-react-sample-b2x@latest
 
       - name: Sync B2E sample
         if: steps.skip.outputs.skip != 'true'
@@ -133,12 +133,12 @@ jobs:
 
           if [ "${{ steps.skip.outputs.b2e_changed }}" = "true" ]; then
             PARTS="${PARTS}b2e-${{ steps.npm-version-b2e.outputs.latest }}"
-            BODY="${BODY}- **B2E** \`@salesforce/webapp-template-app-react-sample-b2e-experimental\`: ${{ steps.current-version-b2e.outputs.current || 'none' }} → ${{ steps.npm-version-b2e.outputs.latest }}"$'\n'
+            BODY="${BODY}- **B2E** \`@salesforce/ui-bundle-template-app-react-sample-b2e\`: ${{ steps.current-version-b2e.outputs.current || 'none' }} → ${{ steps.npm-version-b2e.outputs.latest }}"$'\n'
           fi
           if [ "${{ steps.skip.outputs.b2x_changed }}" = "true" ]; then
             if [ -n "$PARTS" ]; then PARTS="${PARTS}-"; fi
             PARTS="${PARTS}b2x-${{ steps.npm-version-b2x.outputs.latest }}"
-            BODY="${BODY}- **B2X** \`@salesforce/webapp-template-app-react-sample-b2x-experimental\`: ${{ steps.current-version-b2x.outputs.current || 'none' }} → ${{ steps.npm-version-b2x.outputs.latest }}"$'\n'
+            BODY="${BODY}- **B2X** \`@salesforce/ui-bundle-template-app-react-sample-b2x\`: ${{ steps.current-version-b2x.outputs.current || 'none' }} → ${{ steps.npm-version-b2x.outputs.latest }}"$'\n'
           fi
 
           echo "branch=chore/sync-react-samples-${PARTS}" >> $GITHUB_OUTPUT

.template-versions.json

@@ -1,6 +1,6 @@
 {
-  "@salesforce/webapp-template-app-react-sample-b2e-experimental": "1.107.0",
-  "@salesforce/webapp-template-app-react-sample-b2x-experimental": "1.107.0",
+  "@salesforce/ui-bundle-template-app-react-sample-b2e": "1.117.5",
+  "@salesforce/ui-bundle-template-app-react-sample-b2x": "1.117.5",
   "@salesforce/webapp-template-base-sfdx-project-experimental": "1.107.0",
   "@salesforce/webapp-template-feature-react-file-upload-experimental": "1.107.0",
   "@salesforce/webapp-template-feature-react-chart-experimental": "1.107.0",

README.md

@@ -17,7 +17,7 @@ afv-library/
 │   ├── generating-flow/
 │   └── ...
 ├── samples/              # Synced sample apps (e.g. from npm)
-│   └── webapp-template-app-react-sample-b2e-experimental/
+│   └── ui-bundle-template-app-react-sample-b2e/
 │   └── ...
 ├── scripts/              
 │   └── ...
@@ -30,7 +30,7 @@ Browse the repository and copy/paste any rule or skill directly into Agentforce
 
 ## Samples
 
-The `samples/` folder contains synced sample apps. For example, `samples/webapp-template-app-react-sample-b2e-experimental/` is kept in sync with the npm package `@salesforce/webapp-template-app-react-sample-b2e-experimental` (nightly and on manual trigger via GitHub Actions). To run the same sync locally from the repo root:
+The `samples/` folder contains synced sample apps. For example, `samples/ui-bundle-template-app-react-sample-b2e/` is kept in sync with the npm package `@salesforce/ui-bundle-template-app-react-sample-b2e` (nightly and on manual trigger via GitHub Actions). To run the same sync locally from the repo root:
 
 ```bash
 npm install

package-lock.json

@@ -11,8 +11,10 @@
     "registry": "https://registry.npmjs.org"
   },
   "devDependencies": {
-    "@salesforce/webapp-template-app-react-sample-b2e-experimental": "^1.116.6",
-    "@salesforce/webapp-template-app-react-sample-b2x-experimental": "^1.116.6",
+    "@salesforce/ui-bundle-template-app-react-sample-b2e": "^1.117.5",
+    "@salesforce/ui-bundle-template-app-react-sample-b2x": "^1.117.5",
+    "@salesforce/webapp-template-app-react-sample-b2e-experimental": "^1.117.1",
+    "@salesforce/webapp-template-app-react-sample-b2x-experimental": "^1.117.1",
     "@types/js-yaml": "^4.0.9",
     "js-yaml": "^4.1.1",
     "tsx": "^4.21.0"

package.json

@@ -2,9 +2,9 @@
 
 Sample apps and templates synced into this repo for reference and reuse.
 
-## webapp-template-app-react-sample-b2e-experimental
+## ui-bundle-template-app-react-sample-b2e
 
-Source is synced from the npm package [@salesforce/webapp-template-app-react-sample-b2e-experimental](https://www.npmjs.com/package/@salesforce/webapp-template-app-react-sample-b2e-experimental). Only the package's source (no `node_modules`) is copied into `samples/webapp-template-app-react-sample-b2e-experimental/`.
+Source is synced from the npm package [@salesforce/ui-bundle-template-app-react-sample-b2e](https://www.npmjs.com/package/@salesforce/ui-bundle-template-app-react-sample-b2e). Only the package's source (no `node_modules`) is copied into `samples/ui-bundle-template-app-react-sample-b2e/`.
 
 ### How it's updated
 
@@ -16,15 +16,15 @@ Source is synced from the npm package [@salesforce/webapp-template-app-react-sam
   npm run sync-react-b2e-sample
   ```
 
-  This installs the package into root `node_modules` and copies its source into `samples/webapp-template-app-react-sample-b2e-experimental/`, and updates `.version` in that folder.
+  This installs the package into root `node_modules` and copies its source into `samples/ui-bundle-template-app-react-sample-b2e/`, and updates `.version` in that folder.
 
 ### Version tracking
 
-The file `samples/webapp-template-app-react-sample-b2e-experimental/.version` stores the last-synced npm version. The Action compares it to the latest on npm and only creates a PR when they differ.
+The file `samples/ui-bundle-template-app-react-sample-b2e/.version` stores the last-synced npm version. The Action compares it to the latest on npm and only creates a PR when they differ.
 
-## webapp-template-app-react-sample-b2x-experimental
+## ui-bundle-template-app-react-sample-b2x
 
-Source is synced from the npm package [@salesforce/webapp-template-app-react-sample-b2x-experimental](https://www.npmjs.com/package/@salesforce/webapp-template-app-react-sample-b2x-experimental). Only the package's source (no `node_modules`) is copied into `samples/webapp-template-app-react-sample-b2x-experimental/`.
+Source is synced from the npm package [@salesforce/ui-bundle-template-app-react-sample-b2x](https://www.npmjs.com/package/@salesforce/ui-bundle-template-app-react-sample-b2x). Only the package's source (no `node_modules`) is copied into `samples/ui-bundle-template-app-react-sample-b2x/`.
 
 ### How it's updated
 
@@ -36,11 +36,11 @@ Source is synced from the npm package [@salesforce/webapp-template-app-react-sam
   npm run sync-react-b2x-sample
   ```
 
-  This installs the package into root `node_modules` and copies its source into `samples/webapp-template-app-react-sample-b2x-experimental/`, and updates `.version` in that folder.
+  This installs the package into root `node_modules` and copies its source into `samples/ui-bundle-template-app-react-sample-b2x/`, and updates `.version` in that folder.
 
 ### Version tracking
 
-The file `samples/webapp-template-app-react-sample-b2x-experimental/.version` stores the last-synced npm version. The Action compares it to the latest on npm and only creates a PR when they differ.
+The file `samples/ui-bundle-template-app-react-sample-b2x/.version` stores the last-synced npm version. The Action compares it to the latest on npm and only creates a PR when they differ.
 
 ## native-mobile-rental-tenant-app
 

samples/README.md

@@ -0,0 +1,15 @@
+# List files or directories below to ignore them when running force:source:push, force:source:pull, and force:source:status
+# More information: https://developer.salesforce.com/docs/atlas.en-us.sfdx_dev.meta/sfdx_dev/sfdx_dev_exclude_source.htm
+#
+
+package.xml
+
+# LWC configuration files
+**/jsconfig.json
+**/.eslintrc.json
+
+# LWC Jest
+**/__tests__/**
+
+node_modules/
+.DS_Store

samples/ui-bundle-template-app-react-sample-b2e/.forceignore

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run precommit

samples/ui-bundle-template-app-react-sample-b2e/.husky/pre-commit

@@ -0,0 +1,11 @@
+# List files or directories below to ignore them when running prettier
+# More information: https://prettier.io/docs/en/ignore.html
+#
+
+**/staticresources/**
+.localdevserver
+.sfdx
+.sf
+.vscode
+
+coverage/