@electerm/electerm-react 1.100.56 → 1.101.10

package/client/components/bookmark-form/ssh-form.jsx

@@ -1,292 +0,0 @@
-/**
- * bookmark form
- */
-import { PureComponent } from 'react'
-import {
-  message
-} from 'antd'
-import { uniq, pick } from 'lodash-es'
-import copy from 'json-deep-copy'
-import generate from '../../common/uid'
-import {
-  settingMap,
-  defaultBookmarkGroupId,
-  newBookmarkIdPrefix
-} from '../../common/constants'
-import { isValidIP } from '../../common/is-ip'
-import runIdle from '../../common/run-idle'
-import getInitItem from '../../common/init-setting-item'
-import testCon from '../../common/test-connection'
-import FormUi from './ssh-form-ui'
-import findBookmarkGroupId from '../../common/find-bookmark-group-id'
-import newTerm from '../../common/new-terminal'
-import { action } from 'manate'
-
-export default class BookmarkForm extends PureComponent {
-  state = {
-    testing: false,
-    ips: []
-  }
-
-  trim = (v) => {
-    return (v || '').replace(/^\s+|\s+$/g, '')
-  }
-
-  useIp = (form, ip) => {
-    form.setFieldsValue({
-      host: ip
-    })
-  }
-
-  onPaste = (e, form) => {
-    const txt = e.clipboardData.getData('Text')
-    // support name:passsword@host:23
-    const arr = txt.match(/([^:@]+)(:[^:@]+)?@([^:@]+)(:\d+)?/)
-    if (!arr) {
-      return
-    }
-    const username = arr[1]
-    const password = arr[2] ? arr[2].slice(1) : ''
-    const host = arr[3]
-    const port = arr[4] ? arr[4].slice(1) : ''
-    const obj = {
-      username,
-      host
-    }
-    if (password) {
-      obj.password = password
-    }
-    if (port) {
-      obj.port = port
-    }
-    setTimeout(() => {
-      form.setFieldsValue(obj)
-    }, 20)
-  }
-
-  onBlur = async (e) => {
-    const value = e.target.value.trim()
-    const { type } = this.props
-    if (
-      type !== settingMap.bookmarks ||
-      !value ||
-      isValidIP(value)
-    ) {
-      return
-    }
-    const ips = await window.pre.runGlobalAsync('lookup', value)
-      .catch(err => {
-        log.debug(err)
-      })
-    this.setState({
-      ips: ips || []
-    })
-  }
-
-  getBookmarkGroupId = () => {
-    const {
-      id
-    } = this.props.formData
-    const {
-      bookmarkGroups,
-      currentBookmarkGroupId
-    } = this.props
-    return id
-      ? findBookmarkGroupId(bookmarkGroups, id)
-      : currentBookmarkGroupId
-  }
-
-  updateBookmarkGroups = action((bookmark, categoryId) => {
-    const {
-      bookmarkGroups
-    } = window.store
-    let index = bookmarkGroups.findIndex(
-      bg => bg.id === categoryId
-    )
-    if (index < 0) {
-      index = bookmarkGroups.findIndex(
-        bg => bg.id === defaultBookmarkGroupId
-      )
-    }
-    const bid = bookmark.id
-    const bg = bookmarkGroups[index]
-    if (!bg.bookmarkIds.includes(bid)) {
-      bg.bookmarkIds.unshift(bid)
-    }
-    bg.bookmarkIds = uniq(bg.bookmarkIds)
-    bookmarkGroups.forEach((bg, i) => {
-      if (i === index) {
-        return bg
-      }
-      bg.bookmarkIds = bg.bookmarkIds.filter(
-        g => g !== bid
-      )
-      return bg
-    })
-    message.success('OK', 3)
-  })
-
-  submit = (evt, item, type = this.props.type) => {
-    if (item.host) {
-      item.host = item.host.trim()
-    }
-    const obj = item
-    if (obj.connectionHoppings?.length) {
-      obj.hasHopping = true
-    }
-    const { addItem, editItem } = this.props.store
-    const categoryId = obj.category
-    delete obj.category
-    if (!obj.id.startsWith(newBookmarkIdPrefix)) {
-      const tar = copy(obj)
-      delete tar.id
-      runIdle(() => {
-        editItem(obj.id, tar, settingMap.bookmarks)
-      })
-      this.updateBookmarkGroups(
-        obj,
-        categoryId
-      )
-      if (evt === 'saveAndCreateNew') {
-        this.setNewItem()
-      }
-    } else {
-      obj.id = generate()
-      runIdle(() => {
-        addItem(obj, settingMap.bookmarks)
-      })
-      this.updateBookmarkGroups(
-        obj,
-        categoryId
-      )
-      this.setNewItem(evt === 'saveAndCreateNew'
-        ? getInitItem([], settingMap.bookmarks)
-        : obj
-      )
-    }
-  }
-
-  setNewItem = (
-    settingItem = getInitItem([], settingMap.bookmarks)
-  ) => {
-    const { store } = this.props
-    store.setSettingItem(settingItem)
-  }
-
-  test = async (update) => {
-    let options = {
-      ...this.props.formData,
-      ...update
-    }
-    let msg = ''
-    this.setState({
-      testing: true
-    })
-    options = window.store.applyProfileToTabs(options)
-    const res = await testCon(options)
-      .then(r => r)
-      .catch((e) => {
-        msg = e.message
-        return false
-      })
-    this.setState({
-      testing: false
-    })
-    if (res) {
-      message.success('connection ok')
-    } else {
-      const err = 'connection fails' +
-        (msg ? `: ${msg}` : '')
-      message.error(err)
-    }
-  }
-
-  // reset (form) {
-  //   form.resetFields()
-  // }
-
-  onSelectProxy = (proxy, form) => {
-    const obj = Object.keys(proxy)
-      .reduce((prev, c) => {
-        return {
-          ...prev,
-          [`proxy.${c}`]: proxy[c]
-        }
-      }, {})
-    form.setFieldsValue(obj)
-  }
-
-  handleFinish = (res) => {
-    this.handleSubmit('submit', res, false)
-  }
-
-  saveAndCreateNew = (res) => {
-    this.handleSubmit('saveAndCreateNew', res, false)
-  }
-
-  save = (res) => {
-    this.handleSubmit('save', res, false)
-  }
-
-  testConnection = (res) => {
-    this.handleSubmit('test', res, true)
-  }
-
-  connect = (res) => {
-    this.handleSubmit('connect', res, false)
-  }
-
-  handleSubmit = async (evt, res, isTest = false) => {
-    if (res.enableSsh === false && res.enableSftp === false) {
-      return message.warning('SSH and SFTP all disabled')
-    }
-    const obj = {
-      ...this.props.formData,
-      ...res
-    }
-    if (isTest) {
-      return this.test(obj)
-    }
-    if (evt && evt !== 'connect') {
-      this.submit(evt, obj)
-    }
-    if (evt !== 'save' && evt !== 'saveAndCreateNew') {
-      window.store.currentLayoutBatch = window.openTabBatch || 0
-      this.props.store.addTab({
-        ...copy(obj),
-        ...newTerm(true, true),
-        batch: window.openTabBatch ?? window.store.currentLayoutBatch
-      })
-      delete window.openTabBatch
-      this.props.hide()
-    }
-  }
-
-  getProps = () => {
-    const funcs = pick(this, [
-      'handleFinish',
-      'testConnection',
-      'connect',
-      'save',
-      'saveAndCreateNew',
-      'onSelectProxy',
-      'onBlur',
-      'onPaste',
-      'useIp',
-      'trim'
-    ])
-    return {
-      ...this.state,
-      ...funcs
-    }
-  }
-
-  render () {
-    return (
-      <FormUi
-        {...this.props}
-        {...this.getProps()}
-      />
-    )
-  }
-}

package/client/components/bookmark-form/telnet-form-ui.jsx

@@ -1,140 +0,0 @@
-/**
- * bookmark form
- */
-
-import {
-  Input,
-  Tabs,
-  Form
-} from 'antd'
-import { useState, useEffect } from 'react'
-import {
-  newBookmarkIdPrefix,
-  terminalTelnetType,
-  authTypeMap
-} from '../../common/constants'
-import { formItemLayout } from '../../common/form-layout'
-import findBookmarkGroupId from '../../common/find-bookmark-group-id'
-import defaultSettings from '../../common/default-setting'
-import useSubmit from './use-submit'
-import useUI from './use-ui'
-import useQm from './use-quick-commands'
-import renderCommon from './form-ssh-common'
-import renderTermBg from './render-bg'
-import { getColorFromCategory } from '../../common/get-category-color.js'
-import copy from 'json-deep-copy'
-import { defaultsDeep, isEmpty } from 'lodash-es'
-import renderAuth from './render-auth-ssh'
-import './bookmark-form.styl'
-
-const FormItem = Form.Item
-const e = window.translate
-
-export default function TelnetFormUI (props) {
-  const [
-    form,
-    handleFinish,
-    submitUi
-  ] = useSubmit(props)
-  const [authType, setAuthType] = useState(props.formData.authType || authTypeMap.password)
-  useEffect(() => {
-    if ((props.formData.id || '').startsWith(newBookmarkIdPrefix)) {
-      form.setFieldsValue({
-        category: props.currentBookmarkGroupId
-      })
-    }
-  }, [props.currentBookmarkGroupId])
-  const qms = useQm(form, props.formData)
-  const uis = useUI(props)
-  const {
-    id = ''
-  } = props.formData
-  const {
-    bookmarkGroups = [],
-    currentBookmarkGroupId
-  } = props
-  const initBookmarkGroupId = !id.startsWith(newBookmarkIdPrefix)
-    ? findBookmarkGroupId(bookmarkGroups, id)
-    : currentBookmarkGroupId
-  let initialValues = copy(props.formData)
-  function onChangeAuthType (e) {
-    setAuthType(e.target.value)
-  }
-  const defaultValues = {
-    port: 23,
-    id: '',
-    username: 'root',
-    password: 'guest',
-    color: getColorFromCategory(bookmarkGroups, currentBookmarkGroupId),
-    runScripts: [{}],
-    term: defaultSettings.terminalType,
-    displayRaw: false,
-    type: terminalTelnetType,
-    category: initBookmarkGroupId,
-    authType: authTypeMap.password
-  }
-  initialValues = defaultsDeep(initialValues, defaultValues)
-
-  const tprops = {
-    ...props,
-    renderAuth,
-    authType,
-    onChangeAuthType,
-    form,
-    bookmarkType: terminalTelnetType,
-    filterAuthType: a => a !== 'privateKey',
-    profileFilter: d => !isEmpty(d.telnet)
-  }
-
-  function renderTabs () {
-    const items = [
-      {
-        key: 'auth',
-        label: e('auth'),
-        forceRender: true,
-        children: (
-          <div>
-            {renderCommon(tprops)}
-            <FormItem {...formItemLayout} label={e('type')} name='type' className='hide'>
-              <Input />
-            </FormItem>
-          </div>
-        )
-      },
-      {
-        key: 'settings',
-        label: e('settings'),
-        forceRender: true,
-        children: (
-          <>
-            {uis}
-            {renderTermBg(form)}
-          </>
-        )
-      },
-      {
-        key: 'quickCommands',
-        label: e('quickCommands'),
-        forceRender: true,
-        children: qms
-      }
-    ]
-    return (
-      <Tabs
-        items={items}
-      />
-    )
-  }
-
-  return (
-    <Form
-      form={form}
-      name='ssh-form'
-      onFinish={handleFinish}
-      initialValues={initialValues}
-    >
-      {renderTabs()}
-      {submitUi}
-    </Form>
-  )
-}

package/client/components/bookmark-form/telnet-form.jsx

@@ -1,16 +0,0 @@
-/**
- * bookmark form
- */
-import BookmarkForm from './ssh-form'
-import TelnetFormUi from './telnet-form-ui'
-
-export default class TelnetForm extends BookmarkForm {
-  render () {
-    return (
-      <TelnetFormUi
-        {...this.props}
-        {...this.getProps()}
-      />
-    )
-  }
-}

package/client/components/bookmark-form/use-form-funcs.jsx

@@ -1,50 +0,0 @@
-/**
- * bookmark form
- */
-import { useRef } from 'react'
-import {
-  Form
-} from 'antd'
-
-export default function useFormFuncs (props) {
-  const [form] = Form.useForm()
-  const action = useRef('submit')
-  function save () {
-    action.current = 'save'
-    form.submit()
-  }
-  function saveAndCreateNew () {
-    action.current = 'saveAndCreateNew'
-    form.submit()
-  }
-  function testConnection () {
-    action.current = 'testConnection'
-    form.submit()
-  }
-  function connect () {
-    action.current = 'connect'
-    form.submit()
-  }
-  function handleFinish (res) {
-    if (action.current === 'save') {
-      props.save(res)
-    } else if (action.current === 'saveAndCreateNew') {
-      props.saveAndCreateNew(res)
-    } else if (action.current === 'connect') {
-      props.connect(res)
-    } else if (action.current === 'testConnection') {
-      props.testConnection(res)
-    } else {
-      props.handleFinish(res)
-    }
-    action.current = 'submit'
-  }
-  return [
-    form,
-    save,
-    saveAndCreateNew,
-    connect,
-    testConnection,
-    handleFinish
-  ]
-}

package/client/components/bookmark-form/use-submit.jsx

@@ -1,67 +0,0 @@
-/**
- * submit buttons
- */
-
-/**
- * bookmark form
- */
-
-import {
-  Button,
-  Form
-} from 'antd'
-import { tailFormItemLayout } from '../../common/form-layout'
-import useFuncs from './use-form-funcs'
-
-const FormItem = Form.Item
-const e = window.translate
-
-export default function useBookmarkSubmit (props) {
-  const [
-    form,
-    save,
-    saveAndCreateNew,
-    connect,
-    testConnection,
-    handleFinish
-  ] = useFuncs(props)
-  const ui = (
-    <FormItem {...tailFormItemLayout}>
-      <p>
-        <Button
-          type='primary'
-          htmlType='submit'
-          className='mg1r mg1b'
-        >{e('saveAndConnect')}
-        </Button>
-        <Button
-          type='primary'
-          className='mg1r mg1b'
-          onClick={saveAndCreateNew}
-        >{e('saveAndCreateNew')}
-        </Button>
-        <Button
-          type='dashed'
-          className='mg1r mg1b'
-          onClick={save}
-        >{e('save')}
-        </Button>
-      </p>
-      <p>
-        <Button
-          type='dashed'
-          onClick={connect}
-          className='mg1r mg1b'
-        >{e('connect')}
-        </Button>
-        <Button
-          type='dashed'
-          onClick={testConnection}
-          className='mg1r mg1b'
-        >{e('testConnection')}
-        </Button>
-      </p>
-    </FormItem>
-  )
-  return [form, handleFinish, ui]
-}

package/client/components/bookmark-form/use-ui.jsx

@@ -1,97 +0,0 @@
-/**
- * ui forms render
- */
-
-/**
- * bookmark form
- */
-
-import {
-  Input,
-  InputNumber,
-  AutoComplete,
-  Form,
-  Switch
-} from 'antd'
-import { formItemLayout } from '../../common/form-layout'
-import defaultSettings from '../../common/default-setting'
-import mapper from '../../common/auto-complete-data-mapper'
-import { defaultEnvLang, terminalTypes } from '../../common/constants'
-
-const FormItem = Form.Item
-const e = window.translate
-
-export default function useBookmarkFormUI (props) {
-  const {
-    fontFamily: defaultFontFamily,
-    fontSize: defaultFontSize
-  } = defaultSettings
-  return (
-    <>
-      <FormItem
-        {...formItemLayout}
-        label='ENV:LANG'
-        rules={[{
-          max: 130, message: '130 chars max'
-        }]}
-        name='envLang'
-      >
-        <Input placeholder={defaultEnvLang} />
-      </FormItem>,
-      <FormItem
-        {...formItemLayout}
-        label={e('terminalType')}
-        rules={[{
-          required: true, message: 'terminal type required'
-        }]}
-        normalize={props.trim}
-        name='term'
-      >
-        <AutoComplete
-          options={terminalTypes.map(mapper)}
-        />
-      </FormItem>,
-      <FormItem
-        {...formItemLayout}
-        label={e('displayRaw')}
-        name='displayRaw'
-        valuePropName='checked'
-      >
-        <Switch />
-      </FormItem>,
-      <FormItem
-        {...formItemLayout}
-        label={e('fontFamily')}
-        name='fontFamily'
-        rules={[{
-          max: 130, message: '130 chars max'
-        }]}
-      >
-        <Input placeholder={defaultFontFamily + ''} />
-      </FormItem>,
-      <FormItem
-        {...formItemLayout}
-        label={e('fontSize')}
-        name='fontSize'
-      >
-        <InputNumber
-          min={9}
-          max={65535}
-          step={1}
-          placeholder={defaultFontSize}
-        />
-      </FormItem>,
-      <FormItem
-        {...formItemLayout}
-        label={e('keepaliveIntervalDesc')}
-        name='keepaliveInterval'
-      >
-        <InputNumber
-          min={0}
-          max={20000000}
-          step={1000}
-        />
-      </FormItem>
-    </>
-  )
-}