Roam Focus

5/23/2020, 9:32:38 AM

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name        Roam Focus
// @namespace   Violentmonkey Scripts
// @match       https://roamresearch.com/#/app
// @grant       none
// @version     1.0.1
// @author      Jeff Harris modified from Kalen Jordan's chrome extension https://kalenjordan.com/keyboard-shortcuts
// @description 5/23/2020, 9:32:38 AM
// ==/UserScript==


document.addEventListener('keydown', function (e) {
    if (document.domain === 'roamresearch.com') {
        roamEventListener(e);
    }
});


function roamIsFocusModeEnabled() {
    return document.querySelector('.roam-sidebar-container').style.visibility === 'hidden';
}

function roamIsSideBarActive() {
    return document.querySelector('#right-sidebar').style.flex === '1 0 40%';
}

function roamEventListener(e) {
    let activeElement = document.activeElement;
    console.log(e);

    if (e.code === 'Escape') {
        activeElement.blur();
    } else if (e.code === 'KeyF' && e.altKey) {
        roamToggleFocus(activeElement, e);
    } else if (e.code === 'KeyL' && e.altKey) {
        roamClickLeftNav(activeElement, e);
    } else if (e.code === 'ArrowDown' && e.altKey) {
        roamSelectLastBullet(activeElement, e);
    } else if (e.code === 'KeyS' && e.altKey) {
        roamToggleSideBar(activeElement, e);
    }
}

function roamSelectLastBullet(activeElement, e) {
    let evt = document.createEvent('MouseEvents')
    evt.initMouseEvent('mousedown', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    document.querySelectorAll('.roam-article .roam-block-container:last-of-type .roam-block')[0].dispatchEvent(evt)

    e.preventDefault();
}


function roamAutocompleteIsOpen() {
    return document.querySelector('.bp3-elevation-3') !== null;
}

function roamToggleSideBar(activeElement, e){
  let sidebarFlex = roamIsSideBarActive() ? '0 0 0' : '1 0 40%';
  
  document.querySelector('#right-sidebar').style.flex = sidebarFlex;     
  
  e.preventDefault();
}

function roamToggleFocus(activeElement, e) {
  
  if (roamIsFocusModeEnabled() && roamIsSideBarActive()) { // hidden & open
    let newVisibility = 'visible';
    let sidebarFlex = '1 0 40%';
    
    document.querySelector('.roam-sidebar-container').style.visibility = newVisibility;
    document.querySelector('.roam-topbar').style.visibility = newVisibility;
  
    document.querySelector('#right-sidebar').style.flex = sidebarFlex;     

    document.querySelector('#buffer').style.visibility = newVisibility;
    document.querySelector('.rm-reference-main').style.visibility = newVisibility;
    document.querySelector('.roam-log-preview').style.visibility = newVisibility;
  
    // document.querySelector('.roam-body-main').style.right = roamIsFocusModeEnabled() ? '91px' : 0;
  

    document.querySelector('#right-sidebar .bp3-button').style.visibility = newVisibility;
      
  } else if (!roamIsFocusModeEnabled() && roamIsSideBarActive()) { //visible & open
      let newVisibility = 'hidden';
      let sidebarFlex = '0 0 0';
    
      document.querySelector('.roam-sidebar-container').style.visibility = newVisibility;
      document.querySelector('.roam-topbar').style.visibility = newVisibility;

      document.querySelector('#right-sidebar').style.flex = sidebarFlex;     

      document.querySelector('#buffer').style.visibility = newVisibility;
      document.querySelector('.rm-reference-main').style.visibility = newVisibility;
      document.querySelector('.roam-log-preview').style.visibility = newVisibility;
  

      document.querySelector('#right-sidebar .bp3-button').style.visibility = newVisibility;
    
  } else if (roamIsFocusModeEnabled() && !roamIsSideBarActive()) { //hidden & closed
      let newVisibility = 'visible';
      let sidebarFlex = '1 0 40%';
    
      document.querySelector('.roam-sidebar-container').style.visibility = newVisibility;
      document.querySelector('.roam-topbar').style.visibility = newVisibility;

      document.querySelector('#right-sidebar').style.flex = sidebarFlex;     

      document.querySelector('#buffer').style.visibility = newVisibility;
      document.querySelector('.rm-reference-main').style.visibility = newVisibility;
      document.querySelector('.roam-log-preview').style.visibility = newVisibility;
  

      document.querySelector('#right-sidebar .bp3-button').style.visibility = newVisibility;
    
    
  } else { //hidden & open
      let newVisibility = 'hidden';
      let sidebarFlex = '0 0 0';
    
      document.querySelector('.roam-sidebar-container').style.visibility = newVisibility;
      document.querySelector('.roam-topbar').style.visibility = newVisibility;

      document.querySelector('#right-sidebar').style.flex = sidebarFlex;     

      document.querySelector('#buffer').style.visibility = newVisibility;
      document.querySelector('.rm-reference-main').style.visibility = newVisibility;
      document.querySelector('.roam-log-preview').style.visibility = newVisibility;
  

      document.querySelector('#right-sidebar .bp3-button').style.visibility = newVisibility;    
  }   
  
    e.preventDefault();
}

function roamClickLeftNav(activeElement, e) {
    console.log('click left nav');
    document.querySelector('.roam-sidebar-container .bp3-button').click();
    e.preventDefault();
}