🚚 moved files to renderer

app/renderer/css/preload.css

@@ -0,0 +1 @@
+/* We'll be overriding default styling so that app look more native * / 

app/renderer/js/domain.js

@@ -0,0 +1,77 @@
+const {app} = require('electron').remote;
+const ipcRenderer = require('electron').ipcRenderer;
+const JsonDB = require('node-json-db');
+const request = require('request');
+
+const db = new JsonDB(app.getPath('userData') + '/domain.json', true, true);
+
+window.addDomain = function () {
+	const el = sel => {
+		return document.querySelector(sel);
+	};
+
+	const $el = {
+		error: el('#error'),
+		main: el('#main'),
+		section: el('section')
+	};
+
+	const event = sel => {
+		return {
+			on: (event, callback) => {
+				document.querySelector(sel).addEventListener(event, callback);
+			}
+		};
+	};
+
+	const displayError = msg => {
+		$el.error.innerText = msg;
+		$el.error.classList.add('show');
+		$el.section.classList.add('shake');
+	};
+
+	let newDomain = document.getElementById('url').value;
+	newDomain = newDomain.replace(/^https?:\/\//, '');
+	if (newDomain === '') {
+		displayError('Please input a valid URL.');
+	} else {
+		el('#main').innerHTML = 'Checking...';
+		if (newDomain.indexOf('localhost:') >= 0) {
+			const domain = 'http://' + newDomain;
+			const checkDomain = domain + '/static/audio/zulip.ogg';
+			request(checkDomain, (error, response) => {
+				if (!error && response.statusCode !== 404) {
+					document.getElementById('main').innerHTML = 'Connect';
+					db.push('/domain', domain);
+					ipcRenderer.send('new-domain', domain);
+				} else {
+					$el.main.innerHTML = 'Connect';
+					displayError('Not a valid Zulip local server');
+				}
+			});
+			//	});
+		} else {
+			const domain = 'https://' + newDomain;
+			const checkDomain = domain + '/static/audio/zulip.ogg';
+
+			request(checkDomain, (error, response) => {
+				if (!error && response.statusCode !== 404) {
+					$el.main.innerHTML = 'Connect';
+					db.push('/domain', domain);
+					ipcRenderer.send('new-domain', domain);
+				} else {
+					$el.main.innerHTML = 'Connect';
+					displayError('Not a valid Zulip server');
+				}
+			});
+		}
+	}
+
+	event('#url').on('input', () => {
+		el('#error').classList.remove('show');
+	});
+
+	event('section').on('animationend', function () {
+		this.classList.remove('shake');
+	});
+};

app/renderer/js/preload.js

@@ -0,0 +1,69 @@
+'use strict';
+const ipcRenderer = require('electron').ipcRenderer;
+const {webFrame} = require('electron');
+const {spellChecker} = require('./spellchecker');
+
+const _setImmediate = setImmediate;
+const _clearImmediate = clearImmediate;
+process.once('loaded', () => {
+	global.setImmediate = _setImmediate;
+	global.clearImmediate = _clearImmediate;
+});
+
+// eslint-disable-next-line import/no-unassigned-import
+require('./domain');
+// eslint-disable-next-line import/no-unassigned-import
+require('./tray.js');
+// Calling Tray.js in renderer process everytime app window loads
+
+// Handle zooming functionality
+const zoomIn = () => {
+	webFrame.setZoomFactor(webFrame.getZoomFactor() + 0.1);
+};
+
+const zoomOut = () => {
+	webFrame.setZoomFactor(webFrame.getZoomFactor() - 0.1);
+};
+
+const zoomActualSize = () => {
+	webFrame.setZoomFactor(1);
+};
+
+// Get zooming actions from main process
+ipcRenderer.on('zoomIn', () => {
+	zoomIn();
+});
+
+ipcRenderer.on('zoomOut', () => {
+	zoomOut();
+});
+
+ipcRenderer.on('zoomActualSize', () => {
+	zoomActualSize();
+});
+
+ipcRenderer.on('log-out', () => {
+	// Create the menu for the below
+	document.querySelector('.dropdown-toggle').click();
+
+	const nodes = document.querySelectorAll('.dropdown-menu li:last-child a');
+	nodes[nodes.length - 1].click();
+});
+
+ipcRenderer.on('shortcut', () => {
+	// Create the menu for the below
+	const node = document.querySelector('a[data-overlay-trigger=keyboard-shortcuts]');
+	// Additional check
+	if (node.text.trim().toLowerCase() === 'keyboard shortcuts') {
+		node.click();
+	} else {
+		// Atleast click the dropdown
+		document.querySelector('.dropdown-toggle').click();
+	}
+});
+
+// To prevent failing this script on linux we need to load it after the document loaded
+document.addEventListener('DOMContentLoaded', () => {
+	// Init spellchecker
+	spellChecker();
+});

app/renderer/js/spellchecker.js

@@ -0,0 +1,27 @@
+const {SpellCheckHandler, ContextMenuListener, ContextMenuBuilder} = require('electron-spellchecker');
+
+function spellChecker() {
+	// Implement spellcheck using electron api
+	window.spellCheckHandler = new SpellCheckHandler();
+	window.spellCheckHandler.attachToInput();
+
+	// Start off as US English
+	window.spellCheckHandler.switchLanguage('en-US');
+
+	const contextMenuBuilder = new ContextMenuBuilder(window.spellCheckHandler);
+	const contextMenuListener = new ContextMenuListener(info => {
+		contextMenuBuilder.showPopupMenu(info);
+	});
+
+	// Clean up events after you navigate away from this page;
+	// otherwise, you may experience errors
+	window.addEventListener('beforeunload', () => {
+	// eslint-disable-next-line no-undef
+		spellCheckHandler.unsubscribe();
+		contextMenuListener.unsubscribe();
+	});
+}
+
+module.exports = {
+	spellChecker
+};