Fix(electron): make npx cap open electron run electron app (#1666)

* Fix(electron): make npx cap open electron run electron app

* document change

cli/src/electron/open.ts

@@ -0,0 +1,27 @@
+import { exec } from 'child_process';
+import { Config } from '../config';
+import { logInfo } from '../common';
+import { existsAsync } from '../util/fs';
+import { resolve } from 'path';
+
+export async function openElectron(config: Config) {
+
+  const dir = config.electron.platformDir;
+
+  logInfo(`Opening Electron project at ${dir}`);
+
+  if (!await existsAsync(resolve(config.app.rootDir, dir))) {
+    throw new Error('Electron project does not exist. Create one with "npx cap add electron"');
+  }
+
+  return new Promise(async (resolve, reject) => {
+    exec(`npm run electron:start`, {cwd: dir}, (error) => {
+      if (error) {
+        reject(error);
+        return;
+      }
+      resolve();
+    });
+  });
+
+}

cli/src/tasks/open.ts

@@ -1,6 +1,7 @@
 import { Config } from '../config';
 import { logFatal, logInfo, runTask } from '../common';
 import { openAndroid } from '../android/open';
+import { openElectron } from '../electron/open';
 import { openIOS } from '../ios/open';
 
 export async function openCommand(config: Config, selectedPlatform: string) {
@@ -33,6 +34,8 @@ export async function open(config: Config, platformName: string) {
     return openAndroid(config);
   } else if (platformName === config.web.name) {
     return Promise.resolve();
+  } else if (platformName === config.electron.name) {
+    return openElectron(config);
   } else {
     throw `Platform ${platformName} is not valid.`;
   }

site/docs-md/electron/index.md

@@ -36,11 +36,10 @@ Run this after making any modifications to your web app.
 
 ## Running your App
 
-To run your app, cd into it and use the npm script provided by Capacitor:
+To run your app, use
 
 ```bash
-cd electron/
-npm run electron:start
+npx cap open electron
 ```
 
 This will launch an Electron instance running your app.