v1.8.0 + final tweaks + fixed #27

Author: lxieyang

CHANGELOG.md

@@ -23,6 +23,8 @@ Please provide valuable feedback by:
 
 - Automatically show/hide sidebar ([#27](https://github.com/lxieyang/vertical-tabs-chrome-extension/issues/27)):
 
+  _Simply move your mouse cursor to either side (depending on your chosen sidebar position, see the first setting entry) of the window to open the sidebar. Once your cursor moves away, the sidebar will automatically close._
+
   <img src="preview/repo/auto-show-hide-feature-new-feature.png" width="250"/>
 
 - Refreshed "Update Notice":

src/pages/Background/modules/installationHelper.js

@@ -18,6 +18,12 @@ chrome.runtime.onInstalled.addListener((details) => {
     const prevVersion = details.previousVersion;
     console.log(thisVersion, prevVersion);
   }
+  if (details.reason === 'install' || details.reason === 'update') {
+    console.log('go to release log page');
+    chrome.tabs.create({
+      url: `https://github.com/lxieyang/vertical-tabs-chrome-extension/blob/master/CHANGELOG.md#v1x-official-releases`,
+    });
+  }
 });
 
 let shouldShowTips = false;

src/pages/Content/index.jsx

@@ -18,6 +18,7 @@ updateNoticeRoot.setAttribute('id', 'vt-update-notice');
 localStorage.removeItem('vt-update-notice-dismissed');
 
 document.addEventListener('visibilitychange', (info) => {
+  // console.log(info);
   // console.log(document.hidden);
   try {
     chrome.runtime.sendMessage({ msg: 'GET_VERSION_NUMBER' }, (response) => {
@@ -219,6 +220,19 @@ const focusOffSidebarHandler = (event) => {
   clearTimeout(mouseLeftSidebarTimer);
 };
 
+const visibilityChangeOnSidebarHandler = (info) => {
+  if (isToggledOpenGloballyFromBackground === true) {
+    return;
+  }
+  if (document.hidden) {
+    // console.log('mouse left');
+    if (Frame.isReady()) {
+      Frame.toggle(false);
+    }
+    clearTimeout(mouseLeftSidebarTimer);
+  }
+};
+
 let isMouseWithinEdgeDelta = false;
 let isToggledOpenGloballyFromBackground = false;
 const openSidebarUponMouseOverWindowEdgeEventHandler = (event) => {
@@ -260,6 +274,10 @@ const mountAutoShowHideListener = () => {
   );
 
   $(document).on('blur', `#${SIDEBAR_CONTAINER_ID}`, focusOffSidebarHandler);
+  document.addEventListener(
+    'visibilitychange',
+    visibilityChangeOnSidebarHandler
+  );
 };
 
 const unmountAutoShowHideListener = () => {
@@ -275,6 +293,10 @@ const unmountAutoShowHideListener = () => {
     mouseLeftSidebarHandler
   );
   $(document).off('blur', `#${SIDEBAR_CONTAINER_ID}`, focusOffSidebarHandler);
+  document.removeEventListener(
+    'visibilitychange',
+    visibilityChangeOnSidebarHandler
+  );
 };
 
 /**

src/pages/Sidebar/containers/Title/Title.jsx

@@ -17,7 +17,7 @@ import DarkModeContext from '../../context/dark-mode-context';
 class Title extends Component {
   state = {
     sidebarOnLeft: null,
-    isSettingsPopoverOpen: true,
+    isSettingsPopoverOpen: false,
 
     // settings
     settingSidebarLocation: 'left',