@microsoft/power-apps-native-host 0.3.0 → 0.3.3

package/lib/typescript/module/connections/resolveConnections.d.ts

@@ -39,6 +39,8 @@ export interface StaticRefsOptions {
      * Shape: { [refId]: { id: string; dataSources: string[] } }
      */
     connectionReferences: Record<string, ConnectionReferenceConfig>;
+    /** Whether power.config.json contains Dataverse database references. */
+    hasDataverse: boolean;
     /** Connector schema map keyed by data source name. */
     schemaMap: Record<string, ConnectorSchema>;
     environmentId: string;
@@ -67,7 +69,7 @@ export interface StaticRefsOptions {
  *     `true`.
  *  5. Build and return an `AppLaunchResult`-shaped object.
  */
-export declare function resolveViaStaticRefs({ connectionReferences, schemaMap, environmentId, region, acquireToken, token, isvClientId, onDisambiguationNeeded, onMissingConnection, }: StaticRefsOptions): Promise<AppLaunchResult>;
+export declare function resolveViaStaticRefs({ connectionReferences, hasDataverse, schemaMap, environmentId, region, acquireToken, token, isvClientId, onDisambiguationNeeded, onMissingConnection, }: StaticRefsOptions): Promise<AppLaunchResult>;
 /**
  * Run idempotent post-resolution delegated consent grants for the calling app.
  *

package/lib/typescript/module/connections/useConnectionRefs.d.ts

@@ -59,6 +59,8 @@ export interface UseConnectionRefsOptions {
      * Shape: { [refId]: { id: string; dataSources: string[] } }
      */
     connectionReferences: Record<string, ConnectionReferenceConfig>;
+    /** Whether power.config.json contains Dataverse database references. */
+    hasDataverse: boolean;
     /**
      * Connector schema map keyed by data source name.
       * Used only in Dev Player for unpublished local apps.
@@ -131,5 +133,5 @@ export type ConnectionResolutionErrorKind = 'app-access-denied' | 'generic';
  * Both paths disambiguate candidates, pre-warm Dataverse authentication, and
  * return a fully populated bridge configuration.
  */
-export declare function useConnectionRefs({ isSignedIn, acquireToken, appId, environmentId, region, connectionReferences, schemaMap, onDisambiguationNeeded, onMissingConnection, isvClientId, }: UseConnectionRefsOptions): UseConnectionRefsResult;
+export declare function useConnectionRefs({ isSignedIn, acquireToken, appId, environmentId, region, connectionReferences, hasDataverse, schemaMap, onDisambiguationNeeded, onMissingConnection, isvClientId, }: UseConnectionRefsOptions): UseConnectionRefsResult;
 //# sourceMappingURL=useConnectionRefs.d.ts.map

package/lib/typescript/module/index.d.ts

@@ -3,6 +3,7 @@
  * React Native host integration for @microsoft/power-apps
  *
  */
+import '@microsoft/power-apps-native-assets';
 export { NativePowerAppsBridge } from './bridge/NativePowerAppsBridge.js';
 export { PowerPagesBridge, setupPowerPagesHost } from './bridge/PowerPagesBridge.js';
 export type { PowerPagesBridgeOptions } from './bridge/PowerPagesBridge.js';
@@ -17,7 +18,7 @@ export type { AuthConfig, MsalAuthConfig, IntuneConfig } from '@microsoft/power-
 export { PowerAppsHostProvider } from './provider/PowerAppsHostProvider';
 export type { PowerAppsHostProviderProps } from './provider/PowerAppsHostProvider';
 export { PowerAppsProvider } from './provider/PowerAppsProvider.js';
-export type { AppInsightsConfig, PowerAppsProviderProps, PowerConfig } from './provider/PowerAppsProvider.js';
+export type { AppInsightsConfig, PowerAppsAppConfig, PowerAppsProviderProps, PowerConfig, } from './provider/PowerAppsProvider.js';
 export { buildEnvironmentEndpoint, POWER_PLATFORM_API_SCOPE } from './platform/PowerPlatformEnvironmentApi.js';
 export { fetchInstanceUrl } from './platform/DataverseGlobalDiscoveryApi.js';
 export { buildCdsDataSources } from './platform/DataverseDataSources.js';

package/lib/typescript/module/platform/DataverseDataSources.d.ts

@@ -18,6 +18,7 @@ export interface DatabaseReferenceDataSource {
 export interface DatabaseReference {
     dataSources?: Record<string, DatabaseReferenceDataSource>;
 }
+export declare function hasDataverseDatabaseReferences<T>(databaseReferences?: Record<string, T>): boolean;
 export declare function buildCdsDataSources(databaseReferences: Record<string, DatabaseReference>, dataverseOrgUrl: string): Array<{
     runtimeUrl: string;
     entitySetName: string;

package/lib/typescript/module/provider/PowerAppsProvider.d.ts

@@ -69,7 +69,25 @@ export interface AppInsightsConfig extends Omit<ApplicationInsightsTelemetryProv
     /** Explicit opt-in. Application Insights telemetry is disabled unless this is true. */
     enabled: boolean;
 }
+export interface PowerAppsAppConfig {
+    expo?: {
+        extra?: {
+            appInsightsConfig?: unknown;
+            [key: string]: unknown;
+        };
+        [key: string]: unknown;
+    };
+    [key: string]: unknown;
+}
 export interface PowerAppsProviderProps {
+    /**
+     * Contents of the generated app.json.
+     *
+     * Pass this when the app runs inside a host such as Dev Player, where
+     * `Constants.expoConfig` describes the host instead of the loaded app.
+     * The provider falls back to `Constants.expoConfig` when omitted.
+     */
+    appConfig?: PowerAppsAppConfig;
     /** MSAL configuration from auth.config.json (msal section). */
     msalConfig: AuthProviderProps['msalConfig'];
     /** Intune MAM configuration. Defaults to enabled in release builds. */
@@ -134,16 +152,21 @@ export interface PowerAppsProviderProps {
      */
     logger?: ILogger | null;
     /**
-     * Show app and telemetry session details after a three-finger downward swipe.
+     * Show app and telemetry session details after a three-finger long press.
      * Available in both development and published native apps. @default true
      */
+    showSessionDetailsOnLongPress?: boolean;
+    /**
+     * @deprecated Use `showSessionDetailsOnLongPress` instead.
+     */
     showSessionDetailsOnSwipe?: boolean;
     /**
      * Optional customer-owned Application Insights destination.
      *
      * Events are sent directly to the selected C1-owned Application Insights
      * resource and fan out alongside the default Microsoft OneDS provider.
-     * Defaults to `expo.extra.appInsightsConfig` from app.json.
+     * Defaults to `appConfig.expo.extra.appInsightsConfig`, then falls back to
+     * `Constants.expoConfig.extra.appInsightsConfig`.
      * Ignored when `logger` is provided or `null`.
      */
     appInsightsConfig?: AppInsightsConfig;
@@ -164,7 +187,7 @@ export interface PowerAppsProviderProps {
  * component, eliminating all provider boilerplate from the consuming app's
  * root layout.
  */
-export declare function PowerAppsProvider({ msalConfig, intuneConfig, powerConfig, schemaMap, tamaguiConfig, // override with app's tamagui.config.ts
-defaultTheme, theme, darkTheme, followSystemTheme, renderOAuthWebView, onDisambiguationNeeded, onConnectionConsent, onResourceConsent, onConnectionConsentDeclined, appName, logger: loggerProp, showSessionDetailsOnSwipe, appInsightsConfig, offlineProfile, children, }: PowerAppsProviderProps): React.JSX.Element;
+export declare function PowerAppsProvider({ appConfig, msalConfig, intuneConfig, powerConfig, schemaMap, tamaguiConfig, // override with app's tamagui.config.ts
+defaultTheme, theme, darkTheme, followSystemTheme, renderOAuthWebView, onDisambiguationNeeded, onConnectionConsent, onResourceConsent, onConnectionConsentDeclined, appName, logger: loggerProp, showSessionDetailsOnLongPress, showSessionDetailsOnSwipe, appInsightsConfig, offlineProfile, children, }: PowerAppsProviderProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=PowerAppsProvider.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/power-apps-native-host",
-  "version": "0.3.0",
+  "version": "0.3.3",
   "description": "React Native host integration for @microsoft/power-apps",
   "author": "Microsoft Corporation",
   "license": "SEE LICENSE IN LICENSE",
@@ -12,29 +12,44 @@
   },
   "main": "./lib/commonjs/index.js",
   "module": "./lib/module/index.js",
-  "types": "./lib/typescript/commonjs/index.d.ts",
+  "types": "./src/config/index.d.ts",
   "exports": {
     ".": {
       "browser": {
-        "types": "./lib/typescript/commonjs/index.d.ts",
-        "default": "./lib/commonjs/index.js"
+        "types": "./src/config/index.d.ts",
+        "default": "./lib/module/index.js"
       },
       "import": {
-        "types": "./lib/typescript/module/index.d.ts",
+        "types": "./src/config/index.d.ts",
         "default": "./lib/module/index.js"
       },
       "require": {
-        "types": "./lib/typescript/commonjs/index.d.ts",
+        "types": "./src/config/index.d.ts",
         "default": "./lib/commonjs/index.js"
       }
     },
     "./package.json": "./package.json",
-    "./metro-logger": "./scripts/metro-logger.js",
+    "./config/tsconfig": "./src/config/tsconfig.json",
+    "./config/*": {
+      "browser": {
+        "types": "./lib/typescript/module/config/*.d.ts",
+        "default": "./lib/module/config/*.js"
+      },
+      "import": {
+        "types": "./lib/typescript/module/config/*.d.ts",
+        "default": "./lib/module/config/*.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/config/*.d.ts",
+        "default": "./lib/commonjs/config/*.js"
+      }
+    },
     "./app.plugin.js": "./app.plugin.js"
   },
   "bin": {
     "generate-connector-schemas": "scripts/generate-connector-schemas.js",
     "js-bundle": "scripts/bundle.js",
+    "build-codegen-package": "scripts/build-codegen-package.js",
     "build-ios-base": "scripts/build-ios-base.js",
     "power-apps-web": "scripts/start-web.mjs",
     "wrap": "scripts/wrap.js",
@@ -43,21 +58,26 @@
   "files": [
     "lib/",
     "!lib/**/*.map",
+    "src/config/generated-config.d.ts",
+    "src/config/index.d.ts",
+    "src/config/tsconfig.json",
     "app.plugin.js",
     "scripts/",
     "compatibility/"
   ],
   "scripts": {
     "prepack": "npm run build && npm test",
-    "build": "bob build && node ../../scripts/notices.js",
+    "build": "bob build && node ../../scripts/package-build/notices.js",
     "type-check": "tsc --noEmit",
-    "test": "node --test test/*.test.js",
-    "test:upgrade": "node --test test/upgrade.test.js",
+    "test": "node --test --test-force-exit test/*.test.js",
+    "test:upgrade": "node --test --test-force-exit test/upgrade.test.js",
     "test:offline-compatibility": "bob build && node --test test/OfflineSdkCompatibility.test.js"
   },
   "dependencies": {
-    "@microsoft/power-apps-native-auth": "^0.3.6",
-    "@microsoft/power-apps-native-common": "^0.2.0",
+    "@expo/config-plugins": "55.0.11",
+    "@microsoft/power-apps-native-assets": "^0.3.0",
+    "@microsoft/power-apps-native-auth": "^0.3.8",
+    "@microsoft/power-apps-native-common": "^0.2.2",
     "@ster5/global-mutex": "3.3.0",
     "@tamagui/config": "2.4.5",
     "@tamagui/core": "2.4.5",
@@ -69,13 +89,20 @@
     "write-file-atomic": "7.0.1"
   },
   "peerDependencies": {
+    "@expo/vector-icons": ">=15.1.1 <16",
     "@microsoft/power-apps": "*",
     "@microsoft/power-apps-native-offline": ">=0.1.32",
     "@react-native-community/netinfo": ">=11.0.0",
     "burnt": ">=0.12.2",
+    "expo-application": ">=55.0.0 <56",
     "expo-constants": ">=55.0.0 <56",
     "expo-clipboard": ">=55.0.0 <56",
+    "expo-document-picker": ">=55.0.13 <56",
+    "expo-file-system": ">=55.0.19 <56",
+    "expo-image-picker": ">=55.0.20 <56",
     "expo-linking": ">=55.0.14 <56",
+    "expo-sharing": ">=55.0.18 <56",
+    "expo-secure-store": ">=55.0.0 <56",
     "expo-web-browser": ">=55.0.14 <56",
     "react": ">=19.2.0 <20",
     "react-dom": ">=19.2.0 <19.3.0",
@@ -95,10 +122,13 @@
     }
   },
   "devDependencies": {
+    "@microsoft/power-apps-cli": "0.15.3",
     "@types/react": "19.2.14",
     "cross-env": "7.0.3",
+    "expo-application": "55.0.15",
     "expo-clipboard": "55.0.13",
     "expo-constants": "55.0.16",
+    "expo-secure-store": "55.0.13",
     "expo-web-browser": "55.0.15",
     "react": "19.2.0",
     "react-dom": "19.2.0",
@@ -114,10 +144,14 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "**/index.js",
+    "**/index.ts"
+  ],
   "react-native-builder-bob": {
     "source": "src",
     "output": "lib",
+    "exclude": "config/{generated-config.d.ts,index.d.ts,tsconfig.json}",
     "targets": [
       [
         "module",

package/scripts/build-codegen-package.js

@@ -0,0 +1,283 @@
+#!/usr/bin/env node
+/**
+ * Codegen native package producer.
+ *
+ * Produces a *self-consistent* native asset package for the Power Apps wrap
+ * pipeline from a single `expo export`, so the embedded Hermes bundle and the
+ * hash-addressed asset files share one Metro AssetRegistry (their hashes line
+ * up with what the runtime asset resolver sees). No JavaScript is compiled or
+ * downloaded inside the wrap pipeline — this step runs at customer deploy time.
+ *
+ * Usage (via the app's npm scripts):
+ *   build-codegen-package android
+ *   build-codegen-package ios
+ *
+ * Emits into ./dist (deploy uploads the whole dist/ to blob):
+ *   dist/index.android.bundle.hbc | dist/main.jsbundle.hbc   ← Hermes bundle
+ *   dist/powerapps-customer-assets-<platform>/manifest.json
+ *   dist/powerapps-customer-assets-<platform>/assets/<fileHash>.<type>
+ *
+ * Android and iOS asset packages are kept in separate, platform-suffixed dirs
+ * because their scales/densities (and therefore fileHashes) differ. The wrap
+ * pipeline downloads the platform-matching dir and injects it into the base app
+ * under the neutral name `powerapps-customer-assets/`, which the native module
+ * reads at runtime.
+ *
+ * manifest.json shape (schemaVersion 1):
+ *   {
+ *     "schemaVersion": 1,
+ *     "platform": "android" | "ios",
+ *     "bundle": { "path": "index.android.bundle.hbc" },
+ *     "assets": [
+ *       { "fileHash": "<md5>", "type": "png", "path": "assets/<md5>.png",
+ *         "hash": "<metroRegistryHash>", "scale": 2 }
+ *     ]
+ *   }
+ *
+ * The `hash` (Metro AssetRegistry hash) + `scale` let the native module build a
+ * runtime lookup the JS resolver keys by `"<hash>@<scale>"`. Integrity fields
+ * (sha256, signing) are intentionally out of scope here (Scope 3).
+ */
+
+'use strict';
+
+const { execFileSync, spawn } = require('child_process');
+const path = require('path');
+const fs = require('fs');
+const os = require('os');
+const crypto = require('crypto');
+
+const platform = process.argv[2];
+if (platform !== 'android' && platform !== 'ios') {
+  console.error('Usage: build-codegen-package <android|ios>');
+  process.exit(1);
+}
+
+const isWin = process.platform === 'win32';
+const isLinux = process.platform === 'linux';
+
+const projectRoot = process.cwd();
+const workspaceRoot = path.resolve(projectRoot, '../..');
+
+const HERMES_MAGIC = Buffer.from([0xc6, 0x1f, 0xbc, 0x03]);
+// Platform-suffixed in blob so android/ios packages don't clobber each other;
+// the wrap injects into the neutral `powerapps-customer-assets/` on-device.
+const ASSET_DIR_NAME = `powerapps-customer-assets-${platform}`;
+const bundleName =
+  platform === 'android' ? 'index.android.bundle.hbc' : 'main.jsbundle.hbc';
+
+function resolveExpoBin() {
+  const name = isWin ? 'expo.cmd' : 'expo';
+  const local = path.join(projectRoot, 'node_modules', '.bin', name);
+  const hoisted = path.join(workspaceRoot, 'node_modules', '.bin', name);
+  return fs.existsSync(local) ? local : hoisted;
+}
+
+function resolveHermesc() {
+  const hcPkg = require.resolve('hermes-compiler/package.json', {
+    paths: [projectRoot, workspaceRoot],
+  });
+  const hcDir = path.dirname(hcPkg);
+  const binDir = isWin ? 'win64-bin' : isLinux ? 'linux64-bin' : 'osx-bin';
+  const binName = isWin ? 'hermesc.exe' : 'hermesc';
+  const flat = path.join(hcDir, binDir, binName);
+  const nested = path.join(hcDir, binName, binDir, binName);
+  return fs.existsSync(flat) ? flat : nested;
+}
+
+function findFiles(dir, predicate) {
+  if (!fs.existsSync(dir)) return [];
+  return fs.readdirSync(dir, { withFileTypes: true }).flatMap((entry) => {
+    const p = path.join(dir, entry.name);
+    return entry.isDirectory()
+      ? findFiles(p, predicate)
+      : predicate(p)
+        ? [p]
+        : [];
+  });
+}
+
+function sha256File(filePath) {
+  return crypto
+    .createHash('sha256')
+    .update(fs.readFileSync(filePath))
+    .digest('hex');
+}
+
+function isHermesBytecode(filePath) {
+  const fd = fs.openSync(filePath, 'r');
+  try {
+    const head = Buffer.alloc(4);
+    fs.readSync(fd, head, 0, 4, 0);
+    return head.equals(HERMES_MAGIC);
+  } finally {
+    fs.closeSync(fd);
+  }
+}
+
+/**
+ * Run `expo export` for the native platform and wait for completion. Unlike
+ * `expo export:embed`, this yields hash-addressed assets and (with
+ * `--dump-assetmap`) an assetmap.json we can turn into a manifest.
+ */
+function runExpoExport(expoBin, outputDir) {
+  const marker = `Exported: ${outputDir}`;
+  return new Promise((resolve, reject) => {
+    const child = spawn(
+      expoBin,
+      [
+        'export',
+        '--platform',
+        platform,
+        '--output-dir',
+        outputDir,
+        '--dump-assetmap',
+        '--clear',
+      ],
+      {
+        cwd: projectRoot,
+        env: { ...process.env, CI: process.env.CI ?? '1', EXPO_NO_TELEMETRY: '1' },
+        shell: isWin,
+        stdio: ['ignore', 'pipe', 'pipe'],
+      },
+    );
+    let tail = '';
+    let done = false;
+    const forward = (chunk, dest) => {
+      dest.write(chunk);
+      tail = (tail + chunk).slice(-marker.length * 2);
+      if (!done && tail.includes(marker)) {
+        done = true;
+        if (isWin && child.pid) {
+          try {
+            execFileSync('taskkill', ['/pid', String(child.pid), '/t', '/f'], {
+              stdio: 'ignore',
+            });
+          } catch {
+            child.kill();
+          }
+        } else {
+          child.kill('SIGKILL');
+        }
+      }
+    };
+    child.stdout.on('data', (c) => forward(c, process.stdout));
+    child.stderr.on('data', (c) => forward(c, process.stderr));
+    child.once('error', reject);
+    child.once('exit', (code, signal) => {
+      if (done) resolve();
+      else
+        reject(
+          new Error(
+            code === 0
+              ? `Expo export exited before completion marker: ${marker}`
+              : `Expo export failed (${signal ? `signal ${signal}` : `code ${code}`})`,
+          ),
+        );
+    });
+  });
+}
+
+function locateBundle(exportDir) {
+  const jsDir = path.join(exportDir, '_expo', 'static', 'js', platform);
+  const candidates = findFiles(jsDir, (p) => /\.(hbc|js)$/.test(p));
+  const hbc = candidates.find((p) => p.endsWith('.hbc'));
+  if (hbc) return { file: hbc, isHermes: true };
+  if (candidates.length === 1) return { file: candidates[0], isHermes: false };
+  throw new Error(
+    `Expected exactly one native bundle under ${jsDir}, found ${candidates.length}`,
+  );
+}
+
+function buildAssetPackage(exportDir, distDir, bundlePath) {
+  const assetMapPath = path.join(exportDir, 'assetmap.json');
+  const assetsOutDir = path.join(distDir, ASSET_DIR_NAME, 'assets');
+  const manifestPath = path.join(distDir, ASSET_DIR_NAME, 'manifest.json');
+
+  const manifest = {
+    schemaVersion: 1,
+    platform,
+    // BIN-3: sha256 pins every artifact the wrap pipeline injects. The wrap
+    // recomputes these before use, so a truncated or swapped blob fails the
+    // build instead of shipping inside a signed app.
+    bundle: { path: bundleName, sha256: sha256File(bundlePath) },
+    assets: [],
+  };
+
+  // No assets is valid (an app may reference none). Still emit an empty
+  // manifest so the wrap injection + native module behave uniformly.
+  if (fs.existsSync(assetMapPath)) {
+    fs.mkdirSync(assetsOutDir, { recursive: true });
+    const assetMap = JSON.parse(fs.readFileSync(assetMapPath, 'utf8'));
+    for (const [registryHash, entry] of Object.entries(assetMap)) {
+      const type = String(entry.type ?? '').replace(/^\./, '') || 'dat';
+      const fileHashes = entry.fileHashes ?? [];
+      const scales = entry.scales ?? [];
+      for (let i = 0; i < fileHashes.length; i++) {
+        const fileHash = fileHashes[i];
+        const scale = scales[i] ?? 1;
+        const src = path.join(exportDir, 'assets', fileHash);
+        if (!fs.existsSync(src)) {
+          throw new Error(`Exported asset missing on disk: assets/${fileHash}`);
+        }
+        const relPath = `assets/${fileHash}.${type}`;
+        const destPath = path.join(distDir, ASSET_DIR_NAME, relPath);
+        fs.copyFileSync(src, destPath);
+        manifest.assets.push({
+          fileHash,
+          type,
+          path: relPath,
+          hash: registryHash,
+          scale,
+          sha256: sha256File(destPath),
+        });
+      }
+    }
+  } else {
+    fs.mkdirSync(path.join(distDir, ASSET_DIR_NAME), { recursive: true });
+  }
+
+  fs.writeFileSync(manifestPath, JSON.stringify(manifest, null, 2));
+  return manifest.assets.length;
+}
+
+async function main() {
+  const distDir = path.join(projectRoot, 'dist');
+  fs.mkdirSync(distDir, { recursive: true });
+
+  const exportDir = fs.mkdtempSync(path.join(os.tmpdir(), 'pa-codegen-export-'));
+  try {
+    console.log(`\n[package] Step 1: expo export (${platform})`);
+    await runExpoExport(resolveExpoBin(), exportDir);
+
+    console.log('[package] Step 2: locate + stage Hermes bundle');
+    const { file, isHermes } = locateBundle(exportDir);
+    const outBundle = path.join(distDir, bundleName);
+    if (isHermes) {
+      fs.copyFileSync(file, outBundle);
+    } else {
+      console.log('[package]   plain JS bundle exported; compiling with hermesc');
+      execFileSync(resolveHermesc(), ['-emit-binary', '-out', outBundle, file], {
+        stdio: 'inherit',
+      });
+    }
+    if (!isHermesBytecode(outBundle)) {
+      throw new Error(`Staged bundle is not Hermes bytecode: ${outBundle}`);
+    }
+
+    console.log('[package] Step 3: build asset package + manifest');
+    const count = buildAssetPackage(exportDir, distDir, outBundle);
+
+    console.log(
+      `\n[package] Done. Bundle: "${outBundle}"; assets: ${count}; ` +
+        `manifest: "${path.join(distDir, ASSET_DIR_NAME, 'manifest.json')}"`,
+    );
+  } finally {
+    fs.rmSync(exportDir, { recursive: true, force: true });
+  }
+}
+
+main().catch((error) => {
+  console.error(error);
+  process.exit(1);
+});

package/scripts/start-web.mjs

@@ -7,7 +7,9 @@ import process from 'node:process';
 
 const npmCommand = process.platform === 'win32' ? 'npm.cmd' : 'npm';
 const npxCommand = process.platform === 'win32' ? 'npx.cmd' : 'npx';
-const localAppUrl = 'http://localhost:8082';
+const localAppPort = process.env.POWER_APPS_WEB_APP_PORT?.trim() || '8082';
+const playerPort = process.env.POWER_APPS_WEB_PLAYER_PORT?.trim() || '8080';
+const localAppUrl = `http://localhost:${localAppPort}`;
 const children = new Set();
 let shuttingDown = false;
 
@@ -106,7 +108,9 @@ function captureLocalPlayUrl(child, environmentId) {
     child.stdout.removeAllListeners('data');
     child.stdout.pipe(process.stdout);
     void waitForApp()
-      .then(() => openBrowser(playUrl.href))
+      .then(() => {
+        if (process.env.POWER_APPS_WEB_NO_OPEN !== 'true') openBrowser(playUrl.href);
+      })
       .catch((error) => {
         console.error(error instanceof Error ? error.message : String(error));
         shutdown(1);
@@ -128,10 +132,10 @@ const schemaProcess = spawn(npmCommand, ['run', 'generate-schemas'], {
 const schemaExitCode = await new Promise((resolve) => schemaProcess.once('exit', resolve));
 if (schemaExitCode !== 0) process.exit(schemaExitCode ?? 1);
 
-run(npxCommand, ['expo', 'start', '--port', '8082', '--localhost']);
+run(npxCommand, ['expo', 'start', '--port', localAppPort, '--localhost']);
 const powerApps = run(
   npxCommand,
-  ['power-apps', 'run', '--port', '8080', '--local-app-url', localAppUrl],
+  ['pa', 'app', 'run', '--config-only', '--port', playerPort, '--local-app-url', localAppUrl],
   { stdio: ['inherit', 'pipe', 'inherit'] }
 );
-captureLocalPlayUrl(powerApps, powerConfig.environmentId);
+captureLocalPlayUrl(powerApps, powerConfig.environmentId);