html components in progress, canvas improvements, styling changes

index.js

@@ -1,22 +1,22 @@
 #!/usr/bin/env node
-const util = require('util');
-const program = require('commander');
-const execFile = util.promisify(require('child_process').execFile);
-const { Spinner } = require('cli-spinner');
+// const util = require('util');
+// const program = require('commander');
+// const execFile = util.promisify(require('child_process').execFile);
+// const { Spinner } = require('cli-spinner');
 
-const spinner = new Spinner('running app... %s');
-spinner.setSpinnerString('|/-\\');
+// const spinner = new Spinner('running app... %s');
+// spinner.setSpinnerString('|/-\\');
 
-program
-  .version('1.0.0', '-v, --version, -V')
-  .description('An application for prototyping React application.');
+// program
+//   .version('1.0.0', '-v, --version, -V')
+//   .description('An application for prototyping React application.');
 
-program
-  .command('start')
-  .description('Start-up reactype app')
-  .action(() => {
-    spinner.start();
-    execFile('npm', ['start']).catch(err => console.log(err));
-  });
+// program
+//   .command('start')
+//   .description('Start-up reactype app')
+//   .action(() => {
+//     spinner.start();
+//     execFile('npm', ['start']).catch(err => console.log(err));
+//   });
 
 program.parse(process.argv);

main.js

@@ -7,6 +7,7 @@ const {
   ipcMain,
 } = require('electron');
 
+
 require('electron-reload')(__dirname);
 
 // const isDev = true;
@@ -34,6 +35,11 @@ function openFile() {
   mainWindow.webContents.send('new-file', file);
 }
 
+// export files
+function exportComponents() {
+  console.log('hi from exportComponents');
+}
+
 // Choose directory
 ipcMain.on('choose_app_dir', (event) => {
   const directory = dialog.showOpenDialog(mainWindow, {
@@ -60,10 +66,15 @@ const createWindow = () => {
   mainWindow = new BrowserWindow({
     width,
     height,
+    show: false,
   });
 
   // and load the index.html of the app.
   mainWindow.loadURL(`file://${__dirname}/build/index.html`);
+  // load page once window is loaded
+  mainWindow.once('ready-to-show', () => {
+    mainWindow.show();
+  });
 
   const template = [{
     label: 'File',
@@ -73,6 +84,13 @@ const createWindow = () => {
       click() {
         openFile();
       },
+    },
+    {
+      label: 'Export Components',
+      accelerator: process.platform === 'darwin' ? 'Cmd+E' : 'Ctrl+Shift+E',
+      click() {
+        exportComponents();
+      },
     }],
   },
   {