update actions

.github/workflows/angular-demos.yml

@@ -25,11 +25,11 @@ defaults:
 
 jobs:
   build-demos:
-    runs-on: ubuntu-latest
+    runs-on: ${{ matrix.os }}
 
     strategy:
       matrix:
-        node-version: [16.x, 18.x, 20.x]
+        os: [ubuntu-latest, windows-latest, macos-latest]
 
     steps:
     - uses: actions/checkout@v3

.github/workflows/react-demos.yml

@@ -21,11 +21,11 @@ defaults:
 
 jobs:
   build:
-    runs-on: ubuntu-latest
+    runs-on: ${{ matrix.os }}
 
     strategy:
       matrix:
-        node-version: [16.x, 18.x, 20.x]
+        os: [ubuntu-latest, windows-latest, macos-latest]
 
     steps:
     - uses: actions/checkout@v3

.github/workflows/vue-demos.yml

@@ -20,11 +20,11 @@ defaults:
 
 jobs:
   build-demos:
-    runs-on: ubuntu-latest
+    runs-on: ${{ matrix.os }}
 
     strategy:
       matrix:
-        node-version: [16.x, 18.x, 20.x]
+        os: [ubuntu-latest, windows-latest, macos-latest]
 
     steps:
     - uses: actions/checkout@v3

demo/angular/scripts/run_demo.js

@@ -7,7 +7,7 @@ const availableLanguages = testData["tests"]["singleKeyword"].map(
   (x) => x["language"]
 );
 
-const commands = process.argv.slice(2, -1);
+const args = process.argv.slice(2, -1);
 const language = process.argv.slice(-1)[0];
 
 if (!availableLanguages.includes(language)) {
@@ -106,7 +106,7 @@ fs.writeFileSync(
 
 const command = (process.platform === "win32") ? "npx.cmd" : "npx";
 
-child_process.spawn("ng", commands, {
-  execPath: command,
-  shell: true
+child_process.execSync(`${command} ng ${args}`, {
+  shell: true,
+  stdio: 'inherit'
 });

demo/react-native/scripts/run_demo.js

@@ -5,7 +5,7 @@ const testData = require('../../../resources/.test/test_data.json');
 
 const availableLanguages = testData.tests.singleKeyword.map((x) => x.language);
 
-const commands = process.argv.slice(2, -1);
+const args = process.argv.slice(2, -1);
 const language = process.argv.slice(-1)[0];
 
 if (!availableLanguages.includes(language)) {
@@ -95,7 +95,7 @@ fs.writeFileSync(
 
 const command = process.platform === 'win32' ? 'npx.cmd' : 'npx';
 
-child_process.spawn("react-native", commands, {
-  execPath: command,
-  shell: true
+child_process.execSync(`${command} react-native ${args}`, {
+  shell: true,
+  stdio: 'inherit'
 });

demo/react/scripts/run_demo.js

@@ -7,7 +7,7 @@ const availableLanguages = testData["tests"]["singleKeyword"].map(
   (x) => x["language"]
 );
 
-const commands = process.argv.slice(2, -1);
+const args = process.argv.slice(2, -1);
 const language = process.argv.slice(-1)[0];
 
 if (!availableLanguages.includes(language)) {
@@ -106,7 +106,7 @@ fs.writeFileSync(
 
 const command = (process.platform === "win32") ? "npx.cmd" : "npx";
 
-child_process.spawn("react-scripts", commands, {
-  execPath: command,
-  shell: true
+child_process.execSync(`${command} react-scripts ${args}`, {  
+  shell: true,
+  stdio: 'inherit'
 });

demo/vue/scripts/run_demo.js

@@ -7,7 +7,7 @@ const availableLanguages = testData["tests"]["singleKeyword"].map(
   x => x["language"]
 );
 
-const commands = process.argv.slice(2, -1);
+const args = process.argv.slice(2, -1);
 const language = process.argv.slice(-1)[0];
 
 if (!availableLanguages.includes(language)) {
@@ -102,7 +102,7 @@ export default porcupineModel;
 
 const command = (process.platform === "win32") ? "npx.cmd" : "npx";
 
-child_process.spawn("vite", commands, {
-  execPath: command,
-  shell: true
+child_process.execSync(`${command} vite ${args}`, {
+  shell: true,
+  stdio: 'inherit'
 });

demo/web/scripts/run_demo.js

@@ -112,7 +112,7 @@ fs.writeFileSync(
 
 const command = (process.platform === "win32") ? "npx.cmd" : "npx";
 
-child_process.spawn("http-server", ["-a", "localhost", "-p", "5000"], {
-  execPath: command,
-  shell: true
+child_process.execSync(`${command} http-server -a localhost -p 5000`, {  
+  shell: true,
+  stdio: 'inherit'
 });