@electerm/electerm-react 1.34.30

package/client/store/transfer-history.js

@@ -0,0 +1,27 @@
+/**
+ * transfer history related functions
+ */
+
+import {
+  maxTransferHistory
+} from '../common/constants'
+
+export default Store => {
+  Store.prototype.clearTransferHistory = function () {
+    window.store.setItems('transferHistory', [])
+  }
+
+  Store.prototype.getTransferHistory = function () {
+    return window.store.getItems('transferHistory')
+  }
+
+  Store.prototype.addTransferHistory = function (item) {
+    const { store } = window
+    const transferHistory = store.getItems('transferHistory')
+    transferHistory.unshift(item)
+    store.setItems(
+      'transferHistory',
+      transferHistory.slice(0, maxTransferHistory)
+    )
+  }
+}

package/client/store/transfer-list.js

@@ -0,0 +1,20 @@
+export default Store => {
+  Store.prototype.handleTransferTab = function (tab) {
+    window.store.transferTab = tab
+  }
+  Store.prototype.setTransfers = function (list) {
+    return window.store.setItems('fileTransfers', list)
+  }
+  Store.prototype.getTransfers = function () {
+    return window.store.getItems('fileTransfers')
+  }
+  Store.prototype.delTransfers = function (ids) {
+    return window.store.delItems(ids, 'fileTransfers')
+  }
+  Store.prototype.editTransfer = function (id, updates) {
+    return window.store.editItem(id, updates, 'fileTransfers')
+  }
+  Store.prototype.addTransfers = function (objs) {
+    return window.store.addItems(objs, 'fileTransfers')
+  }
+}

package/client/store/ui-theme.js

@@ -0,0 +1,71 @@
+/**
+ * ui theme functions
+ */
+
+/**
+ * theme related functions
+ */
+
+import { escapeRegExp, find } from 'lodash-es'
+import {
+  defaultTheme,
+  settingMap
+} from '../common/constants'
+// import fetch from '../common/fetch'
+import copy from 'json-deep-copy'
+
+export default Store => {
+  // Store.prototype.toCss = async function (stylus) {
+  //   const { host, port } = window._config
+  //   const url = `http://${host}:${port}/to-css`
+  //   const data = await fetch.post(url, {
+  //     stylus
+  //   })
+  //   return data
+  // }
+
+  Store.prototype.getDefaultUiThemeConfig = function (stylus) {
+    const reg = /[^\n]+ = [^\n]+\n/g
+    const arr = stylus.match(reg)
+    const sep = ' = '
+    return arr.reduce((p, x) => {
+      if (!x.includes(sep)) {
+        return p
+      }
+      const [k, v] = x.split(sep)
+      return {
+        ...p,
+        [k.trim()]: v.trim()
+      }
+    }, {})
+  }
+
+  Store.prototype.buildTheme = function (config) {
+    let { stylus } = window.et
+    const keys = Object.keys(config)
+    for (const key of keys) {
+      const reg = new RegExp(escapeRegExp(key) + ' = [^\\n]+\\n')
+      const v = config[key]
+      stylus = stylus.replace(reg, `${key} = ${v}\n`)
+    }
+    return window.pre.runGlobalAsync('toCss', stylus)
+  }
+
+  Store.prototype.sortTheme = function (a, b) {
+    const { theme } = window.store.config
+    const ax = a.id === theme ? -1 : 1
+    const bx = b.id === theme ? -1 : 1
+    return ax - bx
+  }
+
+  Store.prototype.getUiThemeConfig = function () {
+    const { store } = window
+    const theme = find(
+      store.getSidebarList(settingMap.terminalThemes),
+      d => d.id === store.config.theme
+    )
+    return theme && theme.uiThemeConfig
+      ? copy(theme.uiThemeConfig)
+      : defaultTheme.uiThemeConfig
+  }
+}

package/client/store/watch.js

@@ -0,0 +1,116 @@
+/**
+ * auto run when data change
+ */
+
+import createTitle from '../common/create-title'
+import { autoRun } from 'manate'
+import { update, dbNamesForWatch } from '../common/db'
+import {
+  commonActions,
+  sftpDefaultSortSettingKey,
+  checkedKeysLsKey,
+  expandedKeysLsKey,
+  localAddrBookmarkLsKey
+} from '../common/constants'
+import postMsg from '../common/post-msg'
+import * as ls from '../common/safe-local-storage'
+import { debounce } from 'lodash-es'
+
+export default store => {
+  autoRun(store, () => {
+    store.focus()
+    // store.termSearchOpen = false
+    store.termSearchMatchCount = 0
+    return store.currentTabId
+  }, func => debounce(func, 100)).start()
+
+  // autoRun(store, () => {
+  //   if (store.menuOpened) {
+  //     store.initMenuEvent()
+  //   } else {
+  //     store.onCloseMenu()
+  //   }
+  //   return store.menuOpened
+  // })
+
+  // autoRun(store, () => {
+  //   const v = store.getItems('tabs').map(t => {
+  //     delete t.isTransporting
+  //     return t
+  //   })
+  //   update('sessions', v)
+  //   return store._tabs
+  // }, func => debounce(func, 100))
+  for (const name of dbNamesForWatch) {
+    autoRun(store, async () => {
+      await update(
+        `${name}:order`,
+        store.getItems(name).map(d => d.id)
+      )
+      await store.updateLastDataUpdateTime()
+      if (store.config.autoSync) {
+        await store.uploadSettingAll()
+      }
+      return store['_' + name]
+    }, func => debounce(func, 100)).start()
+  }
+
+  autoRun(store, () => {
+    if (!store.showModal) {
+      store.focus()
+    } else {
+      store.blur()
+    }
+    return store.showModal
+  }).start()
+
+  autoRun(store, () => {
+    window.pre.runGlobalAsync('saveUserConfig', store.config)
+    return store._config
+  }, func => debounce(func, 100)).start()
+
+  autoRun(store, () => {
+    store.updateLastDataUpdateTime()
+    return store.config.theme
+  }, func => debounce(func, 100)).start()
+
+  autoRun(store, () => {
+    store.updateTabsStatus()
+    return store.fileTransfers
+  }, func => debounce(func, 100)).start()
+
+  autoRun(store, () => {
+    ls.setItemJSON(sftpDefaultSortSettingKey, store.sftpSortSetting)
+    return store._sftpSortSetting
+  }).start()
+
+  autoRun(store, () => {
+    ls.setItemJSON(expandedKeysLsKey, store.expandedKeys)
+    return store._expandedKeys
+  }).start()
+
+  autoRun(store, () => {
+    ls.setItemJSON(localAddrBookmarkLsKey, store.addressBookmarksLocal)
+    return store._addressBookmarksLocal
+  }).start()
+
+  autoRun(store, () => {
+    ls.setItemJSON(checkedKeysLsKey, store.checkedKeys)
+    return store._checkedKeys
+  }).start()
+
+  autoRun(store, () => {
+    const tabs = store.getTabs()
+    const { currentTabId } = store
+    const tab = tabs.find(t => t.id === currentTabId)
+    if (tab) {
+      const title = createTitle(tab)
+      window.pre.runGlobalAsync('setTitle', title)
+    }
+    postMsg({
+      action: commonActions.changeCurrentTabId,
+      currentTabId
+    })
+    return store.currentTabId
+  }).start()
+}

package/client/views/index.pug

@@ -0,0 +1,58 @@
+
+doctype html
+html
+  head
+    meta(charset='UTF-8')
+    meta(http-equiv='x-ua-compatible' content='IE=edge')
+    meta(name='viewport', content='width=device-width, initial-scale=1, shrink-to-fit=no')
+    title #{siteName}
+    style.
+      body {
+        background: #000;
+      }
+      #content-loading {
+        position: fixed;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        background: #141314 50% 50% no-repeat url("./images/electerm-watermark.png");
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+      }
+      .electerm-logo-bg {
+        background: transparent 50% 50% no-repeat url("./images/electerm-watermark.png");
+      }
+    - if (!isDev)
+      link(rel='stylesheet', href='css/' + version + '-basic.css')
+      link(rel='stylesheet', href='css/' + version + '-index.css')
+      style(id='theme-css').
+  body
+    - if (isDev)
+      style(id='theme-css').
+    #container
+    #content-loading
+      .morph-shape.iblock.pd3
+        img.iblock.logo-filter(src='images/electerm.png', alt='', height=80)
+    script.
+      window.et = !{JSON.stringify(_global)}
+    - var url = '/src/client/entry/basic.js'
+    - if (isDev)
+      //- script(src='/external/react.development.js?' + version)
+      //- script(src='/external/react-dom.development.js?' + version)
+      script(type='module').
+        import RefreshRuntime from '/@react-refresh'
+        RefreshRuntime.injectIntoGlobalHook(window)
+        window.$RefreshReg$ = () => {}
+        window.$RefreshSig$ = () => (type) => type
+        window.__vite_plugin_react_preamble_installed__ = true
+      script(src='/@vite/client', type='module')
+      script(src=url, type='module')
+    - else
+      //- script(src='/external/react.production.min.js?' + version)
+      //- script(src='/external/react-dom.production.min.js?' + version)
+      - var url = src='/js/basic-' + version + '.js'
+      script(src=url, type='module')
+

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@electerm/electerm-react",
+  "version": "1.34.30",
+  "description": "react components src for electerm",
+  "main": "app.js",
+  "bin": "npm/electerm",
+  "license": "MIT",
+  "langugeRepo": "https://github.com/electerm/electerm-locales",
+  "privacyNoticeLink": "https://github.com/electerm/electerm/wiki/privacy-notice",
+  "knownIssuesLink": "https://github.com/electerm/electerm/wiki/Know-issues",
+  "sponsorLink": "https://electerm.html5beta.com/sponsor-electerm.html",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/electerm/electerm.git"
+  },
+  "author": {
+    "name": "ZHAO Xudong",
+    "email": "zxdong@gmail.com",
+    "url": "https://github.com/zxdong262"
+  },
+  "bugs": {
+    "url": "https://github.com/electerm/electerm/issues"
+  },
+  "homepage": "https://electerm.html5beta.com",
+  "releases": "https://github.com/electerm/electerm/releases",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "files": [
+    "client",
+    "README.md",
+    "LICENSE"
+  ]
+}