@salesforce/webapp-template-app-react-template-b2e-experimental 1.36.3

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/build/vite.config.js

@@ -0,0 +1,94 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+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(),
+            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'),
+            assetsDir: 'assets',
+            sourcemap: false,
+        },
+        // Resolve aliases (shared between build and test)
+        resolve: {
+            dedupe: ['react', 'react-dom'],
+            alias: {
+                '@': path.resolve(__dirname, './src'),
+                '@api': path.resolve(__dirname, './src/api'),
+                '@components': path.resolve(__dirname, './src/components'),
+                '@utils': path.resolve(__dirname, './src/utils'),
+                '@styles': path.resolve(__dirname, './src/styles'),
+                '@assets': path.resolve(__dirname, './src/assets'),
+            },
+        },
+        // Vitest configuration
+        test: {
+            // Override root for tests (build uses src/pages as root)
+            root: resolve(__dirname),
+            // Use jsdom environment for React component testing
+            environment: 'jsdom',
+            // Setup files to run before each test
+            setupFiles: ['./src/test/setup.ts'],
+            // Global test patterns
+            include: [
+                'src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}',
+                'src/**/__tests__/**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}',
+            ],
+            // Coverage configuration
+            coverage: {
+                provider: 'v8',
+                reporter: ['text', 'html', 'clover', 'json'],
+                exclude: [
+                    'node_modules/',
+                    'src/test/',
+                    'src/**/*.d.ts',
+                    'src/main.tsx',
+                    'src/vite-env.d.ts',
+                    'src/components/**/index.ts',
+                    '**/*.config.ts',
+                    'build/',
+                    'dist/',
+                    'coverage/',
+                    'eslint.config.js',
+                ],
+                thresholds: {
+                    global: {
+                        branches: 85,
+                        functions: 85,
+                        lines: 85,
+                        statements: 85,
+                    },
+                },
+            },
+            // Test timeout
+            testTimeout: 10000,
+            // Globals for easier testing
+            globals: true,
+        },
+    };
+});

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/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/dist/force-app/main/default/webapplications/appreacttemplateb2e/e2e/app.spec.ts

@@ -0,0 +1,24 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('base-react-app', () => {
+  test('home page loads and shows welcome content', async ({ page }) => {
+    await page.goto('/');
+    await expect(page.getByRole('heading', { name: 'Home' })).toBeVisible();
+    await expect(
+      page.getByText('Welcome to your React application.')
+    ).toBeVisible();
+  });
+
+  test('about page loads', async ({ page }) => {
+    await page.goto('/about');
+    await expect(page).toHaveURL(/\/about/);
+    await expect(page.getByRole('heading', { name: 'About' })).toBeVisible();
+    await expect(page.getByText('This is the about page.')).toBeVisible();
+  });
+
+  test('not found route shows 404', async ({ page }) => {
+    await page.goto('/non-existent-route');
+    await expect(page.getByRole('heading', { name: '404' })).toBeVisible();
+    await expect(page.getByText('Page not found')).toBeVisible();
+  });
+});

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/eslint.config.js

@@ -0,0 +1,141 @@
+import js from '@eslint/js';
+import tseslint from '@typescript-eslint/eslint-plugin';
+import tsparser from '@typescript-eslint/parser';
+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
+  {
+    ignores: ['build/**/*', 'dist/**/*', 'coverage/**/*'],
+  },
+  // Config files and build tools (first to avoid inheritance)
+  {
+    files: ['*.config.{js,ts}', 'vite.config.ts'],
+    languageOptions: {
+      parser: tsparser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+      },
+      globals: {
+        ...globals.node,
+        __dirname: 'readonly',
+        process: 'readonly',
+      },
+    },
+    plugins: {
+      '@typescript-eslint': tseslint,
+    },
+    rules: {
+      '@typescript-eslint/no-var-requires': 'off',
+    },
+  },
+  // Main TypeScript/React files
+  {
+    files: ['**/*.{ts,tsx}'],
+    ignores: [
+      'coverage',
+      'dist',
+      'node_modules',
+      'build',
+      '*.config.{js,ts}',
+      'vite.config.ts',
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      sourceType: 'module',
+      parser: tsparser,
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        project: './tsconfig.json',
+      },
+      globals: {
+        ...globals.browser,
+        JSX: 'readonly',
+      },
+    },
+    plugins: {
+      react,
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+      '@typescript-eslint': tseslint,
+    },
+    rules: {
+      ...js.configs.recommended.rules,
+      ...tseslint.configs.recommended.rules,
+      ...react.configs.recommended.rules,
+      ...reactHooks.configs.recommended.rules,
+      'react/react-in-jsx-scope': 'off',
+      'react/prop-types': 'off',
+      'react/jsx-no-comment-textnodes': 'off',
+      'react/no-unescaped-entities': 'off',
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        { argsIgnorePattern: '^_' },
+      ],
+      '@typescript-eslint/explicit-function-return-type': 'off',
+      '@typescript-eslint/explicit-module-boundary-types': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+  },
+  // Test files
+  {
+    files: [
+      '**/*.test.{ts,tsx}',
+      '**/test/**/*.{ts,tsx}',
+      'src/test/**/*.{ts,tsx}',
+    ],
+    languageOptions: {
+      parser: tsparser,
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        global: 'writable',
+        JSX: 'readonly',
+      },
+    },
+    rules: {
+      '@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',
+    },
+  },
+];

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Welcome to React App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/app.tsx"></script>
+  </body>
+</html>