obsidian-excalidraw-plugin/src/utils/ModifierkeyHelper.ts

import { DEVICE, isDarwin } from "src/constants/constants";
export type ModifierKeys = {shiftKey:boolean, ctrlKey: boolean, metaKey: boolean, altKey: boolean};
export type KeyEvent = PointerEvent | MouseEvent | KeyboardEvent | React.DragEvent | React.PointerEvent | React.MouseEvent | ModifierKeys; 
export type PaneTarget = "active-pane"|"new-pane"|"popout-window"|"new-tab"|"md-properties";
export type ExternalDragAction = "insert-link"|"image-url"|"image-import"|"embeddable";
export type LocalFileDragAction = "insert-link"|"image-uri"|"image-import";
export type InternalDragAction = "link"|"image"|"image-fullsize"|"embeddable";

export const labelCTRL = () => DEVICE.isIOS || DEVICE.isMacOS ? "CMD" : "CTRL";
export const labelALT = () => DEVICE.isIOS || DEVICE.isMacOS ? "OPT" : "ALT";
export const labelMETA = () => DEVICE.isIOS || DEVICE.isMacOS ? "CTRL" : (DEVICE.isWindows ? "WIN" : "META");
export const labelSHIFT = () => "SHIFT";

export const isCTRL = (e:KeyEvent) => DEVICE.isIOS || DEVICE.isMacOS ? e.metaKey : e.ctrlKey;
export const isALT = (e:KeyEvent) => e.altKey;
export const isMETA = (e:KeyEvent) => DEVICE.isIOS || DEVICE.isMacOS ? e.ctrlKey : e.metaKey;
export const isSHIFT = (e:KeyEvent) => e.shiftKey;

export const setCTRL = (e:ModifierKeys, value: boolean): ModifierKeys => {
  if(DEVICE.isIOS || DEVICE.isMacOS) 
    e.metaKey = value;
  else 
    e.ctrlKey = value;
  return e;
}
export const setALT = (e:ModifierKeys, value: boolean): ModifierKeys => {
  e.altKey = value;
  return e;
}
export const setMETA = (e:ModifierKeys, value: boolean): ModifierKeys => {
  if(DEVICE.isIOS || DEVICE.isMacOS)
    e.ctrlKey = value;
  else
    e.metaKey = value;
  return e;
}
export const setSHIFT = (e:ModifierKeys, value: boolean): ModifierKeys => {
  e.shiftKey = value;
  return e;
}

export const mdPropModifier = (ev: KeyEvent): boolean => !isSHIFT(ev) && isCTRL(ev) && !isALT(ev) && isMETA(ev);
export const scaleToFullsizeModifier = (ev: KeyEvent) => 
  ( isSHIFT(ev) && !isCTRL(ev) && !isALT(ev) &&  isMETA(ev)) ||
  (!isSHIFT(ev) &&  isCTRL(ev) &&  isALT(ev) && !isMETA(ev));

export const linkClickModifierType = (ev: KeyEvent):PaneTarget => {
  if(isCTRL(ev) && !isALT(ev) && isSHIFT(ev) && !isMETA(ev)) return "active-pane";
  if(isCTRL(ev) && !isALT(ev) && !isSHIFT(ev) && !isMETA(ev)) return "new-tab";
  if(isCTRL(ev) && isALT(ev) && !isSHIFT(ev) && !isMETA(ev)) return "new-pane";
  if(DEVICE.isDesktop && isCTRL(ev) && isALT(ev) && isSHIFT(ev) && !isMETA(ev) ) return "popout-window";
  if(isCTRL(ev) && isALT(ev) && isSHIFT(ev) && !isMETA(ev)) return "new-tab";
  if(mdPropModifier(ev)) return "md-properties";
  return "active-pane";
}

export const externalDragModifierType = (ev: KeyEvent):ExternalDragAction => {
  if(DEVICE.isWindows &&  isSHIFT(ev) &&  isCTRL(ev) && !isALT(ev) && !isMETA(ev)) return "embeddable";
  if(DEVICE.isMacOS   && !isSHIFT(ev) && !isCTRL(ev) &&  isALT(ev) && !isMETA(ev)) return "embeddable";
  if(DEVICE.isWindows && !isSHIFT(ev) &&  isCTRL(ev) && !isALT(ev) && !isMETA(ev)) return "insert-link";
  if(DEVICE.isMacOS   &&  isSHIFT(ev) && !isCTRL(ev) &&  isALT(ev) && !isMETA(ev)) return "insert-link";
  if(                     isSHIFT(ev) && !isCTRL(ev) && !isALT(ev) && !isMETA(ev)) return "image-import";
  if(DEVICE.isWindows && !isSHIFT(ev) && !isCTRL(ev) &&  isALT(ev) && !isMETA(ev)) return "image-import";
  return "image-url";
}

export const localFileDragModifierType = (ev: KeyEvent):LocalFileDragAction => {
  if(DEVICE.isWindows &&  isSHIFT(ev) &&  isCTRL(ev) && !isALT(ev) && !isMETA(ev)) return "image-uri";
  if(DEVICE.isMacOS   && !isSHIFT(ev) && !isCTRL(ev) &&  isALT(ev) && !isMETA(ev)) return "image-uri";
  if(DEVICE.isWindows && !isSHIFT(ev) &&  isCTRL(ev) && !isALT(ev) && !isMETA(ev)) return "insert-link";
  if(DEVICE.isMacOS   &&  isSHIFT(ev) && !isCTRL(ev) &&  isALT(ev) && !isMETA(ev)) return "insert-link";
  if(                     isSHIFT(ev) && !isCTRL(ev) && !isALT(ev) && !isMETA(ev)) return "image-import";
  if(DEVICE.isWindows && !isSHIFT(ev) && !isCTRL(ev) &&  isALT(ev) && !isMETA(ev)) return "image-import";
  return "image-import";
}


//https://github.com/zsviczian/obsidian-excalidraw-plugin/issues/468
export const internalDragModifierType = (ev: KeyEvent):InternalDragAction => {
  if( !(DEVICE.isIOS || DEVICE.isMacOS) && isSHIFT(ev) &&  isCTRL(ev) && !isALT(ev) && !isMETA(ev)) return "embeddable";
  if( (DEVICE.isIOS || DEVICE.isMacOS) && !isSHIFT(ev) &&  !isCTRL(ev) && !isALT(ev) && isMETA(ev)) return "embeddable";
  if( isSHIFT(ev) && !isCTRL(ev) && !isALT(ev) && !isMETA(ev)) return "image";
  if(!isSHIFT(ev) &&  isCTRL(ev) && !isALT(ev) && !isMETA(ev)) return "image";
  if(scaleToFullsizeModifier(ev)) return "image-fullsize";
  return "link";
}

export const emulateCTRLClickForLinks = (e:KeyEvent) => {
  return {
    shiftKey: e.shiftKey,
    ctrlKey: e.ctrlKey || !(DEVICE.isIOS || DEVICE.isMacOS),
    metaKey: e.metaKey ||  (DEVICE.isIOS || DEVICE.isMacOS),
    altKey: e.altKey
  }
}

export const emulateKeysForLinkClick = (action: PaneTarget): ModifierKeys => {
  const ev = {shiftKey: false, ctrlKey: false, metaKey: false, altKey: false};
  if(!action) return ev;
  switch(action) {
    case "active-pane": 
      setCTRL(ev, true);
      setSHIFT(ev, true);
      break;
    case "new-pane":
      setCTRL(ev, true);
      setALT(ev, true);
      break;
    case "popout-window":
      setCTRL(ev, true);
      setALT(ev, true);
      setSHIFT(ev, true);
      break;
    case "new-tab":
      setCTRL(ev, true);
      break;
    case "md-properties":
      setCTRL(ev, true);
      setMETA(ev, true);
      break;
  }
  return ev;
}

export const anyModifierKeysPressed = (e: ModifierKeys): boolean => {
  return e.shiftKey || e.ctrlKey || e.metaKey || e.altKey;
}