Open the player instead of the browser (#3)

* Open the player instead of the browser

* Remove async, change order of checks and return the rejections

packages/cra-template-cohtml/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cra-template-cohtml",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "keywords": [
     "react",
     "create-react-app",

packages/cra-template-cohtml/template/.env

@@ -0,0 +1 @@
+PLAYER_PATH = "./"

packages/react-scripts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-scripts-cohtml",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Configuration and scripts for Create React App with COHTML.",
   "repository": {
     "type": "git",

packages/react-scripts/scripts/openPlayer.js

@@ -0,0 +1,29 @@
+const path = require('path');
+const chalk = require('react-dev-utils/chalk');
+const fs = require('fs');
+const { execFile } = require('child_process');
+
+function openPlayer(url) {
+    return new Promise((_, reject) => {
+        if (!process.env.PLAYER_PATH) {
+            console.error(chalk.red('PLAYER_PATH environment variable not set. Set it in the ".env" file to run the player.'));
+            return reject();
+        }
+
+        const playerPath = path.resolve(__dirname, process.env.PLAYER_PATH);
+        if (!fs.existsSync(playerPath)) {
+            console.error(chalk.red(`Player not found at ${playerPath}. Set the PLAYER_PATH environment variable in the ".env" file to run the player.`));
+            return reject();
+        }
+
+        if (path.extname(process.env.PLAYER_PATH) !== '.exe') {
+            console.error(chalk.red('PLAYER_PATH environment variable should point to the player executable. Set it in the ".env" file to run the player.'));
+            return reject();
+        }
+
+
+        execFile(playerPath, ['--player', `--url=${url}`, '--root'], { stdio: 'inherit' });
+    });
+}
+
+module.exports = openPlayer;

packages/react-scripts/scripts/start.js

@@ -34,7 +34,7 @@ const {
   prepareProxy,
   prepareUrls,
 } = require('react-dev-utils/WebpackDevServerUtils');
-const openBrowser = require('react-dev-utils/openBrowser');
+const openPlayer = require('./openPlayer');
 const semver = require('semver');
 const paths = require('../config/paths');
 const configFactory = require('../config/webpack.config');
@@ -136,7 +136,12 @@ checkBrowsers(paths.appPath, isInteractive)
       }
 
       console.log(chalk.cyan('Starting the development server...\n'));
-      openBrowser(urls.localUrlForBrowser);
+      if (process.env.NO_PLAYER) return;
+
+      openPlayer(urls.localUrlForBrowser).catch(() => {
+          devServer.close();
+          process.exit();
+      });
     });
 
     ['SIGINT', 'SIGTERM'].forEach(function (sig) {