@electerm/electerm-react 1.34.30

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) since 2017~ ZHAO Xudong <zxdong@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,31 @@
+<h1 align="center" style="padding-top: 60px;padding-bottom: 40px;">
+    <a href="https://electerm.github.io/electerm">
+        <img src="https://github.com/electerm/electerm-resource/raw/master/static/images/electerm.png", alt="" />
+    </a>
+</h1>
+
+# electerm [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Open%20sourced%20terminal%2Fssh%2Fsftp%20client(linux%2C%20mac%2C%20win)&url=https%3A%2F%2Fgithub.com%2Felecterm%2Felecterm&hashtags=electerm,ssh,terminal,sftp)
+
+[![GitHub version](https://img.shields.io/github/release/electerm/electerm/all.svg)](https://github.com/electerm/electerm/releases)
+[![Build Status](https://github.com/electerm/electerm/actions/workflows/mac-test-1.yml/badge.svg)](https://github.com/electerm/electerm/actions)
+[![license](https://img.shields.io/github/license/electerm/electerm.svg)](https://github.com/electerm/electerm/blob/master/LICENSE)
+[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+[![Get it from the Snap Store](https://img.shields.io/badge/Snap-Store-green)](https://snapcraft.io/electerm)
+[![Get it from the Microsoft Store](https://img.shields.io/badge/Microsoft-Store-blue)](https://www.microsoft.com/store/apps/9NCN7272GTFF)
+[![GitHub Sponsors](https://img.shields.io/github/sponsors/electerm?label=Sponsors)](https://github.com/sponsors/electerm)
+
+Open-sourced terminal/ssh/telnet/serialport/sftp client(linux, mac, win).
+
+This is react components src for electerm
+
+## Use
+
+todo
+
+## Change log
+
+Visit [Releases](https://github.com/electerm/electerm/releases).
+
+## License
+
+MIT

package/client/common/auto-complete-data-mapper.js

@@ -0,0 +1,6 @@
+export default (d) => {
+  return {
+    value: d,
+    label: d
+  }
+}

package/client/common/byte-format.js

@@ -0,0 +1,14 @@
+export function formatBytes (sizeInKB) {
+  if (!sizeInKB) {
+    return ''
+  }
+  const units = ['KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+  let index = 0
+
+  while (sizeInKB >= 1024 && index < units.length - 1) {
+    sizeInKB /= 1024
+    index++
+  }
+
+  return `${sizeInKB.toFixed(2)} ${units[index]}`
+}

package/client/common/class.js

@@ -0,0 +1,52 @@
+// dom class方法
+/**
+ * add css class
+ * @param elem
+ * @param _classes
+ */
+export function addClass (elem, ..._classes) {
+  const cls = elem.className || ''
+  const classes = _classes.filter(c => {
+    return !cls.includes(c)
+  })
+  if (!classes.length) {
+    return
+  }
+  elem.className = cls + (cls ? ' ' : '') + classes.join(' ')
+}
+
+/**
+ * has css class
+ * @param elem
+ * @param clst
+ * @returns {boolean}
+ */
+export function hasClass (elem, clst) {
+  let cls = elem.className || ''
+  if (!cls || typeof cls !== 'string') {
+    return false
+  }
+  cls = ' ' + cls.split(/\s+/).join(' ') + ' '
+  const reg = new RegExp(' ' + clst + ' ')
+  return reg.test(cls)
+}
+
+/**
+ * remove css class
+ * @param elem
+ * @param classes
+ */
+export function removeClass (elem, ...classes) {
+  let cls = elem.className || ''
+  if (!cls || typeof cls !== 'string') {
+    return
+  }
+  cls = '  ' + cls.split(/\s+/).join('  ') + '  '
+  const clst = classes.join(' ').split(/\s+/)
+  const reg = new RegExp(' ' + clst.join(' | ') + ' ', 'g')
+  cls = cls.replace(reg, '')
+    .replace(/^\s+|\s+$/g, '')
+    .replace(/ {2,}/g, ' ')
+
+  elem.className = cls
+}

package/client/common/clipboard.js

@@ -0,0 +1,49 @@
+/**
+ * clipboard related
+ */
+
+import { message } from 'antd'
+import {
+  copyBookmarkItemPrefix
+} from './constants'
+
+const fileRegWin = /^(remote:)?\w:\\.+/
+const fileReg = /^(remote:)?\/.+/
+
+export const readClipboard = () => {
+  return window.pre.readClipboard()
+}
+
+export const copy = (str) => {
+  message.success({
+    content: 'Copied',
+    duation: 2,
+    key: 'copy-message'
+  })
+  window.pre.writeClipboard(str)
+}
+
+export const cut = (str, itemTitle = '') => {
+  message.success('Cutted ' + itemTitle, 2)
+  window.pre.writeClipboard(str)
+}
+
+export const hasFileInClipboardText = (
+  text = readClipboard()
+) => {
+  const arr = text.split('\n')
+  return arr.reduce((prev, t) => {
+    return prev &&
+      (fileReg.test(t) || fileRegWin.test(t))
+  }, true)
+}
+
+export const hasBookmarkOrGroupInClipboardText = (
+  text = readClipboard()
+) => {
+  const arr = text.split('\n')
+  return arr.reduce((prev, t = '') => {
+    return prev &&
+      t.startsWith(copyBookmarkItemPrefix)
+  }, true)
+}

package/client/common/constants.js

@@ -0,0 +1,308 @@
+/**
+ * constants
+ */
+import { getUiThemeConfig } from './ui-theme'
+import logoPath1Ref from '@electerm/electerm-resource/res/imgs/electerm-round-128x128.png'
+import logoPath2Ref from '@electerm/electerm-resource/res/imgs/electerm.png'
+import logoPath3Ref from '@electerm/electerm-resource/res/imgs/electerm-watermark.png'
+import dbDefaults from '../../app/upgrade/db-defaults'
+import { get as _get } from 'lodash-es'
+export const packInfo = typeof window.et.packInfo === 'undefined' ? window.pre.packInfo : window.et.packInfo
+const buildConst = (props) => {
+  return props.reduce((prev, key) => {
+    return {
+      ...prev,
+      [key]: key
+    }
+  }, {})
+}
+
+export const logoPath1 = logoPath1Ref.replace(/^\//, '')
+export const logoPath2 = logoPath2Ref.replace(/^\//, '')
+export const logoPath3 = logoPath3Ref.replace(/^\//, '')
+export const maxEditFileSize = 1024 * 30
+export const defaultBookmarkGroupId = 'default'
+export const newBookmarkIdPrefix = 'new-bookmark'
+export const unexpectedPacketErrorDesc = 'Unexpected packet'
+export const noTerminalBgValue = 'no-termimal-bg'
+export const sftpRetryInterval = 3000
+export const maxBookmarkGroupTitleLength = 33
+export const termControlHeight = 32
+export const maxDragMove = 30
+export const splitDraggerWidth = 5
+export const minTerminalWidth = 90
+export const filePropMinWidth = 1
+export const contextMenuHeight = 28
+export const contextMenuWidth = 220
+export const contextMenuPaddingTop = 10
+export const sftpControlHeight = 28 + 42 + 33 + 56
+export const sidebarWidth = 43
+export const sidebarPanelWidth = 300
+export const maxHistory = 50
+export const maxTransport = 5
+export const maxSftpHistory = 20
+export const maxZoom = 8
+export const minZoom = 0.25
+export const extraTabWidth = 113
+// export const maxTabs = 20
+
+export const tabWidth = 160
+
+export const tabMargin = 1
+
+export const fileTypeMap = {
+  link: 'l',
+  directory: 'd'
+}
+
+export const statusMap = buildConst([
+  'default',
+  'success',
+  'error',
+  'processing',
+  'warning'
+])
+
+export const connectionMap = buildConst([
+  'ssh',
+  'telnet',
+  'serial',
+  'local'
+])
+
+export const authTypeMap = buildConst([
+  'password',
+  'privateKey'
+])
+
+export const maxTransferHistory = 100
+export const footerHeight = 36
+export const quickCommandBoxHeight = 180
+export const isWin = typeof window.et.isWin === 'undefined' ? window.pre.isWin : window.et.isWin
+export const isMac = typeof window.et.isMac === 'undefined' ? window.pre.isMac : window.et.isMac
+export const ctrlOrCmd = isMac ? 'cmd' : 'ctrl'
+export const typeMap = buildConst([
+  'remote',
+  'local'
+])
+
+export const paneMap = buildConst([
+  'ssh',
+  'sftp',
+  'terminal',
+  'fileManager'
+])
+
+export const settingMap = buildConst([
+  'setting',
+  'bookmarks',
+  'history',
+  'terminalThemes',
+  'bookmarkGroups',
+  'quickCommands',
+  'addressBookmarks'
+])
+
+export const infoTabs = buildConst([
+  'info',
+  'deps',
+  'env',
+  'os',
+  'log',
+  'cmd'
+])
+
+export const transferTypeMap = buildConst([
+  'download',
+  'upload',
+  'remote',
+  'local',
+  'compressAndDownload',
+  'compressAndUpload'
+])
+
+export const fileOperationsMap = buildConst([
+  'cp',
+  'mv'
+])
+
+export const terminalSplitDirectionMap = buildConst([
+  'horizontal',
+  'vertical'
+])
+
+export const terminalSshConfigType = 'ssh-config'
+export const terminalSerialType = 'serial'
+export const terminalTelnetType = 'telnet'
+export const terminalLocalType = 'local'
+export const openedSidebarKey = 'opened-sidebar'
+export const sidebarPinnedKey = 'sidebar-pinned'
+export const sftpDefaultSortSettingKey = 'sftp-default-sort'
+// https://github.com/tinkertrain/panda-syntax-vscode/blob/master/themes/workbench.yaml
+export const defaultTheme = {
+  id: 'default',
+  name: 'default',
+  themeConfig: {
+    foreground: '#bbbbbb',
+    background: '#141314',
+    cursor: '#b5bd68',
+    cursorAccent: '#1d1f21',
+    selectionBackground: 'rgba(255, 255, 255, 0.3)',
+    black: '#575757',
+    red: '#FF2C6D',
+    green: '#19f9d8',
+    yellow: '#FFB86C',
+    blue: '#45A9F9',
+    magenta: '#FF75B5',
+    cyan: '#B084EB',
+    white: '#CDCDCD',
+    brightBlack: '#757575',
+    brightRed: '#FF2C6D',
+    brightGreen: '#19f9d8',
+    brightYellow: '#FFCC95',
+    brightBlue: '#6FC1FF',
+    brightMagenta: '#FF9AC1',
+    brightCyan: '#BCAAFE',
+    brightWhite: '#E6E6E6'
+  },
+  uiThemeConfig: getUiThemeConfig(window.et.stylus)
+}
+
+export const eventTypes = {
+  resetFileListTable: 'reset-file-list-table'
+}
+
+export const commonBaudRates = [
+  110,
+  300,
+  1200,
+  2400,
+  4800,
+  9600,
+  14400,
+  19200,
+  38400,
+  57600,
+  115200
+]
+
+export const commonDataBits = [
+  8, 7, 6, 5
+]
+
+export const commonStopBits = [
+  1, 2
+]
+
+export const commonParities = [
+  'none', 'even', 'mark', 'odd', 'space'
+]
+
+export const maxBatchInput = 30
+export const windowControlWidth = 94
+export const baseUpdateCheckUrls = [
+  packInfo.homepage,
+  'https://gitee.com/github-zxdong262/electerm/raw/gh-pages'
+]
+export const syncTypes = buildConst([
+  'github',
+  'gitee',
+  'custom'
+])
+export const syncTokenCreateUrls = {
+  gitee: 'https://gitee.com/github-zxdong262/electerm/wikis/Create%20personal%20access%20token?sort_id=3028409',
+  github: 'https://github.com/electerm/electerm/wiki/Create-personal-access-token',
+  custom: 'https://github.com/electerm/electerm/wiki/Custom-sync-server'
+}
+export const settingSyncId = 'setting-sync'
+export const settingCommonId = 'setting-common'
+export const defaultEnvLang = 'en_US.UTF-8'
+const defaultThemeLightConf = _get(
+  dbDefaults, '[0].data[1]'
+)
+defaultThemeLightConf.id = defaultThemeLightConf._id
+export const defaultThemeLight = defaultThemeLightConf
+export const terminalActions = {
+  showInfoPanel: 'show-info-panel',
+  changeEncode: 'change-encode',
+  batchInput: 'batch-input',
+  quickCommand: 'quick-command',
+  openTerminalSearch: 'open-terminal-search',
+  doSearchNext: 'do-search-next',
+  doSearchPrev: 'do-search-prev',
+  zoom: 'zoom-terminal'
+}
+export const fileActions = {
+  cancel: 'cancel',
+  skip: 'skip',
+  skipAll: 'skipAll',
+  mergeOrOverwrite: 'mergeOrOverwrite',
+  rename: 'rename',
+  mergeOrOverwriteAll: 'mergeOrOverwriteAll',
+  renameAll: 'renameAll'
+}
+
+export const tabActions = {
+  updateTabsStatus: 'update-tabs-status',
+  setAllTabOffline: 'set-all-tab-offline',
+  changeCurrentTabId: 'changeCurrentTabId',
+  onDuplicateTab: 'on-duplicate-tab',
+  reloadTab: 'reload-tab',
+  initFirstTab: 'init-first-tab',
+  delTab: 'del-tab',
+  addTab: 'add-tab',
+  updateTabs: 'update-tabs'
+}
+
+export const commonActions = {
+  batchOp: 'batch-op',
+  updateStore: 'update-store',
+  editWithSystemEditorDone: 'edit-with-system-editor-done',
+  editWithSystemEditor: 'edit-with-system-editor',
+  onCloseTextEditor: 'on-close-text-editor',
+  submitTextEditorText: 'submit-text-editor-text',
+  fetchTextEditorText: 'fetch-text-editor-text',
+  loadTextEditorText: 'load-text-editor-text',
+  openTextEditor: 'open-text-editor',
+  submitFileModeEdit: 'submit-file-mode-edit',
+  showFileModeModal: 'show-file-mode-modal',
+  showFileInfoModal: 'show-file-info-modal',
+  appUpdateCheck: 'check-app-update',
+  closeContextMenu: 'close-context-menu',
+  clickContextMenu: 'click-context-menu',
+  openContextMenu: 'open-context-menu',
+  addTransfer: 'add-transfer'
+}
+
+export const srcsSkipUpgradeCheck = [
+  '.appx',
+  '.snap',
+  'skip-upgrade-check'
+]
+export const termLSPrefix = 'term:sess:'
+export const termInitId = 'electerm-init-term'
+export const batchInputLsKey = 'batch-inputs'
+export const copyBookmarkItemPrefix = 'bookmark:'
+export const copyBookmarkGroupItemPrefix = 'bookmarkGroup:'
+export const rendererTypes = {
+  dom: 'dom',
+  canvas: 'canvas',
+  webGL: 'webGL'
+}
+export const mirrors = {
+  github: 'github',
+  sourceforge: 'sourceforge'
+}
+export const downloadUpgradeTimeout = 20000
+export const expandedKeysLsKey = 'expanded-keys'
+export const checkedKeysLsKey = 'checked-keys'
+export const quickCommandLabelsLsKey = 'quick-command-labels'
+export const localAddrBookmarkLsKey = 'local-addr-bookmark-keys'
+export const sshTunnelHelpLink = 'https://github.com/electerm/electerm/wiki/How-to-use-ssh-tunnel'
+export const batchOpHelpLink = 'https://github.com/electerm/electerm/wiki/batch-operation'
+export const proxyHelpLink = 'https://github.com/electerm/electerm/wiki/proxy-format'
+export const modals = {
+  hide: 0,
+  setting: 1,
+  batchOps: 2
+}

package/client/common/create-lang-edit-link.js

@@ -0,0 +1,7 @@
+/**
+ * create edit language file link
+ */
+
+export default (lang) => {
+  return `https://github.com/electerm/electerm-locales/edit/master/locales/${lang}.js`
+}

package/client/common/create-title.js

@@ -0,0 +1,29 @@
+/**
+ * tab title create rule
+ */
+
+import {
+  terminalLocalType
+} from './constants'
+
+const { prefix } = window
+const p = prefix('sftp')
+
+export default (res = {}) => {
+  const {
+    host, port, username, title, type,
+    path, connectionHoppings
+  } = res
+  const fixTitle = `${username || ''}@${host}:${port}`
+  const extra = host || path ? (path || fixTitle) : ''
+  let f = title
+    ? `${title}` + (extra ? ` - ${extra}` : '')
+    : extra
+  if (connectionHoppings && connectionHoppings.length) {
+    f = `[⋙]${f}`
+  }
+  if (type) {
+    f = `[${type}]${f}`
+  }
+  return f || p(terminalLocalType)
+}

package/client/common/db-fix.js

@@ -0,0 +1,24 @@
+// make old data imported compatible
+import { buildProxyString } from '../../app/lib/build-proxy.js'
+import { buildSshTunnels } from '../../app/common/build-ssh-tunnel.js'
+import { buildRunScripts } from '../../app/common/build-run-scripts.js'
+
+export function fixBookmarks (arr) {
+  return arr.map(bookmark => {
+    if (typeof bookmark.proxy !== 'string') {
+      bookmark.proxy = buildProxyString(bookmark.proxy || {})
+    }
+    if (bookmark.sshTunnel) {
+      bookmark.sshTunnels = buildSshTunnels(bookmark.sshTunnel)
+      delete bookmark.sshTunnel
+      delete bookmark.sshTunnelRemotePort
+      delete bookmark.sshTunnelLocalPort
+    }
+    if (bookmark.loginScript) {
+      bookmark.runScripts = buildRunScripts(bookmark)
+      delete bookmark.loginScript
+      delete bookmark.loginScriptDelay
+    }
+    return bookmark
+  })
+}

package/client/common/db.js

@@ -0,0 +1,155 @@
+/**
+ * db common methods
+ */
+
+import {
+  settingMap
+} from '../common/constants'
+import { without, isArray, findIndex } from 'lodash-es'
+import handleError from './error-handler'
+import generate from './uid'
+import safeParse from './to-simple-obj'
+import { encObj, decObj } from './pass-enc'
+
+/**
+ * db action, never direct use it
+ * @param  {...any} args
+ */
+const dbAction = (...args) => {
+  return window.pre.runGlobalAsync('dbAction', ...args)
+    .catch(handleError)
+}
+
+/**
+ * standalone db names
+ */
+export const dbNames = without(
+  Object.keys(settingMap),
+  settingMap.setting
+)
+
+export const dbNamesForWatch = without(
+  Object.keys(settingMap),
+  settingMap.setting,
+  settingMap.history
+)
+
+/**
+ * db insert
+ * @param {string} dbName
+ * @param {object or array} inst
+ */
+export function insert (dbName, inst) {
+  let arr = isArray(inst) ? inst : [inst]
+  arr = arr.map(obj => {
+    const { id, _id, ...rest } = obj
+    return {
+      _id: _id || id || generate(),
+      ...encObj(rest)
+    }
+  })
+  return dbAction(dbName, 'insert', safeParse(arr))
+}
+
+/**
+ * db delete
+ * @param {string} dbName
+ * @param {string} id
+ */
+export async function remove (dbName, id) {
+  const q = id
+    ? {
+        _id: id
+      }
+    : {}
+  const multi = !id
+  await dbAction(dbName, 'remove', q, { multi })
+}
+
+/**
+ * upsert single data in db
+ * @param {string} _id
+ * @param {any} value
+ * @param {string} db default is 'data'
+ */
+export function update (_id, value, db = 'data', upsert = true) {
+  const updates = dbNames.includes(db)
+    ? {
+        $set: {
+          ...encObj(value)
+        }
+      }
+    : {
+        $set: {
+          value
+        }
+      }
+  return dbAction(db, 'update', {
+    _id
+  }, safeParse(updates), {
+    upsert
+  })
+}
+
+/**
+ * get doc from db
+ * @param {string} dbName
+ * @param {string} id
+ * @return any
+ */
+export async function findOne (dbName, id) {
+  const res = await dbAction(dbName, 'findOne', {
+    _id: id
+  })
+  if (!res) {
+    return res
+  }
+  const { _id, ...rest } = res
+  return {
+    id: _id,
+    ...decObj(rest)
+  }
+}
+
+/**
+ * get all data as array from databse
+ * @param {string} dbName
+ */
+export async function find (dbName) {
+  const res = await dbAction(dbName, 'find', {}) || []
+  return res.map(r => {
+    const { _id, ...rest } = r
+    return {
+      id: _id,
+      ...decObj(rest)
+    }
+  })
+}
+
+/**
+ * get value from database: data
+ * @param {string} name
+ * @return any
+ */
+export async function getData (name) {
+  const res = await dbAction('data', 'findOne', {
+    _id: name
+  })
+  return res ? res.value : undefined
+}
+
+/**
+ * get sorted data from db
+ * @param {string} dbName
+ */
+
+export async function fetchInitData (dbName) {
+  const res = await find(dbName)
+  const order = await getData(`${dbName}:order`)
+  const r = res.sort((a, b) => {
+    const ai = findIndex(order, r => r === a.id)
+    const bi = findIndex(order, r => r === b.id)
+    return ai - bi
+  })
+  return JSON.stringify(r)
+}