@salesforce/webapp-template-feature-graphql-experimental 1.35.2 → 1.36.0

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

@@ -1,48 +0,0 @@
-import type { RouteObject } from 'react-router';
-import AppLayout from './appLayout';
-import Home from './pages/Home';
-import About from './pages/About';
-import NotFound from './pages/NotFound';
-import New from "./pages/new";
-import AccountsPage from "./pages/AccountsPage";
-
-export const routes: RouteObject[] = [
-  {
-    path: "/",
-    element: <AppLayout />,
-    children: [
-      {
-        index: true,
-        element: <Home />,
-        handle: { showInNavigation: true, label: 'Home' }
-      },
-      {
-        path: "about",
-        element: <About />,
-        handle: { showInNavigation: true, label: "About" }
-      },
-      {
-        path: '*',
-        element: <NotFound />
-      },
-      {
-        path: "contact",
-        element: <h1>Hello World from Contact Page</h1>,
-        handle: { showInNavigation: false }
-      },
-      {
-        path: "new",
-        element: <New />,
-        handle: { showInNavigation: true, label: "New Page" }
-      },
-      {
-        path: "accounts",
-        element: <AccountsPage />,
-        handle: {
-					showInNavigation: true,
-					label: "Accounts",
-				}
-      }
-    ]
-  }
-];

package/dist/force-app/main/default/webapplications/feature-graphql/src/styles/global.css

@@ -1,13 +0,0 @@
-@import 'tailwindcss';
-
-@layer base {
-  html,
-  body,
-  #root {
-    @apply min-h-screen;
-  }
-
-  body {
-    @apply antialiased bg-white;
-  }
-}

package/dist/force-app/main/default/webapplications/feature-graphql/tsconfig.json

@@ -1,36 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-
-    /* Path mapping */
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"],
-      "@api/*": ["./src/api/*"],
-      "@components/*": ["./src/components/*"],
-      "@utils/*": ["./src/utils/*"],
-      "@styles/*": ["./src/styles/*"],
-      "@assets/*": ["./src/assets/*"]
-    }
-  },
-  "include": ["src", "vite-env.d.ts", "vitest-env.d.ts"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/dist/force-app/main/default/webapplications/feature-graphql/tsconfig.node.json

@@ -1,13 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "outDir": "./build"
-  },
-  "include": ["vite.config.ts"]
-}

package/dist/force-app/main/default/webapplications/feature-graphql/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

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

@@ -1,69 +0,0 @@
-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,
-		},
-	};
-});

package/dist/force-app/main/default/webapplications/feature-graphql/vitest-env.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="vitest" />
-/// <reference types="@testing-library/jest-dom" />

package/dist/force-app/main/default/webapplications/feature-graphql/vitest.config.ts

@@ -1,11 +0,0 @@
-import { defineConfig } from 'vitest/config';
-import react from '@vitejs/plugin-react';
-
-export default defineConfig({
-  plugins: [react()],
-  test: {
-    globals: true,
-    environment: 'jsdom',
-    setupFiles: './vitest.setup.ts',
-  },
-});

package/dist/force-app/main/default/webapplications/feature-graphql/vitest.setup.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/vitest';

package/dist/force-app/main/default/webapplications/feature-graphql/webapplication.json

@@ -1,7 +0,0 @@
-{
-  "outputDir": "dist",
-  "routing": {
-    "trailingSlash": "never",
-    "fallback": "/index.html"
-  }
-}

package/dist/jest.config.js

@@ -1,6 +0,0 @@
-const { jestConfig } = require('@salesforce/sfdx-lwc-jest/config');
-
-module.exports = {
-    ...jestConfig,
-    modulePathIgnorePatterns: ['<rootDir>/.localdevserver']
-};

package/dist/package.json

@@ -1,38 +0,0 @@
-{
-  "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-  "version": "1.35.2",
-  "description": "Base SFDX project template",
-  "private": true,
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "echo 'No build required for base-sfdx-project'",
-    "clean": "echo 'No clean required for base-sfdx-project'",
-    "lint": "eslint **/{aura,lwc}/**/*.js",
-    "test": "npm run test:unit",
-    "test:coverage": "npm run test",
-    "test:unit": "sfdx-lwc-jest -- --passWithNoTests",
-    "test:unit:watch": "sfdx-lwc-jest --watch",
-    "test:unit:debug": "sfdx-lwc-jest --debug",
-    "test:unit:coverage": "sfdx-lwc-jest --coverage",
-    "prettier": "prettier --write \"**/*.{cls,cmp,component,css,html,js,json,md,page,trigger,xml,yaml,yml}\"",
-    "prettier:verify": "prettier --check \"**/*.{cls,cmp,component,css,html,js,json,md,page,trigger,xml,yaml,yml}\"",
-    "precommit": "lint-staged"
-  },
-  "devDependencies": {
-    "@lwc/eslint-plugin-lwc": "^2.0.0",
-    "@prettier/plugin-xml": "^3.2.2",
-    "@salesforce/eslint-config-lwc": "^3.2.3",
-    "@salesforce/eslint-plugin-aura": "^2.0.0",
-    "@salesforce/eslint-plugin-lightning": "^1.0.0",
-    "@salesforce/sfdx-lwc-jest": "^7.0.1",
-    "eslint": "8.57.1",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-jest": "^28.8.1",
-    "husky": "^9.1.5",
-    "lint-staged": "^15.1.0",
-    "prettier": "^3.1.0",
-    "prettier-plugin-apex": "^2.0.1"
-  }
-}

package/dist/scripts/apex/hello.apex

@@ -1,10 +0,0 @@
-// Use .apex files to store anonymous Apex.
-// You can execute anonymous Apex in VS Code by selecting the
-//     apex text and running the command:
-//     SFDX: Execute Anonymous Apex with Currently Selected Text
-// You can also execute the entire file by running the command:
-//     SFDX: Execute Anonymous Apex with Editor Contents
-
-string tempvar = 'Enter_your_name_here';
-System.debug('Hello World!');
-System.debug('My name is ' + tempvar);

package/dist/scripts/soql/account.soql

@@ -1,6 +0,0 @@
-// Use .soql files to store SOQL queries.
-// You can execute queries in VS Code by selecting the
-//     query text and running the command:
-//     SFDX: Execute SOQL Query with Currently Selected Text
-
-SELECT Id, Name FROM Account

package/dist/sfdx-project.json

@@ -1,12 +0,0 @@
-{
-  "packageDirectories": [
-    {
-      "path": "force-app",
-      "default": true
-    }
-  ],
-  "name": "MyProject",
-  "namespace": "",
-  "sfdcLoginUrl": "https://login.salesforce.com",
-  "sourceApiVersion": "66.0"
-}

package/skills/graphql-data-access/scripts/codegen.js

@@ -1,15 +0,0 @@
-module.exports = {
-	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/skills/graphql-data-access/scripts/get-graphql-schema.mjs

@@ -1,59 +0,0 @@
-import { writeFileSync } from "node:fs";
-import { join, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { getOrgInfo } from "@salesforce/webapp-experimental/app";
-import { buildClientSchema, getIntrospectionQuery, printSchema } from "graphql";
-
-async function executeSalesforceGraphQLQuery(query, variables, operationName) {
-	const { rawInstanceUrl: instanceUrl, apiVersion, accessToken } = await getOrgInfo();
-
-	const targetUrl = `${instanceUrl}/services/data/v${apiVersion}/graphql`;
-
-	console.log(`[DEBUG] Executing GraphQL query: ${targetUrl}`);
-	const options = {
-		method: "POST",
-		headers: {
-			Authorization: `Bearer ${accessToken}`,
-			"Content-Type": "application/json",
-			"X-Chatter-Entity-Encoding": "false",
-		},
-		body: JSON.stringify({
-			query,
-			variables,
-			operationName,
-		}),
-	};
-
-	const response = await fetch(targetUrl, options);
-
-	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 __dirname = dirname(fileURLToPath(import.meta.url));
-	const outputPath = join(__dirname, "..", "..", "schema.graphql");
-
-	const introspectionResult = await executeSalesforceGraphQLQuery(
-		getIntrospectionQuery(),
-		{},
-		"IntrospectionQuery",
-	);
-
-	// Convert introspection JSON to SDL
-	const schema = buildClientSchema(introspectionResult.data);
-	const sdl = printSchema(schema);
-
-	writeFileSync(outputPath, sdl);
-
-	console.log(`[SUCCESS] Schema saved to ${outputPath}`);
-} catch (error) {
-	console.error("[ERROR]", error.message);
-	process.exit(1);
-}

package/src/force-app/main/default/webapplications/feature-graphql/.graphqlrc.yml

@@ -1,6 +0,0 @@
-schema: "../../../../../../schema.graphql"
-documents: "src/**/*.{graphql,js,ts,jsx,tsx}"
-extensions:
-  endpoints:
-    default:
-      url: "http://localhost:5173/gql/endpoint"

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

@@ -1,118 +0,0 @@
-export type Maybe<T> = T | null;
-export type InputMaybe<T> = Maybe<T>;
-export type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
-export type MakeOptional<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]?: Maybe<T[SubKey]> };
-export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]: Maybe<T[SubKey]> };
-export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> = {
-	[_ in K]?: never;
-};
-export type Incremental<T> =
-	| T
-	| { [P in keyof T]?: P extends " $fragmentName" | "__typename" ? T[P] : never };
-/** All built-in and custom scalars, mapped to their actual values */
-export type Scalars = {
-	ID: { input: string; output: string };
-	String: { input: string; output: string };
-	Boolean: { input: boolean; output: boolean };
-	Int: { input: number; output: number };
-	Float: { input: number; output: number };
-	Base64: { input: any; output: any };
-	/** An arbitrary precision signed decimal */
-	BigDecimal: { input: any; output: any };
-	/** An arbitrary precision signed integer */
-	BigInteger: { input: any; output: any };
-	/** An 8-bit signed integer */
-	Byte: { input: any; output: any };
-	/** A UTF-16 code unit; a character on Unicode's BMP */
-	Char: { input: any; output: any };
-	Currency: { input: any; output: any };
-	Date: { input: any; output: any };
-	DateTime: { input: any; output: any };
-	Double: { input: any; output: any };
-	Email: { input: any; output: any };
-	EncryptedString: { input: any; output: any };
-	/** Can be set to an ID or a Reference to the result of another mutation operation. */
-	IdOrRef: { input: any; output: any };
-	JSON: { input: any; output: any };
-	Latitude: { input: any; output: any };
-	/** A 64-bit signed integer */
-	Long: { input: any; output: any };
-	LongTextArea: { input: any; output: any };
-	Longitude: { input: any; output: any };
-	MultiPicklist: { input: any; output: any };
-	Percent: { input: any; output: any };
-	PhoneNumber: { input: any; output: any };
-	Picklist: { input: any; output: any };
-	RichTextArea: { input: any; output: any };
-	/** A 16-bit signed integer */
-	Short: { input: any; output: any };
-	TextArea: { input: any; output: any };
-	Time: { input: any; output: any };
-	Url: { input: any; output: any };
-};
-
-export enum DataType {
-	Address = "ADDRESS",
-	Anytype = "ANYTYPE",
-	Base64 = "BASE64",
-	Boolean = "BOOLEAN",
-	Combobox = "COMBOBOX",
-	Complexvalue = "COMPLEXVALUE",
-	Currency = "CURRENCY",
-	Date = "DATE",
-	Datetime = "DATETIME",
-	Double = "DOUBLE",
-	Email = "EMAIL",
-	Encryptedstring = "ENCRYPTEDSTRING",
-	Int = "INT",
-	Json = "JSON",
-	Junctionidlist = "JUNCTIONIDLIST",
-	Location = "LOCATION",
-	Long = "LONG",
-	Multipicklist = "MULTIPICKLIST",
-	Percent = "PERCENT",
-	Phone = "PHONE",
-	Picklist = "PICKLIST",
-	Reference = "REFERENCE",
-	String = "STRING",
-	Textarea = "TEXTAREA",
-	Time = "TIME",
-	Url = "URL",
-}
-
-export enum FieldExtraTypeInfo {
-	ExternalLookup = "EXTERNAL_LOOKUP",
-	ImageUrl = "IMAGE_URL",
-	IndirectLookup = "INDIRECT_LOOKUP",
-	Personname = "PERSONNAME",
-	Plaintextarea = "PLAINTEXTAREA",
-	Richtextarea = "RICHTEXTAREA",
-	SwitchablePersonname = "SWITCHABLE_PERSONNAME",
-}
-
-export enum ResultOrder {
-	Asc = "ASC",
-	Desc = "DESC",
-}
-
-export type GetHighRevenueAccountsQueryVariables = Exact<{
-	minRevenue?: InputMaybe<Scalars["Currency"]["input"]>;
-}>;
-
-export type GetHighRevenueAccountsQuery = {
-	uiapi: {
-		query: {
-			Account?: {
-				edges?: Array<{
-					node?: {
-						Id: string;
-						Name?: { value?: string | null } | null;
-						AnnualRevenue?: { value?: any | null } | null;
-						Industry?: { value?: any | null } | null;
-						Website?: { value?: any | null } | null;
-					} | null;
-				} | null> | null;
-			} | null;
-		};
-	};
-};

package/src/force-app/main/default/webapplications/feature-graphql/src/api/graphql.test.ts

@@ -1,91 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from "vitest";
-import { executeGraphQL } from "./graphql";
-import { sdk } from "@salesforce/sdk-data";
-
-vi.mock("@salesforce/sdk-data", () => ({
-	sdk: { graphql: vi.fn() },
-}));
-
-describe("executeGraphQL", () => {
-	beforeEach(() => {
-		vi.clearAllMocks();
-	});
-
-	it("should successfully execute a GraphQL query", async () => {
-		const mockData = {
-			uiapi: {
-				query: {
-					Account: {
-						edges: [
-							{
-								node: {
-									Id: "001",
-									Name: { value: "Test Account" },
-								},
-							},
-						],
-					},
-				},
-			},
-		};
-
-		vi.mocked(sdk.graphql!).mockResolvedValue({ data: mockData });
-
-		const query = "query { uiapi { query { Account { edges { node { Id Name { value } } } } } } }";
-		const result = await executeGraphQL(query);
-
-		expect(sdk.graphql).toHaveBeenCalledWith(query, undefined);
-		expect(result).toEqual(mockData);
-	});
-
-	it("should handle GraphQL errors", async () => {
-		const mockErrors = [{ message: "Field not found" }, { message: "Invalid query" }];
-
-		vi.mocked(sdk.graphql!).mockResolvedValue({ errors: mockErrors } as any);
-
-		const query = "query { invalid }";
-
-		await expect(executeGraphQL(query)).rejects.toThrow(
-			"GraphQL Error: Field not found; Invalid query",
-		);
-	});
-
-	it("should handle network errors", async () => {
-		vi.mocked(sdk.graphql!).mockRejectedValue({
-			status: 500,
-			message: "Network error",
-		});
-
-		const query = "query { test }";
-
-		await expect(executeGraphQL(query)).rejects.toThrow("Network error");
-	});
-
-	it("should throw when data is undefined", async () => {
-		vi.mocked(sdk.graphql!).mockResolvedValue({} as any);
-
-		const query = "query { test }";
-
-		await expect(executeGraphQL(query)).rejects.toThrow("GraphQL Error: No data returned");
-	});
-
-	it("should throw when data is null", async () => {
-		vi.mocked(sdk.graphql!).mockResolvedValue({ data: null } as any);
-
-		const query = "query { test }";
-
-		await expect(executeGraphQL(query)).rejects.toThrow("GraphQL Error: No data returned");
-	});
-
-	it("should pass variables to the GraphQL query", async () => {
-		const mockData = { test: "data" };
-		vi.mocked(sdk.graphql!).mockResolvedValue({ data: mockData });
-
-		const query = "query GetAccount($id: ID!) { account(id: $id) { name } }";
-		const variables = { id: "001" };
-
-		await executeGraphQL(query, variables);
-
-		expect(sdk.graphql).toHaveBeenCalledWith(query, variables);
-	});
-});

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

@@ -1,35 +0,0 @@
-import { sdk } from "@salesforce/sdk-data";
-
-export type NodeOfConnection<T> = T extends {
-	edges?: (infer E)[] | null;
-} | null
-	? E extends { node?: infer N } | null
-		? N
-		: never
-	: never;
-
-/**
- * Execute a GraphQL query against the Salesforce GraphQL API
- *
- * @param query - The GraphQL query string
- * @param variables - Optional variables for the query
- * @returns The GraphQL response data
- */
-export async function executeGraphQL<T, InputVariables = Record<string, unknown>>(
-	query: string,
-	variables?: InputVariables,
-): Promise<T> {
-	const result = await sdk.graphql!<T, InputVariables>(query, variables);
-
-	if (result.errors?.length) {
-		const errorMessages = result.errors.map((e) => e.message).join("; ");
-		throw new Error(`GraphQL Error: ${errorMessages}`);
-	}
-
-	if (!result.data) {
-		throw new Error("GraphQL Error: No data returned");
-	}
-
-	return result.data;
-}
-export { gql } from "@salesforce/sdk-data";

package/src/force-app/main/default/webapplications/feature-graphql/src/api/utils/accounts.ts

@@ -1,35 +0,0 @@
-/**
- * @attention agents
- * This file serves as a reference example for accessing Salesforce data via GraphQL.
- * Use this pattern when implementing new data fetching utilities:
- * 1. Define TypeScript interfaces for the response shape
- * 2. Write the GraphQL query using UIAPI syntax
- * 3. Use executeGraphQL<T>() with proper typing
- * 4. Extract and return the relevant data from the response
- */
-
-import { executeGraphQL, type NodeOfConnection } from "../graphql";
-import HIGH_REVENUE_ACCOUNTS_QUERY from "./query/highRevenueAccountsQuery.graphql?raw";
-import type {
-	GetHighRevenueAccountsQuery,
-	GetHighRevenueAccountsQueryVariables,
-} from "../graphql-operations-types";
-
-type AccountNode = NodeOfConnection<GetHighRevenueAccountsQuery["uiapi"]["query"]["Account"]>;
-
-/**
- * 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[]> {
-	const response = await executeGraphQL<GetHighRevenueAccountsQuery>(
-		HIGH_REVENUE_ACCOUNTS_QUERY,
-		variables,
-	);
-
-	return response.uiapi?.query?.Account?.edges?.map((edge) => edge?.node) || [];
-}