@salesforce/webapp-template-app-react-sample-b2e-experimental 1.53.1 → 1.54.0

package/dist/.a4drules/build-validation.md

@@ -66,7 +66,7 @@ npm run lint         # Run ESLint (always available)
 
 ## Key Commands (web app directory)
 ```bash
-npm run start        # Start development server (vite)
+npm run dev          # Start development server (vite)
 npm run build        # TypeScript + Vite build; check deployment readiness
 npm run lint         # Run ESLint
 ```

package/dist/.a4drules/react.md

@@ -33,7 +33,7 @@ The layout file is: `force-app/main/default/webapplications/<appName>/src/appLay
 - Main entry component: `force-app/main/default/webapplications/<appName>/src/App.tsx`
 - **Theme/layout shell**: `force-app/main/default/webapplications/<appName>/src/appLayout.tsx` — wraps all routed content (navigation, header, sidebar, outlet). Routes use `<AppLayout />` as the layout element; page content renders inside it via `<Outlet />`. When making UI edits that affect global layout, navigation, header, footer, sidebar, or theme, **you must consider and edit appLayout.tsx** in addition to page or component files; do not only edit individual pages and omit the layout.
 - Running Development Server (from the web app directory):
-  - `npm run start` — starts the Vite dev server
+  - `npm run dev` — starts the Vite dev server
   - You can generally assume the dev server is already running and don't need to start it.
 - Build (from the web app directory):
   - `npm run build` — TypeScript check + Vite build

package/dist/AGENT.md

@@ -38,7 +38,7 @@ cd force-app/main/default/webapplications/<appName>
 
 | Command | Purpose |
 |---------|---------|
-| `npm run start` | Start Vite dev server |
+| `npm run dev` | Start Vite dev server |
 | `npm run build` | TypeScript (`tsc -b`) + Vite build |
 | `npm run lint` | ESLint for the React app |
 | `npm run test` | Vitest |

package/dist/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.54.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.53.2...v1.54.0) (2026-02-25)
+
+**Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental
+
+
+
+
+
+## [1.53.2](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.53.1...v1.53.2) (2026-02-25)
+
+
+### Bug Fixes
+
+* move ACC from layout embed to route-based page approach ([#156](https://github.com/salesforce-experience-platform-emu/webapps/issues/156)) ([b778f44](https://github.com/salesforce-experience-platform-emu/webapps/commit/b778f44a7897fbf0914d7b1ebb36079c0b2d70fd))
+
+
+
+
+
 ## [1.53.1](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.53.0...v1.53.1) (2026-02-25)
 
 **Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental

package/dist/force-app/main/default/webapplications/appreactsampleb2e/package.json

@@ -4,7 +4,7 @@
   "version": "1.0.0",
   "type": "module",
   "scripts": {
-    "start": "vite",
+    "dev": "vite",
     "build": "tsc -b && vite build",
     "build:e2e": "npm run build && node scripts/rewrite-e2e-assets.mjs",
     "lint": "eslint .",

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/api/dashboard.ts

@@ -1,4 +1,4 @@
-import { executeGraphQL } from "@salesforce/webapp-experimental/api";
+import { getDataSDK } from "@salesforce/webapp-experimental/api";
 import type { DashboardMetrics, Application } from "../lib/types.js";
 import { gql } from "./utils.js";
 import type {
@@ -103,7 +103,15 @@ export async function getDashboardMetrics(): Promise<{
 	properties: any[];
 	maintenanceRequests: any[];
 }> {
-	const response = await executeGraphQL<GetDashboardMetricsQuery>(GET_DASHBOARD_METRICS);
+	const data = await getDataSDK();
+	const result = await data.graphql?.<GetDashboardMetricsQuery>(GET_DASHBOARD_METRICS);
+
+	if (result?.errors?.length) {
+		const errorMessages = result.errors.map((e) => e.message).join("; ");
+		throw new Error(`GraphQL Error: ${errorMessages}`);
+	}
+
+	const response = result?.data;
 	const properties = response?.uiapi?.query?.allProperties?.edges?.map((edge) => edge?.node) || [];
 	const maintenanceRequests =
 		response?.uiapi?.query?.maintenanceRequests?.edges?.map((edge) => edge?.node) || [];
@@ -113,9 +121,19 @@ export async function getDashboardMetrics(): Promise<{
 // Fetch open applications
 export async function getOpenApplications(first: number = 5): Promise<Application[]> {
 	const variables: GetOpenApplicationsQueryVariables = { first };
-	const response = await executeGraphQL<GetOpenApplicationsQuery>(GET_OPEN_APPLICATIONS, variables);
+	const data = await getDataSDK();
+	const result = await data.graphql?.<GetOpenApplicationsQuery, GetOpenApplicationsQueryVariables>(
+		GET_OPEN_APPLICATIONS,
+		variables,
+	);
+
+	if (result?.errors?.length) {
+		const errorMessages = result.errors.map((e) => e.message).join("; ");
+		throw new Error(`GraphQL Error: ${errorMessages}`);
+	}
+
 	const apps =
-		response?.uiapi?.query?.Application__c?.edges?.map((edge) =>
+		result?.data?.uiapi?.query?.Application__c?.edges?.map((edge) =>
 			transformApplication(edge?.node),
 		) || [];
 	return apps;
@@ -124,8 +142,15 @@ export async function getOpenApplications(first: number = 5): Promise<Applicatio
 // Fetch current user information
 export async function getUserInfo(): Promise<{ name: string; id: string } | null> {
 	try {
-		const response = await executeGraphQL<GetUserInfoQuery>(GET_USER_INFO);
-		const user = response?.uiapi?.query?.User?.edges?.[0]?.node;
+		const data = await getDataSDK();
+		const result = await data.graphql?.<GetUserInfoQuery>(GET_USER_INFO);
+
+		if (result?.errors?.length) {
+			const errorMessages = result.errors.map((e) => e.message).join("; ");
+			throw new Error(`GraphQL Error: ${errorMessages}`);
+		}
+
+		const user = result?.data?.uiapi?.query?.User?.edges?.[0]?.node;
 		if (user) {
 			return {
 				id: user.Id,

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/api/maintenance.ts

@@ -1,4 +1,4 @@
-import { executeGraphQL } from "@salesforce/webapp-experimental/api";
+import { getDataSDK } from "@salesforce/webapp-experimental/api";
 import type { MaintenanceRequest } from "../lib/types.js";
 import { gql } from "./utils.js";
 import type {
@@ -130,12 +130,19 @@ const GET_ALL_MAINTENANCE_REQUESTS = gql`
 // Fetch maintenance requests for dashboard
 export async function getMaintenanceRequests(first: number = 5): Promise<MaintenanceRequest[]> {
 	const variables: GetMaintenanceRequestsQueryVariables = { first };
-	const response = await executeGraphQL<GetMaintenanceRequestsQuery>(
-		GET_MAINTENANCE_REQUESTS,
-		variables,
-	);
+	const data = await getDataSDK();
+	const result = await data.graphql?.<
+		GetMaintenanceRequestsQuery,
+		GetMaintenanceRequestsQueryVariables
+	>(GET_MAINTENANCE_REQUESTS, variables);
+
+	if (result?.errors?.length) {
+		const errorMessages = result.errors.map((e) => e.message).join("; ");
+		throw new Error(`GraphQL Error: ${errorMessages}`);
+	}
+
 	const requests =
-		response?.uiapi?.query?.Maintenance_Request__c?.edges?.map((edge) =>
+		result?.data?.uiapi?.query?.Maintenance_Request__c?.edges?.map((edge) =>
 			transformMaintenanceRequest(edge?.node),
 		) || [];
 	return requests;
@@ -146,12 +153,19 @@ export async function getAllMaintenanceRequests(
 	first: number = 100,
 ): Promise<MaintenanceRequest[]> {
 	const variables: GetAllMaintenanceRequestsQueryVariables = { first };
-	const response = await executeGraphQL<GetAllMaintenanceRequestsQuery>(
-		GET_ALL_MAINTENANCE_REQUESTS,
-		variables,
-	);
+	const data = await getDataSDK();
+	const result = await data.graphql?.<
+		GetAllMaintenanceRequestsQuery,
+		GetAllMaintenanceRequestsQueryVariables
+	>(GET_ALL_MAINTENANCE_REQUESTS, variables);
+
+	if (result?.errors?.length) {
+		const errorMessages = result.errors.map((e) => e.message).join("; ");
+		throw new Error(`GraphQL Error: ${errorMessages}`);
+	}
+
 	const requests =
-		response?.uiapi?.query?.Maintenance_Request__c?.edges?.map((edge: any) =>
+		result?.data?.uiapi?.query?.Maintenance_Request__c?.edges?.map((edge: any) =>
 			transformMaintenanceTaskFull(edge?.node),
 		) || [];
 	return requests;

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/api/properties.ts

@@ -1,4 +1,4 @@
-import { executeGraphQL } from "@salesforce/webapp-experimental/api";
+import { getDataSDK } from "@salesforce/webapp-experimental/api";
 import type { Property } from "../lib/types.js";
 import { gql } from "./utils.js";
 import type {
@@ -102,7 +102,18 @@ export async function getProperties(first: number = 12, after?: string): Promise
 		variables.after = after;
 	}
 
-	const response = await executeGraphQL<GetPropertiesQuery>(GET_PROPERTIES_PAGINATED, variables);
+	const data = await getDataSDK();
+	const result = await data.graphql?.<GetPropertiesQuery, GetPropertiesQueryVariables>(
+		GET_PROPERTIES_PAGINATED,
+		variables,
+	);
+
+	if (result?.errors?.length) {
+		const errorMessages = result.errors.map((e) => e.message).join("; ");
+		throw new Error(`GraphQL Error: ${errorMessages}`);
+	}
+
+	const response = result?.data;
 	const edges = response?.uiapi?.query?.Property__c?.edges || [];
 	const pageInfo = response?.uiapi?.query?.Property__c?.pageInfo || {
 		hasNextPage: false,

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/api/utils/accounts.ts

@@ -1,4 +1,4 @@
-import { executeGraphQL } from '@salesforce/webapp-experimental/api';
+import { getDataSDK } from '@salesforce/webapp-experimental/api';
 import HIGH_REVENUE_ACCOUNTS_QUERY from './query/highRevenueAccountsQuery.graphql?raw';
 import type {
   GetHighRevenueAccountsQuery,
@@ -24,10 +24,18 @@ type AccountNode = NonNullable<
 export async function getHighRevenueAccounts(
   variables: GetHighRevenueAccountsQueryVariables
 ): Promise<(AccountNode | null | undefined)[]> {
-  const response = await executeGraphQL<GetHighRevenueAccountsQuery>(
-    HIGH_REVENUE_ACCOUNTS_QUERY,
-    variables
-  );
+  const data = await getDataSDK();
+  const response = await data.graphql?.<
+    GetHighRevenueAccountsQuery,
+    GetHighRevenueAccountsQueryVariables
+  >(HIGH_REVENUE_ACCOUNTS_QUERY, variables);
+
+  if (response?.errors?.length) {
+    const errorMessages = response.errors.map(e => e.message).join('; ');
+    throw new Error(`GraphQL Error: ${errorMessages}`);
+  }
 
-  return response.uiapi?.query?.Account?.edges?.map(edge => edge?.node) || [];
+  return (
+    response?.data?.uiapi?.query?.Account?.edges?.map(edge => edge?.node) || []
+  );
 }

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-  "version": "1.53.1",
+  "version": "1.54.0",
   "description": "Base SFDX project template",
   "private": true,
   "files": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-app-react-sample-b2e-experimental",
-  "version": "1.53.1",
+  "version": "1.54.0",
   "description": "B2E starter app template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",
@@ -38,10 +38,10 @@
       "watch": {
         "executor": "@salesforce/webapp-template-cli-experimental:watch-patches"
       },
-      "start": {
+      "dev": {
         "executor": "@salesforce/webapp-template-cli-experimental:dev-server"
       }
     }
   },
-  "gitHead": "c483d93820fdddc821cdb3706c51263999cbcf1f"
+  "gitHead": "b48827161c23db20c7e546a857fe8c9f5f560c20"
 }