@electerm/electerm-react 1.51.3 → 1.51.18

package/client/components/tree-list/bookmark-toolbar.jsx

@@ -0,0 +1,203 @@
+import {
+  BookOutlined,
+  FolderOutlined,
+  UploadOutlined,
+  DownloadOutlined,
+  CodeOutlined,
+  MenuOutlined,
+  EditOutlined
+} from '@ant-design/icons'
+import { Button, Space, Dropdown, Upload } from 'antd'
+import copy from 'json-deep-copy'
+import time from '../../common/time'
+import { find, uniq, isEqual } from 'lodash-es'
+import { fixBookmarks } from '../../common/db-fix'
+import download from '../../common/download'
+
+const e = window.translate
+
+export default function BookmarkToolbar ({
+  onNewBookmark,
+  onNewBookmarkGroup,
+  onImport,
+  onExport,
+  onSshConfigs,
+  bookmarkGroups,
+  bookmarks
+}) {
+  const beforeUpload = async (file) => {
+    const { store } = window
+    const txt = await window.fs.readFile(file.path)
+    try {
+      const content = JSON.parse(txt)
+      const {
+        bookmarkGroups: bookmarkGroups1,
+        bookmarks: bookmarks1
+      } = content
+      const { props } = this
+      const bookmarkGroups = copy(props.bookmarkGroups)
+      const bookmarks = copy(props.bookmarks)
+      const bmTree = bookmarks.reduce((p, v) => {
+        return {
+          ...p,
+          [v.id]: v
+        }
+      }, {})
+      const bmgTree = bookmarkGroups.reduce((p, v) => {
+        return {
+          ...p,
+          [v.id]: v
+        }
+      }, {})
+      const add = []
+      const dbAdd = []
+      const updates = []
+      bookmarks1.forEach(bg => {
+        if (!bmTree[bg.id]) {
+          bookmarks.push(bg)
+          add.push(bg)
+          dbAdd.push({
+            db: 'bookmarks',
+            obj: bg
+          })
+        }
+      })
+      bookmarkGroups1.forEach(bg => {
+        if (!bmgTree[bg.id]) {
+          bookmarkGroups.push(bg)
+          dbAdd.push({
+            db: 'bookmarkGroups',
+            obj: bg
+          })
+        } else {
+          const bg1 = find(
+            bookmarkGroups,
+            b => b.id === bg.id
+          )
+          const old = copy(bg1.bookmarkIds)
+          bg1.bookmarkIds = uniq(
+            [
+              ...bg1.bookmarkIds,
+              ...bg.bookmarkIds
+            ]
+          )
+          if (!isEqual(bg1.bookmarkIds, old)) {
+            updates.push({
+              id: bg1.id,
+              db: 'bookmarkGroups',
+              update: {
+                bookmarkIds: bg1.bookmarkIds
+              }
+            })
+          }
+        }
+      })
+      store.setBookmarkGroups(bookmarkGroups)
+      store.setBookmarks(fixBookmarks(bookmarks))
+      store.batchDbAdd(dbAdd)
+      store.batchDbUpdate(updates)
+    } catch (e) {
+      store.onError(e)
+    }
+    return false
+  }
+  const handleDownload = () => {
+    const { bookmarkGroups, bookmarks } = this.props
+    const txt = JSON.stringify({
+      bookmarkGroups: copy(bookmarkGroups),
+      bookmarks: copy(bookmarks)
+    }, null, 2)
+    const stamp = time(undefined, 'YYYY-MM-DD-HH-mm-ss')
+    download('bookmarks-' + stamp + '.json', txt)
+  }
+  const handleToggleEdit = () => {
+    window.store.bookmarkSelectMode = true
+  }
+  const titleNew = `${e('new')} ${e('bookmarks')}`
+  const titleEdit = `${e('new')} ${e('bookmarkCategory')}`
+  const items = [
+    {
+      label: titleNew,
+      onClick: onNewBookmark,
+      icon: <BookOutlined />
+    },
+    {
+      label: titleEdit,
+      onClick: onNewBookmarkGroup,
+      icon: <FolderOutlined />
+    },
+    {
+      label: e('edit'),
+      onClick: handleToggleEdit,
+      icon: <EditOutlined />
+    },
+    {
+      label: e('import'),
+      onClick: onImport,
+      icon: <UploadOutlined />
+    },
+    {
+      label: e('export'),
+      onClick: onExport,
+      icon: <DownloadOutlined />
+    },
+    {
+      label: e('loadSshConfigs'),
+      onClick: onSshConfigs,
+      icon: <CodeOutlined />
+    }
+  ]
+
+  const ddProps = {
+    menu: {
+      items
+    }
+  }
+
+  return (
+
+    <div className='pd1b pd1r'>
+      <div className='fix'>
+        <div className='fleft'>
+          <Space.Compact>
+            <Button onClick={onNewBookmark}>
+              <BookOutlined className='with-plus' />
+            </Button>
+            <Button onClick={onNewBookmarkGroup}>
+              <FolderOutlined className='with-plus' />
+            </Button>
+            <Button
+              icon={<EditOutlined />}
+              onClick={handleToggleEdit}
+              title={e('edit')}
+            />
+            <Button
+              icon={<DownloadOutlined />}
+              onClick={handleDownload}
+              title={e('export')}
+              className='download-bookmark-icon'
+            />
+            <Upload
+              beforeUpload={beforeUpload}
+              fileList={[]}
+              className='upload-bookmark-icon'
+            >
+              <Button
+                icon={<UploadOutlined />}
+                title={e('importFromFile')}
+              />
+            </Upload>
+            <Button onClick={onSshConfigs}>
+              <CodeOutlined />
+            </Button>
+          </Space.Compact>
+        </div>
+        <div className='fright'>
+          <Dropdown {...ddProps}>
+            <MenuOutlined />
+          </Dropdown>
+        </div>
+      </div>
+    </div>
+  )
+}

package/client/components/tree-list/bookmark-transport.jsx

@@ -127,11 +127,13 @@ export default class BookmarkTransport extends PureComponent {
         icon={<DownloadOutlined />}
         onClick={this.handleDownload}
         title={e('export')}
+        className='download-bookmark-icon'
         key='export'
       />,
       <Upload
         beforeUpload={this.beforeUpload}
         fileList={[]}
+        className='upload-bookmark-icon'
         key='Upload'
       >
         <Button

package/client/components/tree-list/tree-list.jsx

@@ -4,10 +4,8 @@
 
 import { Component } from 'react'
 import {
-  BookOutlined,
   CheckOutlined,
   CloseOutlined,
-  FolderOutlined,
   LoadingOutlined
 } from '@ant-design/icons'
 import {
@@ -15,13 +13,9 @@ import {
   cut,
   hasBookmarkOrGroupInClipboardText
 } from '../../common/clipboard'
-import {
-  Button,
-  Space
-} from 'antd'
 import createName from '../../common/create-title'
 import InputAutoFocus from '../common/input-auto-focus'
-import { find, uniq, findIndex, isEqual, filter, pick } from 'lodash-es'
+import { find, uniq, isEqual, filter, pick } from 'lodash-es'
 import {
   maxBookmarkGroupTitleLength,
   defaultBookmarkGroupId,
@@ -31,8 +25,8 @@ import {
   copyBookmarkGroupItemPrefix
 } from '../../common/constants'
 import findParentBySel from '../../common/find-parent'
-import copy from 'json-deep-copy'
-import BookmarkTransport from './bookmark-transport'
+import copy, { deepCopy } from 'json-deep-copy'
+import NewButtonsGroup from './bookmark-toolbar'
 import findBookmarkGroupId from '../../common/find-bookmark-group-id'
 import getInitItem from '../../common/init-setting-item'
 import uid from '../../common/uid'
@@ -73,7 +67,7 @@ export default class ItemListTree extends Component {
       !deepEqual(this.props.expandedKeys, this.state.expandedKeys)
     ) {
       this.setState({
-        expandedKeys: this.props.expandedKeys
+        expandedKeys: deepCopy(this.props.expandedKeys)
       })
     }
   }
@@ -312,9 +306,7 @@ export default class ItemListTree extends Component {
       expandedKeys
     })
     this.closeNewGroupForm()
-    window.store.setState(
-      'expandedKeys', expandedKeys
-    )
+    window.store.expandedKeys = deepCopy(expandedKeys)
   }
 
   onSelect = (
@@ -597,13 +589,13 @@ export default class ItemListTree extends Component {
     } = window.store
 
     if (!pidDragged && !pidDrop) {
-      const indexDrag = findIndex(bookmarkGroups, item => item.id === idDragged)
+      const indexDrag = bookmarkGroups.findIndex(item => item.id === idDragged)
       if (indexDrag < 0) {
         return
       }
       const dragItem = bookmarkGroups.splice(indexDrag, 1)[0]
       dragItem.level = 1
-      const indexDrop = findIndex(bookmarkGroups, item => item.id === idDrop)
+      const indexDrop = bookmarkGroups.findIndex(item => item.id === idDrop)
       if (indexDrop < 0) {
         return
       }
@@ -653,7 +645,7 @@ export default class ItemListTree extends Component {
         )
       } else {
         const arr = parentDrop.bookmarkGroupIds || []
-        let index = findIndex(arr, item => item === idDrop)
+        let index = arr.findIndex(item => item === idDrop)
         if (index < 0) {
           index = 0
         }
@@ -704,7 +696,7 @@ export default class ItemListTree extends Component {
         )
       } else {
         const arr = parentDrop.bookmarkIds || []
-        let index = findIndex(arr, item => item === idDrop)
+        let index = arr.findIndex(item => item === idDrop)
         if (index < 0) {
           index = 0
         }
@@ -724,7 +716,7 @@ export default class ItemListTree extends Component {
       pidDrop &&
       !pidDragged
     ) {
-      const i = findIndex(bookmarkGroups, item => item.id === idDragged)
+      const i = bookmarkGroups.findIndex(item => item.id === idDragged)
       if (i >= 0) {
         const item = bookmarkGroups[i]
         item.level = 2
@@ -795,13 +787,11 @@ export default class ItemListTree extends Component {
   }
 
   updateBookmarkGroups = (bookmarkGroups, bookmark, categoryId) => {
-    let index = findIndex(
-      bookmarkGroups,
+    let index = bookmarkGroups.findIndex(
       bg => bg.id === categoryId
     )
     if (index < 0) {
-      index = findIndex(
-        bookmarkGroups,
+      index = bookmarkGroups.findIndex(
         bg => bg.id === defaultBookmarkGroupId
       )
     }
@@ -902,28 +892,29 @@ export default class ItemListTree extends Component {
     )
   }
 
+  handleImport = () => {
+    document.querySelector('.upload-bookmark-icon input')?.click()
+  }
+
+  handleExport = () => {
+    document.querySelector('.download-bookmark-icon')?.click()
+  }
+
+  handleSshConfigs = () => {
+    window.store.showSshConfigModal = true
+  }
+
   renderNewButtons = () => {
     return (
-      <div className='pd1b pd2r'>
-        <Space.Compact>
-          <Button
-            onClick={this.handleNewBookmark}
-            title={`${e('new')} ${e('bookmarks')}`}
-          >
-            <BookOutlined className='with-plus' />
-          </Button>
-          <Button
-            onClick={this.handleNewBookmarkGroup}
-            title={`${e('new')} ${e('bookmarkCategory')}`}
-          >
-            <FolderOutlined className='with-plus' />
-          </Button>
-          <BookmarkTransport
-            bookmarkGroups={this.props.bookmarkGroups}
-            bookmarks={this.props.bookmarks}
-          />
-        </Space.Compact>
-      </div>
+      <NewButtonsGroup
+        onNewBookmark={this.handleNewBookmark}
+        onNewBookmarkGroup={this.handleNewBookmarkGroup}
+        onImport={this.handleImport}
+        onExport={this.handleExport}
+        onSshConfigs={this.handleSshConfigs}
+        bookmarkGroups={this.props.bookmarkGroups}
+        bookmarks={this.props.bookmarks}
+      />
     )
   }
 

package/client/entry/worker.js

@@ -136,6 +136,8 @@ async function onMsg (e) {
 }
 
 self.addEventListener('message', onMsg)
-send({
-  action: 'worker-init'
-})
+setTimeout(() => {
+  send({
+    action: 'worker-init'
+  })
+}, 10)

package/client/store/bookmark-group.js

@@ -2,26 +2,15 @@
  * bookmark group functions
  */
 
-import { find, findIndex } from 'lodash-es'
+import { find } from 'lodash-es'
 import {
   defaultBookmarkGroupId,
-  settingMap,
-  terminalSshConfigType
+  settingMap
 } from '../common/constants'
 
 export default Store => {
   Store.prototype.getBookmarkGroupsTotal = function () {
-    const { store } = window
-    return store.sshConfigItems.length && !store.config.hideSshConfig
-      ? [
-          ...store.bookmarkGroups,
-          {
-            title: terminalSshConfigType,
-            id: terminalSshConfigType,
-            bookmarkIds: store.sshConfigItems.map(d => d.id)
-          }
-        ]
-      : store.bookmarkGroups
+    return window.store.bookmarkGroups
   }
 
   Store.prototype.setBookmarkGroups = function (items) {
@@ -82,12 +71,10 @@ export default Store => {
     const groupIds = groups.map(g => g.id)
     const updates = []
     const defaultCatIndex = tobeDel.level !== 2
-      ? findIndex(
-        bookmarkGroups,
+      ? bookmarkGroups.findIndex(
         g => g.id === defaultBookmarkGroupId
       )
-      : findIndex(
-        bookmarkGroups,
+      : bookmarkGroups.findIndex(
         g => (g.bookmarkGroupIds || []).includes(tobeDel.id)
       )
     for (const g of groups) {

package/client/store/bookmark.js

@@ -2,6 +2,8 @@
  * bookmark
  */
 
+import uid from '../common/uid'
+
 export default Store => {
   Store.prototype.handleGetSerials = async function () {
     const { store } = window
@@ -9,11 +11,51 @@ export default Store => {
     const res = await window.pre.runGlobalAsync('listSerialPorts')
       .catch(store.onError)
     if (res) {
-      store._serials = JSON.stringify(res)
+      store.serials = res
     }
     store.loaddingSerials = false
   }
   Store.prototype.setBookmarks = function (items) {
     return window.store.setItems('bookmarks', items)
   }
+
+  Store.prototype.addSshConfigs = function (items) {
+    const { store } = window
+
+    const bookmarksToAdd = items.map(t => {
+      return {
+        term: 'xterm-256color',
+        id: uid(),
+        type: 'local',
+        title: 'ssh config: ' + t.title,
+        color: '#0088cc',
+        runScripts: [
+          {
+            script: `ssh ${t.title}`,
+            delay: 500
+          }
+        ]
+      }
+    }).filter(d => {
+      return !store.bookmarks.find(t => t.title === d.title)
+    })
+    const ids = bookmarksToAdd.map(d => d.id)
+    let sshConfigGroup = store.bookmarkGroups.find(d => d.id === 'sshConfig')
+    if (!sshConfigGroup) {
+      sshConfigGroup = {
+        id: 'sshConfig',
+        title: 'ssh configs',
+        bookmarkIds: ids
+      }
+      store.addBookmarkGroup(sshConfigGroup)
+    } else {
+      store.editItem('sshConfig', {
+        bookmarkIds: [
+          ...ids,
+          ...(sshConfigGroup.bookmarkIds || [])
+        ]
+      })
+    }
+    return store.addItems(bookmarksToAdd, 'bookmarks')
+  }
 }

package/client/store/common.js

@@ -12,7 +12,8 @@ import {
   leftSidebarWidthKey,
   rightSidebarWidthKey,
   dismissDelKeyTipLsKey,
-  connectionMap
+  connectionMap,
+  terminalActions
 } from '../common/constants'
 import * as ls from '../common/safe-local-storage'
 
@@ -46,6 +47,15 @@ export default Store => {
     })
   }
 
+  Store.prototype.openInfoPanel = function () {
+    const { store } = window
+    store.rightPanelVisible = true
+    postMessage({
+      action: terminalActions.showInfoPanel,
+      activeTabId: store.activeTabId
+    })
+  }
+
   Store.prototype.onResize = debounce(async function () {
     const { width, height } = await window.pre.runGlobalAsync('getScreenSize')
     const isMaximized = window.pre.runSync('isMaximized')
@@ -126,17 +136,11 @@ export default Store => {
   }
 
   Store.prototype.setSettingItem = function (v) {
-    window.store.setState('settingItem', v)
+    window.store.settingItem = v
   }
 
   Store.prototype.setTermSearchOption = function (update) {
-    const {
-      store
-    } = window
-    store.setState('termSearchOptions', {
-      ...JSON.parse(window.store._termSearchOptions),
-      ...update
-    })
+    Object.assign(window.store._termSearchOptions, update)
   }
 
   Store.prototype.setLeftSidePanelWidth = function (v) {

package/client/store/db-upgrade.js

@@ -4,7 +4,6 @@
 
 import { Modal } from 'antd'
 import delay from '../common/wait'
-import initWatch from './watch'
 
 export default (Store) => {
   Store.prototype.checkForDbUpgrade = async function () {
@@ -14,7 +13,6 @@ export default (Store) => {
     }
     const shouldUpgrade = await window.pre.runGlobalAsync('checkDbUpgrade')
     if (!shouldUpgrade) {
-      initWatch(store)
       return false
     }
     const {