@salesforce/templates 66.10.2 → 66.10.3

package/lib/templates/project/reactinternalapp/_p_/_m_/_w_/_a_/package.json

@@ -18,8 +18,8 @@
     "graphql:schema": "node scripts/get-graphql-schema.mjs"
   },
   "dependencies": {
-    "@salesforce/platform-sdk": "^10.12.2",
-    "@salesforce/ui-bundle": "^10.12.2",
+    "@salesforce/platform-sdk": "^10.19.0",
+    "@salesforce/ui-bundle": "^10.19.0",
     "@tailwindcss/vite": "^4.1.17",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -45,7 +45,8 @@
     "@graphql-eslint/eslint-plugin": "^4.1.0",
     "@graphql-tools/utils": "^11.0.0",
     "@playwright/test": "^1.49.0",
-    "@salesforce/vite-plugin-ui-bundle": "^10.12.2",
+    "@salesforce/graphiti": "^10.19.0",
+    "@salesforce/vite-plugin-ui-bundle": "^10.19.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",

package/lib/templates/project/reactinternalapp/_p_/_m_/_w_/_a_/scripts/get-graphql-schema.mjs

@@ -15,13 +15,16 @@ import { buildClientSchema, getIntrospectionQuery, printSchema } from 'graphql';
 import { pruneSchema } from '@graphql-tools/utils';
 
 const DEFAULT_SCHEMA_PATH = '../../../../../schema.graphql';
+const TARGET_ORG = process.env.SF_TARGET_ORG || undefined;
 
 async function executeSalesforceGraphQLQuery(query, variables, operationName) {
-  const {
-    rawInstanceUrl: instanceUrl,
-    apiVersion,
-    accessToken,
-  } = await getOrgInfo();
+  const orgInfo = await getOrgInfo(TARGET_ORG);
+  if (!orgInfo) {
+    throw new Error(
+      'Could not resolve a Salesforce org. Set SF_TARGET_ORG or a default org.'
+    );
+  }
+  const { rawInstanceUrl: instanceUrl, apiVersion, accessToken } = orgInfo;
 
   const targetUrl = `${instanceUrl}/services/data/v${apiVersion}/graphql`;
 

package/lib/templates/project/reactinternalapp/_p_/_m_/_w_/_a_/src/api/graphqlClient.ts

@@ -1,19 +1,35 @@
 /**
- * Thin GraphQL client: createDataSDK + sdk.graphql.query with centralized
- * error handling. Use with gql-tagged queries and generated operation types
- * for type-safe calls.
+ * Thin GraphQL client: createDataSDK + sdk.graphql with centralized error
+ * handling. Mutations are routed to sdk.graphql.mutate and everything else to
+ * sdk.graphql.query (the SDK rejects an operation sent to the wrong method).
+ * Use with gql-tagged queries and generated operation types for type-safe calls.
  */
 import { createDataSDK } from '@salesforce/platform-sdk';
 
+/**
+ * True when the operation's first definition is a `mutation`. Strips GraphQL
+ * comments first so a leading `# ...` line can't mask the keyword. Queries
+ * (named or anonymous `{ ... }` shorthand) and subscriptions fall through to
+ * query().
+ */
+function isMutation(operation: string): boolean {
+  return /^\s*mutation\b/.test(operation.replace(/#[^\n\r]*/g, ''));
+}
+
 export async function executeGraphQL<TData, TVariables>(
-  query: string,
+  operation: string,
   variables?: TVariables
 ): Promise<TData> {
   const data = await createDataSDK();
-  const result = await data.graphql!.query<TData, TVariables>({
-    query: query,
-    variables: variables,
-  });
+  const result = isMutation(operation)
+    ? await data.graphql!.mutate<TData, TVariables>({
+        mutation: operation,
+        variables: variables,
+      })
+    : await data.graphql!.query<TData, TVariables>({
+        query: operation,
+        variables: variables,
+      });
 
   if (result.errors?.length) {
     const msg = result.errors.map(e => e.message).join('; ');

package/lib/templates/project/reactinternalapp/_p_/_m_/permissionsets/reactinternalapp_Access.permissionset-meta.xml

@@ -6,4 +6,8 @@
     </applicationVisibilities>
     <hasActivationRequired>false</hasActivationRequired>
     <label>reactinternalapp Access</label>
+    <userPermissions>
+        <enabled>true</enabled>
+        <name>ApiEnabled</name>
+    </userPermissions>
 </PermissionSet>

package/lib/templates/project/reactinternalapp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-  "version": "10.12.2",
+  "version": "10.19.0",
   "description": "Base SFDX project template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "publishConfig": {

package/lib/templates/project/reactinternalapp/scripts/org-setup.mjs

@@ -773,6 +773,7 @@ function run(name, cmd, args, opts = {}) {
     cwd,
     stdio: 'inherit',
     shell: true,
+    ...(opts.env && { env: opts.env }),
     ...(opts.timeout && { timeout: opts.timeout }),
   });
   if (result.status !== 0 && !optional) {
@@ -1140,8 +1141,10 @@ async function main() {
 
   if (!skipGraphql) {
     run('UI Bundle npm install', 'npm', ['install'], { cwd: uiBundleDir });
-    run('Set default org for schema', 'sf', ['config', 'set', 'target-org', targetOrg, '--global']);
-    run('GraphQL schema (introspect)', 'npm', ['run', 'graphql:schema'], { cwd: uiBundleDir });
+    run('GraphQL schema (introspect)', 'npm', ['run', 'graphql:schema'], {
+      cwd: uiBundleDir,
+      env: { ...process.env, SF_TARGET_ORG: targetOrg },
+    });
     run('GraphQL codegen', 'npm', ['run', 'graphql:codegen'], { cwd: uiBundleDir });
     run('UI Bundle build (post-codegen)', 'npm', ['run', 'build'], { cwd: uiBundleDir });
   } else if (!skipUIBundleBuild && skipDeploy) {