98 lines
3.2 KiB
JavaScript
98 lines
3.2 KiB
JavaScript
/*
|
|
_ __ _ __
|
|
| | / /___ _(_) /____
|
|
| | /| / / __ `/ / / ___/
|
|
| |/ |/ / /_/ / / (__ )
|
|
|__/|__/\__,_/_/_/____/
|
|
The electron alternative for Go
|
|
(c) Lea Anthony 2019-present
|
|
*/
|
|
|
|
/* jshint esversion: 9 */
|
|
|
|
import {newRuntimeCallerWithID, objectNames} from "./runtime";
|
|
import {IsDebug} from "./system";
|
|
|
|
// setup
|
|
window.addEventListener('contextmenu', contextMenuHandler);
|
|
|
|
const call = newRuntimeCallerWithID(objectNames.ContextMenu, '');
|
|
const ContextMenuOpen = 0;
|
|
|
|
function openContextMenu(id, x, y, data) {
|
|
void call(ContextMenuOpen, {id, x, y, data});
|
|
}
|
|
|
|
function contextMenuHandler(event) {
|
|
// Check for custom context menu
|
|
let element = event.target;
|
|
let customContextMenu = window.getComputedStyle(element).getPropertyValue("--custom-contextmenu");
|
|
customContextMenu = customContextMenu ? customContextMenu.trim() : "";
|
|
if (customContextMenu) {
|
|
event.preventDefault();
|
|
let customContextMenuData = window.getComputedStyle(element).getPropertyValue("--custom-contextmenu-data");
|
|
openContextMenu(customContextMenu, event.clientX, event.clientY, customContextMenuData);
|
|
return
|
|
}
|
|
|
|
processDefaultContextMenu(event);
|
|
}
|
|
|
|
|
|
/*
|
|
--default-contextmenu: auto; (default) will show the default context menu if contentEditable is true OR text has been selected OR element is input or textarea
|
|
--default-contextmenu: show; will always show the default context menu
|
|
--default-contextmenu: hide; will always hide the default context menu
|
|
|
|
This rule is inherited like normal CSS rules, so nesting works as expected
|
|
*/
|
|
function processDefaultContextMenu(event) {
|
|
|
|
// Debug builds always show the menu
|
|
if (IsDebug()) {
|
|
return;
|
|
}
|
|
|
|
// Process default context menu
|
|
const element = event.target;
|
|
const computedStyle = window.getComputedStyle(element);
|
|
const defaultContextMenuAction = computedStyle.getPropertyValue("--default-contextmenu").trim();
|
|
switch (defaultContextMenuAction) {
|
|
case "show":
|
|
return;
|
|
case "hide":
|
|
event.preventDefault();
|
|
return;
|
|
default:
|
|
// Check if contentEditable is true
|
|
if (element.isContentEditable) {
|
|
return;
|
|
}
|
|
|
|
// Check if text has been selected
|
|
const selection = window.getSelection();
|
|
const hasSelection = (selection.toString().length > 0)
|
|
if (hasSelection) {
|
|
for (let i = 0; i < selection.rangeCount; i++) {
|
|
const range = selection.getRangeAt(i);
|
|
const rects = range.getClientRects();
|
|
for (let j = 0; j < rects.length; j++) {
|
|
const rect = rects[j];
|
|
if (document.elementFromPoint(rect.left, rect.top) === element) {
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// Check if tagname is input or textarea
|
|
if (element.tagName === "INPUT" || element.tagName === "TEXTAREA") {
|
|
if (hasSelection || (!element.readOnly && !element.disabled)) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
// hide default context menu
|
|
event.preventDefault();
|
|
}
|
|
}
|