Auto Text Direction for Roam Research

Auto-Direction.css

/*****RTL*****/
.roam-block-container[data-direction*="RTL"] .rm-block-main,
 .rm-block-children .rm-block__children .rm-level-0 .flex-h-box {
  direction: rtl;
}
.roam-block-container[data-direction*="RTL"] .rm-block-children
.rm-multibar{
     left:unset;
     right:1px;
     border-right:unset;
     border-left:1px solid #BFCCD6
}
.roam-block-container[data-direction*="RTL"] .rm-block-children
.rm-multibar:hover{
     border-right:unset;
     border-left:3px solid #5C7080
}
.roam-block-container[data-direction*="RTL"] .rm-block-main
.rm-caret.rm-caret-closed {
  transform: rotate(90deg) !important;
}
.roam-block-container[data-direction*="RTL"] .rm-block-children, 
 .flex-v-box {
  margin-left: 0px !important;
  margin-right: 20px;
}
.roam-block-container[data-direction*="RTL"]  
 .rm-emoji-block-view {
  margin-left: 0px;
  margin-right: 40px;
  direction: rtl;
}
.roam-block-container[data-direction*="RTL"]  
.rm-emoji-block-view .rm-emoji-button .rm-emoji-number {
  height: 100%;
  font-size: 10px;
  margin-left: 6px;
  margin-right: 0px;
  font-weight: 500;
}
.roam-block-container[data-direction*="RTL"] .rm-block-children
 .block-bullet-view {
  margin-left: 0px;
  margin-right: 5px;
}
.roam-block-container[data-direction*="RTL"] .rm-block-children,
 .controls .rm-block__controls  {
  padding-left: 0px;
  padding-right: 4px;
}
.roam-block-container[data-direction*="RTL"] .rm-block-main,
 .tags-output-item2 {
  margin-left: 0px;
  margin-right: 6px;
}

.roam-block-container[data-direction*="RTL"] .rm-block-children
.rm-bullet--numbered-double-digit {
  margin-left: 10px;
  margin-right: unset;
}
.roam-block-container[data-direction*="RTL"] .rm-block-children
.rm-bullet--numbered-single-digit {
  margin-left: -4px;
  margin-right: unset;
}

/*****LTR*****/
.roam-block-container[data-direction*="LTR"] .rm-block-main,
 .rm-block-children .rm-block__children .rm-level-0 .flex-h-box {
  direction: ltr;
}
.roam-block-container[data-page-links*="ENG"] .rm-block-children
.rm-multibar{
	 right:unset;
	 left:1px;
	 border-left:unset;
	 border-right:1px solid #BFCCD6
}
.roam-block-container[data-page-links*="ENG"] .rm-block-children
.rm-multibar:hover{
	 border-left:unset;
	 border-right:3px solid #5C7080
}
.roam-block-container[data-direction*="LTR"] .rm-block-main
.rm-caret.rm-caret-closed {
  transform: rotate(-90deg) !important;
}
.roam-block-container[data-direction*="LTR"] .rm-block-children, 
 .flex-v-box {
  margin-left: 20px;
  margin-right: 0px !important;
}
.roam-block-container[data-direction*="LTR"]  
 .rm-emoji-block-view {
  margin-left: 40px;
  margin-right: 0px;
  direction: ltr;
}
.roam-block-container[data-direction*="LTR"]  
.rm-emoji-block-view .rm-emoji-button .rm-emoji-number {
  height: 100%;
  font-size: 10px;
  margin-left: 0px;
  margin-right: 6px;
  font-weight: 500;
}
.roam-block-container[data-direction*="LTR"] .rm-block-children
 .block-bullet-view {
  margin-left: 5px;
  margin-right: 0px;
}
.roam-block-container[data-direction*="LTR"] .rm-block-children,
 .controls .rm-block__controls  {
  padding-left: 4px;
  padding-right: 0px;
}
.roam-block-container[data-direction*="LTR"] .rm-block-main,
.tags-output-item2 {
  margin-left: 6px;
  margin-right: 0px;
}

Auto-Direction.js

function isRTL(s){           
    var ltrChars    = 'A-Za-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02B8\u0300-\u0590\u0800-\u1FFF'+'\u2C00-\uFB1C\uFDFE-\uFE6F\uFEFD-\uFFFF',
        rtlChars    = '\u0591-\u07FF\uFB1D-\uFDFD\uFE70-\uFEFC',
        rtlDirCheck = new RegExp('^[^'+ltrChars+']*['+rtlChars+']');

    return rtlDirCheck.test(s);
};

const activateAutoDir = () => {
  if(typeof(document) == 'undefined') return;
  	Array.from(document.querySelectorAll("div.rm-block__input > span"))
      .forEach(txtEl => {
          var content = txtEl.textContent;
          if(content.length > 0){
            var container = txtEl.closest('.roam-block-container')
            var newContent = content.replace(/[\x20-\x2f\x3a-\x40\x5b-\x60\x7b-\x7e]*/gi, '');
            
              if(isRTL(newContent[0])){
              	container.dataset.direction = "RTL";
              } else {
                container.dataset.direction = "LTR";                
              }              
          }
      }	
     );  	
  	var txtEl = document.querySelector("textarea");
  	if(txtEl != null){
      var content = txtEl.value;
	  var newContent = content.replace(/[\x20-\x2f\x3a-\x40\x5b-\x60\x7b-\x7e]*/gi, '');
      if(isRTL(newContent[0])){
          txtEl.closest('.roam-block-container').dataset.direction = "RTL";
      } else {
          txtEl.closest('.roam-block-container').dataset.direction = "LTR";                
       }         
    }  	
}
                 

setInterval(activateAutoDir, 1000);

This eases the mixture of RTL and LFR and oh my! how I needed such a thing

Thank you very much 🙏