@kumologica/sdk 3.2.0-beta9 → 4.0.0-alpha2

package/src/app/main-process/editor-manager.js

@@ -1,177 +0,0 @@
-const path = require('path');
-const fs = require('fs-extra');
-const { dialog } = require('electron');
-const tcpPortUsed = require('tcp-port-used');
-const { findAllFlowFiles } = require('../lib/utils/editor');
-
-const editorApi = require('../ui/editor-api/lib');
-const { AppServer } = require('../lib/runtime-loader');
-
-
-async function allocatePort(port) {
-    let inUse = await tcpPortUsed.check(port);
-    if (inUse){
-      let newPort = port + 1;
-      console.log(`> Port: ${port} in use. Trying with port: ${newPort}...`);
-      return await allocatePort(newPort);
-    } else{
-      return port;
-    }
-    
-}
-
-class EditorManagerClass {
-  currentUserProjectDir = null;
-  previousUserProjectDir = null;
-  appServer = null;
-  port = 1880;
-
-  constructor() {
-    this.start = this.start.bind(this);
-    this.readEnv = this.readEnv.bind(this);
-    this.getPort = this.getPort.bind(this);
-    this.setPort = this.setPort.bind(this);
-    this.stop = this.stop.bind(this);
-
-  }
-  async start(userProjectDir, startupEmitter) {
-    // *** Hack:
-    // Do not start a new appServer if the project is the current one already running
-    // This is an existing bug, the appServer will fail if, as the editor does today, calls this method twice
-    // one with the current  project and the second with  the desired projectdir. The second time around
-    // the AppServer will fail to stop the server (no fucking way why yet).
-    if (this.currentUserProjectDir === userProjectDir) {
-      return;
-    }
-
-    // Update state of the object
-    this.previousUserProjectDir = this.currentUserProjectDir;
-    this.currentUserProjectDir = userProjectDir;
-    
-
-    try{
-      let flowFilePath = await this._findFlowFile(userProjectDir);
-
-      // Instantiate a new AppServer
-      if (this.appServer !== null) {
-        await this.appServer.stop();
-      }
-      // Check ports availability
-      let portAllocated = await allocatePort(this.getPort());
-      this.setPort(portAllocated);
-      console.log(`> Starting editor on port: ${this.getPort()}...`);
-
-      // Backwards compatibility check
-      const constParams = AppServer.length;
-      if (constParams === 6) {
-        // Runtime <= 2.0.11
-        this.appServer = new AppServer(
-          flowFilePath, // full path of the flow.json file
-          this.getPort(), // port
-          AppServer.mode.KUMOLOGICA_DESIGNER,
-          undefined, //loglevel
-          editorApi,
-          startupEmitter);
-      } else if (constParams === 1) {
-        this.appServer = new AppServer({
-            projectDir: this.currentUserProjectDir,
-            flowFilePath: flowFilePath,
-            port: this.getPort(),
-            serverMode: AppServer.mode.KUMOLOGICA_DESIGNER,
-            logLevel: undefined,
-            editorApi: editorApi,
-            startupEmitter: startupEmitter
-          });
-      } else {
-        throw new Error('Runtime version is incompatible with this designer');
-      }
-
-      // Persist the server settings in the window global scope for the ui to access.
-      await this.appServer.start();
-      return flowFilePath;
-    } catch (err) {
-        console.log('Editor Manager cannot be started. Reason:', err);
-        throw err;
-    }
-  }
-
-  /**
-   * readEnv - read the value of `key` in the environment variable and convert it to lowercase, if not present, it returns undefined
-   * @param {} key
-   * @param {*} defaultValue
-   */
-  readEnv(envvar) {
-    if (envvar in process.env) {
-      console.log('==> ', process.env[envvar]);
-      let value = process.env[envvar].toLowerCase();
-      App.log.info(`Env var is set: [${envvar}=${value}]`); // ==> Env var is set: [DEBUG=false]
-      return value;
-    }
-    return undefined;
-  }
-
-  getPort() {
-    return this.port;
-  }
-
-  setPort(newPort) {
-    this.port = newPort;
-  }
-
-  /**
-   * Originally after promise is resolved it invoked `process.exit()`
-   * @returns a promise
-   *
-   */
-  async stop() {
-    await this.appServer.stop();
-  }
-
-  /**
-   * @returns full path of the flow file json file. Example: c:\\Development\Project1\project1-flow.json
-   */
-  async _findFlowFile(userProjectDir) {
-    // check whether userDir exist or not
-    if (!fs.existsSync(this.getCurrentUserDir())) {
-      throw new Error(`Directory: "${this.getCurrentUserDir()}" not found`);
-      
-    } else {
-      try{
-       JSON.parse(fs.readFileSync(path.join(this.getCurrentUserDir(), 'package.json')));
-      } catch (err) {
-        throw new Error(`Directory: "${this.getCurrentUserDir()}" is not a valid Kumologica project. Missing package.json`);
-      }
-    }
-     
-    let tentativeFlowFiles = await findAllFlowFiles(this.getCurrentUserDir())
-    let numberTentativeFlowFiles = tentativeFlowFiles.length;
-    switch (true) {
-      case (numberTentativeFlowFiles === 1):
-        return tentativeFlowFiles[0];
-      case (numberTentativeFlowFiles > 1):
-        let flowFile = dialog.showOpenDialogSync({ 
-          title: 'Select the flow file to open...', 
-          defaultPath: this.getCurrentUserDir(),
-          properties: ['openFile'] 
-        });
-        if (flowFile){
-          return flowFile[0];
-        } else {
-          throw new Error('A valid flow file must be selected')
-        }
-      case (numberTentativeFlowFiles === 0):
-        throw new Error(`Directory: "${userProjectDir}" does not contain a valid kumologica flow file`);
-        // let generatedFlowFile = this.getCurrentUserDir().substring(this.getCurrentUserDir().lastIndexOf(path.sep) + 1);
-        // return generateFlowfile(this.getCurrentUserDir(), generatedFlowFile);
-
-    }
-  }
-
-  getCurrentUserDir() {
-    return this.currentUserProjectDir;
-  }
-  // onClose(fn) {
-}
-const editorManager = new EditorManagerClass();
-
-module.exports = editorManager;

package/src/app/main-process/main-window.js

@@ -1,214 +0,0 @@
-const electron = require('electron');
-const path = require('path');
-const fs = require('fs-extra');
-const url = require('url');
-const { defaultKeys } = require('../lib/stores/user-preference-store');
-const { BrowserWindow } = electron;
-const EventEmitter = require('events');
-
-let { ipcMain } = electron;
-
-// using electron-updater instead of builtin autoUpdater
-// see why: https://www.electron.build/auto-update
-const { autoUpdater } = require('electron-updater');
-
-const preloadJsPath = path.join(__dirname, '..', 'preload.js');
-const editorManager = require('./editor-manager');
-
-class MainWindow {
-  window = null;
-  shown = false;
-  startupErrorEvent = null;
-
-  /**
-   *
-   * @param {UserPreferenceStore} store
-   */
-  constructor(store, projectDir, flowfilePath) {
-    this.store = store;
-    this.lastUserProjectDir = projectDir;
-    if (flowfilePath){
-      this.lastFlowfile = flowfilePath;
-    }
-   
-    this.emitter = new EventEmitter();
-    const { width, height } = store.get(defaultKeys.mainWindowBounds);
-
-    let windowOptions = {
-      title: 'Kumologica Designer',
-      width: width,
-      height: height,
-      backgroundColor: '#fff',
-      titleBarStyle: 'hiddenInset',
-      icon: "./src/assets/kumologica-app.png",
-      webPreferences: {
-        webviewTag: true,
-        nodeIntegration: false,
-        preload: preloadJsPath,
-        contextIsolation: false,
-        enableRemoteModule: true,
-        additionalArguments: [`--port=${editorManager.getPort()}`]
-      },
-      show: false,
-      icon: path.join(__dirname, '../ui/editor-client/src/kumologica-app.png'),
-    };
-
-    this.window = new BrowserWindow(windowOptions);
-    this.window.maximize();
-
-    this.window.on('focus', () => this.window.webContents.send('focus'));
-    this.window.on('blur', () => this.window.webContents.send('blur'));
-    this.window.on('resize', () => {
-      // The event doesn't pass us the window size, so we call the `getBounds`
-      // method which returns an object with
-      // the height, width, and x and y coordinates.
-      let { width, height } = this.window.getBounds();
-      // Now that we have them, save them using the `set` method.
-      this.store.set(defaultKeys.mainWindowBounds, { width, height });
-    });
-
-    // this is not called when maxize was called before (line 45)
-    this.window.once('ready-to-show', () => {
-      this.show();
-    });
-
-    this.window.on('page-title-updated', (e) => {
-      e.preventDefault();
-    });
-
-    this.window.on('closed', () => {
-      // Dereference the window object, usually you would store windows
-      // in an array if your app supports multi windows, this is the time
-      // when you should delete the corresponding element.
-      this.window = null;
-    });
-
-    this.window.webContents.on('did-finish-load', () => {
-      // this.checkForUpdates();
-      this.updateProjectInfo(this.lastUserProjectDir, this.lastFlowfile || "__untitled__");
-      this.emitter.emit('did-load', null);
-
-      if (this.startupErrorEvent) {
-        this.window.webContents.send(
-          'ui-runtime-startup-error',
-          this.startupErrorEvent
-        );
-      }
-    });
-
-    autoUpdater.on('update-available', () => {
-      this.window.webContents.send('ui-update-available');
-    });
-
-    ipcMain.on('download-app', () => {
-      autoUpdater.downloadUpdate();
-    });
-
-    autoUpdater.on('update-downloaded', () => {
-      this.window.webContents.send('ui-update-downloaded');
-    });
-
-    ipcMain.on('restart-app', () => {
-      autoUpdater.quitAndInstall();
-    });
-
-    ipcMain.on('menu-check-for-updates', () => {
-      this.checkForUpdates();
-    });
-
-    ipcMain.on('runtime-startup-error', (event) => {
-      this.startupErrorEvent = event; // storing event until window init completes
-      //this.window.webContents.send('ui-runtime-startup-error', event);
-    });
-  }
-
-  load() {
-    this.window.loadURL(
-      url.format({
-        pathname: `127.0.0.1:${editorManager.getPort()}`,
-        protocol: 'http:',
-        slashes: true,
-      }),
-      {
-        userAgent: 'Kumologica Designer'
-      }
-    );
-  }
-
-  sendEventToRenderer(event, data){
-    this.window.webContents.send(event, data);
-  }
-
-  checkForUpdates() {
-    autoUpdater.autoDownload = false;
-    autoUpdater.checkForUpdates().catch(console.error);
-  }
-
-  // TODO: #javier - show error if flow file is not found
-  updateProjectInfo(newProjectDir, flowFilePath) {
-    this.lastUserProjectDir = newProjectDir;
-    this.lastFlowfile = flowFilePath;
-    try {
-      this.window.webContents.send('setProjectInfo', {
-        payload: {
-          projectDir: this.lastUserProjectDir,
-          projectName: path.basename(this.lastUserProjectDir),
-          projectStatus: 'running',
-          flowFile: this.lastFlowfile.substring(this.lastFlowfile.lastIndexOf(path.sep)+1), // including json
-          fullPathFlowFile: flowFilePath
-        },
-      });
-    } catch (Error) {
-      console.log('error: ' + JSON.stringify(Error));
-      throw Error;
-    }
-  }
-
-  focus() {
-    this.window.focus();
-  }
-
-  show() {
-    if (!this.window) {
-      this.load(this.lastUserProjectDir);
-    }
-    this.window.show();
-    this.shown = true;
-  }
-
-  hide() {
-    if (!this.window) {
-      this.load(this.lastUserProjectDir);
-    }
-    this.window.hide();
-    this.shown = false;
-  }
-
-  isShown() {
-    return this.shown;
-  }
-
-  reload() {
-    if (!this.window) {
-      this.load();
-    }
-    this.window.reload();
-  }
-
-  close() {
-    this.window.close();
-  }
-
-  get window() {
-    return this.window;
-  }
-  /**
-   * Register a function to call when the window is done loading. At that point
-   * the page has loaded and the renderer has signalled that it is ready.
-   */
-  onDidLoad(fn) {
-    return this.emitter.once('did-load', fn);
-  }
-}
-
-module.exports = MainWindow;