feat: support clicking file tree item with ctrl key pressed to open in new tab

src/components/Node.tsx

@@ -3,6 +3,7 @@ import Icon from 'components/Icon'
 import cx from 'utils/cx'
 import LoadingIndicator from 'components/LoadingIndicator'
 import { TreeNode } from 'utils/VisibleNodesGenerator'
+import { detectOS, OperatingSystems } from 'utils/general'
 
 function getIconType(node: TreeNode) {
   switch (node.type) {
@@ -25,7 +26,13 @@ type Props = {
 }
 export default class Node extends React.PureComponent<Props> {
   onClick: React.MouseEventHandler = event => {
-    if (event.metaKey) return
+    if (
+      (detectOS() === OperatingSystems.macOS && event.metaKey) ||
+      (detectOS() === OperatingSystems.Windows && event.ctrlKey)
+    ) {
+      // Open in new tab
+      return
+    }
     event.preventDefault()
     const { node, onClick } = this.props
     onClick(node)

src/utils/general.ts

@@ -15,13 +15,13 @@ export function pick<T>(source: T, keys: string[]): Partial<T> {
   return {} as Partial<T>
 }
 
-const OperatingSystems = {
-  Windows: 'Windows',
-  macOS: 'Macintosh',
-  others: 'unknown',
+export enum OperatingSystems {
+  Windows = 'Windows',
+  macOS = 'Macintosh',
+  others = 'unknown',
 }
 
-function detectOS() {
+export function detectOS(): OperatingSystems {
   const {
     navigator: { userAgent },
   } = window