2.2.2 Style Adjustments

- Changed Button Styles 
- Added title to the native window
- Moved keybindings to an external file
- Improved language chooser

Author: Haeri

index.html

@@ -23,10 +23,10 @@
         <header>
             <span id="document-name">new document</span>
             <div id="window-buttons">
-                <a id="pin-button"></a>
-                <a id="min-button"></a>
-                <a id="max-button"></a>
-                <a id="close-button"></a>
+                <button id="pin-button"></button>
+                <button id="min-button"></button>
+                <button id="max-button"></button>
+                <button id="close-button"></button>
             </div>
         </header>
         <div id="content">

main.js

@@ -101,42 +101,31 @@ function checkLatestVersion() {
     });
 }
 
-function doUpdate() {
-  const root = path.dirname(process.execPath);
-  let command = `${root}/${appInfo.version}/updater${getExeExtension(appInfo.os)}`;
-
-  if (process.platform !== 'win32') {
-    command = `chmod +x ./${appInfo.version}/updater${getExeExtension(appInfo.os)} && ${command}`;
-  }
-  const child = require('child_process').spawn(command, [], { detached: true, shell: true });
-  child.unref();
-}
-
 function createWindow(caller = undefined, filePaths = []) {
   filePathsToOpen = filePaths;
   let { x, y, width, height, maximized } = localStore.get('window_config');
   let { native_frame } = userPrefStore.get('window_config');
 
   // Force custom frame to remove traficlights
-  if(process.platform === 'darwin'){
+  if (process.platform === 'darwin') {
     native_frame = false;
   }
 
   let windowConfig = {}
-  if(native_frame){
+  if (native_frame) {
     windowConfig = {
       frame: false,
       hasShadow: true,
       backgroundColor: '#212121',
     }
-  }else{
+  } else {
     windowConfig = {
       frame: false,
       transparent: true,
       backgroundColor: '#00000000'
     }
   }
-  
+
 
   if (caller) {
     x = caller.getPosition()[0] + 30;
@@ -236,6 +225,13 @@ ipcMain.on('toggle-max-unmax', (event) => {
     win.unmaximize();
   }
 });
+
+ipcMain.on('set-title', (event, title) => {
+  const win = BrowserWindow.fromWebContents(event.sender);
+  win.setTitle(title);
+});
+
+
 ipcMain.handle('toggle-pin', (event) => {
   const win = BrowserWindow.fromWebContents(event.sender);
   const pinned = win.isAlwaysOnTop();

package-lock.json

@@ -26,19 +26,6 @@ async function main() {
   process.stdout.write('1. Packaging main executable...');
   let dir = await packager(packageOptions);
   dir = dir[0];
-  /*
-  console.log(`Electron app bundles created:\n${dir}`)
-  fs.readdirSync(dir).forEach(file => {
-    err = false;
-    try{
-      fs.accessSync(file, fs.constants.X_OK);
-    }
-    catch(e){
-      err = true;
-    }
-    console.log(`${file} ${err ? '' : '\tx'}`);    
-  });
-  */
   process.stdout.write('\t\tOK\n');
 
 
@@ -51,32 +38,6 @@ async function main() {
     process.stdout.write('\t\tOK\n');
   }
 
-  process.stdout.write('2. Installing NPM for updater...');
-  execSync('npm install', {
-    cwd: './updater',
-  });
-  process.stdout.write('\tOK\n');
-
-  process.stdout.write('3. Packaging updater...');
-  execSync('npm run package', {
-    cwd: './updater',
-  });
-  process.stdout.write('\t\t\tOK\n');
-
-  if (process.platform === 'linux' || process.platform === 'darwin') {
-    process.stdout.write('3.1. chmod-ing updater...');
-    execSync(`chmod +x updater`, {
-      cwd: './updater',
-    });
-    process.stdout.write('\t\tOK\n');
-  }
-
-  process.stdout.write('4. Copying updater...');
-  const updater = fs.readdirSync('./updater/').filter((fn) => fn.startsWith('updater'));
-  fs.mkdirSync(`${dir}/${pjson.version}`);
-  fs.copyFileSync(`./updater/${updater[0]}`, `${dir}/${pjson.version}/${updater[0]}`);
-  process.stdout.write('\t\t\tOK\n');
-
   console.log('------ FINISHED PACKAGING ------');
 }
 

package.js

@@ -1,6 +1,6 @@
 {
   "name": "monolith-code",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "minimalistic coder editor",
   "homepage": "https://haeri.github.io/MonolithCode2/",
   "main": "main.js",

package.json

@@ -0,0 +1,46 @@
+{
+  "ctrl": {
+    "o": {
+      "description": "Open a file",
+      "func": "openFile"
+    },
+    "b": {
+      "description": "Build and run the current file",
+      "func": "buildRunFile"
+    },
+    "s": {
+      "description": "Save the current file",
+      "func": "saveFile"
+    },
+    "n": {
+      "description": "Open a new editor window",
+      "func": "newWindow"
+    },
+    "i": {
+      "description": "Open settings",
+      "func": "openSettings"
+    },
+    "p": {
+      "description": "Export the preview window as PDF",
+      "func": "exportPDFFromPreview"
+    },
+    "t": {
+      "description": "Open a hello world tamplate for the current language",
+      "func": "makeLanguageTemplate"
+    },
+    "m": {
+      "description": "Evaluate a mathematical equation on the selected line",
+      "func": "evaluateMathInline"
+    }
+  },
+  "ctrlshift": {
+    "b": {
+      "description": "Beautify the document",
+      "func": "beautifyDocument"
+    },
+    "s": {
+      "description": "Save the current document as new file",
+      "func": "saveFileAs"
+    }
+  }
+}

res/img/texture3.jpg res/img/texture.jpgres/img/texture3.jpg renamed to res/img/texture.jpg

@@ -1,24 +1,28 @@
-
 ::-webkit-scrollbar {
 	width: 6px;
 }
+
 ::-webkit-scrollbar {
 	height: 6px;
 }
+
 ::-webkit-scrollbar-track,
 ::-webkit-scrollbar-track {
 	background: transparent;
 }
+
 ::-webkit-scrollbar-thumb,
 ::-webkit-scrollbar-thumb {
 	background: #555;
 	border-radius: 3px;
 	transition: 0.3s;
 }
+
 ::-webkit-scrollbar-thumb:hover,
 ::-webkit-scrollbar-thumb:hover {
 	background: #888;
 }
-::-webkit-scrollbar-corner{
-    background: transparent;   
+
+::-webkit-scrollbar-corner {
+	background: transparent;
 }