snappymail/dev/Common/Globals.js

import ko from 'ko';

let keyScopeFake = 'all';

export const
	ScopeMenu = 'Menu',

	doc = document,

	$htmlCL = doc.documentElement.classList,

	elementById = id => doc.getElementById(id),

	appEl = elementById('rl-app'),

	Settings = rl.settings,
	SettingsGet = Settings.get,
	SettingsAdmin = name => (SettingsGet('Admin') || {})[name],
	SettingsCapa = name => name && !!(SettingsGet('Capa') || {})[name],

	dropdowns = [],
	dropdownVisibility = ko.observable(false).extend({ rateLimit: 0 }),

	leftPanelDisabled = ko.observable(false),
	toggleLeftPanel = () => leftPanelDisabled(!leftPanelDisabled()),

	createElement = (name, attr) => {
		let el = doc.createElement(name);
		attr && Object.entries(attr).forEach(([k,v]) => el.setAttribute(k,v));
		return el;
	},

	fireEvent = (name, detail, cancelable) => dispatchEvent(
		new CustomEvent(name, {detail:detail, cancelable: !!cancelable})
	),

	stopEvent = event => {
		event.preventDefault();
		event.stopPropagation();
	},

	formFieldFocused = () => doc.activeElement?.matches('input,textarea'),

	addShortcut = (...args) => shortcuts.add(...args),

	registerShortcut = (keys, modifiers, scopes, method) =>
		addShortcut(keys, modifiers, scopes, event => formFieldFocused() ? true : method(event)),

	addEventsListener = (element, events, fn, options) =>
		events.forEach(event => element.addEventListener(event, fn, options)),

	addEventsListeners = (element, events) =>
		Object.entries(events).forEach(([event, fn]) => element.addEventListener(event, fn)),

	// keys / shortcuts
	keyScopeReal = ko.observable('all'),
	keyScope = value => {
		if (!value) {
			return keyScopeFake;
		}
		if (ScopeMenu !== value) {
			keyScopeFake = value;
			if (dropdownVisibility()) {
				value = ScopeMenu;
			}
		}
		keyScopeReal(value);
		shortcuts.setScope(value);
	};

dropdownVisibility.subscribe(value => {
	if (value) {
		keyScope(ScopeMenu);
	} else if (ScopeMenu === shortcuts.getScope()) {
		keyScope(keyScopeFake);
	}
});

leftPanelDisabled.subscribe(value => $htmlCL.toggle('rl-left-panel-disabled', value));