@salesforce/webapp-template-feature-micro-frontend 1.30.0

package/dist/force-app/main/default/webapplications/feature-micro-frontend/.prettierrc

@@ -0,0 +1,11 @@
+{
+  "semi": true,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "bracketSpacing": true,
+  "arrowParens": "avoid",
+  "endOfLine": "lf"
+}

package/dist/force-app/main/default/webapplications/feature-micro-frontend/build/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfigFnObject;
+export default _default;

package/dist/force-app/main/default/webapplications/feature-micro-frontend/build/vite.config.js

@@ -0,0 +1,74 @@
+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';
+export default defineConfig(function (_a) {
+    var mode = _a.mode;
+    return {
+        plugins: [tailwindcss(), react(), salesforce()],
+        // 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/feature-micro-frontend/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/feature-micro-frontend/eslint.config.js

@@ -0,0 +1,113 @@
+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';
+
+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',
+    },
+  },
+];

package/dist/force-app/main/default/webapplications/feature-micro-frontend/feature-micro-frontend.webapplication-meta.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<WebApplication xmlns="http://soap.sforce.com/2006/04/metadata">
+    <apiVersion>65.0</apiVersion>
+    <masterLabel>feature-micro-frontend</masterLabel>
+    <description>A Salesforce Web App to embed as a Micro Frontend.</description>
+    <active>true</active>
+    <version>1</version>
+    <supportedTargets>
+        <target>lightningOut</target>
+    </supportedTargets>
+</WebApplication>

package/dist/force-app/main/default/webapplications/feature-micro-frontend/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>