Provide platform (and other metadata) when generating configs

[imhoffd]

When we run npx cap sync with capacitor.config.{ts,js} files, we can provide context (e.g. with environment variables) so app developers can differentiate configuration values based on it.

For example, launchShowDuration can be 0 for iOS and 3000 for Android:

 import { CapacitorConfig } from '@capacitor/cli';

 const config: CapacitorConfig = {
   appId: 'com.capacitorjs.testapp',
   appName: 'capacitor-testapp',
   webDir: 'build',
   plugins: {
     SplashScreen: {
+      launchShowDuration: process.env.CAPACITOR_PLATFORM === 'ios' ? 0 : 3000,
     },
   },
 };

 export = config;

An alternative would be to provide Platform.select() like React Native (see #3977). Example:

launchShowDuration: Platform.select({ android: 3000, default: 0 }),

[jgoux]

I was going to open an issue about it!

It will be really useful for development too :

import type { CapacitorConfig } from '@capacitor/cli';
import getInternalIp from "internal-ip";

let server: CapacitorConfig["server"] = {};
if (process.env.CAPACITOR_PLATFORM === "android") {
  server.cleartext = true;
  server.url = `http://${getInternalIp.v4.sync()}:3000`;
} else if (process.env.CAPACITOR_PLATFORM === "ios") {
  server.url = "http://localhost:3000";
}

const config: CapacitorConfig = {
  appId: 'pro.clovis.app',
  appName: 'Clovis',
  android: {
    path: 'platforms/android',
  },
  bundledWebRuntime: false,
  ios: {
    path: 'platforms/ios'
  },
  server,
  webDir: 'platforms/web',
};

export default config;

[gerritvanaaken]

I would appreciate this.

const config: CapacitorConfig = {
  appId: 'de.sharegroup.scouter',
  appName: 'scouter',
  webDir: 'dist',
  server: {
    hostname: 'scouter.de'
    //hostname: process.env.CAPACITOR_PLATFORM === "android" ? 'app.scouter.de' : 'scouter.de'
  }
};

[alex-steinberg]

Since there are already ios and md properties in the root, it would be simpler allow the general properties such as server to be specified separately per platform (i.e. server could be in the root or in md.server and ios.server -- or both, with the more specific being preferred).

Personally, I have an app that, for various reasons, has a different id on Android to iOS so I would benefit from appId being specified per platform.

[nseb]

it's works or not , use process.env in Capacitor File ?