@electerm/electerm-react 1.38.65 → 1.38.80

package/client/components/sftp/transport-entry.jsx

@@ -1,108 +0,0 @@
-import { PureComponent } from 'react'
-import Confirms from './confirm-modal'
-import ConflictHandler from './transfer-conflict'
-import TransfersHandler from './transports-action'
-import deepCopy from 'json-deep-copy'
-import runIdle from '../../common/run-idle'
-import { commonActions } from '../../common/constants'
-import { pick } from 'lodash-es'
-
-export default class TransferEntry extends PureComponent {
-  constructor (props) {
-    super(props)
-    this.state = {
-      transferToConfirm: null,
-      transferList: [],
-      pauseAll: false
-    }
-  }
-
-  componentDidMount () {
-    window.addEventListener('message', this.onAdd)
-  }
-
-  componentWillUnmount () {
-    window.removeEventListener('message', this.onAdd)
-  }
-
-  onAdd = e => {
-    const {
-      sessionId,
-      list,
-      action
-    } = e?.data || {}
-    if (
-      action !== commonActions.addTransfer ||
-      sessionId !== this.props.sessionId
-    ) {
-      return false
-    }
-    this.addTransferList(list)
-  }
-
-  modifier = (...args) => {
-    runIdle(() => this.setState(...args))
-  }
-
-  addTransferList = list => {
-    this.modifier((old) => {
-      let transferList = deepCopy(old.transferList)
-      transferList = [
-        ...transferList,
-        ...list
-      ]
-      window.store.setTransfers(transferList)
-      return {
-        transferList
-      }
-    })
-  }
-
-  render () {
-    const prps1 = {
-      transferToConfirm: this.state.transferToConfirm,
-      modifier: this.modifier
-    }
-    const prps2 = {
-      transferList: this.state.transferList,
-      modifier: this.modifier,
-      addTransferList: this.addTransferList,
-      transferToConfirm: this.state.transferToConfirm,
-      ...pick(this.props, [
-        'localList',
-        'remoteList',
-        'sftp',
-        'sessionId',
-        'host',
-        'tab'
-      ])
-    }
-    const prps3 = {
-      transferList: this.state.transferList,
-      modifier: this.modifier,
-      pauseAll: this.state.pauseAll,
-      localList: this.props.localListDebounce,
-      remoteList: this.props.remoteListDebounce,
-      ...pick(this.props, [
-        'sftp',
-        'config',
-        'tab',
-        'sessionId',
-        'pid'
-      ])
-    }
-    return (
-      <div>
-        <ConflictHandler
-          {...prps2}
-        />
-        <TransfersHandler
-          {...prps3}
-        />
-        <Confirms
-          {...prps1}
-        />
-      </div>
-    )
-  }
-}

package/client/components/sftp/transport-types.js

@@ -1,8 +0,0 @@
-export const transportTypes = {
-  pauseTransport: 'pause-transport',
-  resumeTransport: 'resume-transport',
-  cancelTransport: 'cancel-transport',
-  pauseOrResumeTransfer: 'pause-or-resume-transfer',
-  pauseOrResumeAll: 'pause-or-resume-all',
-  cancelAll: 'cancel-all'
-}

package/client/components/sftp/transports-action.jsx

@@ -1,111 +0,0 @@
-/**
- * pass transfer list from props
- * when list changes, do transfer and other op
- */
-
-import { useDelta, useConditionalEffect } from 'react-delta'
-import copy from 'json-deep-copy'
-import Transports from './transports-ui'
-import { maxTransport } from '../../common/constants'
-import eq from 'fast-deep-equal'
-import { isUndefined } from 'lodash-es'
-
-export default (props) => {
-  const { transferList, pauseAll, sessionId } = props
-  const delta = useDelta(transferList)
-  const pauseControl = useDelta(pauseAll)
-  async function control () {
-    props.modifier((old) => {
-      let transferList = copy(old.transferList)
-      transferList = transferList.map(t => {
-        const {
-          typeTo,
-          typeFrom,
-          fromFile,
-          inited
-        } = t
-        const ready = !!fromFile
-        if (typeTo === typeFrom && ready && !inited) {
-          t.inited = true
-        }
-        return t
-      })
-      if (old.pauseAll) {
-        window.store.setTransfers(transferList, sessionId)
-        return {
-          transferList
-        }
-      }
-      let count = transferList.filter(t => {
-        const {
-          typeTo,
-          typeFrom,
-          inited
-        } = t
-        return typeTo !== typeFrom && inited
-      }).length
-      if (count >= maxTransport) {
-        window.store.setTransfers(transferList, sessionId)
-        return {
-          transferList
-        }
-      }
-      const len = transferList.length
-      const ids = []
-      for (let i = 0; i < len; i++) {
-        const tr = transferList[i]
-        const {
-          typeTo,
-          typeFrom,
-          inited,
-          fromFile,
-          error,
-          id,
-          action,
-          parentId,
-          expanded
-        } = tr
-        if (!error) {
-          ids.push(id)
-        }
-        const isTransfer = typeTo !== typeFrom
-        const parentFolderNotFinished = parentId && ids.includes(parentId)
-        const ready = (
-          (action && fromFile && !fromFile.isDirectory) ||
-          (action && fromFile && fromFile.isDirectory && expanded)
-        )
-        if (
-          !ready ||
-          inited ||
-          !isTransfer ||
-          parentFolderNotFinished
-        ) {
-          continue
-        }
-        // if (isTransfer && tr.fromFile.isDirectory) {
-        //   i = len
-        //   continue
-        // }
-        if (
-          fromFile && count < maxTransport
-        ) {
-          count++
-          tr.inited = true
-        }
-      }
-      window.store.setTransfers(transferList, sessionId)
-      return {
-        transferList
-      }
-    })
-  }
-  useConditionalEffect(() => {
-    control()
-  }, pauseControl && pauseControl.prev && pauseControl.prev !== pauseControl.curr)
-  useConditionalEffect(() => {
-    control()
-  }, delta && !isUndefined(delta.prev) && !eq(delta.prev, delta.curr))
-  return (
-    <Transports {...props} />
-  )
-}

package/client/components/sftp/transports-ui.jsx

@@ -1,93 +0,0 @@
-/**
- * transporter UI component
- */
-import { useRef, useEffect } from 'react'
-import Transport from './transport-action'
-import postMessage from '../../common/post-msg'
-import { transportTypes } from './transport-types'
-
-export default function TransportsUI (props) {
-  const {
-    transferList
-  } = props
-  const timer = useRef(null)
-  function onDestroy () {
-    clearTimeout(timer.current)
-  }
-  useEffect(() => {
-    return onDestroy
-  }, [])
-  const pauseAll = () => {
-    props.modifier({
-      pauseAll: true
-    })
-    postMessage({
-      action: transportTypes.pauseTransport,
-      ids: []
-    })
-  }
-  const resumeAll = () => {
-    props.modifier({
-      pauseAll: false
-    })
-    postMessage({
-      action: transportTypes.resumeTransport,
-      ids: []
-    })
-  }
-  const pauseOrResumeAll = () => {
-    if (props.pauseAll) {
-      return resumeAll()
-    }
-    return pauseAll()
-  }
-  const cancelAll = () => {
-    props.modifier({
-      pauseAll: false
-    })
-    postMessage({
-      action: transportTypes.cancelTransport,
-      ids: []
-    }, '*')
-  }
-
-  function onMessage (e) {
-    const action = e?.data?.action
-    const id = e?.data?.id
-    if (id === props.sessionId || id === 'all') {
-      switch (action) {
-        case transportTypes.cancelAll:
-          cancelAll()
-          break
-        case transportTypes.pauseOrResumeAll:
-          pauseOrResumeAll()
-          break
-        default:
-          break
-      }
-    }
-  }
-  function initEvent () {
-    window.addEventListener('message', onMessage)
-  }
-  function destroyEvents () {
-    window.removeEventListener('message', onMessage)
-  }
-  useEffect(() => {
-    initEvent()
-    return destroyEvents
-  }, [])
-  if (!transferList.length) {
-    return null
-  }
-  return transferList.map((t, i) => {
-    const { id } = t
-    return (
-      <Transport
-        {...props}
-        transfer={t}
-        key={id + ':tr:' + i}
-      />
-    )
-  })
-}