@salesforce/webapp-template-base-react-app-experimental 1.35.1 → 1.36.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.36.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.35.2...v1.36.0) (2026-02-19)
+
+### Features
+
+- move graphql eslint config and data sdk dependencies into base app ([#111](https://github.com/salesforce-experience-platform-emu/webapps/issues/111)) ([e9f6cb0](https://github.com/salesforce-experience-platform-emu/webapps/commit/e9f6cb066d45b2922a8c65769a7309ffd1345a2c))
+
+## [1.35.2](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.35.1...v1.35.2) (2026-02-19)
+
+### Bug Fixes
+
+- adding template tests in ci @W-20919457 ([#114](https://github.com/salesforce-experience-platform-emu/webapps/issues/114)) ([ebd3d5a](https://github.com/salesforce-experience-platform-emu/webapps/commit/ebd3d5a5d1d84d7ae69b216de82da4a09edb6cb8))
+
 ## [1.35.1](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.35.0...v1.35.1) (2026-02-18)
 
 ### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-base-react-app-experimental",
-  "version": "1.35.1",
+  "version": "1.36.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "publishConfig": {
     "access": "public"
@@ -12,8 +12,8 @@
   "scripts": {
     "test": "npm run test:build && npm run test:e2e",
     "test:build": "cd src/force-app/main/default/webapplications/base-react-app && npm ci && npm run build",
-    "test:coverage": "npm run test:e2e",
+    "test:coverage": "npm run test",
     "test:e2e": "cd src/force-app/main/default/webapplications/base-react-app && rm -rf node_modules && npm ci && npx playwright install chromium && npm run build:e2e && npx playwright test"
   },
-  "gitHead": "e16e1218a56c6c03b8c71ec2e2057b3ecc4eb2e2"
+  "gitHead": "b777854a57e42c3f676507c4b1ad27e23fbbd0d0"
 }

package/src/force-app/main/default/webapplications/base-react-app/.graphqlrc.yml

@@ -0,0 +1,2 @@
+schema: '../../../../../schema.graphql'
+documents: 'src/**/*.{graphql,js,ts,jsx,tsx}'

package/src/force-app/main/default/webapplications/base-react-app/build/vite.config.js

@@ -4,12 +4,30 @@ 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(function (_a) {
     var mode = _a.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: {
             outDir: resolve(__dirname, 'dist'),

package/src/force-app/main/default/webapplications/base-react-app/codegen.yml

@@ -0,0 +1,12 @@
+schema: '../../../../../schema.graphql'
+documents: 'src/**/*.{graphql,ts,tsx}'
+generates:
+  src/api/graphql-operations-types.ts:
+    plugins:
+      - 'graphql-codegen-typescript-operation-types'
+      - 'typescript-operations'
+    config:
+      onlyOperationTypes: true
+      skipTypename: true
+      preResolveTypes: true
+overwrite: true

package/src/force-app/main/default/webapplications/base-react-app/eslint.config.js

@@ -5,6 +5,7 @@ import react from 'eslint-plugin-react';
 import reactHooks from 'eslint-plugin-react-hooks';
 import reactRefresh from 'eslint-plugin-react-refresh';
 import globals from 'globals';
+import graphqlPlugin from '@graphql-eslint/eslint-plugin';
 
 export default [
   // Global ignores
@@ -110,4 +111,31 @@ export default [
       '@typescript-eslint/no-explicit-any': 'off',
     },
   },
+  // GraphQL processor - extracts GraphQL from gql template literals in TS/TSX files
+  {
+    files: ['**/*.{ts,tsx}'],
+    processor: graphqlPlugin.processor,
+  },
+  // GraphQL linting configuration for .graphql files
+  {
+    files: ['**/*.graphql'],
+    languageOptions: {
+      parser: graphqlPlugin.parser,
+      parserOptions: {
+        graphQLConfig: {
+          schema: '../../../../../schema.graphql',
+        },
+      },
+    },
+    plugins: {
+      '@graphql-eslint': graphqlPlugin,
+    },
+    rules: {
+      '@graphql-eslint/no-anonymous-operations': 'error',
+      '@graphql-eslint/no-duplicate-fields': 'error',
+      '@graphql-eslint/known-fragment-names': 'error',
+      '@graphql-eslint/no-undefined-variables': 'error',
+      '@graphql-eslint/no-unused-variables': 'error',
+    },
+  },
 ];