app.js

// Sencha App
Ext.setGlyphFontFamily("\'Font Awesome 5 Free\'");

// Hamsket is not fully WAI-ARIA compliant at this point
Ext.enableAriaButtons = true;

Ext.application({
	 name: 'Hamsket'
	,extend: 'Hamsket.Application'
	,autoCreateViewport: 'Hamsket.view.main.Main'
});

// auto update logic
const ipc = window.hamsket.ipc;

ipc.on('showAbout', function(event, message) {
	if (!Ext.cq1('about')) {
		Ext.create('Hamsket.view.main.About');
	}
});

ipc.on('showPreferences', function(event, message) {
	if (!Ext.cq1('preferences')) {
		 Ext.create('Hamsket.view.preferences.Preferences').show();
	}
});

ipc.on('autoUpdater:check-update', function() {
	Hamsket.app.checkUpdate();
});
ipc.on('autoUpdater:update-not-available', function() {
	Ext.Msg.show({
		 title: 'You are up-to-date!'
		,message: 'You are running the latest version of Hamsket.'
		,icon: Ext.Msg.INFO
		,buttons: Ext.Msg.OK
	});
});
ipc.on('autoUpdater:update-available', function() {
	Ext.Msg.show({
		 title: 'New version is available!'
		,message: 'Please wait until Hamsket downloads the new version and asks you to install it.'
		,icon: Ext.Msg.INFO
		,buttons: Ext.Msg.OK
	});
});
ipc.on('autoUpdater:update-downloaded', function(e, releaseNotes, releaseName, releaseDate, updateURL) {
	if (Ext.cq1('app-main') != undefined) {
		Ext.cq1('app-main').addDocked({
			xtype: 'toolbar'
			,dock: 'top'
			,ui: 'newversion'
			,items: [
				'->'
				,{
					xtype: 'label'
					,html: '<b>New version is ready to install (' + releaseName + ')!</b> It will be installed the next time Hamsket is relaunched.'
				}
				,{
					xtype: 'button'
					,text: 'Relaunch Now'
					,handler: function(btn) {
						ipc.send('autoUpdater:quit-and-install');
					}
				}
				,{
					xtype: 'button'
					,text: 'Changelog'
					,ui: 'decline'
					,href: 'https://github.com/TheGoddessInari/hamsket/releases/tag/' + releaseName
				}
				,'->'
				,{
					glyph: 0xF00D
					,baseCls: ''
					,style: 'cursor:pointer;'
					,handler: function(btn) {
						if (Ext.cq1('app-main') != undefined) {
							Ext.cq1('app-main').removeDocked(btn.up('toolbar'), true);
						} else {
							console.error('Unable to remove docked, app-main is undefined!');
						}
					}
				}
			]
		});
	} else {
		console.error('Unable to add docked, app-main is undefined!');
	}
});

// Set Badge in taskbar for Windows
ipc.on('setBadge', function(event, messageCount) {
	messageCount = messageCount.toString();
	const canvas = document.createElement("canvas");
	canvas.height = 140;
	canvas.width = 140;
	const ctx = canvas.getContext("2d");
	ctx.fillStyle = "red";
	ctx.beginPath();
	ctx.ellipse(70, 70, 70, 70, 0, 0, 2 * Math.PI);
	ctx.fill();
	ctx.textAlign = "center";
	ctx.fillStyle = "white";

	const ranges = [
		{ divider: 1e18 , suffix: 'P' },
		{ divider: 1e15 , suffix: 'E' },
		{ divider: 1e12 , suffix: 'T' },
		{ divider: 1e9 , suffix: 'G' },
		{ divider: 1e6 , suffix: 'M' },
		{ divider: 1e3 , suffix: 'k' }
	];

	function formatNumber(n) {
		n = parseInt(n);
		for (const i of ranges) {
			if (n >= i.divider) {
				return Math.round(n / i.divider).toString() + i.suffix;
			}
		}
		return n.toString();
	}

	if (messageCount.length === 3) {
		ctx.font = "75px sans-serif";
		ctx.fillText("" + messageCount, 70, 98);
	} else if (messageCount.length === 2) {
		ctx.font = "100px sans-serif";
		ctx.fillText("" + messageCount, 70, 105);
	} else if (messageCount.length === 1) {
		ctx.font = "125px sans-serif";
		ctx.fillText("" + messageCount, 70, 112);
	} else {
		ctx.font = "75px sans-serif";
		ctx.fillText("" + formatNumber(messageCount), 70, 98);
	}

	ipc.send('setBadge', messageCount, canvas.toDataURL());
});

// Reload Current Service
ipc.on('reloadCurrentService', function(e) {
	const tabPanel = Ext.cq1('app-main');
	if (tabPanel != undefined) {
		const tab = tabPanel.getActiveTab();
		if ( tab.id !== 'hamsketTab' )
			tab.reloadService();
	} else {
		console.error('Unable to reload current service, app-main is undefined!');
	}
});

ipc.on('tabFocusNext', function() {
	const tabPanel = Ext.cq1('app-main');
	if (tabPanel != undefined) {
		const activeIndex = tabPanel.items.indexOf(tabPanel.getActiveTab());
		let i = activeIndex + 1;

		tabPanel.getActiveTab().blur();

		// "cycle" (go to the start) when the end is reached or the end is the spacer "tbfill"
		if (i === tabPanel.items.items.length || i === tabPanel.items.items.length - 1 && tabPanel.items.items[i].id === 'tbfill')
			i = 0;

		// skip spacer
		while (tabPanel.items.items[i].id === 'tbfill')
			i++;

		tabPanel.setActiveTab(i);
		tabPanel.getActiveTab().focus();
	} else {
		console.error('Unable to focus next tab, app-main is undefined!');
	}
});

ipc.on('tabFocusPrevious', function() {
	const tabPanel = Ext.cq1('app-main');
	if (tabPanel != undefined) {
		const activeIndex = tabPanel.items.indexOf(tabPanel.getActiveTab());
		let i = activeIndex - 1;
		tabPanel.getActiveTab().blur();
		if ( i < 0 )
			i = tabPanel.items.items.length - 1;
		while ( tabPanel.items.items[i].id === 'tbfill' || i < 0 )
			i--;
		tabPanel.setActiveTab( i );
		tabPanel.getActiveTab().focus();
	} else {
		console.error('Unable to focus previous tab, app-main is undefined!');
	}
});

ipc.on('focusTab', function(event, number) {
	const tabPanel = Ext.cq1('app-main');
	if (tabPanel != undefined) {
		tabPanel.getActiveTab().blur();
		tabPanel.setActiveTab(number);
		tabPanel.getActiveTab().focus();
	} else {
		console.error('Unable to focus tab, app-main is undefined!');
	}
});

ipc.on('tabZoomIn', function() {
	const tabPanel = Ext.cq1('app-main');
	if (tabPanel != undefined) {
		if ( tabPanel.items.indexOf(tabPanel.getActiveTab()) === 0 )
			return false;
		tabPanel.getActiveTab().zoomIn();
	} else {
		console.error('Unable to set tab zoom in, app-main is undefined!');
	}
});

ipc.on('tabZoomOut', function() {
	const tabPanel = Ext.cq1('app-main');
	if (tabPanel != undefined) {
		if ( tabPanel.items.indexOf(tabPanel.getActiveTab()) === 0 )
			return false;
		tabPanel.getActiveTab().zoomOut();
	} else {
		console.error('Unable to set tab zoom out, app-main is undefined!');
	}
});

ipc.on('tabResetZoom', function() {
	const tabPanel = Ext.cq1('app-main');
	if (tabPanel != undefined) {
		if ( tabPanel.items.indexOf(tabPanel.getActiveTab()) === 0 )
			return false;
		tabPanel.getActiveTab().resetZoom();
	} else {
		console.error('Unable to reset zoom, app-main is undefined!');
	}
});

ipc.on('toggleDoNotDisturb', function(key) {
	const btn = Ext.getCmp('disturbBtn');
	btn.toggle();
	if (Ext.cq1('app-main') != undefined) {
		Ext.cq1('app-main').getController().dontDisturb(btn, true);
	} else {
		console.error('Unable to set do not disturb mode, app-main is undefined!');
	}
});

ipc.on('lockWindow', function(key) {
	const btn = Ext.getCmp('lockHamsketBtn');
	if (Ext.cq1('app-main') != undefined) {
		Ext.cq1('app-main').getController().lockHamsket(btn);
	} else {
		console.error('Unable to lock window, app-main is undefined!');
	}
});

// Focus the current service when Alt + Tab or click in webviews textfields
window.addEventListener('focus', () => {
	if (Ext.cq1('app-main') != undefined) {
		Ext.cq1('app-main').getActiveTab().focus();
	}
	else {
		console.error('Unable to focus active tab, app-main is undefined!');
	}
});