@salesforce/webapp-template-app-react-b2c-sample-experimental 1.35.2 → 1.36.0

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

@@ -9,9 +9,12 @@
     "build:e2e": "npm run build && node scripts/rewrite-e2e-assets.mjs",
     "lint": "eslint .",
     "preview": "vite preview",
-    "test": "vitest"
+    "test": "vitest",
+    "graphql:codegen": "graphql-codegen",
+    "graphql:schema": "node scripts/get-graphql-schema.mjs"
   },
   "dependencies": {
+    "@salesforce/sdk-data": "^1.11.2",
     "@salesforce/webapp-experimental": "*",
     "@tailwindcss/vite": "^4.1.17",
     "react": "^19.2.0",
@@ -21,6 +24,12 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
+    "@graphql-codegen/cli": "^6.1.0",
+    "@graphql-codegen/typescript": "^5.0.6",
+    "@graphql-codegen/typescript-operations": "^5.0.6",
+    "@graphql-eslint/eslint-plugin": "^4.1.0",
+    "@graphql-tools/utils": "^11.0.0",
+    "@playwright/test": "^1.49.0",
     "@salesforce/vite-plugin-webapp-experimental": "*",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
@@ -31,15 +40,18 @@
     "@vitejs/plugin-react": "^5.1.1",
     "@vitest/ui": "^4.0.17",
     "eslint": "^9.39.1",
+    "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
+    "graphql": "^16.11.0",
+    "graphql-codegen-typescript-operation-types": "^2.0.2",
     "jsdom": "^25.0.1",
+    "serve": "^14.2.5",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
     "vite": "^7.2.4",
-    "vitest": "^4.0.17",
-    "@playwright/test": "^1.49.0",
-    "serve": "^14.2.5"
+    "vite-plugin-graphql-codegen": "^3.6.3",
+    "vitest": "^4.0.17"
   }
 }

package/dist/force-app/main/default/webapplications/appreactb2csample/scripts/get-graphql-schema.mjs

@@ -0,0 +1,68 @@
+/**
+ * Downloads the full GraphQL schema from a connected Salesforce org via introspection.
+ *
+ * Usage:
+ *   npm run graphql:schema
+ *   node scripts/get-graphql-schema.mjs [output-path]
+ *
+ * The default output path matches the schema location expected by codegen.yml
+ * and .graphqlrc.yml so that codegen and IDE tooling resolve it automatically.
+ */
+import { writeFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { getOrgInfo } from '@salesforce/webapp-experimental/app';
+import { buildClientSchema, getIntrospectionQuery, printSchema } from 'graphql';
+import { pruneSchema } from '@graphql-tools/utils';
+
+const DEFAULT_SCHEMA_PATH = '../../../../../schema.graphql';
+
+async function executeSalesforceGraphQLQuery(query, variables, operationName) {
+  const {
+    rawInstanceUrl: instanceUrl,
+    apiVersion,
+    accessToken,
+  } = await getOrgInfo();
+
+  const targetUrl = `${instanceUrl}/services/data/v${apiVersion}/graphql`;
+
+  console.log(`Executing introspection query against ${targetUrl}`);
+  const response = await fetch(targetUrl, {
+    method: 'POST',
+    headers: {
+      Authorization: `Bearer ${accessToken}`,
+      'Content-Type': 'application/json',
+      'X-Chatter-Entity-Encoding': 'false',
+    },
+    body: JSON.stringify({ query, variables, operationName }),
+  });
+
+  if (!response.ok) {
+    const errorText = await response.text();
+    throw new Error(
+      `Salesforce GraphQL request failed: ${response.status} ${response.statusText} - ${errorText}`
+    );
+  }
+
+  return response.json();
+}
+
+try {
+  const outputPath = resolve(process.argv[2] || DEFAULT_SCHEMA_PATH);
+
+  const introspectionResult = await executeSalesforceGraphQLQuery(
+    getIntrospectionQuery(),
+    {},
+    'IntrospectionQuery'
+  );
+
+  const schema = buildClientSchema(introspectionResult.data);
+  const prunedSchema = pruneSchema(schema);
+  const sdl = printSchema(prunedSchema);
+
+  writeFileSync(outputPath, sdl);
+
+  console.log(`Schema saved to ${outputPath}`);
+} catch (error) {
+  console.error('Error:', error.message);
+  process.exit(1);
+}

package/dist/force-app/main/default/webapplications/appreactb2csample/src/api/graphql-operations-types.ts

@@ -12,7 +12,9 @@ export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & {
 export type MakeEmpty<
   T extends { [key: string]: unknown },
   K extends keyof T,
-> = { [_ in K]?: never };
+> = {
+  [_ in K]?: never;
+};
 export type Incremental<T> =
   | T
   | {

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

@@ -0,0 +1,33 @@
+import { executeGraphQL } from '@salesforce/webapp-experimental/api';
+import HIGH_REVENUE_ACCOUNTS_QUERY from './query/highRevenueAccountsQuery.graphql?raw';
+import type {
+  GetHighRevenueAccountsQuery,
+  GetHighRevenueAccountsQueryVariables,
+} from '../graphql-operations-types';
+
+type AccountNode = NonNullable<
+  NonNullable<
+    NonNullable<
+      NonNullable<
+        GetHighRevenueAccountsQuery['uiapi']['query']['Account']
+      >['edges']
+    >[number]
+  >['node']
+>;
+
+/**
+ * Fetch accounts with annual revenue greater than the specified amount
+ *
+ * @param minRevenue - Minimum annual revenue threshold (default: 100000)
+ * @returns Array of accounts matching the criteria
+ */
+export async function getHighRevenueAccounts(
+  variables: GetHighRevenueAccountsQueryVariables
+): Promise<(AccountNode | null | undefined)[]> {
+  const response = await executeGraphQL<GetHighRevenueAccountsQuery>(
+    HIGH_REVENUE_ACCOUNTS_QUERY,
+    variables
+  );
+
+  return response.uiapi?.query?.Account?.edges?.map(edge => edge?.node) || [];
+}

package/dist/force-app/main/default/webapplications/appreactb2csample/vite.config.ts

@@ -4,12 +4,29 @@ import path from 'path';
 import { resolve } from 'path';
 import tailwindcss from '@tailwindcss/vite';
 import salesforce from '@salesforce/vite-plugin-webapp-experimental';
+import codegen from 'vite-plugin-graphql-codegen';
 
 export default defineConfig(({ mode }) => {
   return {
     // Ensure root base for e2e/static serve; plugin may override when deployed under a path
     base: '/',
-    plugins: [tailwindcss(), react(), salesforce()],
+    plugins: [
+      tailwindcss(),
+      react(),
+      salesforce(),
+      codegen({
+        // Path to the codegen config file
+        configFilePathOverride: resolve(__dirname, 'codegen.yml'),
+        // Run codegen on dev server start
+        runOnStart: true,
+        // Don't run codegen on build for now
+        runOnBuild: false,
+        // Enable file watcher during development
+        enableWatcher: true,
+        // Fail build if codegen errors
+        throwOnBuild: true,
+      }),
+    ],
 
     // Build configuration for MPA
     build: {

package/dist/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-app-react-b2c-sample-experimental",
-  "version": "1.35.2",
+  "version": "1.36.0",
   "description": "B2C sample app template with app shell",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",
@@ -24,5 +24,5 @@
     "react-dom": "^19.2.1",
     "react-router": "^7.10.1"
   },
-  "gitHead": "b76cec0816888528ccb040ecb91964fe45b9e843"
+  "gitHead": "b777854a57e42c3f676507c4b1ad27e23fbbd0d0"
 }