@kumologica/sdk 3.6.0-beta1 → 3.6.0-beta10

package/src/app/main.js

@@ -2,42 +2,43 @@
  * ipcMain.on('ch', (e.msg){}) <---------------------- ipcRenderer.send('reply', msg)
  * win.webContents.send('message', msg) -------------> ipcRenderer.on('message' (e,msg){})
  */
-const electron = require('electron');
+const electron = require("electron");
 // Initialize remote from the main. Refer to: https://www.npmjs.com/package/@electron/remote/v/2.0.8
-require('@electron/remote/main').initialize()
-
-const fixPath = require('./lib/utils/fix-path.js');
-const util = require('util');
-const path = require('path');
-const exec = util.promisify(require('child_process').exec);
-const request = require('request');
+require("@electron/remote/main").initialize();
+
+const fixPath = require("./lib/utils/fix-path.js");
+const util = require("util");
+const path = require("path");
+const exec = util.promisify(require("child_process").exec);
+const { spawn, execSync } = require("child_process");
+const request = require("request");
 const requestAsync = util.promisify(request);
-const has = require('lodash/has');
+const has = require("lodash/has");
 
 // using electron-updater instead of builtin autoUpdater
 // see why: https://www.electron.build/auto-update
 //const { autoUpdater } = require('electron-updater');
 
-const fs = require('fs');
+const fs = require("fs");
 let { app, Menu, ipcMain, shell } = electron;
 
-const { appMenu, dockMenu } = require('./main-process/menu');
-const EditorManager = require('./main-process/editor-manager');
-const { codegen } = require('@kumologica/builder');
+const { appMenu, dockMenu } = require("./main-process/menu");
+const EditorManager = require("./main-process/editor-manager");
+const { codegen } = require("@kumologica/builder");
 
-const MainWindow = require('./main-process/main-window');
-const ModalNewProject = require('./main-process/modal-newproject');
-const ModalHome = require('./main-process/modal-home');
-const ModalNewTab = require('./main-process/modal-newtab');
-const ModalRenameTab = require('./main-process/modal-renameTab');
-const ModalWelcome = require('./main-process/modal-welcome');
-const EventEmitter = require('events');
-const ModalNodeLibrary = require('./main-process/modal-nodelibrary');
+const MainWindow = require("./main-process/main-window");
+const ModalNewProject = require("./main-process/modal-newproject");
+const ModalHome = require("./main-process/modal-home");
+const ModalNewTab = require("./main-process/modal-newtab");
+const ModalRenameTab = require("./main-process/modal-renameTab");
+const ModalWelcome = require("./main-process/modal-welcome");
+const EventEmitter = require("events");
+const ModalNodeLibrary = require("./main-process/modal-nodelibrary");
 
 const {
   UserPreferenceStore,
   defaultKeys,
-} = require('./lib/stores/user-preference-store');
+} = require("./lib/stores/user-preference-store");
 
 let RUNTIME_PORT;
 
@@ -66,17 +67,17 @@ class WindowsController {
 let winController = new WindowsController();
 
 // Disable security warnings
-process.env['ELECTRON_DISABLE_SECURITY_WARNINGS'] = 'true';
+process.env["ELECTRON_DISABLE_SECURITY_WARNINGS"] = "true";
 
 // ***** Events from 'modal-welcome *****
-ipcMain.on('modal-welcome:show-dialog-newproject', async () => {
+ipcMain.on("modal-welcome:show-dialog-newproject", async () => {
   winController.setKeepAppRunningIfAllWindowsClosed(true);
   currentModalWindow.close();
-  const { version } = require('../../package.json');
+  const { version } = require("../../package.json");
 
   let userDir = codegen.generateInitialCode(
     userPrefStore.getUserDataPath(),
-    '__untitled__',
+    "__untitled__",
     null,
     version
   );
@@ -87,11 +88,11 @@ ipcMain.on('modal-welcome:show-dialog-newproject', async () => {
   winController.setKeepAppRunningIfAllWindowsClosed(false);
 });
 
-ipcMain.on('modal-welcome:show-dialog-openproject', async () => {
+ipcMain.on("modal-welcome:show-dialog-openproject", async () => {
   let openDialog = electron.dialog;
   let options = {
-    title: 'Open project directory',
-    properties: ['openDirectory'],
+    title: "Open project directory",
+    properties: ["openDirectory"],
   };
   openDialog
     .showOpenDialog(currentModalWindow.window, options)
@@ -110,54 +111,54 @@ ipcMain.on('modal-welcome:show-dialog-openproject', async () => {
 
 // **** Events from "modal-home" ****
 
-ipcMain.on('modal-home:show-dialog-newproject', () => {
+ipcMain.on("modal-home:show-dialog-newproject", () => {
   currentModalWindow.close();
   showNewProjectDialog(true);
 });
 
-ipcMain.on('modal-home:show-dialog-openproject', () => {
+ipcMain.on("modal-home:show-dialog-openproject", () => {
   currentModalWindow.close();
   showOpenProjectDialog(mainWindow.window);
 });
 
-ipcMain.on('modal-home:open-project-in-editor', async (event, msg) => {
+ipcMain.on("modal-home:open-project-in-editor", async (event, msg) => {
   if (currentModalWindow) currentModalWindow.close();
   await openProjectEditor(msg.payload.projectLocation);
 });
 
 // menu  events
 
-ipcMain.on('menu-help-documentation', () => {
-  shell.openExternal('https://docs.kumologica.com/docs/guide/Intro.html');
+ipcMain.on("menu-help-documentation", () => {
+  shell.openExternal("https://docs.kumologica.com/docs/guide/Intro.html");
 });
 
-ipcMain.on('menu-help-training-videos', () => {
+ipcMain.on("menu-help-training-videos", () => {
   shell.openExternal(
-    'https://www.youtube.com/channel/UCsTDAlhijUFpsfThJu3hF9g'
+    "https://www.youtube.com/channel/UCsTDAlhijUFpsfThJu3hF9g"
   );
 });
 
-ipcMain.on('menu-help-release-notes', () => {
+ipcMain.on("menu-help-release-notes", () => {
   shell.openExternal(
-    'https://github.com/KumologicaHQ/kumologica-designer-releases/releases/'
+    "https://github.com/KumologicaHQ/kumologica-designer-releases/releases/"
   );
 });
 
-ipcMain.on('menu-help-join-twitter', () => {
-  shell.openExternal('https://twitter.com/kumologica');
+ipcMain.on("menu-help-join-twitter", () => {
+  shell.openExternal("https://twitter.com/kumologica");
 });
 
-ipcMain.on('menu-help-join-discord', () => {
-  shell.openExternal('https://discord.com/invite/HrTCY8zXxM');
+ipcMain.on("menu-help-join-discord", () => {
+  shell.openExternal("https://discord.com/invite/HrTCY8zXxM");
 });
 
-ipcMain.on('kumologica-contact-us', () => {
-  shell.openExternal('https://kumologica.com/contact.html');
-})
+ipcMain.on("kumologica-contact-us", () => {
+  shell.openExternal("https://kumologica.com/contact.html");
+});
 
 // **** Events from 'NewProject modal' ****
 
-ipcMain.on('modal-projects:close', () => {
+ipcMain.on("modal-projects:close", () => {
   if (currentModalWindow.isCancellable()) {
     currentModalWindow.close();
   } else {
@@ -167,11 +168,11 @@ ipcMain.on('modal-projects:close', () => {
   }
 });
 
-ipcMain.on('modal-projects:create-project', async (event, payload) => {
+ipcMain.on("modal-projects:create-project", async (event, payload) => {
   const { projectName, projectBaseDir, flow } = payload;
 
   app.addRecentDocument(projectBaseDir);
-  const { version } = require('../../package.json');
+  const { version } = require("../../package.json");
 
   currentModalWindow.close();
   const projectDir = codegen.generateInitialCode(
@@ -185,59 +186,62 @@ ipcMain.on('modal-projects:create-project', async (event, payload) => {
 
 // Events from menu
 
-ipcMain.on('core:show-import-dialog', () => {
+ipcMain.on("core:show-import-dialog", () => {
   mainWindow.sendEventToRenderer("core:show-import-dialog");
 });
 
-ipcMain.on('core:show-export-dialog', () => {
+ipcMain.on("core:show-export-dialog", () => {
   mainWindow.sendEventToRenderer("core:show-export-dialog");
 });
 
-ipcMain.on('core:search', () => {
+ipcMain.on("core:search", () => {
   mainWindow.sendEventToRenderer("core:search");
 });
 
-ipcMain.on('core:search', () => {
+ipcMain.on("core:search", () => {
   mainWindow.sendEventToRenderer("core:search");
 });
 
-ipcMain.on('core:toggle-terminal', () => {
+ipcMain.on("core:toggle-terminal", () => {
   mainWindow.sendEventToRenderer("core:toggle-terminal");
 });
-ipcMain.on('core:toggle-palette', () => {
+ipcMain.on("core:toggle-palette", () => {
   mainWindow.sendEventToRenderer("core:toggle-palette");
 });
-ipcMain.on('core:view-main-workspace', () => {
+ipcMain.on("core:view-main-workspace", () => {
   mainWindow.sendEventToRenderer("core:view-main-flow");
 });
-ipcMain.on('core:view-test-workspace', () => {
+ipcMain.on("core:view-test-workspace", () => {
   mainWindow.sendEventToRenderer("core:view-test-flow");
 });
-ipcMain.on('core:view-settings', () => {
+ipcMain.on("core:view-settings", () => {
   mainWindow.sendEventToRenderer("core:toggle-settings");
 });
 
-ipcMain.on('show-newProject-modal', () => {
+ipcMain.on("show-newProject-modal", () => {
   showNewProjectDialog(true);
 });
-ipcMain.on('show-openProject-dialog', () => {
+ipcMain.on("show-openProject-dialog", () => {
   showOpenProjectDialog();
 });
 
-ipcMain.on('app_version', (event) => {
-  event.sender.send('app_version', { version: app.getVersion() });
+ipcMain.on("app_version", (event) => {
+  event.sender.send("app_version", { version: app.getVersion() });
 });
-ipcMain.on('main-header:show-modal-home', () => {
+ipcMain.on("main-header:show-modal-home", () => {
   currentModalWindow = new ModalHome(findRecentProjects());
   currentModalWindow.load();
 });
-ipcMain.on('navigator:open-new-tab-dialog', () => {
+ipcMain.on("navigator:open-new-tab-dialog", () => {
   currentModalWindow = new ModalNewTab(mainWindow.window, true);
   currentModalWindow.load();
 });
-ipcMain.on('navigator:open-rename-tab-dialog', (event, payload) => {
+ipcMain.on("navigator:open-rename-tab-dialog", (event, payload) => {
   const { tabId, oldTabName } = payload;
-  currentModalWindow = new ModalRenameTab(mainWindow.window, true, { tabId, oldTabName });
+  currentModalWindow = new ModalRenameTab(mainWindow.window, true, {
+    tabId,
+    oldTabName,
+  });
   currentModalWindow.load();
 });
 
@@ -245,22 +249,22 @@ ipcMain.on('navigator:open-rename-tab-dialog', (event, payload) => {
 
 // - Modal window launch event
 
-ipcMain.on('show-node-library-modal', () => {
+ipcMain.on("show-node-library-modal", () => {
   currentModalWindow = new ModalNodeLibrary();
   currentModalWindow.load();
 });
 
 // Ask for the project directory
-ipcMain.on('modal-node-library:fetch-installed-nodes', (event, payload) => {
+ipcMain.on("modal-node-library:fetch-installed-nodes", (event, payload) => {
   let results = [];
   let projectDir = EditorManager.getCurrentUserDir();
   try {
-    const packageJsonPath = path.join(projectDir, 'package.json');
-    let data = fs.readFileSync(packageJsonPath, 'utf-8');
+    const packageJsonPath = path.join(projectDir, "package.json");
+    let data = fs.readFileSync(packageJsonPath, "utf-8");
     const pkg = JSON.parse(data);
     const dependencies = pkg.dependencies;
     results = Object.keys(dependencies).filter((dep) =>
-      dep.includes('kumologica-contrib')
+      dep.includes("kumologica-contrib")
     );
   } catch (err) {
     console.log(err);
@@ -268,44 +272,65 @@ ipcMain.on('modal-node-library:fetch-installed-nodes', (event, payload) => {
       `package.json file not found in the project directory: ${projectDir}`
     );
   }
-  event.sender.send('modal-node-library:fetch-installed-nodes-response', {
+  event.sender.send("modal-node-library:fetch-installed-nodes-response", {
     installedNodes: results,
   });
 });
 
-// - Install package command event
-ipcMain.on('modal-node-library:install-package', async (event, payload) => {
-  let { source } = payload;
-
-  // Send signal to modal window that we are going to start installing it
-  event.sender.send('modal-node-library:install-package-initiated', {
-    source: source,
-  });
-
-  // Dev Dependencies to be installed
-  if (source.hasOwnProperty('devPackages')) {
-    let devDependencies = source['devPackages'].join(' ');
-    const npmCmd = `npm install --save-dev ${devDependencies}`;
-    const currentProjectDir = EditorManager.getCurrentUserDir();
-    await exec(npmCmd, { cwd: currentProjectDir });
-  }
-
-  // Dependency to be installed
-  let dependency = source.package;
-
-  // Execute the command: npm install <package>
-  const npmCmd = `npm install --save ${dependency}`;
-  const currentProjectDir = EditorManager.getCurrentUserDir();
-  await exec(npmCmd, { cwd: currentProjectDir });
-
-  // Send signal to modal window that we have finished with the installation and a restart is required
-  event.sender.send('modal-node-library:install-package-finished', {
-    source: source,
-  });
-});
+ipcMain.on("modal-node-library:install-package", (event, payload) => {
+  // let { command } = payload;
+  // let newEnv = {
+  //   ...process.env,
+  //   PATH: includeNodePathIntoPath(),
+  // };
+  // const child = spawn("npm", ["install"], {
+  //   cwd: EditorManager.getCurrentUserDir(),
+  //   env: newEnv,
+  // });
+  // // Stream stdout data
+  // child.stdout.on("data", (data) => {
+  //   window.__kumologica.editor.terminal.eventEmitter.emit(
+  //     "terminal-output",
+  //     data.toString()
+  //   );
+  //   // console.log(data.toString());
+  // });
+  // // Stream stderr data
+  // child.stderr.on("data", (data) => {
+  //   console.log(data.toString());
+  // });
+  // // Handle process exit
+  // child.on("close", (code) => {
+  //   if (code !== 0) {
+  //     let message =
+  //       code === 127
+  //         ? `Command: 'node' could not be found. Please ensure that the NODE_PATH environment variable is correctly set and exported in your system's environment.`
+  //         : `Command failed with exit code ${code}`;
+  //     window.__kumologica.editor.terminal.eventEmitter.emit(
+  //       "terminal-output",
+  //       `Error: ${message}`
+  //     );
+  //     // console.log(error.message);
+  //     const error = new Error(message);
+  //     // reject(error);
+  //   } else {
+  //     // resolve();
+  //   }
+  // });
+  // // Handle execution errors
+  // child.on("error", (error) => {
+  //   console.log(error.message);
+  //   // reject(error);
+  // });
+});
+
+// Send signal to modal window that we have finished with the installation and a restart is required
+// event.sender.send("modal-node-library:install-package-finished", {
+//   source: source,
+// });
 
 // - Uninstall package command event
-ipcMain.on('modal-node-library:uninstall-package', async (event, payload) => {
+ipcMain.on("modal-node-library:uninstall-package", async (event, payload) => {
   let { source } = payload;
 
   // Execute the command: npm install <package>
@@ -314,16 +339,16 @@ ipcMain.on('modal-node-library:uninstall-package', async (event, payload) => {
   await exec(npmCmd, { cwd: currentProjectDir });
 
   // Send signal to modal window that we have finished with the installation and a restart is required
-  event.sender.send('modal-node-library:uninstall-package-finished', {
+  event.sender.send("modal-node-library:uninstall-package-finished", {
     source: source,
   });
 });
-ipcMain.on('restart-requested', async (event, msg) => {
+ipcMain.on("restart-requested", async (event, msg) => {
   // reload the nodes available in the palette
   try {
     await requestAsync({
       uri: `http://127.0.0.1:${RUNTIME_PORT}/nodes-reload`,
-      method: 'POST',
+      method: "POST",
       json: true,
     });
   } catch (err) {
@@ -333,13 +358,13 @@ ipcMain.on('restart-requested', async (event, msg) => {
   mainWindow.reload();
 });
 
-ipcMain.on('modal-node-library:restart-requested', async (event, msg) => {
+ipcMain.on("modal-node-library:restart-requested", async (event, msg) => {
   currentModalWindow.close();
   // reload the nodes available in the palette
   try {
     await requestAsync({
       uri: `http://127.0.0.1:${RUNTIME_PORT}/nodes-reload`,
-      method: 'POST',
+      method: "POST",
       json: true,
     });
   } catch (err) {
@@ -349,7 +374,7 @@ ipcMain.on('modal-node-library:restart-requested', async (event, msg) => {
   mainWindow.reload();
 });
 
-ipcMain.on('open-new-tab-dialog:close', async (event, payload) => {
+ipcMain.on("open-new-tab-dialog:close", async (event, payload) => {
   if (currentModalWindow.isCancellable()) {
     currentModalWindow.close();
   } else {
@@ -359,7 +384,7 @@ ipcMain.on('open-new-tab-dialog:close', async (event, payload) => {
   }
 });
 
-ipcMain.on('open-rename-tab-dialog:close', async (event, payload) => {
+ipcMain.on("open-rename-tab-dialog:close", async (event, payload) => {
   if (currentModalWindow.isCancellable()) {
     currentModalWindow.close();
   } else {
@@ -369,19 +394,18 @@ ipcMain.on('open-rename-tab-dialog:close', async (event, payload) => {
   }
 });
 
-ipcMain.on('open-new-tab-dialog:create-tab', async (event, payload) => {
+ipcMain.on("open-new-tab-dialog:create-tab", async (event, payload) => {
   currentModalWindow.close();
-  let tabName = payload['createTabName'];
-  mainWindow.sendEventToRenderer('create-new-tab', { tabName });
+  let tabName = payload["createTabName"];
+  mainWindow.sendEventToRenderer("create-new-tab", { tabName });
 });
 
-ipcMain.on('open-rename-tab-dialog:rename-tab', async (event, payload) => {
+ipcMain.on("open-rename-tab-dialog:rename-tab", async (event, payload) => {
   currentModalWindow.close();
   const { tabId, newTabName } = payload;
-  mainWindow.sendEventToRenderer('explorer:rename-tab', { tabId, newTabName });
+  mainWindow.sendEventToRenderer("explorer:rename-tab", { tabId, newTabName });
 });
 
-
 function showNewProjectDialog(cancellable) {
   currentModalWindow = new ModalNewProject(mainWindow.window, cancellable);
   currentModalWindow.load();
@@ -390,8 +414,8 @@ function showNewProjectDialog(cancellable) {
 function showOpenProjectDialog(parent) {
   let openDialog = electron.dialog;
   let options = {
-    title: 'Open project directory',
-    properties: ['openDirectory'],
+    title: "Open project directory",
+    properties: ["openDirectory"],
   };
 
   openDialog.showOpenDialog(parent, options).then(async (result) => {
@@ -407,30 +431,42 @@ function showOpenProjectDialog(parent) {
 function runtimeEventListener(event) {
   // console.log('runtimeEventListener hit with event:', event);
   // runtime events @Terminal
-  if (event && event.id && event.id == 'terminal-output'
-    && mainWindow && mainWindow.window && mainWindow.window.webContents) {
-    mainWindow.window.webContents.send('terminal-output', event);
+  if (
+    event &&
+    event.id &&
+    event.id == "terminal-output" &&
+    mainWindow &&
+    mainWindow.window &&
+    mainWindow.window.webContents
+  ) {
+    mainWindow.window.webContents.send("terminal-output", event);
   }
   // runtime events @tests
-  if (event && event.id && event.id.startsWith('test:')
-    && mainWindow && mainWindow.window && mainWindow.window.webContents) {
+  if (
+    event &&
+    event.id &&
+    event.id.startsWith("test:") &&
+    mainWindow &&
+    mainWindow.window &&
+    mainWindow.window.webContents
+  ) {
     mainWindow.window.webContents.send(event.id, event);
   }
 
-  if (has(event, 'id') && event.id.startsWith('debugger:')) {
+  if (has(event, "id") && event.id.startsWith("debugger:")) {
     mainWindow.window.webContents.send(event.id, event);
   }
 }
 
 async function openProjectEditor(projectDir, onDidLoad) {
   console.log(`> Node.js version: ${process.versions.node}`);
-  console.log('> Project directory:', projectDir);
+  console.log("> Project directory:", projectDir);
 
   try {
     let startupErrorEvent;
     startupEmitter = new EventEmitter();
 
-    startupEmitter.on('runtime-startup-error', (event) => {
+    startupEmitter.on("runtime-startup-error", (event) => {
       startupErrorEvent = event;
     });
 
@@ -441,11 +477,11 @@ async function openProjectEditor(projectDir, onDidLoad) {
     // otherwise, we will have duplicated listeners on runtime-events
     // causing the events to trigger multiple times.
     EditorManager.appServer.events.removeAllListeners(
-      'runtime-event',
+      "runtime-event",
       runtimeEventListener
     );
 
-    EditorManager.appServer.events.on('runtime-event', runtimeEventListener);
+    EditorManager.appServer.events.on("runtime-event", runtimeEventListener);
 
     if (mainWindow) {
       // Updating the project information
@@ -464,7 +500,7 @@ async function openProjectEditor(projectDir, onDidLoad) {
     app.addRecentDocument(projectDir);
 
     if (startupErrorEvent) {
-      ipcMain.emit('runtime-startup-error', startupErrorEvent);
+      ipcMain.emit("runtime-startup-error", startupErrorEvent);
     }
   } catch (err) {
     // throw err;
@@ -479,11 +515,11 @@ async function openProjectEditor(projectDir, onDidLoad) {
 
     let openDialog = electron.dialog;
     let options = {
-      type: 'error',
-      buttons: ['OK'],
+      type: "error",
+      buttons: ["OK"],
       message: `Kumologica Designer is unable to open project`,
       detail: `${err}`,
-      icon: electron.nativeImage.createEmpty()
+      icon: electron.nativeImage.createEmpty(),
     };
     openDialog.showMessageBoxSync(parentWindow, options, async (response) => {
       // no need to do anything, the runtime has already been recovered with a safe userDir
@@ -501,11 +537,11 @@ async function openWelcomePage() {
   // There is no project recently opened - we will create one just to kick the runtime
   // This project will be created in the dataPath of the store:
   // ~/Library/Application Support/Kumologica
-  const { version } = require('../../package.json');
+  const { version } = require("../../package.json");
 
   let userDir = codegen.generateInitialCode(
     userPrefStore.getUserDataPath(),
-    '__untitled__',
+    "__untitled__",
     null,
     version
   );
@@ -552,7 +588,7 @@ function findLatestProject() {
 // This method will be called when Electron has finished
 // initialization and is ready to create browser windows.
 // Some APIs can only be used after this event occurs.
-app.on('ready', async () => {
+app.on("ready", async () => {
   Menu.setApplicationMenu(appMenu);
   if (app.dock) {
     app.dock.setMenu(dockMenu);
@@ -584,14 +620,14 @@ app.on('ready', async () => {
 });
 
 // event triggered from open recent api
-app.on('open-file', (event, path) => {
+app.on("open-file", (event, path) => {
   event.preventDefault();
   openProjectEditor(path, true);
 });
 
 // Called before quitting...gives us an opportunity to shutdown the child process
-app.on('before-quit', async () => {
-  console.log('> Gracefully shutting down...');
+app.on("before-quit", async () => {
+  console.log("> Gracefully shutting down...");
 
   // Kill the web process
   await EditorManager.stop();
@@ -601,7 +637,7 @@ app.on('before-quit', async () => {
 });
 
 // Quit when all windows are closed.
-app.on('window-all-closed', function () {
+app.on("window-all-closed", function () {
   if (!winController.isKeepRunning()) {
     //recreateWindowRequired = true;
     // mainWindow.window.destroy();
@@ -616,7 +652,7 @@ app.on('window-all-closed', function () {
   }
 });
 
-app.on('activate', function () {
+app.on("activate", function () {
   // On OS X it's common to re-create a window in the app when the
   // dock icon is clicked and there are no other windows open.
   if (mainWindow === null) {
@@ -641,8 +677,8 @@ autoUpdater.on('update-available', () => {
 });
 */
 
-process.on('SIGINT', function () {
+process.on("SIGINT", function () {
   //graceful shutdown
-  console.log('SIGNINT SENT');
+  console.log("SIGNINT SENT");
   process.exit();
 });