@salesforce/webapp-template-feature-graphql-experimental 1.27.0

package/src/force-app/main/default/webapplications/feature-graphql/src/pages/AccountsPage.tsx

@@ -0,0 +1,19 @@
+import { AccountsTable } from "../components/AccountsTable";
+
+/**
+ * AccountsPage – Demo page showing the AccountsTable component
+ * that fetches Salesforce data via GraphQL.
+ */
+export default function AccountsPage() {
+	return (
+		<div className="mx-auto max-w-5xl space-y-6 p-6">
+			<div>
+				<h1 className="text-2xl font-bold text-gray-900">Accounts</h1>
+				<p className="mt-1 text-sm text-gray-500">
+					High-revenue accounts fetched from Salesforce via GraphQL.
+				</p>
+			</div>
+			<AccountsTable />
+		</div>
+	);
+}

package/src/force-app/main/default/webapplications/feature-graphql/src/routes.tsx

@@ -0,0 +1,20 @@
+import type { RouteObject } from "react-router";
+import AppLayout from "./__inherit__appLayout";
+import AccountsPage from "./pages/AccountsPage";
+
+export const routes: RouteObject[] = [
+	{
+		path: "/",
+		element: <AppLayout />,
+		children: [
+			{
+				path: "accounts",
+				element: <AccountsPage />,
+				handle: {
+					showInNavigation: true,
+					label: "Accounts",
+				},
+			},
+		],
+	},
+];

package/src/force-app/main/default/webapplications/feature-graphql/vite.config.ts

@@ -0,0 +1,69 @@
+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(({ mode }) => {
+	return {
+		plugins: [tailwindcss(), react(), salesforce()],
+
+		build: {
+			outDir: resolve(__dirname, "dist"),
+			assetsDir: "assets",
+			sourcemap: false,
+		},
+
+		resolve: {
+			dedupe: ["react", "react-dom"],
+			alias: {
+				react: path.resolve(__dirname, "node_modules/react"),
+				"react-dom": path.resolve(__dirname, "node_modules/react-dom"),
+				"@": 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"),
+			},
+		},
+
+		test: {
+			root: resolve(__dirname),
+			environment: "jsdom",
+			setupFiles: ["./src/test/setup.ts"],
+			include: [
+				"src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}",
+				"src/**/__tests__/**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}",
+			],
+			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,
+					},
+				},
+			},
+			testTimeout: 10000,
+			globals: true,
+		},
+	};
+});