@electerm/electerm-react 1.80.6 → 1.80.18

package/client/common/default-setting.js

@@ -8,7 +8,7 @@ export default {
   scrollback: 3000,
   onStartSessions: [],
   fontSize: 16,
-  fontFamily: 'Fira Code, mono, courier-new, courier, monospace',
+  fontFamily: 'Maple Mono, mono, courier-new, courier, monospace',
   execWindows: 'System32/WindowsPowerShell/v1.0/powershell.exe',
   execMac: 'zsh',
   execLinux: 'bash',

package/client/components/file-transfer/conflict-resolve.jsx

@@ -153,7 +153,7 @@ export default class ConfirmModalStore extends Component {
         <Button
           type='dashed'
           className='mg1l'
-          onClick={() => this.act(fileActions.cancel)}
+          onClick={() => this.act(fileActions.skipAll)}
         >
           {e('cancel')}
         </Button>
@@ -208,6 +208,16 @@ export default class ConfirmModalStore extends Component {
           >
             {e('renameAll')}
           </Button>
+          <Button
+            type='primary'
+            className='mg1l'
+            title={e('skipAll')}
+            onClick={
+              () => this.act(fileActions.skipAll)
+            }
+          >
+            {e('skipAll')}
+          </Button>
         </div>
       </div>
     )

package/client/components/main/upgrade.jsx

@@ -34,6 +34,9 @@ export default class Upgrade extends PureComponent {
   downloadTimer = null
 
   componentDidMount () {
+    if (window.et.isWebApp) {
+      return
+    }
     setTimeout(() => {
       getLatestReleaseVersion(1)
     }, 5000)

package/client/components/sftp/file-icon.jsx

@@ -14,7 +14,7 @@ export default function FileIcon ({ file, ...extra }) {
   return (
     <img
       src={extIconPath + name}
-      height={12}
+      height={16}
       alt=''
       {...extra}
     />

package/client/components/sftp/file-item.jsx

@@ -671,7 +671,7 @@ export default class FileSection extends React.Component {
     const {
       path, name
     } = this.state.file
-    const rp = resolve(path, name)
+    const rp = path ? resolve(path, name) : this.props[`${this.props.type}Path`]
     this.props.tab.pane = paneMap.terminal
     refs.get('term-' + this.props.tab.id)?.cd(rp)
   }
@@ -953,7 +953,7 @@ export default class FileSection extends React.Component {
       })
     }
     if (
-      isDirectory && isRealFile &&
+      isDirectory &&
       (
         (hasHost && enableSsh !== false && isRemote) ||
         (isLocal && !hasHost)

package/client/components/sftp/file-table-header.jsx

@@ -49,7 +49,7 @@ export default class FileListTableHeader extends Component {
     }
     const text = e(id || '')
     const directionIcon = isSorting
-      ? (sortDirection === 'asc' ? <DownOutlined /> : <UpOutlined />)
+      ? (sortDirection === 'asc' ? <UpOutlined /> : <DownOutlined />)
       : null
     const itemProps = {
       onClick: this.props.onClickName,

package/client/components/sidebar/bookmark.jsx

@@ -1,15 +1,35 @@
-/**
- * bookmark select
- */
-
+import { refsStatic } from '../common/ref'
+import { useEffect, useRef } from 'react'
 import BookmarkSelect from './bookmark-select'
+import { debounce } from 'lodash-es'
 
 export default function BookmarkPanel (props) {
   const { store } = window
+  const bookmarksPanelRef = useRef(null)
+  const SCROLL_REF_ID = 'bookmarks-scroll-position'
+
+  // On component mount, restore scroll position
+  useEffect(() => {
+    if (store.openedSideBar) {
+      const savedPosition = refsStatic.get(SCROLL_REF_ID)
+      if (savedPosition) {
+        setTimeout(() => {
+          bookmarksPanelRef.current.scrollTop = savedPosition
+        }, 100)
+      }
+    }
+  }, [store.openedSideBar])
+
+  // Save scroll position when scrolling
+  const handleScroll = debounce((e) => {
+    const top = e.target.scrollTop
+    if (top > 0) {
+      refsStatic.add(SCROLL_REF_ID, e.target.scrollTop)
+    }
+  }, 100)
+
   return (
-    <div
-      className='sidebar-panel-bookmarks'
-    >
+    <div className='sidebar-panel-bookmarks' ref={bookmarksPanelRef} onScroll={handleScroll}>
       <div className='pd2l sidebar-inner'>
         <BookmarkSelect store={store} from='sidebar' />
       </div>

package/client/components/sidebar/info-modal.jsx

@@ -32,7 +32,7 @@ export default auto(function InfoModal (props) {
   }
 
   const renderCheckUpdate = () => {
-    if (srcsSkipUpgradeCheck.includes(props.installSrc)) {
+    if (window.et.isWebApp || srcsSkipUpgradeCheck.includes(props.installSrc)) {
       return null
     }
     const {

package/client/components/sidebar/sidebar.styl

@@ -40,6 +40,8 @@
   top 112px
   bottom 0
   overflow-y scroll
+  .item-list-wrap
+    overflow-y hidden
 .not-system-ui.is-mac
   .sidebar-bar
     margin-top 20px

package/client/components/terminal/term-search.jsx

@@ -53,11 +53,14 @@ export default class TermSearch extends PureComponent {
   }
 
   toggleSearch = () => {
-    if (this.props.termSearchOpen) {
+    const isClosing = this.props.termSearchOpen
+    if (isClosing) {
       this.clearSearch()
     }
     window.store.toggleTerminalSearch()
-    setTimeout(window.store.focus, 200)
+    if (isClosing) {
+      setTimeout(window.store.focus, 200)
+    }
   }
 
   prev = (v = this.props.termSearch) => {

package/client/components/terminal/terminal.jsx

@@ -336,6 +336,7 @@ clear\r`
       try {
         const fileData = JSON.parse(fromFile)
         const filePath = resolve(fileData.path, fileData.name)
+        console.log('filePath', filePath)
         if (this.isUnsafeFilename(filePath)) {
           message.error(notSafeMsg)
           return
@@ -350,14 +351,15 @@ clear\r`
     // Handle regular file drop
     const files = dt.files
     if (files && files.length) {
-      const filesAll = Array.from(files).map(f => `"${f.path}"`).join(' ')
-      if (this.isUnsafeFilename(filesAll)) {
+      const arr = Array.from(files)
+      // Check each file path individually
+      const hasUnsafeFilename = arr.some(f => this.isUnsafeFilename(f.path))
+      if (hasUnsafeFilename) {
         message.error(notSafeMsg)
         return
       }
-      this.attachAddon._sendData(
-        Array.from(files).map(f => `"${f.path}"`).join(' ')
-      )
+      const filesAll = arr.map(f => `"${f.path}"`).join(' ')
+      this.attachAddon._sendData(filesAll)
     }
   }
 

package/client/entry/electerm.jsx

@@ -2,7 +2,7 @@ import { createRoot } from 'react-dom/client'
 import 'antd/dist/reset.css'
 import '@xterm/xterm/css/xterm.css'
 import '../common/trzsz.js'
-import 'firacode/distr/fira_code.css'
+import '@fontsource/maple-mono/index.css'
 import Main from '../components/main/index.jsx'
 
 const rootElement = createRoot(document.getElementById('container'))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@electerm/electerm-react",
-  "version": "1.80.6",
+  "version": "1.80.18",
   "description": "react components src for electerm",
   "main": "./client/components/main/main.jsx",
   "license": "MIT",