chore: cloudcmd: actions: lint ☘️

This reverts commit b0687b54c7.

.babelrc.json

@@ -4,6 +4,6 @@
     ],
     "plugins": [
         "module:babel-plugin-macros",
-        "@babel/plugin-proposal-optional-chaining"
+        "@babel/plugin-transform-optional-chaining"
     ]
 }

.cloudcmd.menu.js

@@ -1,46 +1,31 @@
-'use strict';
+export default {
-
+    'F2 - Rename File': renameCurrent,
-module.exports = {
+    'L - Lint': run('npm run lint'),
-    'F2 - Rename file': async ({DOM}) => {
+    'F - Fix Lint': run('npm run fix:lint'),
-        await DOM.renameCurrent();
+    'T - Test': run('npm run test'),
-    },
+    'C - Coverage': run('npm run coverage'),
-    'L - Lint': async ({CloudCmd}) => {
+    'D - Build Dev': run('npm run build:client:dev'),
-        const {TerminalRun} = CloudCmd;
+    'P - Build Prod': run('npm run build:client'),
-        await run(TerminalRun, 'npm run lint');
-    },
-    'F - Fix Lint': async ({CloudCmd}) => {
-        const {TerminalRun} = CloudCmd;
-        await run(TerminalRun, 'npm run fix:lint');
-    },
-    'T - Test': async ({CloudCmd}) => {
-        const {TerminalRun} = CloudCmd;
-        
-        await run(TerminalRun, 'npm run test');
-    },
-    'C - Coverage': async ({CloudCmd}) => {
-        const {TerminalRun} = CloudCmd;
-        
-        await run(TerminalRun, 'npm run coverage');
-    },
-    'D - Build Dev': async ({CloudCmd}) => {
-        const {TerminalRun} = CloudCmd;
-        
-        await run(TerminalRun, 'npm run build:client:dev');
-        CloudCmd.refresh();
-    },
-    'P - Build Prod': async ({CloudCmd}) => {
-        const {TerminalRun} = CloudCmd;
-        
-        await run(TerminalRun, 'npm run build:client');
-        CloudCmd.refresh();
-    },
 };
 
-async function run(TerminalRun, command) {
+async function renameCurrent(DOM) {
-    await TerminalRun.show({
+    await DOM.renameCurrent();
-        command,
-        closeMessage: 'Press any key to close Terminal',
-        autoClose: false,
-    });
 }
 
+function run(command) {
+    return async ({CloudCmd, DOM}) => {
+        const {TerminalRun, config} = CloudCmd;
+        
+        const {CurrentInfo} = DOM;
+        const {dirPath} = CurrentInfo;
+        
+        const cwd = config('root') + dirPath;
+        
+        return await TerminalRun.show({
+            cwd,
+            command,
+            closeMessage: 'Press any key to close Terminal',
+            autoClose: false,
+        });
+    };
+}

.editorconfig

@@ -9,7 +9,7 @@ root = true
 charset = utf-8
 end_of_line = lf
 insert_final_newline = true
-trim_trailing_whitespace = true
+trim_trailing_whitespace = false
 indent_style = space
 indent_size = 4
 

.eslintrc.js

@@ -1,37 +0,0 @@
-'use strict';
-
-module.exports = {
-    extends: [
-        'plugin:putout/recommended',
-    ],
-    plugins: [
-        'putout',
-        'node',
-    ],
-    rules: {
-        'key-spacing': 'off',
-    },
-    overrides: [{
-        files: ['bin/release.js'],
-        rules: {
-            'no-console': 'off',
-            'node/shebang': 'off',
-        },
-        extends: [
-            'plugin:node/recommended',
-        ],
-    }, {
-        files: ['bin/cloudcmd.js'],
-        rules: {
-            'no-console': 'off',
-        },
-        extends: [
-            'plugin:node/recommended',
-        ],
-    }, {
-        files: ['{client,common,static}/**/*.js'],
-        env: {
-            browser: true,
-        },
-    }],
-};

.github/FUNDING.yml

@@ -0,0 +1,3 @@
+github: coderaiser
+open_collective: cloudcmd
+ko_fi: coderaiser

.github/ISSUE_TEMPLATE.md

@@ -1,12 +0,0 @@
-<!--
-Thank you for reporting an issue. Please fill in the template below. If unsure
-about something, just do as best as you're able.
--->
-
-* **Version** (`cloudcmd -v`): 
-* **Node Version** `node -v`: 
-* **OS** (`uname -a` on Linux): 
-* **Browser name/version**: 
-* **Used Command Line Parameters**: 
-* **Changed Config**: 
-

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,45 @@
+---
+
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: needs clarification
+assignees: coderaiser
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+
+- **Version** (`cloudcmd -v`):
+- **Node Version** `node -v`:
+- **OS** (`uname -a` on Linux):
+- **Browser name/version**:
+- **Used Command Line Parameters**:
+- **Changed Config**:
+  
+```json
+{}
+```
+- [ ] 🎁 **I'm ready to donate on https://opencollective.com/cloudcmd**
+- [ ] 🎁 **I'm ready to donate on https://ko-fi.com/coderaiser**
+- [ ] 💪 **I'm willing to work on this issue**
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,5 @@
+blank_issues_enabled: false
+contact_links:
+  - name: Stack Overflow
+    url: https://stackoverflow.com/search?q=cloudcmd
+    about: Please ask and answer questions here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,21 @@
+---
+
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.github/ISSUE_TEMPLATE/issue_template.md

@@ -0,0 +1,24 @@
+***
+
+name: Tracking issue
+about: Create an issue with bug report or feature request.
+title: ""
+labels: needs triage
+assignees: coderaiser
+
+***
+
+- **Version** (`cloudcmd -v`):
+- **Node Version** `node -v`:
+- **OS** (`uname -a` on Linux):
+- **Browser name/version**:
+- **Used Command Line Parameters**:
+- **Changed Config**:
+
+```json
+{}
+```
+
+- [ ] 🎁 **I'm ready to donate on https://opencollective.com/cloudcmd**
+- [ ] 🎁 **I'm ready to donate on https://ko-fi.com/coderaiser**
+- [ ] 💪 **I'm willing to work on this issue**

.github/PULL_REQUEST_TEMPLATE.md

@@ -4,6 +4,5 @@ about something, just do as best as you're able.
 -->
 
 - [ ] commit message named according to [Contributing Guide](https://github.com/coderaiser/cloudcmd/blob/master/CONTRIBUTING.md "Contributting Guide")
-- [ ] `npm run codestyle` is OK
+- [ ] `npm run fix:lint` is OK
 - [ ] `npm test` is OK
-

.github/workflows/docker-io.yml

@@ -0,0 +1,60 @@
+name: Docker IO
+permissions:
+  contents: write
+on:
+  - push
+jobs:
+  buildx:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      packages: write
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v5
+      - uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+      - name: Use Node.js 24.x
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24.x
+      - name: Install Redrun
+        run: bun i redrun -g --no-save
+      - name: NPM Install
+        run: bun i --no-save
+      - name: Lint
+        run: redrun lint
+      - name: Build
+        id: build
+        run: |
+          redrun build
+          VERSION=$(grep '"version":' package.json -m1 | cut -d\" -f4)
+          echo "version=$VERSION" >> $GITHUB_OUTPUT
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v4
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v4
+      - name: Login to DockerHub
+        uses: docker/login-action@v4
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_TOKEN }}
+      - name: Login to GitHub Container Registry
+        uses: docker/login-action@v4
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+      - name: Build and push io-image
+        uses: docker/build-push-action@v7
+        with:
+          context: .
+          file: docker/Dockerfile.io
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: |
+            coderaiser/cloudcmd:io
+            coderaiser/cloudcmd:${{ steps.build.outputs.version }}-io
+            ghcr.io/${{ github.repository }}-io
+            ghcr.io/${{ github.repository }}:${{ steps.build.outputs.version }}-io

.github/workflows/docker.yml

@@ -0,0 +1,88 @@
+name: Docker CI
+permissions:
+  contents: write
+on:
+  push:
+    tags:
+      - "*"
+jobs:
+  buildx:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      packages: write
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v5
+      - uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+      - name: Use Node.js 22.x
+        uses: actions/setup-node@v6
+        with:
+          node-version: 22.x
+      - name: Install Redrun
+        run: bun i redrun -g --no-save
+      - name: NPM Install
+        run: bun i --no-save
+      - name: Lint
+        run: redrun lint
+      - name: Build
+        id: build
+        run: |
+          redrun build
+          VERSION=$(grep '"version":' package.json -m1 | cut -d\" -f4)
+          echo "version=$VERSION" >> $GITHUB_OUTPUT
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v4
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v4
+      - name: Login to DockerHub
+        uses: docker/login-action@v4
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_TOKEN }}
+      - name: Login to GitHub Container Registry
+        uses: docker/login-action@v4
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+      - name: Build and push base-image
+        uses: docker/build-push-action@v7
+        with:
+          context: .
+          file: docker/Dockerfile
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: |
+            coderaiser/cloudcmd:latest
+            coderaiser/cloudcmd:${{ steps.build.outputs.version }}
+            ghcr.io/${{ github.repository }}:latest
+            ghcr.io/${{ github.repository }}:${{ steps.build.outputs.version }}
+      - name: Build and push alpine-image
+        uses: docker/build-push-action@v7
+        with:
+          context: .
+          file: docker/Dockerfile.alpine
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: |
+            coderaiser/cloudcmd:alpine
+            coderaiser/cloudcmd:latest-alpine
+            coderaiser/cloudcmd:${{ steps.build.outputs.version }}-alpine
+            ghcr.io/${{ github.repository }}:latest-alpine
+            ghcr.io/${{ github.repository }}:${{ steps.build.outputs.version }}-alpine
+      - name: Build and push slim-image
+        uses: docker/build-push-action@v7
+        with:
+          context: .
+          file: docker/Dockerfile.slim
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: |
+            coderaiser/cloudcmd:slim
+            coderaiser/cloudcmd:latest-slim
+            coderaiser/cloudcmd:${{ steps.build.outputs.version }}-slim
+            ghcr.io/${{ github.repository }}-slim
+            ghcr.io/${{ github.repository }}:${{ steps.build.outputs.version }}-slim

.github/workflows/nodejs.yml

@@ -1,37 +1,53 @@
 name: Node CI
-
+on:
-on: [push]
+  - push
-
+permissions:
+  contents: write
 jobs:
   build:
-
     runs-on: ubuntu-latest
-
+    env:
+      NAME: cloudcmd
+    strategy:
+      matrix:
+        node-version:
+          - 22.x
+          - 24.x
+          - 26.x
     steps:
-    - uses: actions/checkout@master
+      - uses: actions/checkout@v5
-    - name: Use Node.js 14.x
+      - uses: oven-sh/setup-bun@v2
-      uses: actions/setup-node@v1
+        with:
-      with:
+          bun-version: latest
-        node-version: 14.x
+      - name: Use Node.js ${{ matrix.node-version }}
-    
+        uses: actions/setup-node@v6
-    - name: install
+        with:
-      run: |
+          node-version: ${{ matrix.node-version }}
-        npm install
+      - name: Install Redrun
-    
+        run: bun i redrun madrun -g --no-save
-    - name: lint
+      - name: Install
-      run: |
+        run: bun i --no-save
-        npm run lint
+      - name: Init Madrun
-    
+        run: madrun --init
-    - name: build
+      - name: Lint
-      run: |
+        run: redrun fix:lint
-        npm run build
+      - name: Typos
-        npm test
+        uses: coderaiser/typos.ai@v1.1.8
-    
+        with:
-    - name: test
+          key: ${{ secrets.TYPOS_AI_KEY }}
-      run: |
+      - name: Commit fixes
-        npm test
+        uses: EndBug/add-and-commit@v10
-
+        continue-on-error: true
-    - name: coverage
+        with:
-      run: |
+          message: "chore: ${{ env.NAME }}: actions: lint ☘️"
-        npm run coverage
+      - name: Build
-
+        run: redrun build
+      - name: Test
+        run: redrun test
+      - name: Coverage
+        run: redrun coverage coverage:report
+      - name: Coveralls
+        uses: coverallsapp/github-action@v2
+        continue-on-error: true
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -1,18 +1,17 @@
-package-lock.json
+*.swp
-yarn.lock
+*.log
-yarn-error.log
+*.lock
-node_modules
-npm-debug.log*
-coverage
-
-modules/execon
-modules/emitify
 
 .nyc_output
+.DS_Store
+.idea
 
-*.swp
+package-lock.json
-.putoutcache
+npm-debug.log*
 
+node_modules
+coverage
+modules/execon
+modules/emitify
 dist
 dist-dev
-

.madrun.js

@@ -0,0 +1,62 @@
+import {run, cutEnv} from 'madrun';
+import {defineEnv} from 'supertape/env';
+
+const testEnv = defineEnv({
+    timeout: 7000,
+    css: true,
+});
+
+const buildEnv = {
+    NODE_ENV: 'production',
+};
+
+export default {
+    'start': () => 'node bin/cloudcmd.js',
+    'start:dev': async () => await run('start', null, {
+        NODE_ENV: 'development',
+    }),
+    'build:start': () => run(['build:client', 'start']),
+    'build:start:dev': () => run([
+        'build:client:dev',
+        'start:dev',
+    ]),
+    'lint:all': () => run('lint:progress'),
+    'lint': () => 'redlint fix; putout .',
+    'lint:progress': () => run('lint', '-f progress'),
+    'watch:lint': () => 'nodemon -w client -w server -w test -w common -w .webpack -x "putout -s"',
+    'fresh:lint': () => run('lint', '--fresh'),
+    'lint:fresh': () => run('lint', '--fresh'),
+    'fix:lint': async () => `putout --fix . && redlint fix`,
+    'lint:stream': () => run('lint', '-f stream'),
+    'test': () => [testEnv, `tape '{test}/**/*.js' '{bin,client,static,common,server}/**/*.spec.js' -f fail`],
+    'test:e2e': () => `tape 'test-e2e/**/*.js'`,
+    'test:client': () => `tape 'test/client/**/*.js'`,
+    'test:server': () => `tape 'test/**/*.js' 'server/**/*.spec.js' 'common/**/*.spec.js'`,
+    'wisdom': async () => await run(['lint:all', 'build', 'test'], null, {
+        CI: 1,
+    }),
+    'wisdom:type': () => 'bin/release.js',
+    'coverage': async () => [testEnv, `c8 ${await cutEnv('test')}`],
+    'coverage:report': () => 'c8 report --reporter=lcov',
+    'report': () => 'c8 report --reporter=lcov',
+    '6to5': () => [buildEnv, 'rspack build --config rspack.config.js'],
+    '6to5:client': () => run('6to5', '--mode production'),
+    '6to5:client:dev': async () => await run('6to5', '--mode development', {
+        NODE_ENV: 'development',
+    }),
+    'pre6to5:client': () => 'rimraf dist',
+    'pre6to5:client:dev': () => 'rimraf dist-dev',
+    'watch:client': () => run('6to5:client', '--watch'),
+    'watch:client:dev': () => run('6to5:client:dev', '--watch'),
+    'watch:server': () => 'nodemon bin/cloudcmd.js',
+    'watch:test': async () => [testEnv, `nodemon -w client -w server -w test -w common -x ${await cutEnv('test')}`],
+    'watch:test:client': async () => `nodemon -w client -w test/client -x ${await run('test:client')}`,
+    'watch:test:server': async () => `nodemon -w client -w test/client -x ${await run('test:server')}`,
+    'watch:coverage': async () => [testEnv, `nodemon -w server -w test -w common -x ${await cutEnv('coverage')}`],
+    'watch:fix:lint': async () => `nodemon -w client -w server -w test -w common -x '${await run('fix:lint')}'`,
+    'build': async () => run('6to5:*'),
+    'build:dev': async () => run('build:client:dev'),
+    'build:client': () => run('6to5:client'),
+    'build:client:dev': () => run('6to5:client:dev'),
+    'heroku-postbuild': () => run('6to5:client'),
+};

.madrun.mjs

@@ -1,155 +0,0 @@
-import {createRequire} from 'module';
-import {run, parallel, cutEnv} from 'madrun';
-
-const require = createRequire(import.meta.url);
-
-const {version} = require('./package');
-
-const testEnv = {
-    THREAD_IT_COUNT: 0,
-};
-
-const dockerName = 'coderaiser/cloudcmd';
-
-export default {
-    'start': () => 'node bin/cloudcmd.mjs',
-    'start:dev': async () => await run('start', null, {
-        NODE_ENV: 'development',
-    }),
-    'build:start': () => run(['build:client', 'start']),
-    'build:start:dev': () => run(['build:client:dev', 'start:dev']),
-    'lint:all': () => run(['lint', 'spell']),
-    'lint': () => 'putout .',
-    'watch:lint': () => 'nodemon -w client -w server -w test -w common -w .webpack -x "putout -s"',
-    'fresh:lint': () => run('lint', '--fresh'),
-    'lint:fresh': () => run('lint', '--fresh'),
-    'spell': () => 'yaspeller .',
-    'fix:lint': () => run('lint', '--fix'),
-    'lint:stream': () => run('lint', '-f stream'),
-    'test': () => [testEnv, `tape 'test/**/*.js' '{client,static,common,server}/**/*.spec.js' -f fail`],
-    'test:client': () => `tape 'test/client/**/*.js'`,
-    'test:server': () => `tape 'test/**/*.js' 'server/**/*.spec.js' 'common/**/*.spec.js'`,
-    'wisdom': () => run(['lint:all', 'build', 'test']),
-    'wisdom:type': () => 'bin/release.mjs',
-    'docker:pull': () => 'docker pull node',
-    'docker:pull:alpine': () => 'docker pull mhart/alpine-node',
-    'docker:pull:arm32': () => 'docker pull arm32v7/node:slim',
-    'docker:pull:arm64': () => 'docker pull arm64v8/node:slim',
-    'docker:push': () => dockerPush('x64', version),
-    'docker:push:latest': () => dockerPush('x64'),
-    'docker:push:alpine': () => dockerPush('alpine', version),
-    'docker:push:alpine:latest': () => dockerPush('alpine'),
-    'docker:push:arm32': () => dockerPush('arm32', version),
-    'docker:push:arm32:latest': () => dockerPush('arm32'),
-    'docker:push:arm64': () => dockerPush('arm64', version),
-    'docker:push:arm64:latest': () => dockerPush('arm64'),
-    'docker:build': () => dockerBuild('docker/Dockerfile', 'x64', version),
-    'docker:build:alpine': () => dockerBuild('docker/Dockerfile.alpine', 'alpine', version),
-    'docker:build:arm32': () => dockerBuild('docker/arm/Dockerfile.arm32v7', 'arm32', version),
-    'docker:build:arm64': () => dockerBuild('docker/arm/Dockerfile.arm64v8', 'arm64', version),
-    
-    'docker:manifest:create': () => {
-        const images = [
-            `${dockerName}:latest`,
-            `${dockerName}:latest-x64`,
-            // `${dockerName}:latest-arm32`,
-            // `${dockerName}:latest-arm64`,
-        ].join(' ');
-        
-        return `docker manifest create ${images}`;
-    },
-    
-    'docker:manifest:push': () => `docker manifest push ${dockerName}:latest`,
-    'docker': () => run(['docker:x64', 'docker:alpine', 'docker:manifest:*']),
-    'docker-ci': () => run(['build', 'docker-login', 'docker']),
-    'docker-login': () => 'docker login -u $DOCKER_USERNAME -p $DOCKER_PASSWORD',
-    
-    'docker:x64': () => run([
-        'docker:pull',
-        'docker:build',
-        'docker:tag',
-        'docker:push',
-        'docker:push:latest',
-    ]),
-    
-    'docker:alpine': () => run([
-        'docker:pull:alpine',
-        'docker:build:alpine',
-        'docker:tag:alpine',
-        'docker:push:alpine',
-        'docker:push:alpine:latest',
-    ]),
-    
-    /*
-    'docker:arm32': () => run([
-        'docker:pull:arm32',
-        'docker:build:arm32',
-        'docker:tag:arm32',
-        'docker:push:arm32',
-        'docker:push:arm32:latest',
-    ]),
-    
-    'docker:arm64': () => run([
-        'docker:pull:arm64',
-        'docker:build:arm64',
-        'docker:tag:arm64',
-        'docker:push:arm64',
-        'docker:push:arm64:latest',
-    ]),
-    */
-    
-    'docker:manifest': () => run([
-        'docker:manifest:create',
-        'docker:manifest:push',
-    ]),
-    
-    'docker:tag': () => dockerTag('x64', version),
-    'docker:tag:alpine': () => dockerTag('alpine', version),
-    'docker:tag:arm32': () => dockerTag('arm32', version),
-    'docker:tag:arm64': () => dockerTag('arm64', version),
-    'docker:rm:version': () => dockerRmi('x64', version),
-    'docker:rm:latest': () => dockerRmi('x64'),
-    'docker:rm:alpine': () => dockerRmi('alpine', version),
-    'docker:rm:latest-alpine': () => dockerRmi('alpine'),
-    'docker:rm:arm32': () => dockerRmi('arm32', version),
-    'docker:rm:latest-arm32': () => dockerRmi('arm32'),
-    'docker:rm:arm64': () => dockerRmi('arm64', version),
-    'docker:rm:latest-arm64': () => dockerRmi('arm64'),
-    'docker:rm-old': async () => `${await parallel('docker:rm:*')} || true`,
-    'coverage': async () => [testEnv, `nyc ${await cutEnv('test')}`],
-    'report': () => 'nyc report --reporter=text-lcov | coveralls',
-    '6to5': () => 'webpack --progress',
-    '6to5:client': () => run('6to5', '--mode production'),
-    '6to5:client:dev': async () => await run('6to5', '--mode development', {
-        NODE_ENV: 'development',
-    }),
-    'pre6to5:client': () => 'rimraf dist',
-    'pre6to5:client:dev': () => 'rimraf dist-dev',
-    'watch:client': () => run('6to5:client', '--watch'),
-    'watch:client:dev': () => run('6to5:client:dev', '--watch'),
-    'watch:server': () => 'nodemon bin/cloudcmd.js',
-    'watch:test': async () => [testEnv, `nodemon -w client -w server -w test -w common -x ${await cutEnv('test')}`],
-    'watch:test:client': async () => `nodemon -w client -w test/client -x ${await run('test:client')}`,
-    'watch:test:server': async () => `nodemon -w client -w test/client -x ${await run('test:server')}`,
-    'watch:coverage': async () => [testEnv, `nodemon -w server -w test -w common -x ${await cutEnv('coverage')}`],
-    'build': () => run('6to5:*'),
-    'build:client': () => run('6to5:client'),
-    'build:client:dev': () => run('6to5:client:dev'),
-    'heroku-postbuild': () => run('6to5:client'),
-};
-
-function dockerPush(type, version = 'latest') {
-    return `docker push coderaiser/cloudcmd:${version}-${type}`;
-}
-
-function dockerBuild(file, type, version) {
-    return `docker build -f ${file} -t coderaiser/cloudcmd:${version}-${type} .`;
-}
-
-function dockerTag(type, version) {
-    return `docker tag coderaiser/cloudcmd:${version}-${type} coderaiser/cloudcmd:latest-${type}`;
-}
-
-function dockerRmi(type, version = 'latest') {
-    return `docker rmi -f coderaiser/cloudcmd:${version}-${type}`;
-}

.npmignore

@@ -1,31 +1,29 @@
-.*
+*.spec.*
-*.spec.js
+*.config.*
 *.fixture.js*
+*.ai
+*.cdr
+*.eps
+*.log
+*.lock
+
+.*
+
 manifest.yml
-docker
 docker-compose.yml
-test
+now.json
+app.json
+bower.json
+deno.json
+bin/release.*
+img/logo/cloudcmd-hq.png
+webpack.config.js
+
+docker
+test*
 fixture
 fixture-*
 coverage
 css
 html
-yarn-error.log
-yarn.lock
-now.json
-cssnano.config.js
-
-app.json
-bower.json
-manifest.yml
-
-bin/release.js
-
 client
-
-webpack.config.js
-
-*.ai
-*.cdr
-*.eps
-

.nycrc.json

@@ -1,10 +1,12 @@
 {
-    "check-coverage": false,
+    "checkCoverage": false,
     "all": false,
     "exclude": [
         "**/*.spec.js",
+        "**/*.*.js",
+        "**/*.config.*",
         "**/fixture",
-        "**/*.*.js"
+        "**/test/**"
     ],
     "branches": 100,
     "lines": 100,

.putout.json

@@ -1,47 +1,60 @@
 {
-    "rules": {
+    "plugins": ["cloudcmd"],
-        "apply-optional-chaining": "on"
-    },
     "ignore": [
-        "fixture*",
+        "*.md",
         "app.json",
-        "fontello.json"
+        "fontello.json",
+        "html",
+        "fixture*"
     ],
+    "rules": {
+        "package-json/add-type": "off"
+    },
     "match": {
+        ".filesystem.json": {
+            "nodejs/rename-file-cjs-to-js": "off"
+        },
+        "base64": {
+            "types/convert-typeof-to-is-type": "off"
+        },
         "*.md": {
-            "convert-commonjs-to-esm": "on"
+            "nodejs/convert-commonjs-to-esm": "on"
         },
         ".webpack": {
             "webpack": "on"
         },
         "server": {
-            "remove-process-exit": "on"
+            "nodejs/remove-process-exit": "on"
         },
         "server/{server,exit}.js": {
-            "remove-process-exit": "off",
+            "nodejs/remove-process-exit": "off"
+        },
+        "server/{server,exit,terminal,distribute/log}.{js,mjs}": {
             "remove-console": "off"
         },
-        "server/{terminal,distribute/log}.js": {
+        "client/{client,cloudcmd,load-module}.{js,mjs}": {
             "remove-console": "off"
         },
-        "client/{client,cloudcmd,load-module}.js": {
+        "client": {
+            "nodejs": "off"
+        },
+        "client/sw": {
             "remove-console": "off"
         },
-        "client/modules/config/index.js": {
-            "apply-shorthand-properties": [{
-                "ignore": [
-                    "ONE_MINUTE"
-                ]
-            }]
-        },
-        "view.js": {
-            "apply-shorthand-properties": "off"
-        },
         "test/common/cloudfunc.js": {
             "remove-console": "off"
         },
         "storage.js": {
-            "remove-useless-async": "off"
+            "promises/remove-useless-async": "off"
+        },
+        "docker.yml": {
+            "github/set-node-versions": "off"
+        },
+        "vim.js": {
+            "merge-duplicate-functions": "off"
+        },
+        "common": {
+            "nodejs/declare": "off"
         }
     }
 }

.rspack/css.js

@@ -0,0 +1,38 @@
+import {env} from 'node:process';
+import {rspack} from '@rspack/core';
+
+const {CssExtractRspackPlugin} = rspack;
+const isDev = env.NODE_ENV === 'development';
+
+const plugins = [
+    new CssExtractRspackPlugin({
+        filename: '[name].css',
+    }),
+];
+
+const rules = [{
+    test: /\.css$/i,
+    use: [CssExtractRspackPlugin.loader, {
+        loader: 'css-loader',
+        options: {
+            url: true,
+        },
+    }],
+}, {
+    test: /\.(png|gif|svg|woff|woff2|eot|ttf)$/,
+    type: 'asset/inline',
+}];
+
+export default {
+    mode: isDev ? 'development' : 'production',
+    plugins,
+    module: {
+        rules,
+    },
+    optimization: {
+        minimize: !isDev,
+        minimizer: [
+            new rspack.LightningCssMinimizerRspackPlugin(),
+        ],
+    },
+};

.rspack/html.js

@@ -0,0 +1,36 @@
+import {env} from 'node:process';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+
+const isDev = env.NODE_ENV === 'development';
+
+export const plugins = [
+    new HtmlWebpackPlugin({
+        inject: false,
+        template: 'html/index.html',
+        minify: !isDev && getMinifyHtmlOptions(),
+    }),
+];
+
+function getMinifyHtmlOptions() {
+    return {
+        removeComments: true,
+        removeCommentsFromCDATA: true,
+        removeCDATASectionsFromCDATA: true,
+        collapseWhitespace: true,
+        collapseBooleanAttributes: true,
+        removeAttributeQuotes: true,
+        removeRedundantAttributes: true,
+        useShortDoctype: true,
+        removeEmptyAttributes: true,
+        /* оставляем, поскольку у нас
+         * в элемент fm генерируеться
+         * таблица файлов
+         */
+        removeEmptyElements: false,
+        removeOptionalTags: true,
+        removeScriptTypeAttributes: true,
+        removeStyleLinkTypeAttributes: true,
+        
+        minifyJS: true,
+    };
+}

.rspack/js.js

@@ -0,0 +1,173 @@
+import {resolve, sep} from 'node:path';
+import {fileURLToPath} from 'node:url';
+import {env} from 'node:process';
+import {rspack} from '@rspack/core';
+
+const resolveModule = (a) => fileURLToPath(import.meta.resolve(a));
+
+const {
+    EnvironmentPlugin,
+    NormalModuleReplacementPlugin,
+    ProvidePlugin,
+} = rspack;
+
+const modules = './modules';
+const dirModules = './client/modules';
+const dirCss = './css';
+const dirThemes = `${dirCss}/themes`;
+const dirColumns = `${dirCss}/columns`;
+const dir = './client';
+const {NODE_ENV} = env;
+const isDev = NODE_ENV === 'development';
+
+const rootDir = new URL('..', import.meta.url).pathname;
+const dist = resolve(rootDir, 'dist');
+const distDev = resolve(rootDir, 'dist-dev');
+const devtool = isDev ? 'eval' : 'source-map';
+
+const noParse = (a) => a.endsWith('.spec.js');
+
+// codegen.macro is a babel-macro (build-time codegen), not supported by
+// Rspack's native SWC transform, so client/sw/sw.js (the only file that
+// uses it) keeps going through babel-loader. Everything else uses
+// Rspack's built-in SWC loader, which is the main source of the speedup.
+const rules = [{
+    test: /sw\/sw\.js$/,
+    exclude: /node_modules/,
+    loader: 'babel-loader',
+}, {
+    test: /\.[mc]?js$/,
+    exclude: [/node_modules/, /sw\/sw\.js$/],
+    loader: 'builtin:swc-loader',
+    options: {
+        jsc: {
+            parser: {
+                syntax: 'ecmascript',
+            },
+        },
+        env: {
+            targets: 'defaults',
+        },
+    },
+}];
+
+const plugins = [
+    new NormalModuleReplacementPlugin(/^node:/, (resource) => {
+        resource.request = resource.request.replace(/^node:/, '');
+    }),
+    new NormalModuleReplacementPlugin(/^putout$/, '@putout/bundle'),
+    new EnvironmentPlugin({
+        NODE_ENV,
+    }),
+    new ProvidePlugin({
+        process: 'process/browser',
+    }),
+];
+
+const splitChunks = {
+    chunks: 'all',
+    cacheGroups: {
+        abcCommon: {
+            name: 'cloudcmd.common',
+            chunks: (chunk) => {
+                const lazyChunks = [
+                    'sw',
+                    'nojs',
+                    'view',
+                    'edit',
+                    'terminal',
+                    'config',
+                    'user-menu',
+                    'help',
+                    'themes/dark',
+                    'themes/light',
+                    'columns/name-size',
+                    'columns/name-size-date',
+                    'columns/name-size-time',
+                    'columns/name-size-date-time',
+                ];
+                
+                return !lazyChunks.includes(chunk.name);
+            },
+            minChunks: 1,
+            enforce: true,
+            priority: -1,
+            reuseExistingChunk: true,
+        },
+    },
+};
+
+export default {
+    resolve: {
+        symlinks: false,
+        alias: {
+            'node:process': 'process',
+            'node:path': 'path',
+        },
+        fallback: {
+            path: resolveModule('path-browserify'),
+            process: resolveModule('process/browser'),
+            util: resolveModule('util'),
+        },
+    },
+    devtool,
+    optimization: {
+        splitChunks,
+    },
+    entry: {
+        'themes/dark': `${dirThemes}/dark.css`,
+        'themes/light': `${dirThemes}/light.css`,
+        'columns/name-size': `${dirColumns}/name-size.css`,
+        'columns/name-size-date': `${dirColumns}/name-size-date.css`,
+        'columns/name-size-date-time': `${dirColumns}/name-size-date-time.css`,
+        'nojs': `${dirCss}/nojs.css`,
+        'help': `${dirCss}/help.css`,
+        'view': `${dirCss}/view.css`,
+        'config': `${dirCss}/config.css`,
+        'terminal': `${dirCss}/terminal.css`,
+        'user-menu': `${dirCss}/user-menu.css`,
+        'sw': `${dir}/sw/sw.js`,
+        'cloudcmd': `${dir}/cloudcmd.js`,
+        [`${modules}/edit`]: `${dirModules}/edit.js`,
+        [`${modules}/edit-file`]: `${dirModules}/edit-file.js`,
+        [`${modules}/edit-file-vim`]: `${dirModules}/edit-file-vim.js`,
+        [`${modules}/edit-names`]: `${dirModules}/edit-names.js`,
+        [`${modules}/edit-names-vim`]: `${dirModules}/edit-names-vim.js`,
+        [`${modules}/menu`]: `${dirModules}/menu/index.js`,
+        [`${modules}/view`]: `${dirModules}/view/index.js`,
+        [`${modules}/help`]: `${dirModules}/help.js`,
+        [`${modules}/markdown`]: `${dirModules}/markdown.js`,
+        [`${modules}/config`]: `${dirModules}/config/index.js`,
+        [`${modules}/contact`]: `${dirModules}/contact.js`,
+        [`${modules}/upload`]: `${dirModules}/upload.js`,
+        [`${modules}/operation`]: `${dirModules}/operation/index.js`,
+        [`${modules}/konsole`]: `${dirModules}/konsole.js`,
+        [`${modules}/terminal`]: `${dirModules}/terminal.js`,
+        [`${modules}/terminal-run`]: `${dirModules}/terminal-run.js`,
+        [`${modules}/cloud`]: `${dirModules}/cloud.js`,
+        [`${modules}/user-menu`]: `${dirModules}/user-menu/index.js`,
+        [`${modules}/polyfill`]: `${dirModules}/polyfill.js`,
+        [`${modules}/command-line`]: `${dirModules}/command-line.js`,
+    },
+    output: {
+        filename: '[name].js',
+        path: isDev ? distDev : dist,
+        pathinfo: isDev,
+        devtoolModuleFilenameTemplate,
+        publicPath: '/dist/',
+    },
+    module: {
+        rules,
+        noParse,
+    },
+    plugins,
+    performance: {
+        maxEntrypointSize: 800_000,
+        maxAssetSize: 600_000,
+    },
+};
+
+function devtoolModuleFilenameTemplate(info) {
+    const resource = info.absoluteResourcePath.replace(rootDir + sep, '');
+    return `file://cloudcmd/${resource}`;
+}

.travis.yml

@@ -1,40 +0,0 @@
-language: node_js
-node_js:
-  - 15
-  - 14
-
-cache:
-  npm: false
-
-os:
-  - linux
-  - os x 
-
-script:
-  - npm run lint && npm run build && npm run coverage && npm run report
-
-notifications:
-  email:
-    on_success: never
-    on_failure: change
-
-sudo: required
-
-services:
-  - docker
-
-before_deploy:
-  - echo '{"experimental":"enabled"}' | sudo tee /etc/docker/daemon.json
-  - mkdir -p $HOME/.docker
-  - echo '{"experimental":"enabled"}' | tee $HOME/.docker/config.json
-  - sudo service docker start
-
-deploy:
-  provider: script
-  script: npm run docker-ci
-  skip_cleanup: true
-  on:
-    node: 14
-    condition: $TRAVIS_OS_NAME = linux
-    tags: true
-    all_branches: false

.typos.toml

@@ -0,0 +1,2 @@
+[files]
+extend-exclude = ["ChangeLog"]

.webpack/css.js

@@ -1,81 +0,0 @@
-'use strict';
-
-const fs = require('fs');
-const {
-    basename,
-    extname,
-    join,
-} = require('path');
-
-const {env} = process;
-const isDev = env.NODE_ENV === 'development';
-
-const ExtractTextPlugin = require('extract-text-webpack-plugin');
-const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
-
-const extractCSS = (a) => new ExtractTextPlugin(`${a}.css`);
-const extractMain = extractCSS('[name]');
-
-const cssNames = [
-    'nojs',
-    'view',
-    'config',
-    'terminal',
-    'user-menu',
-    ...getCSSList('columns'),
-];
-
-const cssPlugins = cssNames.map(extractCSS);
-const clean = (a) => a.filter(Boolean);
-
-const plugins = clean([
-    ...cssPlugins,
-    extractMain,
-    !isDev && new OptimizeCssAssetsPlugin(),
-]);
-
-const rules = [{
-    test: /\.css$/,
-    exclude: /css\/(nojs|view|config|terminal|user-menu|columns.*)\.css/,
-    use: extractMain.extract([
-        'css-loader',
-    ]),
-},
-...cssPlugins.map(extract), {
-    test: /\.(png|gif|svg|woff|woff2|eot|ttf)$/,
-    use: {
-        loader: 'url-loader',
-        options: {
-            limit: 100_000,
-        },
-    },
-}];
-
-module.exports = {
-    plugins,
-    module: {
-        rules,
-    },
-};
-
-function getCSSList(dir) {
-    const base = (a) => basename(a, extname(a));
-    const addDir = (name) => `${dir}/${name}`;
-    const rootDir = join(__dirname, '..');
-    
-    return fs.readdirSync(`${rootDir}/css/${dir}`)
-        .map(base)
-        .map(addDir);
-}
-
-function extract(extractPlugin) {
-    const {filename} = extractPlugin;
-    
-    return {
-        test: RegExp(`css/${filename}`),
-        use: extractPlugin.extract([
-            'css-loader',
-        ]),
-    };
-}
-

.webpack/html.js

@@ -1,43 +0,0 @@
-'use strict';
-
-const {env} = process;
-const isDev = env.NODE_ENV === 'development';
-
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-
-const plugins = [
-    new HtmlWebpackPlugin({
-        inject: false,
-        template: 'html/index.html',
-        minify: !isDev && getMinifyHtmlOptions(),
-    }),
-];
-
-module.exports = {
-    plugins,
-};
-
-function getMinifyHtmlOptions() {
-    return {
-        removeComments:                 true,
-        removeCommentsFromCDATA:        true,
-        removeCDATASectionsFromCDATA:   true,
-        collapseWhitespace:             true,
-        collapseBooleanAttributes:      true,
-        removeAttributeQuotes:          true,
-        removeRedundantAttributes:      true,
-        useShortDoctype:                true,
-        removeEmptyAttributes:          true,
-        /* оставляем, поскольку у нас
-         * в элемент fm генерируеться
-         * таблица файлов
-         */
-        removeEmptyElements:            false,
-        removeOptionalTags:             true,
-        removeScriptTypeAttributes:     true,
-        removeStyleLinkTypeAttributes:  true,
-        
-        minifyJS:                       true,
-    };
-}
-

.webpack/js.js

@@ -1,134 +0,0 @@
-'use strict';
-
-const {
-    resolve,
-    sep,
-    join,
-} = require('path');
-
-const {EnvironmentPlugin} = require('webpack');
-const WebpackBar = require('webpackbar');
-
-const ServiceWorkerWebpackPlugin = require('serviceworker-webpack-plugin');
-
-const dir = './client';
-const dirModules = './client/modules';
-const modules = './modules';
-
-const {env} = process;
-const {NODE_ENV} = env;
-const isDev = NODE_ENV === 'development';
-
-const rootDir = join(__dirname, '..');
-const dist = resolve(rootDir, 'dist');
-const distDev = resolve(rootDir, 'dist-dev');
-const devtool = isDev ? 'eval' : 'source-map';
-
-const notEmpty = (a) => a;
-const clean = (array) => array.filter(notEmpty);
-
-const noParse = (a) => /\.spec\.js$/.test(a);
-
-const options = {
-    babelrc: true,
-};
-
-const rules = clean([
-    !isDev && {
-        test: /\.js$/,
-        exclude: /node_modules/,
-        loader: 'babel-loader',
-    },
-    isDev && {
-        test: /\.js$/,
-        exclude: /node_modules/,
-        loader: 'babel-loader',
-        options,
-    }]);
-
-const plugins = [
-    new EnvironmentPlugin({
-        NODE_ENV,
-    }),
-    
-    new ServiceWorkerWebpackPlugin({
-        entry: join(__dirname, '..', 'client', 'sw', 'sw.js'),
-        excludes: ['*'],
-    }),
-    
-    new WebpackBar(),
-];
-
-const splitChunks = {
-    name: 'cloudcmd.common',
-    chunks: 'all',
-};
-
-module.exports = {
-    resolve: {
-        symlinks: false,
-    },
-    devtool,
-    optimization: {
-        splitChunks,
-    },
-    entry: {
-        cloudcmd: `${dir}/cloudcmd.js`,
-        [modules + '/edit']: `${dirModules}/edit.js`,
-        [modules + '/edit-file']: `${dirModules}/edit-file.js`,
-        [modules + '/edit-file-vim']: `${dirModules}/edit-file-vim.js`,
-        [modules + '/edit-names']: `${dirModules}/edit-names.js`,
-        [modules + '/edit-names-vim']: `${dirModules}/edit-names-vim.js`,
-        [modules + '/menu']: `${dirModules}/menu.js`,
-        [modules + '/view']: `${dirModules}/view/index.js`,
-        [modules + '/help']: `${dirModules}/help.js`,
-        [modules + '/markdown']: `${dirModules}/markdown.js`,
-        [modules + '/config']: `${dirModules}/config/index.js`,
-        [modules + '/contact']: `${dirModules}/contact.js`,
-        [modules + '/upload']: `${dirModules}/upload.js`,
-        [modules + '/operation']: `${dirModules}/operation/index.js`,
-        [modules + '/konsole']: `${dirModules}/konsole.js`,
-        [modules + '/terminal']: `${dirModules}/terminal.js`,
-        [modules + '/terminal-run']: `${dirModules}/terminal-run.js`,
-        [modules + '/cloud']: `${dirModules}/cloud.js`,
-        [modules + '/user-menu']: `${dirModules}/user-menu/index.js`,
-        [modules + '/polyfill']: `${dirModules}/polyfill.js`,
-    },
-    output: {
-        filename: '[name].js',
-        path: isDev ? distDev : dist,
-        pathinfo: isDev,
-        devtoolModuleFilenameTemplate,
-        publicPath: '/dist/',
-    },
-    externals: [
-        externals,
-    ],
-    module: {
-        rules,
-        noParse,
-    },
-    plugins,
-    performance: {
-        maxEntrypointSize: 600_000,
-        maxAssetSize: 600_000,
-    },
-};
-
-function externals(context, request, fn) {
-    if (!isDev)
-        return fn();
-    
-    const list = [];
-    
-    if (list.includes(request))
-        return fn(null, request);
-    
-    fn();
-}
-
-function devtoolModuleFilenameTemplate(info) {
-    const resource = info.absoluteResourcePath.replace(rootDir + sep, '');
-    return `file://cloudcmd/${resource}`;
-}
-

.yaspellerrc

@@ -29,6 +29,7 @@
         "Zalitok",
         "WebSocket",
         "auth",
+        "autostart",
         "binded",
         "cd",
         "cloudcmd",
@@ -45,6 +46,7 @@
         "gz",
         "io",
         "js",
+        "linux",
         "maintainers",
         "markdown",
         "microservice",
@@ -54,6 +56,8 @@
         "nginx",
         "npm",
         "or io",
+        "patreon",
+        "rc",
         "refactor",
         "sexualized",
         "sslPort",
@@ -62,6 +66,7 @@
         "v0",
         "v1",
         "v2",
-        "yml"
+        "yml",
+        "systemd"
     ]
 }

CONTRIBUTING.md

@@ -4,12 +4,12 @@ Format of the commit message: **type(scope) subject**
 
 **Type**:
 
-- feature(scope) subject
+- feature: scope: subject
-- fix(scope) subject
+- fix: scope: subject
-- docs(scope) subject
+- docs: scope: subject
-- refactor(scope) subject
+- refactor: scope: subject
-- test(scope) subject
+- test: scope: subject
-- chore(scope) subject
+- chore: scope: subject
 
 **Scope**:
 Scope could be anything specifying place of the commit change.
@@ -26,5 +26,5 @@ For example util, console, view, edit, style etc...
 
 **Examples**:
 
-- [fix(style) .name{width}: 37% -> 35%](https://github.com/coderaiser/cloudcmd/commit/94b0642e3990c17b3a0ee3efeb75f343e1e7c050)
+- [fix: style: .name{width}: 37% -> 35%](https://github.com/coderaiser/cloudcmd/commit/94b0642e3990c17b3a0ee3efeb75f343e1e7c050)
-- [fix(console) dispatch: focus -> mouseup](https://github.com/coderaiser/cloudcmd/commit/f41ec5058d1411e86a881f8e8077e0572e0409ec)
+- [fix: console: dispatch: focus -> mouseup](https://github.com/coderaiser/cloudcmd/commit/f41ec5058d1411e86a881f8e8077e0572e0409ec)

HELP.md

@@ -1,21 +1,25 @@
-# Cloud Commander v15.3.1
+# Cloud Commander v19.19.1
 
-### [Main][MainURL] [Blog][BlogURL] Live(![Heroku][Heroku_LIVE_IMG] [Heroku][HerokuURL])
+### [Main][MainURL] [Blog][BlogURL] [Demo][DemoURL] [Deploy](#deploy)
 
-[MainURL]: http://cloudcmd.io "Main"
+[MainURL]: https://cloudcmd.io "Main"
-[BlogURL]: http://blog.cloudcmd.io "Blog"
+[BlogURL]: https://blog.cloudcmd.io "Blog"
-[HerokuURL]: https://cloudcmd.herokuapp.com/ "Heroku"
+[SupportURL]: https://patreon.com/coderaiser "Patreon"
-[HEROKU_LIVE_IMG]: https://status.cloudcmd.io/host/cloudcmd.herokuapp.com/img/file.png "Heroku"
+[DemoURL]: https://cloudcmd-zdp6.onrender.com/
 [DWORD]: https://github.com/cloudcmd/dword "Editor based on CodeMirror"
 [EDWARD]: https://github.com/cloudcmd/edward "Editor based on Ace"
 [DEEPWORD]: https://github.com/cloudcmd/deepword "Editor based on Monaco"
+[QWORD]: https://github.com/cloudcmd/qword "Editor based on CodeMirror 6"
 [EDWARD_KEYS]: https://github.com/cloudcmd/edward/#hot-keys "Edward Hot keys"
 [TERMUX]: https://termux.com "Termux"
 [INLY]: https://github.com/coderaiser/node-inly "Extract archive"
 
+[DeployInstaPodsIMG]: https://img.shields.io/badge/deploy%20on-InstaPods-blue
+[DeployInstaPodsURL]: https://app.instapods.com/dashboard/pods/create?app=cloudcmd&ref=cloudcmd
+
 **Cloud Commander** is a file manager for the web. It includes a command-line console and a text editor. Cloud Commander helps you manage your server and work with files, directories and programs in a web browser from any computer, mobile or tablet.
 
-![Cloud Commander](/img/logo/cloudcmd.png "Cloud Commander")
+![Cloud Commander](https://cloudcmd.io/img/logo/cloudcmd.png "Cloud Commander")
 
 ## Benefits
 
@@ -26,7 +30,7 @@
 - Server works on **Windows**, **Linux**, **Mac OS** and **Android** (with help of [Termux][TERMUX]).
 - Can be used local or remotely.
 - Adapts to screen size.
-- **3 built-in editors** with support of **syntax highlighting**: [Dword][DWORD], [Edward][EDWARD] and [Deepword][DEEPWORD].
+- **3 built-in editors** with support of **syntax highlighting**: [Dword][DWORD], [Edward][EDWARD] [Deepword][DEEPWORD] and [Qword][QWORD].
 - [Console](https://github.com/cloudcmd/console "Console") with support of the default OS command line.
 - Written in **JavaScript/Node.js**.
 - Built-in archives pack: **zip** and **tar.gz**.
@@ -59,81 +63,86 @@ cloudcmd
 
 Cloud Commander supports the following command-line parameters:
 
-|Parameter                      |Operation
+| Parameter                    |Operation
-|:------------------------------|:------------------------------
+|:-----------------------------|:------------------------------
-| `-h, --help`                  | display help and exit
+| `-h, --help`                 | display help and exit
-| `-v, --version`               | display version and exit
+| `-v, --version`              | display version and exit
-| `-s, --save`                  | save configuration
+| `-s, --save`                 | save configuration
-| `-o, --online`                | load scripts from remote servers
+| `-o, --online`               | load scripts from remote servers
-| `-a, --auth`                  | enable authorization
+| `-a, --auth`                 | enable authorization
-| `-u, --username`              | set username
+| `-u, --username`             | set username
-| `-p, --password`              | set password
+| `-p, --password`             | set password
-| `-c, --config`                | configuration file path
+| `-c, --config`               | configuration file path
-| `--show-config`               | show config values
+| `--show-config`              | show config values
-| `--show-file-name`            | show file name in view and edit
+| `--show-dot-files`           | show dot files
-| `--editor`                    | set editor: "dword", "edward" or "deepword"
+| `--show-file-name`           | show file name in view and edit
-| `--packer`                    | set packer: "tar" or "zip"
+| `--editor`                   | set editor: "dword", "edward" or "deepword"
-| `--root`                      | set root directory
+| `--packer`                   | set packer: "tar" or "zip"
-| `--prefix`                    | set url prefix
+| `--root`                     | set root directory
-| `--prefix-socket`             | set prefix for url connection
+| `--prefix`                   | set url prefix
-| `--port`                      | set port number
+| `--prefix-socket`            | set prefix for url connection
-| `--confirm-copy`              | confirm copy
+| `--port`                     | set port number
-| `--confirm-move`              | confirm move
+| `--confirm-copy`             | confirm copy
-| `--open`                      | open web browser when server starts
+| `--confirm-move`             | confirm move
-| `--name`                      | set tab name in web browser
+| `--open`                     | open web browser when server starts
-| `--one-file-panel`            | show one file panel
+| `--name`                     | set tab name in web browser
-| `--keys-panel`                | show keys panel
+| `--menu`                     | set menu: "supermenu" or "aleman"
-| `--contact`                   | enable contact
+| `--one-file-panel`           | show one file panel
-| `--config-dialog`             | enable config dialog
+| `--keys-panel`               | show keys panel
-| `--config-auth`               | enable auth change in config dialog
+| `--contact`                  | enable contact
-| `--console`                   | enable console
+| `--config-dialog`            | enable config dialog
-| `--sync-console-path`         | sync console path
+| `--config-auth`              | enable auth change in config dialog
-| `--terminal`                  | enable terminal
+| `--config-port`              | enable port change in config dialog
-| `--terminal-path`             | set terminal path
+| `--console`                  | enable console
-| `--terminal-command`          | set command to run in terminal (shell by default)
+| `--sync-console-path`        | sync console path
-| `--terminal-auto-restart`     | restart command on exit
+| `--terminal`                 | enable terminal
-| `--vim`                       | enable vim hot keys
+| `--terminal-path`            | set terminal path
-| `--columns`                   | set visible columns
+| `--terminal-command`         | set command to run in terminal (shell by default)
-| `--export`                    | enable export of config through a server
+| `--terminal-auto-restart`    | restart command on exit
-| `--export-token`              | authorization token used by export server
+| `--vim`                      | enable vim hot keys
-| `--import`                    | enable import of config
+| `--columns`                  | set visible columns
-| `--import-token`              | authorization  token used to connect to export server
+| `--theme`                    | set theme 'light' or 'dark'"
-| `--import-url`                | url of an import server
+| `--export`                   | enable export of config through a server
-| `--import-listen`             | enable listen on config updates from import server
+| `--export-token`             | authorization token used by export server
-| `--dropbox`                   | enable dropbox integration
+| `--import`                   | enable import of config
-| `--dropbox-token`             | set dropbox token
+| `--import-token`             | authorization  token used to connect to export server
-| `--log`                       | enable logging
+| `--import-url`               | url of an import server
-| `--no-show-config`            | do not show config values
+| `--import-listen`            | enable listen on config updates from import server
-| `--no-server`                 | do not start server
+| `--dropbox`                  | enable dropbox integration
-| `--no-auth`                   | disable authorization
+| `--dropbox-token`            | set dropbox token
-| `--no-online`                 | load scripts from local server
+| `--log`                      | enable logging
-| `--no-open`                   | do not open web browser when server started
+| `--no-show-config`           | do not show config values
-| `--no-name`                   | set default tab name in web browser
+| `--no-server`                | do not start server
-| `--no-keys-panel`             | hide keys panel
+| `--no-auth`                  | disable authorization
-| `--no-one-file-panel`         | show two file panels
+| `--no-online`                | load scripts from local server
-| `--no-confirm-copy`           | do not confirm copy
+| `--no-open`                  | do not open web browser when server started
-| `--no-confirm-move`           | do not confirm move
+| `--no-name`                  | set default tab name in web browser
-| `--no-config-dialog`          | disable config dialog
+| `--no-keys-panel`            | hide keys panel
-| `--no-config-auth`            | disable auth change in config dialog
+| `--no-one-file-panel`        | show two file panels
-| `--no-console`                | disable console
+| `--no-confirm-copy`          | do not confirm copy
-| `--no-sync-console-path`      | do not sync console path
+| `--no-confirm-move`          | do not confirm move
-| `--no-contact`                | disable contact
+| `--no-config-dialog`         | disable config dialog
-| `--no-terminal`               | disable terminal
+| `--no-config-auth`           | disable auth change in config dialog
-| `--no-terminal-command`       | set default shell to run in terminal
+| `--no-config-port`           | disable port change in config dialog
-| `--no-terminal-auto-restart`  | do not restart command on exit
+| `--no-console`               | disable console
-| `--no-vim`                    | disable vim hot keys
+| `--no-sync-console-path`     | do not sync console path
-| `--no-columns`                | set default visible columns
+| `--no-contact`               | disable contact
-| `--no-export`                 | disable export config through a server
+| `--no-terminal`              | disable terminal
-| `--no-import`                 | disable import of config
+| `--no-terminal-command`      | set default shell to run in terminal
-| `--no-import-listen`          | disable listen on config updates from import server
+| `--no-terminal-auto-restart` | do not restart command on exit
-| `--no-show-file-name`         | do not show file name in view and edit
+| `--no-vim`                   | disable vim hot keys
-| `--no-dropbox`                | disable dropbox integration
+| `--no-themes`                | set default visible themes
-| `--no-dropbox-token`          | unset dropbox token
+| `--no-export`                | disable export config through a server
-| `--no-log`                    | disable logging
+| `--no-import`                | disable import of config
+| `--no-import-listen`         | disable listen on config updates from import server
+| `--no-show-file-name`        | do not show file name in view and edit
+| `--no-dropbox`               | disable dropbox integration
+| `--no-dropbox-token`         | unset dropbox token
+| `--no-log`                   | disable logging
 
 For options not specified by command-line parameters, Cloud Commander then reads configuration data from `~/.cloudcmd.json`. It uses port `8000` by default.
 
-To begin using the web client, go to this URL in your browser:
+To begin using the web client, go to this PREFIX in your browser:
 
 ```
 http://localhost:8000
@@ -151,74 +160,85 @@ Then, start the server again with `cloudcmd` and reload the page.
 
 ## Hot keys
 
-|Key                    |Operation
+| Key                  |Operation
-|:----------------------|:--------------------------------------------
+|:---------------------|:--------------------------------------------
-| `F1`                  | help
+| `F1`                 | help
-| `F2`                  | show `user menu`
+| `F2`                 | show `user menu`
-| `F3`                  | view, change directory
+| `F3`                 | view, change directory
-| `Shift + F3`          | view raw file, change directory
+| `Shift + F3`         | view raw file, change directory
-| `F4`                  | edit
+| `F4`                 | edit
-| `F5`                  | copy
+| `F5`                 | copy
-| `Alt` + `F5`          | pack
+| `Alt` + `F5`         | pack
-| `F6`                  | rename/move
+| `F6`                 | rename/move
-| `Shift` + `F6`        | rename current file
+| `Shift` + `F6`       | rename current file
-| `F7`                  | new directory
+| `F7`                 | new directory
-| `Shift + F7`          | new file
+| `Shift + F7`         | new file
-| `F8`, `Delete`        | remove
+| `F8`, `Delete`       | remove
-| `Shift + Delete`      | remove without prompt
+| `Shift + Delete`     | remove without prompt
-| `F9`                  | menu
+| `F9`                 | menu
-| `Alt` + `F9`          | extract
+| `Alt` + `F9`         | extract
-| `F10`                 | config
+| `F10`                | config
-| `*`                   | select/unselect all
+| `*`                  | select/unselect all
-| `+`                   | expand selection
+| `+`                  | expand selection
-| `-`                   | shrink selection
+| `-`                  | shrink selection
-| `Ctrl + X`            | cut to buffer
+| `:`                  | open Command Line
-| `Ctrl + C`            | copy to buffer
+| `Ctrl + X`           | cut to buffer
-| `Ctrl + V`            | paste from buffer
+| `Ctrl + C`           | copy to buffer
-| `Ctrl + Z`            | clear buffer
+| `Ctrl + V`           | paste from buffer
-| `Ctrl + P`            | copy path
+| `Ctrl + Z`           | clear buffer
-| `Ctrl + R`            | refresh
+| `Ctrl + P`           | copy path
-| `Ctrl + D`            | clear local storage
+| `Ctrl + R`           | refresh
-| `Ctrl + A`            | select all files in a panel
+| `Ctrl + D`           | clear local storage
-| `Ctrl + M`            | [rename selected files](https://github.com/coderaiser/cloudcmd/releases/tag/v12.1.0) in editor
+| `Ctrl + A`           | select all files in a panel
-| `Ctrl + U`            | swap panels
+| `Ctrl + M`           | [rename selected files](https://github.com/coderaiser/cloudcmd/releases/tag/v12.1.0) in editor
-| `Ctrl + F3`           | sort by name
+| `Ctrl + U`           | swap panels
-| `Ctrl + F5`           | sort by date
+| `Ctrl + F3`          | sort by name
-| `Ctrl + F6`           | sort by size
+| `Ctrl + F5`          | sort by date
-| `Up`, `Down`          | file system navigation
+| `Ctrl + F6`          | sort by size
-| `Enter`               | change directory/view file
+| `Ctrl + Shift + L`   | logout
-| `Alt + Left/Right`    | show content of directory under cursor in target panel
+| `Ctrl + Command + .` | show/hide dot files
-| `Alt + G`             | go to directory
+| `Up`                 | move cursor up
-| `Ctrl + \`            | go to the root directory
+| `Down`               | move cursor down
-| `Tab`                 | move via panels
+| `Enter`              | change directory/view file
-| `Page Up`             | up on one page
+| `Alt + Left/Right`   | show content of directory under cursor in target panel
-| `Page Down`           | down on one page
+| `Alt + G`            | go to directory
-| `Home`                | to begin of list
+| `Ctrl + \`           | go to the root directory
-| `End`                 | to end of list
+| `Tab`                | move via panels
-| `Space`               | select current file (and get size of directory)
+| `Page Up`            | up on one page
-| `Insert`              | select current file (and move to next)
+| `Page Down`          | down on one page
-| `F9`                  | context menu
+| `Home`               | to begin of list
-| `~`                   | console
+| `End`                | to end of list
-| `Esc`                 | toggle vim hotkeys (`file manager`, `editor`)
+| `Space`              | select current file (and get size of directory)
+| `Insert`             | select current file (and move to next)
+| `F9`                 | context menu
+| `~`                  | console
+| `Esc`                | toggle vim hotkeys (`file manager`, `editor`)
 
 ### Vim
 
 When the `--vim` option is provided, or the configuration parameter `vim` is set, the following hotkeys become available:
 
-|Key                    |Operation
+| Key         |Operation
-|:----------------------|:--------------------------------------------
+|:------------|:--------------------------------------------
-| `j`                   | navigate to next file
+| `j`         | navigate to next file
-| `k`                   | navigate to previous file
+| `k`         | navigate to previous file
-| `dd`                  | remove current file
+| `dd`        | remove current file
-| `G` or `$`            | navigate to bottom file
+| `G` or `$`  | navigate to bottom file
-| `gg` or `^`           | navigate to top file
+| `gg` or `^` | navigate to top file
-| `v`                   | visual mode
+| `v`         | visual mode
-| `y`                   | copy (selected in visual mode files)
+| `y`         | copy (selected in visual mode files)
-| `p`                   | paste files
+| `p`         | paste files
-| `Esc`                 | unselect all
+| `Esc`       | unselect all
-| `/`                   | find file in current directory
+| `/`         | find file in current directory
-| `n`                   | navigate to next found file
+| `n`         | navigate to next found file
-| `N`                   | navigate to previous found file
+| `N`         | navigate to previous found file
+| `md`        | make directory
+| `mf`        | make file
+| `tt`        | show terminal
+| `e`         | edit file
+| `cc`        | copy
+| `mm`        | move
+| `rr`        | rename file
 
 Commands can be joined, for example:
 
@@ -369,50 +389,51 @@ Here's a description of all options:
 
 ```json
 {
-    "name"                  : "",       // set tab name in web browser
+    "name": "", // set tab name in web browser
-    "auth"                  : false,    // enable http authentication
+    "auth": false, // enable http authentication
-    "username"              : "root",   // username for authentication
+    "username": "root", // username for authentication
-    "password"              : "toor",   // password hash for authentication
+    "password": "toor", // password hash for authentication
-    "algo"                  : "sha512WithRSAEncryption", // cryptographic algorithm
+    "algo": "sha512WithRSAEncryption", // cryptographic algorithm
-    "editor"                : "edward", // default, could be "dword" or "edward"
+    "editor": "edward", // default, could be "dword" or "edward"
-    "packer"                : "tar",    // default, could be "tar" or "zip"
+    "packer": "tar", // default, could be "tar" or "zip"
-    "diff"                  : true,     // when save - send patch, not whole file
+    "diff": true, // when save - send patch, not whole file
-    "zip"                   : true,     // zip text before send / unzip before save
+    "zip": true, // zip text before send / unzip before save
-    "buffer"                : true,     // buffer for copying files
+    "buffer": true, // buffer for copying files
-    "dirStorage"            : true,     // store directory listing
+    "dirStorage": true, // store directory listing
-    "online"                : false,    // do not load js files from cdn
+    "online": false, // do not load js files from cdn
-    "open"                  : true,     // open web browser when server started
+    "open": true, // open web browser when server started
-    "oneFilePanel"          : false,    // show one file panel
+    "oneFilePanel": false, // show one file panel
-    "keysPanel"             : true,     // show classic panel with buttons of keys
+    "keysPanel": true, // show classic panel with buttons of keys
-    "port"                  : 8000,     // http port
+    "port": 8000, // http port
-    "ip"                    : null,     // ip or null(default)
+    "ip": null, // ip or null(default)
-    "root"                  : "/",      // root directory
+    "root": "/", // root directory
-    "prefix"                : "",       // url prefix
+    "prefix": "", // url prefix
-    "prefixSocket"          : "",       // prefix for socket connection
+    "prefixSocket": "", // prefix for socket connection
-    "confirmCopy"           : true,     // confirm copy
+    "confirmCopy": true, // confirm copy
-    "confirmMove"           : true,     // confirm move
+    "confirmMove": true, // confirm move
-    "showConfig"            : false,    // show config at startup
+    "showConfig": false, // show config at startup
-    "showFileName"          : false,    // do not show file name in view and edit
+    "showDotFiles": true, // show dot files
-    "contact"               : true,     // enable contact
+    "showFileName": false, // do not show file name in view and edit
-    "configDialog"          : true,     // enable config dialog
+    "contact": true, // enable contact
-    "configAuth"            : true,     // enable auth change in config dialog
+    "configDialog": true, // enable config dialog
-    "console"               : true,     // enable console
+    "configAuth": true, // enable auth change in config dialog
-    "syncConsolePath"       : false,    // do not sync console path
+    "console": true, // enable console
-    "terminal"              : false,    // disable terminal
+    "syncConsolePath": false, // do not sync console path
-    "terminalPath"          : "",       // path of a terminal
+    "terminal": false, // disable terminal
-    "terminalCommand"       : "",       // set command to run in terminal
+    "terminalPath": "", // path of a terminal
-    "terminalAutoRestart"   : true,     // restart command on exit
+    "terminalCommand": "", // set command to run in terminal
-    "vim"                   : false,    // disable vim hot keys
+    "terminalAutoRestart": true, // restart command on exit
-    "columns"               : "name-size-date-owner-mode", // set visible columns
+    "vim": false, // disable vim hot keys
-    "export"                : false,    // enable export of config through a server
+    "themes": "name-size-date-owner-mode", // set visible themes
-    "exportToken"           : "root",   // token used by export server
+    "export": false, // enable export of config through a server
-    "import"                : false,    // enable import of config
+    "exportToken": "root", // token used by export server
-    "import-url"            : "http://localhost:8000",   // url of an export server
+    "import": false, // enable import of config
-    "importToken"           : "root",   // token used to connect to export server
+    "import-url": "http://localhost:8000", // url of an export server
-    "importListen"          : false,    // listen on config updates
+    "importToken": "root", // token used to connect to export server
-    "dropbox"               : false,    // disable dropbox integration
+    "importListen": false, // listen on config updates
-    "dropboxToken"          : "",       // unset dropbox token
+    "dropbox": false, // disable dropbox integration
-    "log"                   : true     // logging
+    "dropboxToken": "", // unset dropbox token
+    "log": true // logging
 }
 ```
 
@@ -423,10 +444,13 @@ Some config options can be overridden with environment variables, such as:
 - `CLOUDCMD_NAME` - set tab name in web browser
 - `CLOUDCMD_OPEN` - open web browser when server started
 - `CLOUDCMD_EDITOR` - set editor
-- `CLOUDCMD_COLUMNS` - set visible columns
+- `CLOUDCMD_COLUMNS` - set visible themes
+- `CLOUDCMD_THEME` - set themes "light" or "dark"
+- `CLOUDCMD_MENU` - set menu "supermenu" or "aleman"
 - `CLOUDCMD_CONTACT` - enable contact
 - `CLOUDCMD_CONFIG_DIALOG` - enable config dialog
 - `CLOUDCMD_CONFIG_AUTH` - enable auth change in config dialog
+- `CLOUDCMD_CONFIG_PORT` - enable port change in config dialog
 - `CLOUDCMD_CONSOLE` - enable console
 - `CLOUDCMD_SYNC_CONSOLE_PATH` - sync console path
 - `CLOUDCMD_TERMINAL` - enable terminal
@@ -449,7 +473,7 @@ Some config options can be overridden with environment variables, such as:
 - `CLOUDCMD_IMPORT` - enable import of config
 - `CLOUDCMD_IMPORT_TOKEN` - authorization  token used to connect to export server
 - `CLOUDCMD_IMPORT_URL` - url of an import server
-- `CLOUDCMD_IMPORT_LISTEN`- enable listen on config updates from import server
+- `CLOUDCMD_IMPORT_LISTEN` - enable listen on config updates from import server
 
 ### User Menu
 
@@ -462,9 +486,7 @@ const RENAME_FILE = 'Rename file';
 
 export default {
     '__settings': {
-        select: [
+        select: [RENAME_FILE],
-            RENAME_FILE,
-        ],
         run: false,
     },
     [`F2 - ${RENAME_FILE}`]: async ({DOM}) => {
@@ -494,7 +516,10 @@ export default {
         const path = `${dirPath}.cloudcmd.menu.js`;
         const {prefix} = CloudCmd;
         
-        const data = await readDefaultMenu({prefix});
+        const data = await readDefaultMenu({
+            prefix,
+        });
+        
         await createDefaultMenu({
             path,
             data,
@@ -633,10 +658,20 @@ Right-mouse click to show a context menu with these items:
 
 ### Hot keys
 
-|Key                    |Operation
+| Key          | Operation               |
-|:----------------------|:--------------------------------------------
+|:-------------|:------------------------|
-| `F9`                  | open
+| `F9`         | open                    |
-| `Esc`                 | close
+| `Esc`        | close                   |
+| `Up`, `j`    | move cursor up          |
+| `Down`, `k`  | move cursor down        |
+| `Left`, `h`  | close submenu           |
+| `Right`, `l` | open submenu            |
+| `G` or `$`   | navigate to bottom      |
+| `gg` or `^`  | navigate to top         |
+
+Commands can be joined, for example:
+
+- `5j` will navigate **5** items below current;
 
 ## One file panel
 
@@ -663,16 +698,17 @@ npm i cloudcmd express socket.io -S
 And create `index.js`:
 
 ```js
-import http from 'http';
+import http from 'node:http';
-import cloudcmd from 'cloudcmd';
+import {cloudcmd} from 'cloudcmd';
-import io from 'socket.io';
+import {Server} from 'socket.io';
-const app = require('express')();
+import express from 'express';
 
+const app = express();
 const port = 1337;
 const prefix = '/';
 
 const server = http.createServer(app);
-const socket = io.listen(server, {
+const socket = new Server(server, {
     path: `${prefix}socket.io`,
 });
 
@@ -715,11 +751,12 @@ server.listen(port);
 Here is example with two `Config Managers`:
 
 ```js
-import http from 'http';
+import http from 'node:http';
 import cloudcmd from 'cloudcmd';
-import io from 'socket.io';
+import {Server} from 'socket.io';
-const app = require('express')();
+import express from 'express';
 
+const app = express();
 const port = 8000;
 const prefix1 = '/1';
 const prefix2 = '/2';
@@ -727,15 +764,16 @@ const prefix2 = '/2';
 const {createConfigManager} = cloudcmd;
 
 const server = http.createServer(app);
-const socket1 = io.listen(server, {
+const socket1 = new Server(server, {
     path: `${prefix1}/socket.io`,
 });
 
-const socket2 = io.listen(server, {
+const socket2 = new Server(server, {
     path: `${prefix2}/socket.io`,
 });
 
 const configManager1 = createConfigManager();
+
 configManager1('name', '1');
 
 const configManager2 = createConfigManager();
@@ -758,8 +796,10 @@ If you want to enable authorization, you can pass credentials to Cloud Commander
 
 ```js
 import criton from 'criton';
-const algo = 'sha512WithRSAEncryption'; // default
 
+const algo = 'sha512WithRSAEncryption';
+
+// default
 // you can generate a hash dynamically
 const password = criton('root', algo);
 
@@ -893,9 +933,9 @@ ln -s ./sites-available/io.cloudcmd.io ./sites-enabled
 
 ## Deploy
 
-`Cloud Commander` can be easily deployed to [Heroku](https://heroku.com/deploy?template=https://github.com/coderaiser/cloudcmd "Deploy to Heroku").
+`Cloud Commander` can be easily deployed to [InstaPods][DeployInstaPodsURL]. After deploy you receive email with credentials.
 
-[![Deploy to Heroku](https://www.herokucdn.com/deploy/button.png "Deploy to Heroku")](https://heroku.com/deploy?template=https://github.com/coderaiser/cloudcmd)
+[![Deploy on InstaPods](https://instapods.com/deploy-button.svg)](https://app.instapods.com/dashboard/pods/create?app=cloudcmd&ref=cloudcmd)
 
 ## Docker
 
@@ -946,16 +986,406 @@ While using Dropbox remember that there is no remote support for the console/ter
 - view
 - edit
 
+## Automatically start cloudcmd on boot for `systemd`
+
+First, locate the command to run cloudcmd
+
+```sh
+which cloudcmd
+```
+
+take note of the result and create a systemd entry by executing
+
+```sh
+sudo nano /etc/systemd/system/cloudcmd.service
+```
+
+and use this template
+
+```
+[Unit]
+Description = Cloud Commander
+
+[Service]
+TimeoutStartSec = 0
+Restart = always
+ExecStart = THE RESULT OF which cloudcmd WE'VE EXECUTED EARLIER
+User = YOUR_USER
+
+[Install]
+WantedBy = multi-user.target
+```
+
+Don't forget to change the line for `ExecStart` and `User`
+
+Save the changes and exit editor.
+
+You may now enable cloudcmd and set it to autostart on boot by running:
+
+```sh
+sudo systemctl enable --now cloudcmd
+```
+
+## Automatically start cloudcmd on boot for `FreeBSD`
+
+First, locate the command to run cloudcmd
+
+```
+which cloudcmd
+```
+
+take note of the result and create a rc script
+
+```
+vi /usr/local/etc/rc.d/cloudcmd
+```
+
+and use this template
+
+```
+!/bin/sh
+#
+# PROVIDE: cloudcmd
+# REQUIRE: LOGIN
+# KEYWORD: shutdown
+
+# Author: IhatemyISP (ihatemyisp.net)
+# Version: 1.0.0
+
+# Description:
+#    This script runs Cloud Commander as a service under the supplied user on boot
+
+#    1) Place file in /usr/local/etc/rc.d/
+#    2) Add cloudcmd_enable="YES" to /etc/rc.conf
+#    3) (Optional) To run as non-root, add cloudcmd_runAs="user" to /etc/rc.conf
+#    4) (Optional) To pass Cloud Commander args, add cloudcmd_args="" to /etc/rc.conf
+
+# Freebsd rc library
+. /etc/rc.subr
+
+# General Info
+name="cloudcmd"            # Safe name of program
+program_name="cloudcmd"   # Name of exec
+title="CloudCommander"          # Title to display in top/htop
+
+# RC.config vars
+load_rc_config $name      # Loading rc config vars
+: ${cloudcmd_enable="NO"}  # Default: Do not enable Cloud Commander
+: ${cloudcmd_runAs="root"} # Default: Run Cloud Commander as root
+
+# Freebsd Setup
+rcvar=cloudcmd_enable                   # Enables the rc.conf YES/NO flag
+pidfile="/var/run/${program_name}.pid" # PID file location
+
+# Env Setup
+export HOME=$( getent passwd "$cloudcmd_runAs" | cut -d: -f6 ) # Gets the home directory of the runAs user
+
+# Command Setup
+exec_path="/usr/local/bin/${program_name}" # Path to the cloudcmd exec, /usr/local/bin/ when installed globally
+output_file="/var/log/${program_name}.log" # Path to Cloud Commander output file
+
+# Command
+command="/usr/sbin/daemon"
+command_args="-r -t ${title} -u ${cloudcmd_runAs} -o ${output_file} -P ${pidfile} ${exec_path} ${cloudcmd_args}"
+
+# Loading Config
+load_rc_config ${name}
+run_rc_command "$1"
+```
+
+Enable autostart
+
+```
+echo cloudcmd_enable="YES" >> /etc/rc.conf
+```
+
+(Optional) Set user to run Cloud Commander as (default is root)
+
+```
+echo cloudcmd_runAs="user" >> /etc/rc.conf
+```
+
+Start the service (or just reboot)
+
+```
+service cloudcmd start
+```
+
 ## Get involved
 
 There are a lot of ways to be involved in `Cloud Commander` development:
 
+- support project on patreon: https://patreon.com/coderaiser;
 - if you find a bug or have an idea to share, [create an issue](https://github.com/coderaiser/cloudcmd/issues/new "Create issue");
 - if you fixed a bug, typo or implemented a new feature, [create a pull request](https://github.com/coderaiser/cloudcmd/compare "Create pull request");
 - if you know a language not currently translated, or would like to improve an existing translation, you can help with [site translations](https://github.com/coderaiser/cloudcmd/wiki "Cloud Commander community wiki");
 
 ## Version history
 
+- *2026.06.15*, **[v19.19.1](//github.com/coderaiser/cloudcmd/releases/tag/v19.19.1)**
+- *2026.05.26*, **[v19.19.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.19.0)**
+- *2026.05.26*, **[v19.18.1](//github.com/coderaiser/cloudcmd/releases/tag/v19.18.1)**
+- *2026.05.26*, **[v19.18.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.18.0)**
+- *2026.05.17*, **[v19.17.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.17.0)**
+- *2026.05.03*, **[v19.16.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.16.0)**
+- *2026.04.28*, **[v19.15.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.15.0)**
+- *2026.04.28*, **[v19.14.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.14.0)**
+- *2026.04.21*, **[v19.13.1](//github.com/coderaiser/cloudcmd/releases/tag/v19.13.1)**
+- *2026.04.15*, **[v19.13.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.13.0)**
+- *2026.04.12*, **[v19.12.5](//github.com/coderaiser/cloudcmd/releases/tag/v19.12.5)**
+- *2026.04.12*, **[v19.12.4](//github.com/coderaiser/cloudcmd/releases/tag/v19.12.4)**
+- *2026.04.12*, **[v19.12.3](//github.com/coderaiser/cloudcmd/releases/tag/v19.12.3)**
+- *2026.04.11*, **[v19.12.2](//github.com/coderaiser/cloudcmd/releases/tag/v19.12.2)**
+- *2026.04.09*, **[v19.12.1](//github.com/coderaiser/cloudcmd/releases/tag/v19.12.1)**
+- *2026.04.09*, **[v19.12.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.12.0)**
+- *2026.04.07*, **[v19.11.14](//github.com/coderaiser/cloudcmd/releases/tag/v19.11.14)**
+- *2026.04.07*, **[v19.11.13](//github.com/coderaiser/cloudcmd/releases/tag/v19.11.13)**
+- *2026.04.06*, **[v19.11.12](//github.com/coderaiser/cloudcmd/releases/tag/v19.11.12)**
+- *2026.04.06*, **[v19.11.11](//github.com/coderaiser/cloudcmd/releases/tag/v19.11.11)**
+- *2026.04.06*, **[v19.11.10](//github.com/coderaiser/cloudcmd/releases/tag/v19.11.10)**
+- *2026.04.06*, **[v19.11.9](//github.com/coderaiser/cloudcmd/releases/tag/v19.11.9)**
+- *2026.04.06*, **[v19.11.8](//github.com/coderaiser/cloudcmd/releases/tag/v19.11.8)**
+- *2026.04.05*, **[v19.11.7](//github.com/coderaiser/cloudcmd/releases/tag/v19.11.7)**
+- *2026.04.05*, **[v19.11.6](//github.com/coderaiser/cloudcmd/releases/tag/v19.11.6)**
+- *2026.04.05*, **[v19.11.5](//github.com/coderaiser/cloudcmd/releases/tag/v19.11.5)**
+- *2026.04.04*, **[v19.11.4](//github.com/coderaiser/cloudcmd/releases/tag/v19.11.4)**
+- *2026.04.04*, **[v19.11.3](//github.com/coderaiser/cloudcmd/releases/tag/v19.11.3)**
+- *2026.04.04*, **[v19.11.2](//github.com/coderaiser/cloudcmd/releases/tag/v19.11.2)**
+- *2026.04.04*, **[v19.11.1](//github.com/coderaiser/cloudcmd/releases/tag/v19.11.1)**
+- *2026.04.04*, **[v19.11.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.11.0)**
+- *2026.04.04*, **[v19.10.2](//github.com/coderaiser/cloudcmd/releases/tag/v19.10.2)**
+- *2026.04.03*, **[v19.10.1](//github.com/coderaiser/cloudcmd/releases/tag/v19.10.1)**
+- *2026.04.02*, **[v19.10.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.10.0)**
+- *2026.04.02*, **[v19.9.24](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.24)**
+- *2026.04.01*, **[v19.9.23](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.23)**
+- *2026.03.31*, **[v19.9.22](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.22)**
+- *2026.03.31*, **[v19.9.21](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.21)**
+- *2026.03.30*, **[v19.9.20](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.20)**
+- *2026.03.30*, **[v19.9.19](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.19)**
+- *2026.03.30*, **[v19.9.18](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.18)**
+- *2026.03.30*, **[v19.9.17](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.17)**
+- *2026.03.29*, **[v19.9.16](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.16)**
+- *2026.03.29*, **[v19.9.15](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.15)**
+- *2026.03.29*, **[v19.9.14](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.14)**
+- *2026.03.29*, **[v19.9.13](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.13)**
+- *2026.03.29*, **[v19.9.12](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.12)**
+- *2026.03.29*, **[v19.9.11](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.11)**
+- *2026.03.29*, **[v19.9.10](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.10)**
+- *2026.03.29*, **[v19.9.9](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.9)**
+- *2026.03.28*, **[v19.9.8](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.8)**
+- *2026.03.27*, **[v19.9.7](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.7)**
+- *2026.03.26*, **[v19.9.6](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.6)**
+- *2026.03.26*, **[v19.9.5](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.5)**
+- *2026.03.26*, **[v19.9.4](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.4)**
+- *2026.03.24*, **[v19.9.3](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.3)**
+- *2026.03.23*, **[v19.9.2](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.2)**
+- *2026.03.23*, **[v19.9.1](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.1)**
+- *2026.03.23*, **[v19.9.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.9.0)**
+- *2026.03.23*, **[v19.8.15](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.15)**
+- *2026.03.23*, **[v19.8.14](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.14)**
+- *2026.03.23*, **[v19.8.13](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.13)**
+- *2026.03.23*, **[v19.8.12](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.12)**
+- *2026.03.23*, **[v19.8.11](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.11)**
+- *2026.03.23*, **[v19.8.10](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.10)**
+- *2026.03.23*, **[v19.8.9](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.9)**
+- *2026.03.23*, **[v19.8.8](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.8)**
+- *2026.03.23*, **[v19.8.7](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.7)**
+- *2026.03.23*, **[v19.8.6](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.6)**
+- *2026.03.23*, **[v19.8.5](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.5)**
+- *2026.03.22*, **[v19.8.4](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.4)**
+- *2026.03.22*, **[v19.8.3](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.3)**
+- *2026.03.22*, **[v19.8.2](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.2)**
+- *2026.03.22*, **[v19.8.1](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.1)**
+- *2026.03.20*, **[v19.8.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.8.0)**
+- *2026.03.18*, **[v19.7.1](//github.com/coderaiser/cloudcmd/releases/tag/v19.7.1)**
+- *2026.03.17*, **[v19.7.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.7.0)**
+- *2026.03.17*, **[v19.6.9](//github.com/coderaiser/cloudcmd/releases/tag/v19.6.9)**
+- *2026.02.27*, **[v19.6.8](//github.com/coderaiser/cloudcmd/releases/tag/v19.6.8)**
+- *2026.02.26*, **[v19.6.7](//github.com/coderaiser/cloudcmd/releases/tag/v19.6.7)**
+- *2026.02.26*, **[v19.6.6](//github.com/coderaiser/cloudcmd/releases/tag/v19.6.6)**
+- *2026.02.26*, **[v19.6.5](//github.com/coderaiser/cloudcmd/releases/tag/v19.6.5)**
+- *2026.02.25*, **[v19.6.4](//github.com/coderaiser/cloudcmd/releases/tag/v19.6.4)**
+- *2026.02.24*, **[v19.6.3](//github.com/coderaiser/cloudcmd/releases/tag/v19.6.3)**
+- *2026.02.24*, **[v19.6.2](//github.com/coderaiser/cloudcmd/releases/tag/v19.6.2)**
+- *2026.02.24*, **[v19.6.1](//github.com/coderaiser/cloudcmd/releases/tag/v19.6.1)**
+- *2026.02.21*, **[v19.6.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.6.0)**
+- *2026.02.18*, **[v19.5.1](//github.com/coderaiser/cloudcmd/releases/tag/v19.5.1)**
+- *2026.02.18*, **[v19.5.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.5.0)**
+- *2026.02.18*, **[v19.4.1](//github.com/coderaiser/cloudcmd/releases/tag/v19.4.1)**
+- *2026.02.18*, **[v19.4.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.4.0)**
+- *2026.02.15*, **[v19.3.9](//github.com/coderaiser/cloudcmd/releases/tag/v19.3.9)**
+- *2026.02.15*, **[v19.3.8](//github.com/coderaiser/cloudcmd/releases/tag/v19.3.8)**
+- *2026.02.13*, **[v19.3.7](//github.com/coderaiser/cloudcmd/releases/tag/v19.3.7)**
+- *2026.02.12*, **[v19.3.6](//github.com/coderaiser/cloudcmd/releases/tag/v19.3.6)**
+- *2026.02.08*, **[v19.3.5](//github.com/coderaiser/cloudcmd/releases/tag/v19.3.5)**
+- *2026.02.06*, **[v19.3.4](//github.com/coderaiser/cloudcmd/releases/tag/v19.3.4)**
+- *2026.02.05*, **[v19.3.3](//github.com/coderaiser/cloudcmd/releases/tag/v19.3.3)**
+- *2026.02.04*, **[v19.3.2](//github.com/coderaiser/cloudcmd/releases/tag/v19.3.2)**
+- *2026.02.03*, **[v19.3.1](//github.com/coderaiser/cloudcmd/releases/tag/v19.3.1)**
+- *2026.02.03*, **[v19.3.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.3.0)**
+- *2026.02.03*, **[v19.2.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.2.0)**
+- *2026.02.02*, **[v19.1.21](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.21)**
+- *2026.01.31*, **[v19.1.20](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.20)**
+- *2026.01.30*, **[v19.1.19](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.19)**
+- *2026.01.30*, **[v19.1.18](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.18)**
+- *2026.01.29*, **[v19.1.17](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.17)**
+- *2026.01.28*, **[v19.1.16](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.16)**
+- *2026.01.28*, **[v19.1.15](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.15)**
+- *2026.01.28*, **[v19.1.14](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.14)**
+- *2026.01.27*, **[v19.1.13](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.13)**
+- *2026.01.27*, **[v19.1.12](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.12)**
+- *2026.01.25*, **[v19.1.11](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.11)**
+- *2026.01.25*, **[v19.1.10](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.10)**
+- *2026.01.21*, **[v19.1.9](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.9)**
+- *2026.01.20*, **[v19.1.8](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.8)**
+- *2026.01.17*, **[v19.1.7](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.7)**
+- *2026.01.16*, **[v19.1.6](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.6)**
+- *2026.01.16*, **[v19.1.5](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.5)**
+- *2026.01.15*, **[v19.1.4](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.4)**
+- *2026.01.15*, **[v19.1.3](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.3)**
+- *2026.01.14*, **[v19.1.2](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.2)**
+- *2026.01.12*, **[v19.1.1](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.1)**
+- *2025.12.31*, **[v19.1.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.1.0)**
+- *2025.12.24*, **[v19.0.17](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.17)**
+- *2025.12.05*, **[v19.0.16](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.16)**
+- *2025.11.28*, **[v19.0.15](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.15)**
+- *2025.11.27*, **[v19.0.14](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.14)**
+- *2025.09.26*, **[v19.0.13](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.13)**
+- *2025.09.25*, **[v19.0.12](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.12)**
+- *2025.09.24*, **[v19.0.11](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.11)**
+- *2025.09.23*, **[v19.0.10](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.10)**
+- *2025.09.22*, **[v19.0.9](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.9)**
+- *2025.09.20*, **[v19.0.8](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.8)**
+- *2025.09.18*, **[v19.0.7](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.7)**
+- *2025.09.17*, **[v19.0.6](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.6)**
+- *2025.09.16*, **[v19.0.5](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.5)**
+- *2025.09.15*, **[v19.0.4](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.4)**
+- *2025.09.15*, **[v19.0.3](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.3)**
+- *2025.09.14*, **[v19.0.2](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.2)**
+- *2025.09.14*, **[v19.0.1](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.1)**
+- *2025.09.14*, **[v19.0.0](//github.com/coderaiser/cloudcmd/releases/tag/v19.0.0)**
+- *2025.09.14*, **[v18.8.11](//github.com/coderaiser/cloudcmd/releases/tag/v18.8.11)**
+- *2025.09.14*, **[v18.8.10](//github.com/coderaiser/cloudcmd/releases/tag/v18.8.10)**
+- *2025.09.14*, **[v18.8.9](//github.com/coderaiser/cloudcmd/releases/tag/v18.8.9)**
+- *2025.09.13*, **[v18.8.8](//github.com/coderaiser/cloudcmd/releases/tag/v18.8.8)**
+- *2025.09.12*, **[v18.8.7](//github.com/coderaiser/cloudcmd/releases/tag/v18.8.7)**
+- *2025.09.12*, **[v18.8.6](//github.com/coderaiser/cloudcmd/releases/tag/v18.8.6)**
+- *2025.09.10*, **[v18.8.5](//github.com/coderaiser/cloudcmd/releases/tag/v18.8.5)**
+- *2025.09.09*, **[v18.8.4](//github.com/coderaiser/cloudcmd/releases/tag/v18.8.4)**
+- *2025.09.04*, **[v18.8.3](//github.com/coderaiser/cloudcmd/releases/tag/v18.8.3)**
+- *2025.09.04*, **[v18.8.2](//github.com/coderaiser/cloudcmd/releases/tag/v18.8.2)**
+- *2025.09.04*, **[v18.8.1](//github.com/coderaiser/cloudcmd/releases/tag/v18.8.1)**
+- *2025.09.02*, **[v18.8.0](//github.com/coderaiser/cloudcmd/releases/tag/v18.8.0)**
+- *2025.08.30*, **[v18.7.4](//github.com/coderaiser/cloudcmd/releases/tag/v18.7.4)**
+- *2025.07.26*, **[v18.7.3](//github.com/coderaiser/cloudcmd/releases/tag/v18.7.3)**
+- *2025.07.24*, **[v18.7.2](//github.com/coderaiser/cloudcmd/releases/tag/v18.7.2)**
+- *2025.07.06*, **[v18.7.1](//github.com/coderaiser/cloudcmd/releases/tag/v18.7.1)**
+- *2025.07.05*, **[v18.7.0](//github.com/coderaiser/cloudcmd/releases/tag/v18.7.0)**
+- *2025.07.04*, **[v18.6.1](//github.com/coderaiser/cloudcmd/releases/tag/v18.6.1)**
+- *2025.07.02*, **[v18.6.0](//github.com/coderaiser/cloudcmd/releases/tag/v18.6.0)**
+- *2025.04.10*, **[v18.5.2](//github.com/coderaiser/cloudcmd/releases/tag/v18.5.2)**
+- *2025.02.03*, **[v18.5.1](//github.com/coderaiser/cloudcmd/releases/tag/v18.5.1)**
+- *2025.01.20*, **[v18.5.0](//github.com/coderaiser/cloudcmd/releases/tag/v18.5.0)**
+- *2024.12.13*, **[v18.4.1](//github.com/coderaiser/cloudcmd/releases/tag/v18.4.1)**
+- *2024.11.22*, **[v18.4.0](//github.com/coderaiser/cloudcmd/releases/tag/v18.4.0)**
+- *2024.11.14*, **[v18.3.0](//github.com/coderaiser/cloudcmd/releases/tag/v18.3.0)**
+- *2024.11.06*, **[v18.2.1](//github.com/coderaiser/cloudcmd/releases/tag/v18.2.1)**
+- *2024.10.27*, **[v18.2.0](//github.com/coderaiser/cloudcmd/releases/tag/v18.2.0)**
+- *2024.08.17*, **[v18.1.0](//github.com/coderaiser/cloudcmd/releases/tag/v18.1.0)**
+- *2024.08.16*, **[v18.0.2](//github.com/coderaiser/cloudcmd/releases/tag/v18.0.2)**
+- *2024.08.16*, **[v18.0.1](//github.com/coderaiser/cloudcmd/releases/tag/v18.0.1)**
+- *2024.08.16*, **[v18.0.0](//github.com/coderaiser/cloudcmd/releases/tag/v18.0.0)**
+- *2024.08.16*, **[v17.4.4](//github.com/coderaiser/cloudcmd/releases/tag/v17.4.4)**
+- *2024.07.27*, **[v17.4.3](//github.com/coderaiser/cloudcmd/releases/tag/v17.4.3)**
+- *2024.07.03*, **[v17.4.2](//github.com/coderaiser/cloudcmd/releases/tag/v17.4.2)**
+- *2024.05.06*, **[v17.4.1](//github.com/coderaiser/cloudcmd/releases/tag/v17.4.1)**
+- *2024.04.17*, **[v17.4.0](//github.com/coderaiser/cloudcmd/releases/tag/v17.4.0)**
+- *2024.04.03*, **[v17.3.3](//github.com/coderaiser/cloudcmd/releases/tag/v17.3.3)**
+- *2024.03.29*, **[v17.3.2](//github.com/coderaiser/cloudcmd/releases/tag/v17.3.2)**
+- *2024.03.29*, **[v17.3.1](//github.com/coderaiser/cloudcmd/releases/tag/v17.3.1)**
+- *2024.03.29*, **[v17.3.0](//github.com/coderaiser/cloudcmd/releases/tag/v17.3.0)**
+- *2024.03.29*, **[v17.2.1](//github.com/coderaiser/cloudcmd/releases/tag/v17.2.1)**
+- *2024.03.22*, **[v17.2.0](//github.com/coderaiser/cloudcmd/releases/tag/v17.2.0)**
+- *2024.03.21*, **[v17.1.6](//github.com/coderaiser/cloudcmd/releases/tag/v17.1.6)**
+- *2024.03.20*, **[v17.1.5](//github.com/coderaiser/cloudcmd/releases/tag/v17.1.5)**
+- *2024.03.20*, **[v17.1.4](//github.com/coderaiser/cloudcmd/releases/tag/v17.1.4)**
+- *2024.03.18*, **[v17.1.3](//github.com/coderaiser/cloudcmd/releases/tag/v17.1.3)**
+- *2024.03.18*, **[v17.1.2](//github.com/coderaiser/cloudcmd/releases/tag/v17.1.2)**
+- *2024.03.16*, **[v17.1.1](//github.com/coderaiser/cloudcmd/releases/tag/v17.1.1)**
+- *2024.03.16*, **[v17.1.0](//github.com/coderaiser/cloudcmd/releases/tag/v17.1.0)**
+- *2024.03.12*, **[v17.0.7](//github.com/coderaiser/cloudcmd/releases/tag/v17.0.7)**
+- *2024.03.11*, **[v17.0.6](//github.com/coderaiser/cloudcmd/releases/tag/v17.0.6)**
+- *2024.03.11*, **[v17.0.5](//github.com/coderaiser/cloudcmd/releases/tag/v17.0.5)**
+- *2024.02.02*, **[v17.0.4](//github.com/coderaiser/cloudcmd/releases/tag/v17.0.4)**
+- *2024.02.01*, **[v17.0.3](//github.com/coderaiser/cloudcmd/releases/tag/v17.0.3)**
+- *2024.02.01*, **[v17.0.2](//github.com/coderaiser/cloudcmd/releases/tag/v17.0.2)**
+- *2024.01.25*, **[v17.0.1](//github.com/coderaiser/cloudcmd/releases/tag/v17.0.1)**
+- *2023.12.12*, **[v17.0.0](//github.com/coderaiser/cloudcmd/releases/tag/v17.0.0)**
+- *2023.12.08*, **[v16.18.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.18.0)**
+- *2023.12.04*, **[v16.17.9](//github.com/coderaiser/cloudcmd/releases/tag/v16.17.9)**
+- *2023.12.04*, **[v16.17.8](//github.com/coderaiser/cloudcmd/releases/tag/v16.17.8)**
+- *2023.10.12*, **[v16.17.7](//github.com/coderaiser/cloudcmd/releases/tag/v16.17.7)**
+- *2023.09.22*, **[v16.17.6](//github.com/coderaiser/cloudcmd/releases/tag/v16.17.6)**
+- *2023.09.06*, **[v16.17.5](//github.com/coderaiser/cloudcmd/releases/tag/v16.17.5)**
+- *2023.09.05*, **[v16.17.4](//github.com/coderaiser/cloudcmd/releases/tag/v16.17.4)**
+- *2023.09.05*, **[v16.17.3](//github.com/coderaiser/cloudcmd/releases/tag/v16.17.3)**
+- *2023.09.04*, **[v16.17.2](//github.com/coderaiser/cloudcmd/releases/tag/v16.17.2)**
+- *2023.09.04*, **[v16.17.1](//github.com/coderaiser/cloudcmd/releases/tag/v16.17.1)**
+- *2023.09.04*, **[v16.17.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.17.0)**
+- *2023.08.10*, **[v16.16.3](//github.com/coderaiser/cloudcmd/releases/tag/v16.16.3)**
+- *2023.08.09*, **[v16.16.2](//github.com/coderaiser/cloudcmd/releases/tag/v16.16.2)**
+- *2023.08.07*, **[v16.16.1](//github.com/coderaiser/cloudcmd/releases/tag/v16.16.1)**
+- *2023.07.09*, **[v16.16.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.16.0)**
+- *2023.05.17*, **[v16.15.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.15.0)**
+- *2023.03.21*, **[v16.14.1](//github.com/coderaiser/cloudcmd/releases/tag/v16.14.1)**
+- *2023.03.08*, **[v16.14.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.14.0)**
+- *2023.01.30*, **[v16.13.1](//github.com/coderaiser/cloudcmd/releases/tag/v16.13.1)**
+- *2023.01.29*, **[v16.13.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.13.0)**
+- *2023.01.29*, **[v16.12.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.12.0)**
+- *2023.01.22*, **[v16.11.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.11.0)**
+- *2023.01.19*, **[v16.10.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.10.0)**
+- *2023.01.18*, **[v16.9.1](//github.com/coderaiser/cloudcmd/releases/tag/v16.9.1)**
+- *2023.01.17*, **[v16.9.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.9.0)**
+- *2023.01.16*, **[v16.8.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.8.0)**
+- *2023.01.15*, **[v16.7.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.7.0)**
+- *2022.10.20*, **[v16.6.1](//github.com/coderaiser/cloudcmd/releases/tag/v16.6.1)**
+- *2022.10.09*, **[v16.6.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.6.0)**
+- *2022.08.06*, **[v16.5.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.5.0)**
+- *2022.07.20*, **[v16.4.1](//github.com/coderaiser/cloudcmd/releases/tag/v16.4.1)**
+- *2022.07.11*, **[v16.4.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.4.0)**
+- *2022.07.02*, **[v16.3.1](//github.com/coderaiser/cloudcmd/releases/tag/v16.3.1)**
+- *2022.07.01*, **[v16.3.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.3.0)**
+- *2022.06.17*, **[v16.2.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.2.0)**
+- *2022.05.12*, **[v16.1.1](//github.com/coderaiser/cloudcmd/releases/tag/v16.1.1)**
+- *2022.04.23*, **[v16.1.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.1.0)**
+- *2022.04.22*, **[v16.0.1](//github.com/coderaiser/cloudcmd/releases/tag/v16.0.1)**
+- *2022.02.19*, **[v16.0.0](//github.com/coderaiser/cloudcmd/releases/tag/v16.0.0)**
+- *2022.01.20*, **[v15.9.15](//github.com/coderaiser/cloudcmd/releases/tag/v15.9.15)**
+- *2022.01.13*, **[v15.9.14](//github.com/coderaiser/cloudcmd/releases/tag/v15.9.14)**
+- *2021.12.23*, **[v15.9.13](//github.com/coderaiser/cloudcmd/releases/tag/v15.9.13)**
+- *2021.12.16*, **[v15.9.12](//github.com/coderaiser/cloudcmd/releases/tag/v15.9.12)**
+- *2021.12.09*, **[v15.9.11](//github.com/coderaiser/cloudcmd/releases/tag/v15.9.11)**
+- *2021.12.04*, **[v15.9.10](//github.com/coderaiser/cloudcmd/releases/tag/v15.9.10)**
+- *2021.11.22*, **[v15.9.9](//github.com/coderaiser/cloudcmd/releases/tag/v15.9.9)**
+- *2021.02.03*, **[v15.6.0](//github.com/coderaiser/cloudcmd/releases/tag/v15.6.0)**
+- *2021.02.02*, **[v15.5.2](//github.com/coderaiser/cloudcmd/releases/tag/v15.5.2)**
+- *2021.01.31*, **[v15.5.1](//github.com/coderaiser/cloudcmd/releases/tag/v15.5.1)**
+- *2021.01.30*, **[v15.5.0](//github.com/coderaiser/cloudcmd/releases/tag/v15.5.0)**
+- *2021.01.26*, **[v15.4.4](//github.com/coderaiser/cloudcmd/releases/tag/v15.4.4)**
+- *2021.01.25*, **[v15.4.3](//github.com/coderaiser/cloudcmd/releases/tag/v15.4.3)**
+- *2021.01.21*, **[v15.4.2](//github.com/coderaiser/cloudcmd/releases/tag/v15.4.2)**
+- *2021.01.20*, **[v15.4.1](//github.com/coderaiser/cloudcmd/releases/tag/v15.4.1)**
+- *2021.01.19*, **[v15.4.0](//github.com/coderaiser/cloudcmd/releases/tag/v15.4.0)**
+- *2021.01.19*, **[v15.3.4](//github.com/coderaiser/cloudcmd/releases/tag/v15.3.4)**
+- *2021.01.17*, **[v15.3.1](//github.com/coderaiser/cloudcmd/releases/tag/v15.3.1)**
+- *2021.01.17*, **[v15.3.0](//github.com/coderaiser/cloudcmd/releases/tag/v15.3.0)**
+- *2021.01.16*, **[v15.2.0](//github.com/coderaiser/cloudcmd/releases/tag/v15.2.0)**
+- *2021.01.07*, **[v15.1.0](//github.com/coderaiser/cloudcmd/releases/tag/v15.1.0)**
+- *2021.01.05*, **[v15.0.4](//github.com/coderaiser/cloudcmd/releases/tag/v15.0.4)**
+- *2020.01.05*, **[v15.0.3](//github.com/coderaiser/cloudcmd/releases/tag/v15.0.3)**
+- *2020.12.31*, **[v15.0.2](//github.com/coderaiser/cloudcmd/releases/tag/v15.0.2)**
+- *2020.12.30*, **[v15.0.1](//github.com/coderaiser/cloudcmd/releases/tag/v15.0.1)**
+- *2020.12.28*, **[v15.0.0](//github.com/coderaiser/cloudcmd/releases/tag/v15.0.0)**
 - *2020.08.21*, **[v14.9.3](//github.com/coderaiser/cloudcmd/releases/tag/v14.9.3)**
 - *2020.08.19*, **[v14.9.2](//github.com/coderaiser/cloudcmd/releases/tag/v14.9.2)**
 - *2020.08.16*, **[v14.9.1](//github.com/coderaiser/cloudcmd/releases/tag/v14.9.1)**
@@ -1326,7 +1756,7 @@ There are a lot of ways to be involved in `Cloud Commander` development:
 
 ## Special Thanks
 
-- [Olena Zalitok](http://www.linkedin.com/in/olena-zalitok-ux-designer "Olena Zalitok") for **logo** and **favicon**.
+- [Olena Zalitok](https://www.linkedin.com/in/ozalitok-ux-ui/ "Olena Zalitok") for **logo** and **favicon**.
 - [TarZak](https://github.com/tarzak "TarZak")
   - Russian and Ukrainian translations;
   - config template and style;

LICENSE

@@ -1,6 +1,6 @@
 (The MIT License)
 
-Copyright (c) 2012-2019 Coderaiser <mnemonic.enemy@gmail.com>
+Copyright (c) 2012-2025 Coderaiser <mnemonic.enemy@gmail.com>
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

README.md

@@ -1,21 +1,22 @@
-# Cloud Commander v15.3.1 [![Build Status][BuildStatusIMGURL]][BuildStatusURL] [![Codacy][CodacyIMG]][CodacyURL] [![Gitter][GitterIMGURL]][GitterURL]
+# Cloud Commander v19.19.1 [![Build Status][BuildStatusIMGURL]][BuildStatusURL] [![Codacy][CodacyIMG]][CodacyURL] [![Gitter][GitterIMGURL]][GitterURL] [![Deploy on InstaPods][DeployInstaPodsIMG]][DeployInstaPodsURL]
 
-### [Main][MainURL] [Blog][BlogURL] Live([Heroku][HerokuURL])
+### [Main][MainURL] [Blog][BlogURL] [Support][SupportURL] [Demo][DemoURL]
 
+[MainURL]: https://cloudcmd.io "Main"
+[BlogURL]: https://blog.cloudcmd.io "Blog"
+[SupportURL]: https://patreon.com/coderaiser "Patreon"
+[DemoURL]: https://cloudcmd-zdp6.onrender.com
 [NPM_INFO_IMG]: https://nodei.co/npm/cloudcmd.png
-[MainURL]: http://cloudcmd.io "Main"
+[BuildStatusURL]: https://github.com/coderaiser/cloudcmd/actions/workflows/nodejs.yml "Build Status"
-[BlogURL]: http://blog.cloudcmd.io "Blog"
+[BuildStatusIMGURL]: https://github.com/coderaiser/cloudcmd/actions/workflows/nodejs.yml/badge.svg
-[HerokuURL]: https://cloudcmd.herokuapp.com/ "Heroku"
-[BuildStatusURL]: https://travis-ci.org/coderaiser/cloudcmd "Build Status"
-[BuildStatusIMGURL]: https://img.shields.io/travis/coderaiser/cloudcmd.svg?style=flat-squere&longCache=true
-[BuildAppveyorURL]: https://ci.appveyor.com/project/coderaiser/cloudcmd
-[BuildAppveyorIMGURL]: https://ci.appveyor.com/api/projects/status/tse6sc8dxrqxqehi?svg=true
 [CodacyURL]: https://www.codacy.com/app/coderaiser/cloudcmd
 [CodacyIMG]: https://api.codacy.com/project/badge/Grade/ddda78be780549ce8754f8d47a8c0e36
 [GitterURL]: https://gitter.im/cloudcmd/hello
 [GitterIMGURL]: https://img.shields.io/gitter/room/coderaiser/cloudcmd.js.svg
 [DeployURL]: https://heroku.com/deploy?template=https://github.com/coderaiser/cloudcmd "Deploy"
 [DeployIMG]: https://www.herokucdn.com/deploy/button.png
+[DeployInstaPodsIMG]: https://img.shields.io/badge/deploy%20on-InstaPods-blue
+[DeployInstaPodsURL]: https://app.instapods.com/dashboard/pods/create?app=cloudcmd&ref=cloudcmd
 
 **Cloud Commander** a file manager for the web with console and editor.
 
@@ -69,16 +70,18 @@ npm i cloudcmd express socket.io -S
 And create `index.js`:
 
 ```js
-import http from 'http';
+import http from 'node:http';
-import cloudcmd from 'cloudcmd';
+import {cloudcmd} from 'cloudcmd';
-import io from 'socket.io';
+import {Server} from 'socket.io';
-const app = require('express')();
+import express from 'express';
+
+const app = express();
 
 const port = 1337;
 const prefix = '/';
 
 const server = http.createServer(app);
-const socket = io.listen(server, {
+const socket = new Server(server, {
     path: `${prefix}socket.io`,
 });
 
@@ -120,6 +123,15 @@ server.listen(port);
 
 ## Docker
 
+The docker images are provided for multiple architectures and types. The following list shows all existing images:
+
+| Architecture   | Type         |
+|----------------|--------------|
+| amd64          | linux        |
+| arm64 (arm/v8) | linux        |
+| amd64          | linux-alpine |
+| arm64 (arm/v8) | linux-alpine |
+
 `Cloud Commander` could be used as a [docker container](https://hub.docker.com/r/coderaiser/cloudcmd/ "Docker container") this way:
 
 ```sh
@@ -149,10 +161,15 @@ When you create this file run:
 docker-compose up
 ```
 
+## Documentation
+
+More documentation you can find on https://cloudcmd.io/.
+
 ## Get involved
 
 There is a lot ways to be involved in `Cloud Commander` development:
 
+- support project on patreon: https://patreon.com/coderaiser;
 - if you find a bug or got idea to share [create an issue](https://github.com/coderaiser/cloudcmd/issues/new "Create issue");
 - if you fixed a bug, typo or implemented new feature [create pull request](https://github.com/coderaiser/cloudcmd/compare "Create pull request");
 - if you know languages you can help with [site translations](https://github.com/coderaiser/cloudcmd/wiki "Cloud Commander community wiki");

bin/cloudcmd.js

@@ -0,0 +1,362 @@
+#!/usr/bin/env node
+
+import process from 'node:process';
+import {promisify} from 'node:util';
+import {tryToCatch} from 'try-to-catch';
+import parse from 'yargs-parser';
+import exit from '../server/exit.js';
+import {createConfig, configPath} from '../server/config.js';
+import * as env from '../server/env.js';
+import prefixer from '../server/prefixer.js';
+import * as validate from '../server/validate.js';
+import Info from '../package.json' with {
+    type: 'json',
+};
+
+process.on('unhandledRejection', exit);
+
+const isUndefined = (a) => typeof a === 'undefined';
+
+const choose = (a, b) => {
+    if (isUndefined(a))
+        return b;
+    
+    return a;
+};
+
+const config = createConfig({
+    configPath,
+});
+
+const maybeRoot = (a) => {
+    if (a === '.')
+        return process.cwd();
+    
+    return a;
+};
+
+const yargsOptions = {
+    configuration: {
+        'strip-aliased': true,
+        'strip-dashed': true,
+    },
+    coerce: {
+        root: maybeRoot,
+    },
+    string: [
+        'name',
+        'port',
+        'password',
+        'username',
+        'config',
+        'editor',
+        'packer',
+        'root',
+        'prefix',
+        'prefix-socket',
+        'terminal-path',
+        'terminal-command',
+        'columns',
+        'menu',
+        'theme',
+        'import-url',
+        'import-token',
+        'export-token',
+        'dropbox-token',
+    ],
+    boolean: [
+        'auth',
+        'repl',
+        'save',
+        'server',
+        'online',
+        'open',
+        'config-dialog',
+        'config-auth',
+        'config-port',
+        'console',
+        'sync-console-path',
+        'contact',
+        'terminal',
+        'terminal-auto-restart',
+        'one-file-panel',
+        'confirm-copy',
+        'confirm-move',
+        'show-config',
+        'show-dot-files',
+        'show-file-name',
+        'vim',
+        'keys-panel',
+        'color',
+        'export',
+        'import',
+        'import-listen',
+        'log',
+        'zip',
+        'dropbox',
+    ],
+    default: {
+        'server': true,
+        'name': choose(env.parse('name'), config('name')),
+        'auth': choose(env.bool('auth'), config('auth')),
+        'port': config('port'),
+        'online': config('online'),
+        'open': choose(env.bool('open'), config('open')),
+        'editor': env.parse('editor') || config('editor'),
+        'menu': env.parse('menu') || config('menu'),
+        'packer': config('packer') || 'tar',
+        'zip': config('zip'),
+        'username': env.parse('username') || config('username'),
+        'root': choose(env.parse('root'), config('root')),
+        'prefix': choose(env.parse('prefix'), config('prefix')),
+        'console': choose(env.bool('console'), config('console')),
+        'contact': choose(env.bool('contact'), config('contact')),
+        'terminal': choose(env.bool('terminal'), config('terminal')),
+        'columns': env.parse('columns') || config('columns') || '',
+        'theme': env.parse('theme') || config('theme') || '',
+        'vim': choose(env.bool('vim'), config('vim')),
+        'log': choose(env.bool('log'), config('log')),
+        
+        'import-url': env.parse('import_url') || config('importUrl'),
+        'import-listen': choose(env.bool('import_listen'), config('importListen')),
+        'import': choose(env.bool('import'), config('import')),
+        'export': choose(env.bool('export'), config('export')),
+        
+        'prefix-socket': config('prefixSocket'),
+        'show-dot-files': choose(env.bool('show_dot_files'), config('showDotFiles')),
+        'show-file-name': choose(env.bool('show_file_name'), config('showFileName')),
+        'sync-console-path': choose(env.bool('sync_console_path'), config('syncConsolePath')),
+        'config-dialog': choose(env.bool('config_dialog'), config('configDialog')),
+        'config-auth': choose(env.bool('config_auth'), config('configAuth')),
+        'config-port': choose(env.bool('config_port'), config('configPort')),
+        'terminal-path': env.parse('terminal_path') || config('terminalPath'),
+        'terminal-command': env.parse('terminal_command') || config('terminalCommand'),
+        'terminal-auto-restart': choose(env.bool('terminal_auto_restart'), config('terminalAutoRestart')),
+        'one-file-panel': choose(env.bool('one_file_panel'), config('oneFilePanel')),
+        'confirm-copy': choose(env.bool('confirm_copy'), config('confirmCopy')),
+        'confirm-move': choose(env.bool('confirm_move'), config('confirmMove')),
+        'keys-panel': env.bool('keys_panel') || config('keysPanel'),
+        'import-token': env.parse('import_token') || config('importToken'),
+        'export-token': env.parse('export_token') || config('exportToken'),
+        
+        'dropbox': config('dropbox'),
+        'dropbox-token': config('dropboxToken') || '',
+    },
+    alias: {
+        version: 'v',
+        help: 'h',
+        password: 'p',
+        online: 'o',
+        username: 'u',
+        save: 's',
+        auth: 'a',
+        config: 'c',
+    },
+};
+
+const {argv} = process;
+const args = parse(argv.slice(2), yargsOptions);
+
+if (args.version)
+    version();
+else if (args.help)
+    help();
+else
+    main();
+
+async function main() {
+    const {validateArgs} = await import('@putout/cli-validate-args');
+    
+    const error = await validateArgs(args, [
+        ...yargsOptions.boolean,
+        ...yargsOptions.string,
+    ]);
+    
+    if (error)
+        return exit(error);
+    
+    if (args.repl)
+        await repl();
+    
+    validate.columns(args.columns);
+    validate.theme(args.theme);
+    
+    port(args.port);
+    
+    config('name', args.name);
+    config('auth', args.auth);
+    config('online', args.online);
+    config('open', args.open);
+    config('username', args.username);
+    config('console', args.console);
+    config('syncConsolePath', args.syncConsolePath);
+    config('showDotFiles', args.showDotFiles);
+    config('showFileName', args.showFileName);
+    config('contact', args.contact);
+    config('terminal', args.terminal);
+    config('terminalPath', args.terminalPath);
+    config('terminalCommand', args.terminalCommand);
+    config('terminalAutoRestart', args.terminalAutoRestart);
+    config('editor', args.editor);
+    config('menu', args.menu);
+    config('prefix', prefixer(args.prefix));
+    config('prefixSocket', prefixer(args.prefixSocket));
+    config('root', args.root || '/');
+    config('vim', args.vim);
+    config('theme', args.theme);
+    config('columns', args.columns);
+    config('log', args.log);
+    config('confirmCopy', args.confirmCopy);
+    config('confirmMove', args.confirmMove);
+    config('oneFilePanel', args.oneFilePanel);
+    config('configDialog', args.configDialog);
+    config('configAuth', args.configAuth);
+    config('configPort', args.configPort);
+    config('keysPanel', args.keysPanel);
+    config('export', args.export);
+    config('exportToken', args.exportToken);
+    config('import', args.import);
+    config('importToken', args.importToken);
+    config('importListen', args.importListen);
+    config('importUrl', args.importUrl);
+    
+    config('dropbox', args.dropbox);
+    config('dropboxToken', args.dropboxToken);
+    
+    await readConfig(args.config);
+    
+    const options = {
+        root: config('root'),
+        editor: config('editor'),
+        packer: config('packer'),
+        prefix: config('prefix'),
+        prefixSocket: config('prefixSocket'),
+        columns: config('columns'),
+        theme: config('theme'),
+        menu: config('menu'),
+    };
+    
+    const password = env.parse('password') || args.password;
+    
+    if (password)
+        config('password', await getPassword(password));
+    
+    validateRoot(options.root, config);
+    
+    if (args.showConfig)
+        await showConfig();
+    
+    const {distributeImport} = await import('../server/distribute/import.js');
+    const importConfig = promisify(distributeImport);
+    
+    await start(options, config);
+    
+    if (args.save)
+        config.write();
+    
+    await tryToCatch(checkUpdate);
+    await importConfig(config);
+}
+
+function validateRoot(root, config) {
+    validate.root(root, config);
+    
+    if (root === '/')
+        return;
+    
+    if (config('log'))
+        console.log(`root: ${root}`);
+}
+
+async function getPassword(password) {
+    const {default: criton} = await import('criton');
+    return criton(password, config('algo'));
+}
+
+function version() {
+    console.log('v' + Info.version);
+}
+
+async function start(options, config) {
+    if (!args.server)
+        return;
+    
+    const {default: server} = await import('../server/server.js');
+    server(options, config);
+}
+
+function port(arg) {
+    const number = parseInt(arg, 10);
+    
+    if (!isNaN(number))
+        return config('port', number);
+    
+    exit('cloudcmd --port: should be a number');
+}
+
+async function showConfig() {
+    const {showConfig} = await import('../server/show-config.js');
+    const data = showConfig(config('*'));
+    
+    console.log(data);
+}
+
+async function readConfig(name) {
+    if (!name)
+        return;
+    
+    const {default: forEachKey} = await import('for-each-key');
+    
+    const data = await import(name, {
+        with: {
+            type: 'json',
+        },
+    });
+    
+    forEachKey(config, data);
+}
+
+async function help() {
+    const {default: bin} = await import('../json/help.json', {
+        with: {
+            type: 'json',
+        },
+    });
+    
+    const {default: forEachKey} = await import('for-each-key');
+    const {default: currify} = await import('currify');
+    
+    const usage = 'Usage: cloudcmd [options]';
+    const url = Info.homepage;
+    const log = currify((a, b, c) => console.log(a, b, c));
+    
+    console.log(usage);
+    console.log('Options:');
+    forEachKey(log('  %s %s'), bin);
+    console.log('\nGeneral help using Cloud Commander: <%s>', url);
+}
+
+async function repl() {
+    console.log('REPL mode enabled (telnet localhost 1337)');
+    await import('../server/repl.js');
+}
+
+async function checkUpdate() {
+    const {default: load} = await import('package-json');
+    const {version} = await load(Info.name, 'latest');
+    
+    await showUpdateInfo(version);
+}
+
+async function showUpdateInfo(version) {
+    if (version === Info.version)
+        return;
+    
+    const {default: chalk} = await import('chalk');
+    
+    const latestVersion = chalk.green.bold(`v${version}`);
+    const latest = `update available: ${latestVersion}`;
+    const current = chalk.dim(`(current: v${Info.version})`);
+    
+    console.log('%s %s', latest, current);
+}

bin/cloudcmd.mjs

@@ -1,322 +0,0 @@
-#!/usr/bin/env node
-
-const DIR_SERVER = '../server/';
-
-import {createRequire} from 'module';
-import {promisify} from 'util';
-import tryToCatch from 'try-to-catch';
-import {createSimport} from 'simport';
-
-import exit from '../server/exit.js';
-import {createConfig, configPath} from '../server/config.js';
-
-const config = createConfig({
-    configPath,
-});
-
-import env from '../server/env.js';
-import prefixer from '../server/prefixer.js';
-
-const choose = (a, b) => {
-    if (a === undefined)
-        return b;
-    
-    return a;
-};
-
-process.on('unhandledRejection', exit);
-
-const simport = createSimport(import.meta.url);
-const require = createRequire(import.meta.url);
-
-const Info = require('../package.json');
-
-const {argv} = process;
-const args = require('minimist')(argv.slice(2), {
-    string: [
-        'name',
-        'port',
-        'password',
-        'username',
-        'config',
-        'editor',
-        'packer',
-        'root',
-        'prefix',
-        'prefix-socket',
-        'terminal-path',
-        'terminal-command',
-        'columns',
-        'import-url',
-        'import-token',
-        'export-token',
-        'dropbox-token',
-    ],
-    boolean: [
-        'auth',
-        'repl',
-        'save',
-        'server',
-        'online',
-        'open',
-        'config-dialog',
-        'config-auth',
-        'console',
-        'sync-console-path',
-        'contact',
-        'terminal',
-        'terminal-auto-restart',
-        'one-file-panel',
-        'confirm-copy',
-        'confirm-move',
-        'show-config',
-        'show-file-name',
-        'vim',
-        'keys-panel',
-        'color',
-        'export',
-        'import',
-        'import-listen',
-        'log',
-        'dropbox',
-    ],
-    default: {
-        'server'      : true,
-        'name'        : choose(env('name'), config('name')),
-        'auth'        : choose(env.bool('auth'), config('auth')),
-        'port'        : config('port'),
-        'online'      : config('online'),
-        'open'        : choose(env.bool('open'), config('open')),
-        'editor'      : env('editor') || config('editor'),
-        'packer'      : config('packer') || 'tar',
-        'zip'         : config('zip'),
-        'username'    : env('username') || config('username'),
-        'root'        : choose(env('root'), config('root')),
-        'prefix'      : choose(env('cloudcmd_prefix'), config('prefix')),
-        'console'     : choose(env.bool('console'), config('console')),
-        'contact'     : choose(env.bool('contact'), config('contact')),
-        'terminal'    : choose(env.bool('terminal'), config('terminal')),
-        'columns'     : env('columns') || config('columns') || '',
-        'vim'         : choose(env.bool('vim'), config('vim')),
-        'log'         : config('log'),
-        
-        'import-url': env('import_url') || config('importUrl'),
-        'import-listen': choose(env.bool('import_listen'), config('importListen')),
-        'import'      : choose(env.bool('import'), config('import')),
-        'export'      : choose(env.bool('export'), config('export')),
-        
-        'prefix-socket': config('prefixSocket'),
-        'show-file-name': choose(env.bool('show_file_name'), config('showFileName')),
-        'sync-console-path': choose(env.bool('sync_console_path'), config('syncConsolePath')),
-        'config-dialog': choose(env.bool('config_dialog'), config('configDialog')),
-        'config-auth': choose(env.bool('config_auth'), config('configAuth')),
-        'terminal-path': env('terminal_path') || config('terminalPath'),
-        'terminal-command': env('terminal_command') || config('terminalCommand'),
-        'terminal-auto-restart': choose(env.bool('terminal_auto_restart'), config('terminalAutoRestart')),
-        'one-file-panel': choose(env.bool('one_file_panel'), config('oneFilePanel')),
-        'confirm-copy': choose(env.bool('confirm_copy'), config('confirmCopy')),
-        'confirm-move': choose(env.bool('confirm_move'), config('confirmMove')),
-        'keys-panel': env.bool('keys_panel') || config('keysPanel'),
-        'import-token': env('import_token') || config('importToken'),
-        'export-token': env('export_token') || config('exportToken'),
-        
-        'dropbox': config('dropbox'),
-        'dropbox-token': config('dropboxToken'),
-    },
-    alias: {
-        v: 'version',
-        h: 'help',
-        p: 'password',
-        o: 'online',
-        u: 'username',
-        s: 'save',
-        a: 'auth',
-        c: 'config',
-    },
-    unknown: (cmd) => {
-        exit('\'%s\' is not a cloudcmd option. See \'cloudcmd --help\'.', cmd);
-    },
-});
-
-if (args.version)
-    version();
-else if (args.help)
-    help();
-else
-    main();
-
-async function main() {
-    if (args.repl)
-        repl();
-    
-    port(args.port);
-    
-    config('name', args.name);
-    config('auth', args.auth);
-    config('online', args.online);
-    config('open', args.open);
-    config('username', args.username);
-    config('console', args.console);
-    config('syncConsolePath', args['sync-console-path']);
-    config('showFileName', args['show-file-name']);
-    config('contact', args.contact);
-    config('terminal', args.terminal);
-    config('terminalPath', args['terminal-path']);
-    config('terminalCommand', args['terminal-command']);
-    config('terminalAutoRestart', args['terminal-auto-restart']);
-    config('editor', args.editor);
-    config('prefix', prefixer(args.prefix));
-    config('prefixSocket', prefixer(args['prefix-socket']));
-    config('root', args.root || '/');
-    config('vim', args.vim);
-    config('columns', args.columns);
-    config('log', args.log);
-    config('confirmCopy', args['confirm-copy']);
-    config('confirmMove', args['confirm-move']);
-    config('oneFilePanel', args['one-file-panel']);
-    config('configDialog', args['config-dialog']);
-    config('configAuth', args['config-auth']);
-    config('keysPanel', args['keys-panel']);
-    config('export', args.export);
-    config('exportToken', args['export-token']);
-    config('import', args.import);
-    config('importToken', args['import-token']);
-    config('importListen', args['import-listen']);
-    config('importUrl', args['import-url']);
-    
-    config('dropbox', args['dropbox']);
-    config('dropboxToken', args['dropbox-token'] || '');
-    
-    await readConfig(args.config);
-    
-    const options = {
-        root: config('root'),
-        editor: config('editor'),
-        packer: config('packer'),
-        prefix: config('prefix'),
-        prefixSocket: config('prefixSocket'),
-        columns: config('columns'),
-    };
-    
-    const password = env('password') || args.password;
-    
-    if (password)
-        config('password', await getPassword(password));
-    
-    await validateRoot(options.root, config);
-    
-    if (args['show-config'])
-        await showConfig();
-    
-    const distribute = await simport('../server/distribute/index.js');
-    const importConfig = promisify(distribute.import);
-    
-    await start(options, config);
-    
-    if (args.save)
-        config.write();
-    
-    await tryToCatch(checkUpdate);
-    await importConfig(config);
-}
-
-async function validateRoot(root, config) {
-    const validate = await simport(DIR_SERVER + 'validate.js');
-    validate.root(root, config);
-    
-    if (root === '/')
-        return;
-    
-    console.log(`root: ${root}`);
-}
-
-async function getPassword(password) {
-    const criton = await simport('criton');
-    return criton(password, config('algo'));
-}
-
-function version() {
-    console.log('v' + Info.version);
-}
-
-async function start(options, config) {
-    const SERVER = DIR_SERVER + 'server.js';
-    
-    if (!args.server)
-        return;
-    
-    const server = await simport(SERVER);
-    server(options, config);
-}
-
-function port(arg) {
-    const number = parseInt(arg, 10);
-    
-    if (!isNaN(number))
-        return config('port', number);
-    
-    exit('cloudcmd --port: should be a number');
-}
-
-async function showConfig() {
-    const show = await simport('../server/show-config');
-    const data = show(config('*'));
-    
-    console.log(data);
-}
-
-async function readConfig(name) {
-    if (!name)
-        return;
-    
-    const tryToCatch = await simport('try-to-catch');
-    const forEachKey = await simport('for-each-key');
-    
-    const [error, data] = await tryToCatch(simport, name);
-    
-    if (error)
-        return exit(error.message);
-    
-    forEachKey(config, data);
-}
-
-async function help() {
-    const bin = require('../json/help.json');
-    const forEachKey = await simport('for-each-key');
-    const currify = await simport('currify');
-    
-    const usage = 'Usage: cloudcmd [options]';
-    const url = Info.homepage;
-    const log = currify((a, b, c) => console.log(a, b, c));
-    
-    console.log(usage);
-    console.log('Options:');
-    forEachKey(log('  %s %s'), bin);
-    console.log('\nGeneral help using Cloud Commander: <%s>', url);
-}
-
-function repl() {
-    console.log('REPL mode enabled (telnet localhost 1337)');
-    require(DIR_SERVER + 'repl');
-}
-
-async function checkUpdate() {
-    const load = await simport('package-json');
-    
-    const {version} = await load(Info.name, 'latest');
-    await showUpdateInfo(version);
-}
-
-async function showUpdateInfo(version) {
-    if (version === Info.version)
-        return;
-    
-    const chalk = await simport('chalk');
-    
-    const latestVersion = chalk.green.bold('v' + version);
-    const latest = `update available: ${latestVersion}`;
-    const current = chalk.dim(`(current: v${Info.version})`);
-    
-    console.log('%s %s', latest, current);
-}
-

bin/cloudcmd.spec.js

@@ -0,0 +1,26 @@
+import {spawnSync} from 'node:child_process';
+import {test} from 'supertape';
+import info from '../package.json' with {
+    type: 'json',
+};
+
+const cliPath = new URL('cloudcmd.js', import.meta.url).pathname;
+
+test('cloudcmd: bin: cli: -h', (t) => {
+    const {stdout} = spawnSync(cliPath, ['-h'], {
+        encoding: 'utf8',
+    });
+    
+    t.match(stdout, `Options`);
+    t.end();
+});
+
+test('cloudcmd: bin: cli: -v', (t) => {
+    const {version} = info;
+    const {stdout} = spawnSync(cliPath, ['-v'], {
+        encoding: 'utf8',
+    });
+    
+    t.match(stdout, `v${version}`);
+    t.end();
+});

bin/release.js

@@ -0,0 +1,77 @@
+#!/usr/bin/env node
+
+import {promisify} from 'node:util';
+import process from 'node:process';
+import {tryToCatch} from 'try-to-catch';
+import minor from 'minor';
+import _place from 'place';
+import {rendy} from 'rendy';
+import shortdate from 'shortdate';
+import Info from '../package.json' with {
+    type: 'json',
+};
+
+const place = promisify(_place);
+
+await main();
+
+async function main() {
+    const history = '## Version history\n\n';
+    const link = '//github.com/coderaiser/cloudcmd/releases/tag/';
+    
+    const template = '- ' +
+        '*{{ date }}*, ' +
+        '**[v{{ version }}]' +
+        '(' +
+        link +
+        'v{{ version }})**\n';
+    
+    const {version} = Info;
+    
+    const [error, versionNew] = await tryToCatch(cl);
+    
+    if (error)
+        return console.error(error);
+    
+    await replaceVersion('README.md', version, versionNew);
+    await replaceVersion('HELP.md', version, versionNew);
+    
+    const historyNew = history +
+        rendy(template, {
+            date: shortdate(),
+            version: versionNew,
+        });
+    
+    await replaceVersion('HELP.md', history, historyNew);
+}
+
+async function replaceVersion(name, version, versionNew) {
+    const [error] = await tryToCatch(place, name, version, versionNew);
+    
+    if (error)
+        return console.error(error);
+    
+    console.log(`done: ${name}`);
+}
+
+async function cl() {
+    const {argv} = process;
+    const length = argv.length - 1;
+    const last = process.argv[length];
+    const regExp = /^--(major|minor|patch)$/;
+    const [, match] = last.match(regExp) || [];
+    
+    console.log(last);
+    
+    if (!regExp.test(last))
+        throw Error('ERROR: version is missing. release --patch|--minor|--major');
+    
+    return getVersionNew(last, match);
+}
+
+function getVersionNew(last, match) {
+    if (match)
+        return minor(match, Info.version);
+    
+    return last.substr(3);
+}

bin/release.mjs

@@ -1,73 +0,0 @@
-#!/usr/bin/env node
-
-import {createSimport} from 'simport';
-import minor from 'minor';
-import place from 'place';
-import rendy from 'rendy';
-import shortdate from 'shortdate';
-
-const simport = createSimport(import.meta.url);
-
-const Info = await simport('../package.json');
-
-const ERROR = Error('ERROR: version is missing. release --patch|--minor|--major');
-
-main((error) => {
-    if (error)
-        console.error(error.message);
-});
-
-function main(callback) {
-    const history = 'Version history\n---------------\n';
-    const link = '//github.com/coderaiser/cloudcmd/releases/tag/';
-    const template = '- *{{ date }}*, ' +
-                      '**[v{{ version }}]' +
-                      '(' + link + 'v{{ version }})**\n';
-    
-    const {version} = Info;
-    
-    cl((error, versionNew) => {
-        if (error)
-            return callback(error);
-        
-        replaceVersion('README.md', version, versionNew, callback);
-        replaceVersion('HELP.md', version, versionNew, () => {
-            const historyNew = history + rendy(template, {
-                date    : shortdate(),
-                version : versionNew,
-            });
-            
-            replaceVersion('HELP.md', history, historyNew, callback);
-        });
-    });
-}
-
-function replaceVersion(name, version, versionNew, callback) {
-    place(name, version, versionNew, (error) => {
-        if (error)
-            return callback(error);
-        
-        callback(null, 'done: ' + name);
-    });
-}
-
-function cl(callback) {
-    const {argv} = process;
-    const length = argv.length - 1;
-    const last = process.argv[length];
-    const regExp = /^--(major|minor|patch)$/;
-    const [, match] = last.match(regExp) || [];
-    
-    if (!regExp.test(last))
-        return callback(ERROR);
-    
-    callback(null, getVersionNew(last, match));
-}
-
-function getVersionNew(last, match) {
-    if (match)
-        return minor(match, Info.version);
-    
-    return last.substr(3);
-}
-

client/client.js

@@ -1,75 +1,59 @@
-'use strict';
+import process from 'node:process';
-
+import Emitify from 'emitify';
-/* global DOM */
+import inherits from 'inherits';
-
+import {rendy} from 'rendy';
-const Emitify = require('emitify');
+import load from 'load.js';
-const inherits = require('inherits');
+import {tryToCatch} from 'try-to-catch';
-const rendy = require('rendy');
+import {addSlashToEnd} from 'format-io';
-const load = require('load.js');
+import pascalCase from 'just-pascal-case';
-const tryToCatch = require('try-to-catch');
+import currify from 'currify';
-const {addSlashToEnd} = require('format-io');
+import {
-const pascalCase = require('just-pascal-case');
-const currify = require('currify');
-
-const isDev = process.env.NODE_ENV === 'development';
-
-const Images = require('./dom/images');
-const {unregisterSW} = require('./sw/register');
-const getJsonFromFileTable = require('./get-json-from-file-table');
-const Key = require('./key');
-
-const noJS = (a) => a.replace(/.js$/, '');
-
-const {
     apiURL,
     formatMsg,
     buildFromJSON,
-} = require('../common/cloudfunc');
+} from '#common/cloudfunc';
+import * as Images from '#dom/images';
+import {unregisterSW} from './sw/register.js';
+import {getJsonFromFileTable} from './get-json-from-file-table.js';
+import {Key} from './key/index.js';
+import {loadModule} from './load-module.js';
 
-const loadModule = require('./load-module');
+const noJS = (a) => a.replace(/.js$/, '');
+
+const isDev = process.env.NODE_ENV === 'development';
 
 inherits(CloudCmdProto, Emitify);
 
-module.exports = new CloudCmdProto(DOM);
+export const createCloudCmd = ({DOM, Listeners}) => {
+    return new CloudCmdProto({
+        DOM,
+        Listeners,
+    });
+};
 
 load.addErrorListener((e, src) => {
     const msg = `file ${src} could not be loaded`;
     Images.show.error(msg);
 });
 
-function CloudCmdProto(DOM) {
+function CloudCmdProto({DOM, Listeners}) {
-    let Listeners;
-    
-    const log = (...a) => {
-        if (!isDev )
-            return;
-        
-        console.log(...a);
-    };
-    
     Emitify.call(this);
     
     const CloudCmd = this;
     const Info = DOM.CurrentInfo;
     
-    const {
+    const {Storage, Files} = DOM;
-        Storage,
-        Files,
-    } = DOM;
     
-    this.log = log;
+    this.log = () => {
+        if (!isDev)
+            return;
+    };
     this.prefix = '';
     this.prefixSocket = '';
     this.prefixURL = '';
-    this.DIRCLIENT = '/dist/';
-    this.DIRCLIENT_MODULES = this.DIRCLIENT + 'modules/';
     
-    this.MIN_ONE_PANEL_WIDTH = 1155;
+    this.MIN_ONE_PANEL_WIDTH = DOM.getCSSVar('min-one-panel-width');
     this.HOST = location.origin || location.protocol + '//' + location.host;
-    
-    const TITLE = 'Cloud Commander';
-    this.TITLE = TITLE;
-    
     this.sort = {
         left: 'name',
         right: 'name',
@@ -80,28 +64,16 @@ function CloudCmdProto(DOM) {
         right: 'asc',
     };
     
-    /**
+    this.changeDir = async (path, overrides = {}) => {
-     * Функция привязываеться ко всем ссылкам и
-     *  загружает содержимое каталогов
-     *
-     * @param params - {
-     *          paramLink - ссылка
-     *          needRefresh - необходимость обязательной загрузки данных с сервера
-     *          panel
-     *      }
-     * @param callback
-     */
-    this.loadDir = async (params) => {
-        const p = params;
-        const refresh = p.isRefresh;
-        
         const {
+            isRefresh,
             panel,
-            history,
+            history = true,
             noCurrent,
             currentName,
-        } = p;
+        } = overrides;
         
+        const refresh = isRefresh;
         let panelChanged;
         
         if (!noCurrent && panel && panel !== Info.panel) {
@@ -115,14 +87,14 @@ function CloudCmdProto(DOM) {
             imgPosition = 'top';
         
         Images.show.load(imgPosition, panel);
-        const path = addSlashToEnd(p.path);
         
         /* загружаем содержимое каталога */
-        await ajaxLoad(path, {
+        await ajaxLoad(addSlashToEnd(path), {
             refresh,
             history,
             noCurrent,
             currentName,
+            showDotFiles: CloudCmd.config('showDotFiles'),
         }, panel);
     };
     
@@ -135,6 +107,8 @@ function CloudCmdProto(DOM) {
         CloudCmd.prefix = prefix;
         CloudCmd.prefixURL = `${prefix}${apiURL}`;
         CloudCmd.prefixSocket = config.prefixSocket;
+        CloudCmd.DIR_DIST = `${prefix}/dist`;
+        CloudCmd.DIR_MODULES = `${this.DIR_DIST}/modules`;
         
         CloudCmd.config = (key) => config[key];
         CloudCmd.config.if = currify((key, fn, a) => config[key] && fn(a));
@@ -143,7 +117,6 @@ function CloudCmdProto(DOM) {
              * should be called from config.js only
              * after successful update on server
              */
-            
             if (key === 'password')
                 return;
             
@@ -154,22 +127,14 @@ function CloudCmdProto(DOM) {
             CloudCmd.MIN_ONE_PANEL_WIDTH = Infinity;
         
         if (!document.body.scrollIntoViewIfNeeded)
-            await load.js(prefix + CloudCmd.DIRCLIENT_MODULES + 'polyfill.js');
+            await load.js(`${CloudCmd.DIR_MODULES}/polyfill.js`);
         
         await initModules();
         await baseInit();
-        await loadStyle();
         
         CloudCmd.route(location.hash);
     };
     
-    async function loadStyle() {
-        const {prefix} = CloudCmd;
-        const name = prefix + '/dist/cloudcmd.common.css';
-        
-        await load.css(name);
-    }
-    
     this.route = (path) => {
         const query = path.split('/');
         
@@ -179,12 +144,13 @@ function CloudCmdProto(DOM) {
         const [kebabModule] = query;
         const module = noJS(pascalCase(kebabModule.slice(1)));
         
-        const file = query[1];
+        const [, file] = query;
         const current = DOM.getCurrentByName(file);
         
         if (file && !current) {
             const msg = formatMsg('set current file', file, 'error');
             CloudCmd.log(msg);
+            
             return;
         }
         
@@ -256,7 +222,7 @@ function CloudCmdProto(DOM) {
             });
         
         const dirPath = DOM.getCurrentDirPath();
-        Listeners = CloudCmd.Listeners;
+        
         Listeners.init();
         
         const panels = getPanels();
@@ -293,19 +259,15 @@ function CloudCmdProto(DOM) {
     };
     
     this.refresh = async (options = {}) => {
-        const {
+        const {panel = Info.panel, currentName} = options;
-            panel = Info.panel,
-            currentName,
-        } = options;
         
         const path = DOM.getCurrentDirPath(panel);
         
         const isRefresh = true;
         const history = false;
-        const noCurrent = options ? options.noCurrent : false;
+        const noCurrent = options?.noCurrent;
         
-        await CloudCmd.loadDir({
+        await CloudCmd.changeDir(path, {
-            path,
             isRefresh,
             history,
             panel,
@@ -321,22 +283,18 @@ function CloudCmdProto(DOM) {
      * @param options
      * { refresh, history } - необходимость обновить данные о каталоге
      * @param panel
-     * @param callback
      *
      */
     async function ajaxLoad(path, options = {}, panel) {
         const {RESTful} = DOM;
         
-        CloudCmd.log('reading dir: "' + path + '";');
+        CloudCmd.log(`reading dir: "${path}";`);
         
         const dirStorage = CloudCmd.config('dirStorage');
         const json = dirStorage && await Storage.getJson(path);
         
         const name = options.currentName || Info.name;
-        const {
+        const {noCurrent, refresh} = options;
-            noCurrent,
-            refresh,
-        } = options;
         
         if (!refresh && json)
             return await createFileTable(json, panel, options);
@@ -353,7 +311,8 @@ function CloudCmdProto(DOM) {
         const [, newObj] = await RESTful.read(path + query, 'json');
         
         if (!newObj)
-            return; // that's OK, error handled by RESTful
+            // that's OK, error handled by RESTful
+            return;
         
         options.sort = sort;
         options.order = order;
@@ -371,23 +330,30 @@ function CloudCmdProto(DOM) {
     
     /**
      * Функция строит файловую таблицу
-     * @param json  - данные о файлах
+     * @param data - данные о файлах
      * @param panelParam
-     * @param history
+     * @param options - history, noCurrent, showDotFiles
-     * @param callback
      */
     async function createFileTable(data, panelParam, options) {
         const {
             history,
             noCurrent,
+            showDotFiles,
         } = options;
         
-        const names = ['file', 'path', 'link', 'pathLink'];
+        const names = [
+            'file',
+            'path',
+            'link',
+            'pathLink',
+        ];
         
-        const [
+        const [error, [
-            error,
+            file,
-            [file, path, link, pathLink],
+            path,
-        ] = await tryToCatch(Files.get, names);
+            link,
+            pathLink,
+        ]] = await tryToCatch(Files.get, names);
         
         if (error)
             return DOM.Dialog.alert(error.responseText);
@@ -395,10 +361,7 @@ function CloudCmdProto(DOM) {
         const panel = panelParam || DOM.getPanel();
         const {prefix} = CloudCmd;
         
-        const {
+        const {dir, name} = Info;
-            dir,
-            name,
-        } = Info;
         
         const {childNodes} = panel;
         let i = childNodes.length;
@@ -407,12 +370,13 @@ function CloudCmdProto(DOM) {
             panel.removeChild(panel.lastChild);
         
         panel.innerHTML = buildFromJSON({
-            sort        : options.sort,
+            sort: options.sort,
-            order       : options.order,
+            order: options.order,
             data,
-            id          : panel.id,
+            id: panel.id,
             prefix,
-            template    : {
+            showDotFiles,
+            template: {
                 file,
                 path,
                 pathLink,
@@ -452,9 +416,7 @@ function CloudCmdProto(DOM) {
         
         const path = parentDirPath;
         
-        await CloudCmd.loadDir({
+        await CloudCmd.changeDir(path);
-            path,
-        });
         
         const current = DOM.getCurrentByName(dir);
         const [first] = DOM.getFiles(panel);
@@ -464,4 +426,3 @@ function CloudCmdProto(DOM) {
         });
     };
 }
-

client/cloudcmd.js

@@ -1,42 +1,44 @@
-'use strict';
+import '../css/main.css';
-
+import process from 'node:process';
-require('../css/main.css');
+import wraptile from 'wraptile';
-require('../css/nojs.css');
+import load from 'load.js';
-require('../css/columns/name-size-date.css');
+import * as Util from '#common/util';
-require('../css/columns/name-size.css');
+import * as CloudFunc from '#common/cloudfunc';
-
+import DOM from '#dom';
-const wraptile = require('wraptile');
+import {registerSW, listenSW} from './sw/register.js';
-const load = require('load.js');
+import {initSortPanel, sortPanel} from './sort.js';
+import {createCloudCmd} from './client.js';
+import * as Listeners from './listeners/index.js';
 
 const isDev = process.env.NODE_ENV === 'development';
 
-const {
+export default init;
-    registerSW,
-    listenSW,
-} = require('./sw/register');
 
-// prevent additional loading of emitify
+globalThis.CloudCmd = init;
-window.Emitify = require('emitify');
 
-module.exports = window.CloudCmd = async (config) => {
+async function init(config) {
-    window.Util = require('../common/util');
+    globalThis.CloudCmd = createCloudCmd({
-    window.CloudFunc = require('../common/cloudfunc');
+        DOM,
-    
+        Listeners,
-    const DOM = require('./dom');
+    });
-    
+    globalThis.DOM = DOM;
-    window.DOM = DOM;
+    globalThis.Util = Util;
-    window.CloudCmd = require('./client');
+    globalThis.CloudFunc = CloudFunc;
     
     await register(config);
     
-    require('./listeners');
+    initSortPanel();
-    require('./key');
+    globalThis.CloudCmd.sortPanel = sortPanel;
-    require('./sort');
-    
     const prefix = getPrefix(config.prefix);
     
-    window.CloudCmd.init(prefix, config);
+    globalThis.CloudCmd.init(prefix, config);
-};
+    
+    if (globalThis.CloudCmd.config('menu') === 'aleman')
+        setTimeout(() => {
+            import('https://esm.sh/@putout/processor-html');
+            import('https://esm.sh/@putout/bundle@5.5');
+        }, 100);
+}
 
 function getPrefix(prefix) {
     if (!prefix)
@@ -52,7 +54,7 @@ const onUpdateFound = wraptile(async (config) => {
     if (isDev)
         return;
     
-    const {DOM} = window;
+    const {DOM} = globalThis;
     const prefix = getPrefix(config.prefix);
     
     await load.js(`${prefix}/dist/cloudcmd.common.js`);
@@ -61,7 +63,7 @@ const onUpdateFound = wraptile(async (config) => {
     console.log('cloudcmd: sw: updated');
     
     DOM.Events.removeAll();
-    window.CloudCmd(config);
+    globalThis.CloudCmd(config);
 });
 
 async function register(config) {
@@ -70,4 +72,3 @@ async function register(config) {
     
     listenSW(sw, 'updatefound', onUpdateFound(config));
 }
-

client/dom/buffer.js

@@ -1,137 +1,124 @@
-'use strict';
+/* global CloudCmd*/
+import * as Storage from '#dom/storage';
+import tryToPromiseAll from '../../common/try-to-promise-all.js';
 
-/* global CloudCmd */
+const CLASS = 'cut-file';
+const COPY = 'copy';
+const CUT = 'cut';
 
-const tryToPromiseAll = require('../../common/try-to-promise-all');
+function showMessage(msg) {
-const Storage = require('./storage');
+    globalThis.DOM.Dialog.alert(msg);
-const DOM = require('./');
-
-module.exports = new BufferProto();
-
-function BufferProto() {
-    const Info = DOM.CurrentInfo;
-    const CLASS = 'cut-file';
-    const COPY = 'copy';
-    const CUT = 'cut';
-    const Buffer = {
-        cut     : callIfEnabled.bind(null, cut),
-        copy    : callIfEnabled.bind(null, copy),
-        clear   : callIfEnabled.bind(null, clear),
-        paste   : callIfEnabled.bind(null, paste),
-    };
-    
-    function showMessage(msg) {
-        DOM.Dialog.alert(msg);
-    }
-    
-    function getNames() {
-        const files = DOM.getActiveFiles();
-        const names = DOM.getFilenames(files);
-        
-        return names;
-    }
-    
-    function addCutClass() {
-        const files = DOM.getActiveFiles();
-        
-        for (const element of files) {
-            element.classList.add(CLASS);
-        }
-    }
-    
-    function rmCutClass() {
-        const files = DOM.getByClassAll(CLASS);
-        
-        for (const element of files) {
-            element.classList.remove(CLASS);
-        }
-    }
-    
-    function callIfEnabled(callback) {
-        const is = CloudCmd.config('buffer');
-        
-        if (is)
-            return callback();
-        
-        showMessage('Buffer disabled in config!');
-    }
-    
-    async function readBuffer() {
-        const [e, cp, ct] = await tryToPromiseAll([
-            Storage.getJson(COPY),
-            Storage.getJson(CUT),
-        ]);
-        
-        return [
-            e,
-            cp,
-            ct,
-        ];
-    }
-    
-    async function copy() {
-        const names = getNames();
-        const from = Info.dirPath;
-        
-        await clear();
-        
-        if (!names.length)
-            return;
-        
-        await Storage.remove(CUT);
-        await Storage.setJson(COPY, {
-            from,
-            names,
-        });
-    }
-    
-    async function cut() {
-        const names = getNames();
-        const from = Info.dirPath;
-        
-        await clear();
-        
-        if (!names.length)
-            return;
-        
-        addCutClass();
-        
-        await Storage.setJson(CUT, {
-            from,
-            names,
-        });
-    }
-    
-    async function clear() {
-        await Storage.remove(COPY);
-        await Storage.remove(CUT);
-        
-        rmCutClass();
-    }
-    
-    async function paste() {
-        const [error, cp, ct] = await readBuffer();
-        
-        if (error || !cp && !ct)
-            return showMessage(error || 'Buffer is empty!');
-        
-        const opStr = cp ? 'copy' : 'move';
-        const data = cp || ct;
-        const {Operation} = CloudCmd;
-        const msg = 'Path is same!';
-        const to = Info.dirPath;
-        
-        if (data.from === to)
-            return showMessage(msg);
-        
-        Operation.show(opStr, {
-            ...data,
-            to,
-        });
-        
-        await clear();
-    }
-    
-    return Buffer;
 }
 
+function getNames() {
+    const {DOM} = globalThis;
+    const files = DOM.getActiveFiles();
+    
+    return DOM.getFilenames(files);
+}
+
+function addCutClass() {
+    const {DOM} = globalThis;
+    const files = DOM.getActiveFiles();
+    
+    for (const element of files) {
+        element.classList.add(CLASS);
+    }
+}
+
+function rmCutClass() {
+    const {DOM} = globalThis;
+    const files = DOM.getByClassAll(CLASS);
+    
+    for (const element of files) {
+        element.classList.remove(CLASS);
+    }
+}
+
+const checkEnabled = (fn) => () => {
+    const is = CloudCmd.config('buffer');
+    
+    if (is)
+        return fn();
+    
+    showMessage('Buffer disabled in config!');
+};
+
+async function readBuffer() {
+    const [e, cp, ct] = await tryToPromiseAll([
+        Storage.getJson(COPY),
+        Storage.getJson(CUT),
+    ]);
+    
+    return [
+        e,
+        cp,
+        ct,
+    ];
+}
+
+export const copy = checkEnabled(async () => {
+    const Info = globalThis.DOM.CurrentInfo;
+    const names = getNames();
+    const from = Info.dirPath;
+    
+    await clear();
+    
+    if (!names.length)
+        return;
+    
+    await Storage.remove(CUT);
+    await Storage.setJson(COPY, {
+        from,
+        names,
+    });
+});
+
+export const cut = checkEnabled(async () => {
+    const Info = globalThis.DOM.CurrentInfo;
+    const names = getNames();
+    const from = Info.dirPath;
+    
+    await clear();
+    
+    if (!names.length)
+        return;
+    
+    addCutClass();
+    
+    await Storage.setJson(CUT, {
+        from,
+        names,
+    });
+});
+
+export const clear = checkEnabled(async () => {
+    await Storage.remove(COPY);
+    await Storage.remove(CUT);
+    
+    rmCutClass();
+});
+
+export const paste = checkEnabled(async () => {
+    const Info = globalThis.DOM.CurrentInfo;
+    const [error, cp, ct] = await readBuffer();
+    
+    if (error || !cp && !ct)
+        return showMessage(error || 'Buffer is empty!');
+    
+    const opStr = cp ? 'copy' : 'move';
+    const data = cp || ct;
+    const {Operation} = CloudCmd;
+    const msg = 'Path is same!';
+    const to = Info.dirPath;
+    
+    if (data.from === to)
+        return showMessage(msg);
+    
+    Operation.show(opStr, {
+        ...data,
+        to,
+    });
+    
+    await clear();
+});

client/dom/cmd.js

@@ -0,0 +1,83 @@
+/* global DOM */
+const SELECTED_FILE = 'selected-file';
+const Cmd = {
+    getSelectedFiles,
+    isSelected,
+    unselectFile,
+    selectFile,
+    selectAllFiles,
+    toggleSelectedFile,
+    toggleAllSelectedFiles,
+};
+
+/**
+ * selected file check
+ *
+ * @param currentFile
+ */
+export function isSelected(currentFile) {
+    if (!currentFile)
+        return false;
+    
+    return DOM.isContainClass(currentFile, SELECTED_FILE);
+}
+
+/**
+ * select current file
+ * @param currentFile
+ */
+export function selectFile(currentFile) {
+    const current = currentFile || DOM.getCurrentFile();
+    
+    current.classList.add(SELECTED_FILE);
+    
+    return Cmd;
+}
+
+export function unselectFile(currentFile) {
+    const current = currentFile || DOM.getCurrentFile();
+    
+    current.classList.remove(SELECTED_FILE);
+    
+    return Cmd;
+}
+
+export function toggleSelectedFile(currentFile) {
+    const current = currentFile || DOM.getCurrentFile();
+    const name = DOM.getCurrentName(current);
+    
+    if (name === '..')
+        return Cmd;
+    
+    current.classList.toggle(SELECTED_FILE);
+    
+    return Cmd;
+}
+
+export function toggleAllSelectedFiles() {
+    DOM
+        .getAllFiles()
+        .map(DOM.toggleSelectedFile);
+    
+    return Cmd;
+}
+
+export function selectAllFiles() {
+    DOM
+        .getAllFiles()
+        .map(DOM.selectFile);
+    
+    return Cmd;
+}
+
+/**
+ * unified way to get selected files
+ *
+ * @currentFile
+ */
+export function getSelectedFiles() {
+    const panel = DOM.getPanel();
+    const selected = DOM.getByClassAll(SELECTED_FILE, panel);
+    
+    return Array.from(selected);
+}

client/dom/current-file.js

@@ -1,28 +1,16 @@
-'use strict';
-
 /* global DOM */
 /* global CloudCmd */
-
+import createElement from '@cloudcmd/create-element';
-const btoa = require('../../common/btoa');
+import {getTitle, FS} from '#common/cloudfunc';
-const createElement = require('@cloudcmd/create-element');
+import {encode, decode} from '#common/entity';
-
-const {
-    encode,
-    decode,
-} = require('../../common/entity');
-
-const {
-    getTitle,
-    FS,
-} = require('../../common/cloudfunc');
 
 let Title;
 
 const CURRENT_FILE = 'current-file';
-const NBSP_REG = RegExp(String.fromCharCode(160), 'g');
+const encodeNBSP = (a) => a?.replace('\xa0', ' ');
-const SPACE = ' ';
+const decodeNBSP = (a) => a?.replace(' ', '\xa0');
 
-module.exports._CURRENT_FILE = CURRENT_FILE;
+export const _CURRENT_FILE = CURRENT_FILE;
 
 /**
  * set name from current (or param) file
@@ -30,7 +18,7 @@ module.exports._CURRENT_FILE = CURRENT_FILE;
  * @param name
  * @param current
  */
-module.exports.setCurrentName = (name, current) => {
+export const setCurrentName = (name, current) => {
     const Info = DOM.CurrentInfo;
     const {link} = Info;
     const {prefix} = CloudCmd;
@@ -41,7 +29,7 @@ module.exports.setCurrentName = (name, current) => {
     link.href = dir + encoded;
     link.innerHTML = encoded;
     
-    current.setAttribute('data-name', 'js-file-' + btoa(encodeURI(name)));
+    current.setAttribute('data-name', createNameAttribute(name));
     CloudCmd.emit('current-file', current);
     
     return link;
@@ -52,28 +40,48 @@ module.exports.setCurrentName = (name, current) => {
  *
  * @param currentFile
  */
-module.exports.getCurrentName = (currentFile) => {
+export const getCurrentName = (currentFile) => {
     const current = currentFile || DOM.getCurrentFile();
     
     if (!current)
         return '';
     
-    const link = DOM.getCurrentLink(current);
+    return parseNameAttribute(current.getAttribute('data-name'));
-    
-    if (!link)
-        return '';
-    
-    return decode(link.title)
-        .replace(NBSP_REG, SPACE);
 };
 
 /**
- * get current direcotory path
+ * Generate a `data-name` attribute for the given filename
+ * @param name The string name to encode
  */
-module.exports.getCurrentDirPath = (panel = DOM.getPanel()) => {
+const createNameAttribute = (name) => {
+    const encoded = btoa(encodeURI(name));
+    return `js-file-${encoded}`;
+};
+
+/**
+ * Parse a `data-name` attribute string back into the original filename
+ * @param attribute The string we wish to decode
+ */
+const parseNameAttribute = (attribute) => {
+    attribute = attribute.replace('js-file-', '');
+    return decodeNBSP(decodeURI(atob(attribute)));
+};
+
+export const _parseNameAttribute = parseNameAttribute;
+
+const parseHrefAttribute = (prefix, attribute) => {
+    attribute = attribute.replace(RegExp('^' + prefix + FS), '');
+    return decode(decodeNBSP(attribute));
+};
+
+export const _parseHrefAttribute = parseHrefAttribute;
+
+/**
+ * get current directory path
+ */
+export const getCurrentDirPath = (panel = DOM.getPanel()) => {
     const path = DOM.getByDataName('js-path', panel);
-    return path.textContent
+    return path.textContent;
-        .replace(NBSP_REG, SPACE);
 };
 
 /**
@@ -81,36 +89,31 @@ module.exports.getCurrentDirPath = (panel = DOM.getPanel()) => {
  *
  * @param currentFile - current file by default
  */
-module.exports.getCurrentPath = (currentFile) => {
+export const getCurrentPath = (currentFile) => {
     const current = currentFile || DOM.getCurrentFile();
     const [element] = DOM.getByTag('a', current);
     const {prefix} = CloudCmd;
     
-    const path = element
+    return parseHrefAttribute(prefix, element.getAttribute('href'));
-        .getAttribute('href')
-        .replace(RegExp('^' + prefix + FS), '')
-        .replace(NBSP_REG, SPACE);
-    
-    return decode(path);
 };
 
 /**
- * get current direcotory name
+ * get current directory name
  */
-module.exports.getCurrentDirName = () => {
+export const getCurrentDirName = () => {
-    const href = DOM.getCurrentDirPath()
+    const href = DOM
+        .getCurrentDirPath()
         .replace(/\/$/, '');
     
     const substr = href.substr(href, href.lastIndexOf('/'));
-    const ret = href.replace(substr + '/', '') || '/';
     
-    return ret;
+    return href.replace(`${substr}/`, '') || '/';
 };
 
 /**
- * get current direcotory path
+ * get current directory path
  */
-module.exports.getParentDirPath = (panel) => {
+export const getParentDirPath = (panel) => {
     const path = DOM.getCurrentDirPath(panel);
     const dirName = DOM.getCurrentDirName() + '/';
     const index = path.lastIndexOf(dirName);
@@ -122,9 +125,9 @@ module.exports.getParentDirPath = (panel) => {
 };
 
 /**
- * get not current direcotory path
+ * get not current directory path
  */
-module.exports.getNotCurrentDirPath = () => {
+export const getNotCurrentDirPath = () => {
     const panel = DOM.getPanel({
         active: false,
     });
@@ -137,20 +140,20 @@ module.exports.getNotCurrentDirPath = () => {
  *
  * @currentFile
  */
-module.exports.getCurrentFile = () => {
+export const getCurrentFile = () => {
     return DOM.getByClass(CURRENT_FILE);
 };
 
 /**
  * get current file by name
  */
-module.exports.getCurrentByName = (name, panel = DOM.CurrentInfo.panel) => {
+export const getCurrentByName = (name, panel = DOM.CurrentInfo.panel) => {
-    const dataName = 'js-file-' + btoa(encodeURI(name));
+    const dataName = 'js-file-' + btoa(encodeURI(encodeNBSP(name)));
     return DOM.getByDataName(dataName, panel);
 };
 
 /**
- * private function thet unset currentfile
+ * private function that unset currentFile
  *
  * @currentFile
  */
@@ -166,7 +169,7 @@ function unsetCurrentFile(currentFile) {
 /**
  * unified way to set current file
  */
-module.exports.setCurrentFile = (currentFile, options) => {
+export const setCurrentFile = (currentFile, options) => {
     const o = options;
     const currentFileWas = DOM.getCurrentFile();
     
@@ -195,7 +198,7 @@ module.exports.setCurrentFile = (currentFile, options) => {
          * but it should be false
          * to prevent default behavior
          */
-        if (!o || o.history !== false) {
+        if (!o || o.history) {
             const historyPath = path === '/' ? path : FS + path;
             DOM.setHistory(historyPath, null, historyPath);
         }
@@ -203,6 +206,7 @@ module.exports.setCurrentFile = (currentFile, options) => {
     
     /* scrolling to current file */
     const CENTER = true;
+    
     DOM.scrollIntoViewIfNeeded(currentFile, CENTER);
     
     CloudCmd.emit('current-file', currentFile);
@@ -212,7 +216,7 @@ module.exports.setCurrentFile = (currentFile, options) => {
     return DOM;
 };
 
-this.setCurrentByName = (name) => {
+export const setCurrentByName = (name) => {
     const current = DOM.getCurrentByName(name);
     return DOM.setCurrentFile(current);
 };
@@ -223,7 +227,7 @@ this.setCurrentByName = (name) => {
   * @param layer    - element
   * @param          - position {x, y}
   */
-module.exports.getCurrentByPosition = ({x, y}) => {
+export const getCurrentByPosition = ({x, y}) => {
     const element = document.elementFromPoint(x, y);
     
     const getEl = (el) => {
@@ -255,7 +259,7 @@ module.exports.getCurrentByPosition = ({x, y}) => {
  *
  * @param currentFile
  */
-module.exports.isCurrentFile = (currentFile) => {
+export const isCurrentFile = (currentFile) => {
     if (!currentFile)
         return false;
     
@@ -267,8 +271,7 @@ module.exports.isCurrentFile = (currentFile) => {
  *
  * @param name
  */
-
+export const setTitle = (name) => {
-module.exports.setTitle = (name) => {
     if (!Title)
         Title = DOM.getByTag('title')[0] || createElement('title', {
             innerHTML: name,
@@ -285,24 +288,24 @@ module.exports.setTitle = (name) => {
  *
  * @param currentFile
  */
-module.exports.isCurrentIsDir = (currentFile) => {
+export const isCurrentIsDir = (currentFile) => {
     const current = currentFile || DOM.getCurrentFile();
     const path = DOM.getCurrentPath(current);
     const fileType = DOM.getCurrentType(current);
     
-    const isZip = /\.zip$/.test(path);
+    const isZip = path.endsWith('.zip');
     const isDir = /^directory(-link)?/.test(fileType);
     
     return isDir || isZip;
 };
 
-module.exports.getCurrentType = (currentFile) => {
+export const getCurrentType = (currentFile) => {
     const current = currentFile || DOM.getCurrentFile();
     const el = DOM.getByDataName('js-type', current);
+    
     const type = el.className
         .split(' ')
         .pop();
     
     return type;
 };
-

client/dom/current-file.spec.js

@@ -1,69 +1,72 @@
-'use strict';
+import {test, stub} from 'supertape';
+import {create} from 'auto-globals';
+import wraptile from 'wraptile';
+import * as currentFile from './current-file.js';
 
-const test = require('supertape');
-const {create} = require('auto-globals');
-const stub = require('@cloudcmd/stub');
 const id = (a) => a;
-const wraptile = require('wraptile');
-const returns = wraptile(id);
 
-const currentFile = require('./current-file');
+const returns = wraptile(id);
 const {_CURRENT_FILE} = currentFile;
 
 test('current-file: setCurrentName: setAttribute', (t) => {
-    const {
+    const {DOM, CloudCmd} = globalThis;
-        DOM,
-        CloudCmd,
-    } = global;
     
-    global.DOM = getDOM();
+    globalThis.DOM = getDOM();
-    global.CloudCmd = getCloudCmd();
+    globalThis.CloudCmd = getCloudCmd();
     
     const current = create();
     const {setAttribute} = current;
     
     currentFile.setCurrentName('hello', current);
     
-    t.calledWith(setAttribute, ['data-name', 'js-file-aGVsbG8='], 'should call setAttribute');
+    globalThis.DOM = DOM;
-    
+    globalThis.CloudCmd = CloudCmd;
-    global.DOM = DOM;
-    global.CloudCmd = CloudCmd;
     
+    t.calledWith(setAttribute, [
+        'data-name',
+        'js-file-aGVsbG8=',
+    ], 'should call setAttribute');
     t.end();
 });
 
 test('current-file: setCurrentName: setAttribute: cyrillic', (t) => {
-    const {
+    const {DOM, CloudCmd} = globalThis;
-        DOM,
-        CloudCmd,
-    } = global;
     
-    global.DOM = getDOM();
+    globalThis.DOM = getDOM();
-    global.CloudCmd = getCloudCmd();
+    globalThis.CloudCmd = getCloudCmd();
     
     const current = create();
     const {setAttribute} = current;
     
     currentFile.setCurrentName('ай', current);
     
-    t.calledWith(setAttribute, ['data-name', 'js-file-JUQwJUIwJUQwJUI5'], 'should call setAttribute');
+    globalThis.DOM = DOM;
+    globalThis.CloudCmd = CloudCmd;
     
-    global.DOM = DOM;
+    t.calledWith(setAttribute, [
-    global.CloudCmd = CloudCmd;
+        'data-name',
+        'js-file-JUQwJUIwJUQwJUI5',
+    ], 'should call setAttribute');
+    t.end();
+});
+
+test('current-file: getCurrentName', (t) => {
+    const current = create();
+    current.getAttribute.returns('js-file-Ymlu');
     
+    const result = currentFile.getCurrentName(current);
+    
+    t.equal(result, 'bin');
     t.end();
 });
 
 test('current-file: emit', (t) => {
-    const {
+    const {DOM, CloudCmd} = globalThis;
-        DOM,
-        CloudCmd,
-    } = global;
     
     const emit = stub();
     
-    global.DOM = getDOM();
+    globalThis.DOM = getDOM();
-    global.CloudCmd = getCloudCmd({
+    globalThis.CloudCmd = getCloudCmd({
         emit,
     });
     
@@ -71,47 +74,41 @@ test('current-file: emit', (t) => {
     
     currentFile.setCurrentName('hello', current);
     
+    globalThis.DOM = DOM;
+    globalThis.CloudCmd = CloudCmd;
+    
     t.calledWith(emit, ['current-file', current], 'should call emit');
-    
-    global.DOM = DOM;
-    global.CloudCmd = CloudCmd;
-    
     t.end();
 });
 
 test('current-file: setCurrentName: return', (t) => {
-    const {
+    const {DOM, CloudCmd} = globalThis;
-        DOM,
-        CloudCmd,
-    } = global;
     
     const link = {};
     
-    global.DOM = getDOM({
+    globalThis.DOM = getDOM({
         link,
     });
     
-    global.CloudCmd = getCloudCmd();
+    globalThis.CloudCmd = getCloudCmd();
     
     const current = create();
-    
     const result = currentFile.setCurrentName('hello', current);
     
+    globalThis.DOM = DOM;
+    globalThis.CloudCmd = CloudCmd;
+    
     t.equal(result, link, 'should return link');
-    
-    global.DOM = DOM;
-    global.CloudCmd = CloudCmd;
-    
     t.end();
 });
 
 test('current-file: getParentDirPath: result', (t) => {
-    const {DOM} = global;
+    const {DOM} = globalThis;
     
     const getCurrentDirPath = returns('/D/Films/+++favorite films/');
     const getCurrentDirName = returns('+++favorite films');
     
-    global.DOM = getDOM({
+    globalThis.DOM = getDOM({
         getCurrentDirPath,
         getCurrentDirName,
     });
@@ -119,65 +116,55 @@ test('current-file: getParentDirPath: result', (t) => {
     const result = currentFile.getParentDirPath();
     const expected = '/D/Films/';
     
-    global.DOM = DOM;
+    globalThis.DOM = DOM;
     
     t.equal(result, expected, 'should return parent dir path');
     t.end();
 });
 
 test('current-file: isCurrentFile: no', (t) => {
-    const {
+    const {DOM, CloudCmd} = globalThis;
-        DOM,
-        CloudCmd,
-    } = global;
     
-    global.DOM = getDOM();
+    globalThis.DOM = getDOM();
-    global.CloudCmd = getCloudCmd();
+    globalThis.CloudCmd = getCloudCmd();
     
     const result = currentFile.isCurrentFile();
-    const expect = false;
     
-    global.DOM = DOM;
+    globalThis.DOM = DOM;
-    global.CloudCmd = CloudCmd;
+    globalThis.CloudCmd = CloudCmd;
     
-    t.equal(result, expect, 'should equal');
+    t.notOk(result);
     t.end();
 });
 
 test('current-file: isCurrentFile', (t) => {
-    const {
+    const {DOM, CloudCmd} = globalThis;
-        DOM,
-        CloudCmd,
-    } = global;
     
     const isContainClass = stub();
     
-    global.DOM = getDOM({
+    globalThis.DOM = getDOM({
         isContainClass,
     });
     
-    global.CloudCmd = getCloudCmd();
+    globalThis.CloudCmd = getCloudCmd();
     
     const current = {};
     currentFile.isCurrentFile(current);
     
-    global.DOM = DOM;
+    globalThis.DOM = DOM;
-    global.CloudCmd = CloudCmd;
+    globalThis.CloudCmd = CloudCmd;
     
     t.calledWith(isContainClass, [current, _CURRENT_FILE], 'should call isContainClass');
     t.end();
 });
 
 test('current-file: getCurrentType', (t) => {
-    const {
+    const {DOM, CloudCmd} = globalThis;
-        DOM,
-        CloudCmd,
-    } = global;
     
-    global.DOM = getDOM();
+    globalThis.DOM = getDOM();
-    global.CloudCmd = getCloudCmd();
+    globalThis.CloudCmd = getCloudCmd();
     
-    const {getByDataName} = global.DOM;
+    const {getByDataName} = globalThis.DOM;
     
     getByDataName.returns({
         className: 'mini-icon directory',
@@ -187,120 +174,125 @@ test('current-file: getCurrentType', (t) => {
     
     currentFile.getCurrentType(current);
     
-    global.DOM = DOM;
+    globalThis.DOM = DOM;
-    global.CloudCmd = CloudCmd;
+    globalThis.CloudCmd = CloudCmd;
     
     t.calledWith(getByDataName, ['js-type', current]);
     t.end();
 });
 
 test('current-file: isCurrentIsDir: getCurrentType', (t) => {
-    const {
+    const {DOM, CloudCmd} = globalThis;
-        DOM,
-        CloudCmd,
-    } = global;
     
-    global.DOM = getDOM();
+    globalThis.DOM = getDOM();
-    global.CloudCmd = getCloudCmd();
+    globalThis.CloudCmd = getCloudCmd();
     
-    const {getCurrentType} = global.DOM;
+    const {getCurrentType} = globalThis.DOM;
     
     const current = create();
     
     currentFile.isCurrentIsDir(current);
     
-    global.DOM = DOM;
+    globalThis.DOM = DOM;
-    global.CloudCmd = CloudCmd;
+    globalThis.CloudCmd = CloudCmd;
     
     t.calledWith(getCurrentType, [current]);
     t.end();
 });
 
 test('current-file: isCurrentIsDir: directory', (t) => {
-    const {
+    const {DOM, CloudCmd} = globalThis;
-        DOM,
-        CloudCmd,
-    } = global;
     
-    global.DOM = getDOM({
+    globalThis.DOM = getDOM({
         getCurrentType: stub().returns('directory'),
     });
     
-    global.CloudCmd = getCloudCmd();
+    globalThis.CloudCmd = getCloudCmd();
     
     const current = create();
     
     const result = currentFile.isCurrentIsDir(current);
     
-    global.DOM = DOM;
+    globalThis.DOM = DOM;
-    global.CloudCmd = CloudCmd;
+    globalThis.CloudCmd = CloudCmd;
     
     t.ok(result);
     t.end();
 });
 
 test('current-file: isCurrentIsDir: directory-link', (t) => {
-    const {
+    const {DOM, CloudCmd} = globalThis;
-        DOM,
-        CloudCmd,
-    } = global;
     
-    global.DOM = getDOM({
+    globalThis.DOM = getDOM({
         getCurrentType: stub().returns('directory-link'),
     });
     
-    global.CloudCmd = getCloudCmd();
+    globalThis.CloudCmd = getCloudCmd();
     
     const current = create();
     
     const result = currentFile.isCurrentIsDir(current);
     
-    global.DOM = DOM;
+    globalThis.DOM = DOM;
-    global.CloudCmd = CloudCmd;
+    globalThis.CloudCmd = CloudCmd;
     
     t.ok(result);
     t.end();
 });
 
 test('current-file: isCurrentIsDir: file', (t) => {
-    const {
+    const {DOM, CloudCmd} = globalThis;
-        DOM,
-        CloudCmd,
-    } = global;
     
-    global.DOM = getDOM({
+    globalThis.DOM = getDOM({
         getCurrentType: stub().returns('file'),
     });
     
-    global.CloudCmd = getCloudCmd();
+    globalThis.CloudCmd = getCloudCmd();
     
     const current = create();
     
     const result = currentFile.isCurrentIsDir(current);
     
-    global.DOM = DOM;
+    globalThis.DOM = DOM;
-    global.CloudCmd = CloudCmd;
+    globalThis.CloudCmd = CloudCmd;
     
     t.notOk(result);
     t.end();
 });
 
-function getCloudCmd({emit} = {}) {
+const getCloudCmd = ({emit} = {}) => ({
-    return {
+    prefix: '',
-        prefix: '',
+    emit: emit || stub(),
-        emit: emit || stub(),
+});
-    };
-}
 
-function getDOM({
+test('current-file: parseNameAttribute', (t) => {
-    link = {},
+    const result = currentFile._parseNameAttribute('js-file-aGVsbG8mbmJzcDt3b3JsZA==');
-    getCurrentDirPath = stub(),
+    const expected = 'hello\xa0world';
-    getCurrentDirName = stub(),
+    
-    getByDataName = stub(),
+    t.equal(result, expected);
-    isContainClass = stub(),
+    t.end();
-    getCurrentType = stub(),
+});
-    getCurrentPath = stub(),
+
-} = {}) {
+test('current-file: parseHrefAttribute', (t) => {
+    const prefix = '/api/v1';
+    const result = currentFile._parseHrefAttribute(prefix, '/api/v1/fs/hello world');
+    const expected = '/hello\xa0world';
+    
+    t.equal(result, expected);
+    t.end();
+});
+
+function getDOM(overrides = {}) {
+    const {
+        link = {},
+        getCurrentDirPath = stub(),
+        getCurrentDirName = stub(),
+        getByDataName = stub(),
+        isContainClass = stub(),
+        getCurrentType = stub(),
+        getCurrentPath = stub().returns(''),
+    } = overrides;
+    
     return {
         getCurrentDirPath,
         getCurrentDirName,
@@ -314,4 +306,3 @@ function getDOM({
         },
     };
 }
-

client/dom/dialog.js

@@ -1,27 +1,18 @@
-'use strict';
+import {tryToCatch} from 'try-to-catch';
-
+import * as smalltalk from 'smalltalk';
-const tryToCatch = require('try-to-catch');
-
-const {
-    alert,
-    prompt,
-    confirm,
-    progress,
-} = require('smalltalk');
 
 const title = 'Cloud Commander';
 
-module.exports.alert = (...a) => alert(title, ...a, {
+export const alert = (...a) => smalltalk.alert(title, ...a, {
     cancel: false,
 });
 
-module.exports.prompt = (...a) => tryToCatch(prompt, title, ...a);
+export const prompt = (...a) => tryToCatch(smalltalk.prompt, title, ...a);
-module.exports.confirm = (...a) => tryToCatch(confirm, title, ...a);
+export const confirm = (...a) => tryToCatch(smalltalk.confirm, title, ...a);
-module.exports.progress = (...a) => progress(title, ...a);
+export const progress = (...a) => smalltalk.progress(title, ...a);
 
-module.exports.alert.noFiles = () => {
+alert.noFiles = () => {
-    return alert(title, 'No files selected!', {
+    return smalltalk.alert(title, 'No files selected!', {
         cancel: false,
     });
 };
-

client/dom/directory.js

@@ -1,27 +1,19 @@
-'use strict';
+/* global DOM, CloudCmd */
+import philip from 'philip';
+import * as Dialog from '#dom/dialog';
+import {FS} from '#common/cloudfunc';
+import * as Images from '#dom/images';
 
-/* global CloudCmd */
+export const uploadDirectory = (items) => {
-
-const philip = require('philip');
-
-const Images = require('./images');
-const {FS} = require('../../common/cloudfunc');
-const DOM = require('.');
-const Dialog = require('./dialog');
-
-const {getCurrentDirPath: getPathWhenRootEmpty} = DOM;
-
-module.exports = (items) => {
     if (items.length)
         Images.show('top');
     
-    const entries = Array.from(items).map((item) => {
+    const entries = Array
-        return item.webkitGetAsEntry();
+        .from(items)
-    });
+        .map((item) => item.webkitGetAsEntry());
     
-    const dirPath = getPathWhenRootEmpty();
+    const dirPath = DOM.getCurrentDirPath();
-    const path = dirPath
+    const path = dirPath.replace(/\/$/, '');
-        .replace(/\/$/, '');
     
     const progress = Dialog.progress('Uploading...');
     
@@ -65,15 +57,8 @@ module.exports = (items) => {
     uploader.on('end', CloudCmd.refresh);
 };
 
-function percent(i, n, per = 100) {
+const percent = (i, n, per = 100) => Math.round(i * per / n);
-    return Math.round(i * per / n);
-}
 
-function uploadFile(url, data) {
+const uploadFile = (url, data) => DOM.load.put(url, data);
-    return DOM.load.put(url, data);
-}
-
-function uploadDir(url) {
-    return DOM.load.put(url + '?dir');
-}
 
+const uploadDir = (url) => DOM.load.put(`${url}?dir`);

client/dom/dom-tree.js

@@ -1,8 +1,15 @@
-'use strict';
+import currify from 'currify';
 
-const currify = require('currify');
+const DOM = {
-
+    show,
-const DOM = module.exports;
+    hide,
+    getByClass,
+    getByClassAll,
+    getByDataName,
+    getById,
+    getByTag,
+    isContainClass,
+};
 
 /**
  * check class of element
@@ -10,7 +17,7 @@ const DOM = module.exports;
  * @param element
  * @param className
  */
-const isContainClass = (element, className) => {
+export function isContainClass(element, className) {
     if (!element)
         throw Error('element could not be empty!');
     
@@ -18,67 +25,68 @@ const isContainClass = (element, className) => {
         throw Error('className could not be empty!');
     
     if (Array.isArray(className))
-        return className.some(currify(isContainClass, element));
+        return className.some(currify(
+            isContainClass,
+            element,
+        ));
     
     const {classList} = element;
     
     return classList.contains(className);
-};
+}
-
-module.exports.isContainClass = isContainClass;
 
 /**
  * Function search element by tag
  * @param tag - className
  * @param element - element
  */
-module.exports.getByTag = (tag, element = document) => {
+export function getByTag(tag, element = document) {
     return element.getElementsByTagName(tag);
-};
+}
 
 /**
  * Function search element by id
- * @param Id - id
+ * @param id
+ * @param element
  */
-module.exports.getById = (id, element = document) => {
+export function getById(id, element = document) {
-    return element.querySelector('#' + id);
+    return element.querySelector(`#${id}`);
-};
+}
 
 /**
  * Function search first element by class name
  * @param className - className
  * @param element - element
  */
-module.exports.getByClass = (className, element = document) => {
+export function getByClass(className, element = document) {
     return DOM.getByClassAll(className, element)[0];
-};
+}
 
-module.exports.getByDataName = (attribute, element = document) => {
+export function getByDataName(attribute, element = document) {
     const selector = '[' + 'data-name="' + attribute + '"]';
     return element.querySelector(selector);
-};
+}
 
 /**
  * Function search element by class name
- * @param pClass - className
+ * @param className
- * @param element - element
+ * @param element
  */
-module.exports.getByClassAll = (className, element) => {
+export function getByClassAll(className, element) {
     return (element || document).getElementsByClassName(className);
-};
+}
 
 /**
  * add class=hidden to element
  *
  * @param element
  */
-module.exports.hide = (element) => {
+export function hide(element) {
     element.classList.add('hidden');
     return DOM;
-};
+}
 
-module.exports.show = (element) => {
+export function show(element) {
     element.classList.remove('hidden');
     return DOM;
-};
+}
-

client/dom/dom-tree.spec.js

@@ -1,19 +1,27 @@
-'use strict';
+import {test, stub} from 'supertape';
-
+import {create} from 'auto-globals';
-const test = require('supertape');
+import {tryCatch} from 'try-catch';
-const {create} = require('auto-globals');
+import {
-const tryCatch = require('try-catch');
+    isContainClass,
-
+    getByTag,
-const {isContainClass} = require('./dom-tree');
+    getById,
+    getByClass,
+    getByDataName,
+    getByClassAll,
+    hide,
+    show,
+} from './dom-tree.js';
 
 test('dom: isContainClass: no element', (t) => {
     const [e] = tryCatch(isContainClass);
+    
     t.equal(e.message, 'element could not be empty!', 'should throw when no element');
     t.end();
 });
 
 test('dom: isContainClass: no className', (t) => {
     const [e] = tryCatch(isContainClass, {});
+    
     t.equal(e.message, 'className could not be empty!', 'should throw when no element');
     t.end();
 });
@@ -34,13 +42,111 @@ test('dom: isContainClass: contains: array', (t) => {
     const {contains} = el.classList;
     
     const className = 'hello';
-    isContainClass(el, [
+    isContainClass(el, ['world', className, 'hello']);
-        'world',
-        className,
-        'hello',
-    ]);
     
     t.calledWith(contains, [className], 'should call contains');
     t.end();
 });
 
+test('dom: getByTag', (t) => {
+    const getElementsByTagName = stub();
+    const element = {
+        getElementsByTagName,
+    };
+    
+    getByTag('div', element);
+    
+    t.calledWith(getElementsByTagName, ['div'], 'should call getElementsByTagName');
+    t.end();
+});
+
+test('dom: getById', (t) => {
+    const querySelector = stub();
+    const element = {
+        querySelector,
+    };
+    
+    getById('my-id', element);
+    
+    t.calledWith(querySelector, ['#my-id'], 'should call querySelector with id selector');
+    t.end();
+});
+
+test('dom: getByClassAll', (t) => {
+    const getElementsByClassName = stub();
+    const element = {
+        getElementsByClassName,
+    };
+    
+    getByClassAll('my-class', element);
+    
+    t.calledWith(getElementsByClassName, ['my-class'], 'should call getElementsByClassName');
+    t.end();
+});
+
+test('dom: getByClass: calls getByClassAll', (t) => {
+    const element = {
+        getElementsByClassName: stub().returns(['first']),
+    };
+    
+    const result = getByClass('my-class', element);
+    
+    t.equal(result, 'first', 'should return first element from class list');
+    t.end();
+});
+
+test('dom: getByDataName', (t) => {
+    const querySelector = stub();
+    const element = {
+        querySelector,
+    };
+    
+    getByDataName('hello', element);
+    
+    t.calledWith(querySelector, ['[data-name="hello"]'], 'should call querySelector with data-name selector');
+    t.end();
+});
+
+test('dom: hide', (t) => {
+    const add = stub();
+    const element = {
+        classList: {
+            add,
+        },
+    };
+    
+    hide(element);
+    
+    t.calledWith(add, ['hidden'], 'should add hidden class');
+    t.end();
+});
+
+test('dom: show', (t) => {
+    const remove = stub();
+    const element = {
+        classList: {
+            remove,
+        },
+    };
+    
+    show(element);
+    
+    t.calledWith(remove, ['hidden'], 'should remove hidden class');
+    t.end();
+});
+
+test('dom: getByClassAll: without element uses document', (t) => {
+    const getElementsByClassName = stub();
+    const prevDocument = globalThis.document;
+    
+    globalThis.document = {
+        getElementsByClassName,
+    };
+    
+    getByClassAll('my-class');
+    
+    globalThis.document = prevDocument;
+    
+    t.calledWith(getElementsByClassName, ['my-class'], 'should fallback to document when no element');
+    t.end();
+});

client/dom/events/event-store.js

@@ -1,8 +1,6 @@
-'use strict';
-
 let list = [];
 
-module.exports.add = (el, name, fn) => {
+export const add = (el, name, fn) => {
     list.push([
         el,
         name,
@@ -10,11 +8,8 @@ module.exports.add = (el, name, fn) => {
     ]);
 };
 
-module.exports.clear = () => {
+export const clear = () => {
     list = [];
 };
 
-module.exports.get = () => {
+export const get = () => list;
-    return list;
-};
-

client/dom/events/event-store.spec.js

@@ -1,7 +1,5 @@
-'use strict';
+import {test} from 'supertape';
-
+import * as eventStore from './event-store.js';
-const test = require('supertape');
-const eventStore = require('./event-store');
 
 test('event-store: get', (t) => {
     const el = {};
@@ -10,11 +8,16 @@ test('event-store: get', (t) => {
     
     eventStore.add(el, name, fn);
     const result = eventStore.get();
+    
     const expected = [
-        [el, name, fn],
+        [
+            el,
+            name,
+            fn,
+        ],
     ];
     
-    t.deepEqual(result, expected, 'should equal');
+    t.deepEqual(result, expected);
     t.end();
 });
 
@@ -29,6 +32,6 @@ test('event-store: clear', (t) => {
     const result = eventStore.get();
     const expected = [];
     
-    t.deepEqual(result, expected, 'should equal');
+    t.deepEqual(result, expected);
     t.end();
 });

client/dom/events/index.js

@@ -1,250 +1,203 @@
-'use strict';
+import itype from 'itype';
+import * as EventStore from './event-store.js';
 
-const itype = require('itype');
+/**
-const EventStore = require('./event-store');
+ * safe add event listener
-
+ *
-module.exports = new EventsProto();
+ * @param type
-
+ * @param element - document by default
-function EventsProto() {
+ * @param listener
-    const Events = this;
+ */
+export const add = (type, element, listener) => {
+    checkType(type);
     
-    const getEventOptions = (eventName) => {
+    parseArgs(type, element, listener, (element, args) => {
-        if (eventName !== 'touchstart')
+        const [name, fn, options] = args;
-            return false;
         
-        return {
+        element.addEventListener(name, fn, options);
-            passive: true,
+        EventStore.add(element, name, fn);
-        };
+    });
+    
+    return Events;
+};
+
+/**
+ * safe add event listener
+ *
+ * @param type
+ * @param listener
+ * @param element - document by default
+ */
+export const addOnce = (type, element, listener) => {
+    const once = (event) => {
+        Events.remove(type, element, once);
+        listener(event);
     };
     
-    function parseArgs(eventName, element, listener, callback) {
+    if (!listener) {
-        let isFunc;
+        listener = element;
-        const args = [
+        element = null;
-            eventName,
-            element,
-            listener,
-            callback,
-        ];
-        
-        const EVENT_NAME = 1;
-        const ELEMENT = 0;
-        const type = itype(eventName);
-        
-        switch(type) {
-        default:
-            if (!/element$/.test(type))
-                throw Error('unknown eventName: ' + type);
-            
-            parseArgs(
-                args[EVENT_NAME],
-                args[ELEMENT],
-                listener,
-                callback,
-            );
-            break;
-        
-        case 'string':
-            isFunc = itype.function(element);
-            
-            if (isFunc) {
-                listener = element;
-                element = null;
-            }
-            
-            if (!element)
-                element = window;
-            
-            callback(element, [
-                eventName,
-                listener,
-                getEventOptions(eventName),
-            ]);
-            break;
-        
-        case 'array':
-            for (const name of eventName) {
-                parseArgs(
-                    name,
-                    element,
-                    listener,
-                    callback,
-                );
-            }
-            
-            break;
-        
-        case 'object':
-            for (const name of Object.keys(eventName)) {
-                const eventListener = eventName[name];
-                
-                parseArgs(
-                    name,
-                    element,
-                    eventListener,
-                    callback,
-                );
-            }
-            
-            break;
-        }
     }
     
-    /**
+    add(type, element, once);
-     * safe add event listener
-     *
-     * @param type
-     * @param element {document by default}
-     * @param listener
-     */
-    this.add = (type, element, listener) => {
-        checkType(type);
-        
-        parseArgs(type, element, listener, (element, args) => {
-            const [name, fn, options] = args;
-            
-            element.addEventListener(name, fn, options);
-            EventStore.add(element, name, fn);
-        });
-        
-        return Events;
-    };
     
-    /**
+    return Events;
-     * safe add event listener
+};
-     *
+
-     * @param type
+/**
-     * @param listener
+ * safe remove event listener
-     * @param element {document by default}
+ *
-     */
+ * @param type
-    this.addOnce = (type, element, listener) => {
+ * @param listener
-        const once = (event) => {
+ * @param element - document by default
-            Events.remove(type, element, once);
+ */
-            listener(event);
+export const remove = (type, element, listener) => {
-        };
+    checkType(type);
+    
+    parseArgs(type, element, listener, (element, args) => {
+        element.removeEventListener(...args);
+    });
+    
+    return Events;
+};
+
+/**
+ * remove all added event listeners
+ */
+export const removeAll = () => {
+    const events = EventStore.get();
+    
+    for (const [el, name, fn] of events)
+        el.removeEventListener(name, fn);
+    
+    EventStore.clear();
+};
+
+/**
+ * safe add event keydown listener
+ *
+ * @param args
+ */
+export const addKey = function(...args) {
+    return add('keydown', ...args);
+};
+
+/**
+ * safe remove event click listener
+ *
+ * @param args
+ */
+export const rmKey = function(...args) {
+    return Events.remove('keydown', ...args);
+};
+
+/**
+ * safe add event click listener
+ */
+export const addClick = function(...args) {
+    return Events.add('click', ...args);
+};
+
+/**
+ * safe remove event click listener
+ */
+export const rmClick = function(...args) {
+    return remove('click', ...args);
+};
+
+export const addContextMenu = function(...args) {
+    return add('contextmenu', ...args);
+};
+
+/**
+ * safe add load listener
+ */
+export const addLoad = function(...args) {
+    return add('load', ...args);
+};
+
+function checkType(type) {
+    if (!type)
+        throw Error('type could not be empty!');
+}
+
+const getEventOptions = (eventName) => {
+    if (eventName !== 'touchstart')
+        return false;
+    
+    return {
+        passive: true,
+    };
+};
+
+function parseArgs(eventName, element, listener, callback) {
+    let isFunc;
+    const args = [
+        eventName,
+        element,
+        listener,
+        callback,
+    ];
+    
+    const EVENT_NAME = 1;
+    const ELEMENT = 0;
+    const type = itype(eventName);
+    
+    switch(type) {
+    default:
+        if (!type.endsWith('element'))
+            throw Error(`unknown eventName: ${type}`);
         
-        if (!listener) {
+        parseArgs(args[EVENT_NAME], args[ELEMENT], listener, callback);
+        break;
+    
+    case 'string':
+        isFunc = itype.function(element);
+        
+        if (isFunc) {
             listener = element;
             element = null;
         }
         
-        this.add(type, element, once);
+        if (!element)
+            element = window;
         
-        return Events;
+        callback(element, [
-    };
+            eventName,
+            listener,
+            getEventOptions(eventName),
+        ]);
+        break;
     
-    /**
+    case 'array':
-     * safe remove event listener
-     *
-     * @param type
-     * @param listener
-     * @param element {document by default}
-     */
-    this.remove = (type, element, listener) => {
-        checkType(type);
         
-        parseArgs(type, element, listener, (element, args) => {
+        for (const name of eventName) {
-            element.removeEventListener(...args);
+            parseArgs(name, element, listener, callback);
-        });
+        }
         
-        return Events;
+        break;
-    };
     
-    /**
+    case 'object':
-     * remove all added event listeners
-     *
-     * @param listener
-     */
-    this.removeAll = () => {
-        const events = EventStore.get();
         
-        for (const [el, name, fn] of events)
+        for (const name of Object.keys(eventName)) {
-            el.removeEventListener(name, fn);
+            const eventListener = eventName[name];
+            
+            parseArgs(name, element, eventListener, callback);
+        }
         
-        EventStore.clear();
+        break;
-    };
-    
-    /**
-     * safe add event keydown listener
-     *
-     * @param listener
-     */
-    this.addKey = function(...argsArr) {
-        const name = 'keydown';
-        const args = [name, ...argsArr];
-        
-        return Events.add(...args);
-    };
-    
-    /**
-     * safe remove event click listener
-     *
-     * @param listener
-     */
-    this.rmKey = function(...argsArr) {
-        const name = 'keydown';
-        const args = [name, ...argsArr];
-        
-        return Events.remove(...args);
-    };
-    
-    /**
-     * safe add event click listener
-     *
-     * @param listener
-     */
-    this.addClick = function(...argsArr) {
-        const name = 'click';
-        const args = [name, ...argsArr];
-        
-        return Events.add(...args);
-    };
-    
-    /**
-     * safe remove event click listener
-     *
-     * @param listener
-     */
-    this.rmClick = function(...argsArr) {
-        const name = 'click';
-        const args = [name, ...argsArr];
-        
-        return Events.remove(...args);
-    };
-    
-    this.addContextMenu = function(...argsArr) {
-        const name = 'contextmenu';
-        const args = [name, ...argsArr];
-        
-        return Events.add(...args);
-    };
-    
-    /**
-     * safe add event click listener
-     *
-     * @param listener
-     */
-    this.addError = function(...argsArr) {
-        const name = 'error';
-        const args = [name, ...argsArr];
-        
-        return Events.add(...args);
-    };
-    
-    /**
-     * safe add load click listener
-     *
-     * @param listener
-     */
-    this.addLoad = function(...argsArr) {
-        const name = 'load';
-        const args = [name, ...argsArr];
-        
-        return Events.add(...args);
-    };
-    
-    function checkType(type) {
-        if (!type)
-            throw Error('type could not be empty!');
     }
 }
 
+const Events = {
+    add,
+    addClick,
+    addContextMenu,
+    addKey,
+    addLoad,
+    addOnce,
+    remove,
+    removeAll,
+    rmClick,
+    rmKey,
+};

client/dom/files.js

@@ -1,30 +1,26 @@
-'use strict';
-
 /* global CloudCmd */
-
+import itype from 'itype';
-const itype = require('itype');
+import {promisify} from 'es6-promisify';
-const {promisify} = require('es6-promisify');
+import * as load from '#dom/load';
-
+import * as RESTful from '#dom/rest';
-const load = require('./load');
-const RESTful = require('./rest');
 
 const Promises = {};
 const FILES_JSON = 'config|modules';
 const FILES_HTML = 'file|path|link|pathLink|media';
 const FILES_HTML_ROOT = 'view/media-tmpl|config-tmpl|upload';
 const DIR_HTML = '/tmpl/';
-const DIR_HTML_FS = DIR_HTML + 'fs/';
+const DIR_HTML_FS = `${DIR_HTML}fs/`;
 const DIR_JSON = '/json/';
 const timeout = getTimeoutOnce(2000);
 
-module.exports.get = getFile;
+export const get = getFile;
 
-async function getFile(name) {
+function getFile(name) {
     const type = itype(name);
     check(name);
     
     if (type === 'string')
-        return await getModule(name);
+        return getModule(name);
     
     if (type === 'array')
         return Promise.all(name.map(getFile));
@@ -35,9 +31,9 @@ function check(name) {
         throw Error('name could not be empty!');
 }
 
-async function getModule(name) {
+function getModule(name) {
-    const regExpHTML = new RegExp(FILES_HTML + '|' + FILES_HTML_ROOT);
+    const regExpHTML = RegExp(FILES_HTML + '|' + FILES_HTML_ROOT);
-    const regExpJSON = new RegExp(FILES_JSON);
+    const regExpJSON = RegExp(FILES_JSON);
     
     const isHTML = regExpHTML.test(name);
     const isJSON = regExpJSON.test(name);
@@ -49,12 +45,13 @@ async function getModule(name) {
         return getConfig();
     
     const path = getPath(name, isHTML, isJSON);
+    
     return getSystemFile(path);
 }
 
 function getPath(name, isHTML, isJSON) {
     let path;
-    const regExp = new RegExp(FILES_HTML_ROOT);
+    const regExp = RegExp(FILES_HTML_ROOT);
     const isRoot = regExp.test(name);
     
     if (isHTML) {
@@ -72,8 +69,8 @@ function getPath(name, isHTML, isJSON) {
 }
 
 function showError(name) {
-    const str = 'Wrong file name: ' + name;
+    const str = `Wrong file name: ${name}`;
-    const error = new Error(str);
+    const error = Error(str);
     
     throw error;
 }
@@ -137,4 +134,3 @@ function getTimeoutOnce(time) {
         }, time);
     };
 }
-

client/dom/images.js

@@ -1,20 +1,13 @@
 /* global DOM */
-
+import createElement from '@cloudcmd/create-element';
-'use strict';
-
-const createElement = require('@cloudcmd/create-element');
-
-const Images = module.exports;
 
 const LOADING = 'loading';
 const HIDDEN = 'hidden';
 const ERROR = 'error';
 
-function getLoadingType() {
+const getLoadingType = () => isSVG() ? '-svg' : '-gif';
-    return isSVG() ? '-svg' : '-gif';
-}
 
-module.exports.get = getElement;
+export const get = getElement;
 
 /**
  * check SVG SMIL animation support
@@ -43,7 +36,7 @@ function getElement() {
 }
 
 /* Функция создаёт картинку загрузки */
-module.exports.loading = () => {
+export const loading = () => {
     const element = getElement();
     const {classList} = element;
     const loadingImage = LOADING + getLoadingType();
@@ -55,7 +48,7 @@ module.exports.loading = () => {
 };
 
 /* Функция создаёт картинку ошибки загрузки */
-module.exports.error = () => {
+export const error = () => {
     const element = getElement();
     const {classList} = element;
     const loadingImage = LOADING + getLoadingType();
@@ -66,15 +59,21 @@ module.exports.error = () => {
     return element;
 };
 
-module.exports.show = show;
+show.load = show;
-module.exports.show.load = show;
+show.error = (text) => {
-module.exports.show.error = error;
+    const image = Images.error();
+    
+    DOM.show(image);
+    image.title = text;
+    
+    return image;
+};
 
 /**
 * Function shows loading spinner
 * position = {top: true};
 */
-function show(position, panel) {
+export function show(position, panel) {
     const image = Images.loading();
     const parent = image.parentElement;
     const refreshButton = DOM.getRefreshButton(panel);
@@ -100,34 +99,25 @@ function show(position, panel) {
     return image;
 }
 
-function error(text) {
-    const image = Images.error();
-    
-    DOM.show(image);
-    image.title = text;
-    
-    return image;
-}
-
 /**
 * hide load image
 */
-module.exports.hide = () => {
+export function hide() {
     const element = Images.get();
     
     DOM.hide(element);
     
     return Images;
-};
+}
 
-module.exports.setProgress = (value, title) => {
+export const setProgress = (value, title) => {
     const DATA = 'data-progress';
     const element = Images.get();
     
     if (!element)
         return Images;
     
-    element.setAttribute(DATA, value + '%');
+    element.setAttribute(DATA, `${value}%`);
     
     if (title)
         element.title = title;
@@ -135,7 +125,7 @@ module.exports.setProgress = (value, title) => {
     return Images;
 };
 
-module.exports.clearProgress = () => {
+export const clearProgress = () => {
     const DATA = 'data-progress';
     const element = Images.get();
     
@@ -148,3 +138,12 @@ module.exports.clearProgress = () => {
     return Images;
 };
 
+const Images = {
+    clearProgress,
+    setProgress,
+    show,
+    hide,
+    get,
+    error,
+    loading,
+};

client/dom/index.spec.js

@@ -0,0 +1,52 @@
+import {test, stub} from 'supertape';
+import {getCSSVar, goToDirectory} from '#dom';
+
+globalThis.CloudCmd = {};
+
+test('cloudcmd: client: dom: goToDirectory', async (t) => {
+    const path = '';
+    const changeDir = stub();
+    const prompt = stub().returns([null, path]);
+    
+    await goToDirectory({
+        prompt,
+        changeDir,
+    });
+    
+    t.calledWith(changeDir, [path]);
+    t.end();
+});
+
+test('cloudcmd: client: dom: getCSSVar', (t) => {
+    const body = {};
+    const getPropertyValue = stub().returns(0);
+    
+    globalThis.getComputedStyle = stub().returns({
+        getPropertyValue,
+    });
+    const result = getCSSVar('hello', {
+        body,
+    });
+    
+    delete globalThis.getComputedStyle;
+    
+    t.notOk(result);
+    t.end();
+});
+
+test('cloudcmd: client: dom: getCSSVar: 1', (t) => {
+    const body = {};
+    const getPropertyValue = stub().returns(1);
+    
+    globalThis.getComputedStyle = stub().returns({
+        getPropertyValue,
+    });
+    const result = getCSSVar('hello', {
+        body,
+    });
+    
+    delete globalThis.getComputedStyle;
+    
+    t.ok(result);
+    t.end();
+});

client/dom/io/index.js

@@ -1,25 +1,36 @@
-'use strict';
+import {FS} from '#common/cloudfunc';
+import {sendRequest as _sendRequest} from './send-request.js';
 
-const {FS} = require('../../../common/cloudfunc');
+const {assign} = Object;
-const sendRequest = require('./send-request');
 
 const imgPosition = {
     top: true,
 };
 
-module.exports.delete = async (url, data) => {
+export const remove = async (url, data, overrides = {}) => {
-    return await sendRequest({
+    const {
-        method      : 'DELETE',
+        sendRequest = _sendRequest,
-        url         : FS + url,
+    } = overrides;
-        data,
+    
-        imgPosition : {
+    const request = {
+        method: 'DELETE',
+        url: FS + url,
+        imgPosition: {
             top: Boolean(data),
         },
-    });
+    };
+    
+    if (data)
+        assign(request, {
+            data,
+            url: `${request.url}?files`,
+        });
+    
+    return await sendRequest(request);
 };
 
-module.exports.patch = async (url, data) => {
+export const patch = async (url, data) => {
-    return await sendRequest({
+    return await _sendRequest({
         method: 'PATCH',
         url: FS + url,
         data,
@@ -27,8 +38,8 @@ module.exports.patch = async (url, data) => {
     });
 };
 
-module.exports.write = async (url, data) => {
+export const write = async (url, data) => {
-    return await sendRequest({
+    return await _sendRequest({
         method: 'PUT',
         url: FS + url,
         data,
@@ -36,7 +47,11 @@ module.exports.write = async (url, data) => {
     });
 };
 
-module.exports.createDirectory = async (url) => {
+export const createDirectory = async (url, overrides = {}) => {
+    const {
+        sendRequest = _sendRequest,
+    } = overrides;
+    
     return await sendRequest({
         method: 'PUT',
         url: `${FS}${url}?dir`,
@@ -44,10 +59,10 @@ module.exports.createDirectory = async (url) => {
     });
 };
 
-module.exports.read = async (url, dataType = 'text') => {
+export const read = async (url, dataType = 'text') => {
     const notLog = !url.includes('?');
     
-    return await sendRequest({
+    return await _sendRequest({
         method: 'GET',
         url: FS + url,
         notLog,
@@ -55,8 +70,8 @@ module.exports.read = async (url, dataType = 'text') => {
     });
 };
 
-module.exports.copy = async (from, to, names) => {
+export const copy = async (from, to, names) => {
-    return await sendRequest({
+    return await _sendRequest({
         method: 'PUT',
         url: '/copy',
         data: {
@@ -68,24 +83,24 @@ module.exports.copy = async (from, to, names) => {
     });
 };
 
-module.exports.pack = async (data) => {
+export const pack = async (data) => {
-    return await sendRequest({
+    return await _sendRequest({
         method: 'PUT',
         url: '/pack',
         data,
     });
 };
 
-module.exports.extract = async (data) => {
+export const extract = async (data) => {
-    return await sendRequest({
+    return await _sendRequest({
         method: 'PUT',
         url: '/extract',
         data,
     });
 };
 
-module.exports.move = async (from, to, names) => {
+export const move = async (from, to, names) => {
-    return await sendRequest({
+    return await _sendRequest({
         method: 'PUT',
         url: '/move',
         data: {
@@ -97,8 +112,8 @@ module.exports.move = async (from, to, names) => {
     });
 };
 
-module.exports.rename = async (from, to) => {
+export const rename = async (from, to) => {
-    return await sendRequest({
+    return await _sendRequest({
         method: 'PUT',
         url: '/rename',
         data: {
@@ -109,9 +124,9 @@ module.exports.rename = async (from, to) => {
     });
 };
 
-module.exports.Config = {
+export const Config = {
     read: async () => {
-        return await sendRequest({
+        return await _sendRequest({
             method: 'GET',
             url: '/config',
             imgPosition,
@@ -120,7 +135,7 @@ module.exports.Config = {
     },
     
     write: async (data) => {
-        return await sendRequest({
+        return await _sendRequest({
             method: 'PATCH',
             url: '/config',
             data,
@@ -129,18 +144,18 @@ module.exports.Config = {
     },
 };
 
-module.exports.Markdown = {
+export const Markdown = {
     read: async (url) => {
-        return await sendRequest({
+        return await _sendRequest({
             method: 'GET',
-            url: '/markdown' + url,
+            url: `/markdown${url}`,
             imgPosition,
             notLog: true,
         });
     },
     
     render: async (data) => {
-        return await sendRequest({
+        return await _sendRequest({
             method: 'PUT',
             url: '/markdown',
             data,
@@ -149,4 +164,3 @@ module.exports.Markdown = {
         });
     },
 };
-

client/dom/io/index.spec.js

@@ -1,18 +1,12 @@
-'use strict';
+import {test, stub} from 'supertape';
-
+import * as io from './index.js';
-const test = require('supertape');
-const stub = require('@cloudcmd/stub');
-const mockRequire = require('mock-require');
-
-const {reRequire} = mockRequire;
 
 test('client: dom: io', (t) => {
     const sendRequest = stub();
-    mockRequire('./send-request', sendRequest);
     
-    const io = reRequire('.');
+    io.createDirectory('/hello', {
-    
+        sendRequest,
-    io.createDirectory('/hello');
+    });
     
     const expected = {
         imgPosition: {
@@ -25,3 +19,43 @@ test('client: dom: io', (t) => {
     t.calledWith(sendRequest, [expected]);
     t.end();
 });
+
+test('client: dom: io: remove: no files', async (t) => {
+    const sendRequest = stub();
+    
+    await io.remove('/hello', null, {
+        sendRequest,
+    });
+    
+    const expected = {
+        imgPosition: {
+            top: false,
+        },
+        method: 'DELETE',
+        url: '/fs/hello',
+    };
+    
+    t.calledWith(sendRequest, [expected]);
+    t.end();
+});
+
+test('client: dom: io: remove: files', async (t) => {
+    const sendRequest = stub();
+    const files = ['world'];
+    
+    await io.remove('/hello', files, {
+        sendRequest,
+    });
+    
+    const expected = {
+        imgPosition: {
+            top: true,
+        },
+        data: ['world'],
+        method: 'DELETE',
+        url: '/fs/hello?files',
+    };
+    
+    t.calledWith(sendRequest, [expected]);
+    t.end();
+});

client/dom/io/send-request.js

@@ -1,13 +1,9 @@
-'use strict';
-
 /* global CloudCmd */
+import {promisify} from 'es6-promisify';
+import * as Images from '#dom/images';
+import * as load from '#dom/load';
 
-const {promisify} = require('es6-promisify');
+export const sendRequest = promisify((params, callback) => {
-
-const Images = require('../images');
-const load = require('../load');
-
-module.exports = promisify((params, callback) => {
     const p = params;
     const {prefixURL} = CloudCmd;
     
@@ -17,17 +13,14 @@ module.exports = promisify((params, callback) => {
     p.url = replaceHash(p.url);
     
     load.ajax({
-        method      : p.method,
+        method: p.method,
-        url         : p.url,
+        url: p.url,
-        data        : p.data,
+        data: p.data,
-        dataType    : p.dataType,
+        dataType: p.dataType,
-        error       : (jqXHR) => {
+        error: (jqXHR) => {
             const response = jqXHR.responseText;
             
-            const {
+            const {statusText, status} = jqXHR;
-                statusText,
-                status,
-            } = jqXHR;
             
             const text = status === 404 ? response : statusText;
             
@@ -44,7 +37,8 @@ module.exports = promisify((params, callback) => {
     });
 });
 
-module.exports._replaceHash = replaceHash;
+export const _replaceHash = replaceHash;
+
 function replaceHash(url) {
     /*
      * if we send ajax request -
@@ -52,4 +46,3 @@ function replaceHash(url) {
      */
     return url.replace(/#/g, '%23');
 }
-

client/dom/io/send-request.spec.js

@@ -1,14 +1,11 @@
-'use strict';
+import {test} from 'supertape';
-
+import {_replaceHash} from './send-request.js';
-const test = require('supertape');
-const {_replaceHash} = require('./send-request');
 
 test('cloudcmd: client: io: replaceHash', (t) => {
     const url = '/hello/####world';
     const result = _replaceHash(url);
     const expected = '/hello/%23%23%23%23world';
     
-    t.equal(result, expected, 'should equal');
+    t.equal(result, expected);
     t.end();
 });
-

client/dom/load-remote.js

@@ -1,60 +1,58 @@
-'use strict';
-
 /* global CloudCmd */
+import {callbackify} from 'node:util';
+import {rendy} from 'rendy';
+import itype from 'itype';
+import * as load from 'load.js';
+import {tryToCatch} from 'try-to-catch';
+import {findObjByNameInArr} from '#common/util';
+import * as Files from '#dom/files';
 
-const rendy = require('rendy');
+export const loadRemote = callbackify(async (name, options) => {
-const itype = require('itype');
-const load = require('load.js');
-const tryToCatch = require('try-to-catch');
-
-const {findObjByNameInArr} = require('../../common/util');
-
-const Files = require('./files');
-
-module.exports = (name, options, callback = options) => {
     const {prefix, config} = CloudCmd;
     const o = options;
     
     if (o.name && window[o.name])
-        return callback();
+        return;
     
-    Files.get('modules').then(async (modules) => {
+    const modules = await Files.get('modules');
-        const online = config('online') && navigator.onLine;
+    
-        const module = findObjByNameInArr(modules.remote, name);
+    const online = config('online') && navigator.onLine;
+    const module = findObjByNameInArr(modules.remote, name);
+    
+    const isArray = itype.array(module.local);
+    const {version} = module;
+    
+    let remoteTmpls;
+    let local;
+    
+    if (isArray) {
+        remoteTmpls = module.remote;
+        ({local} = module);
+    } else {
+        remoteTmpls = [module.remote];
+        local = [module.local];
+    }
+    
+    const localURL = [];
+    
+    for (const url of local) {
+        localURL.push(prefix + url);
+    }
+    
+    const remoteURL = [];
+    
+    for (const tmpl of remoteTmpls) {
+        remoteURL.push(rendy(tmpl, {
+            version,
+        }));
+    }
+    
+    if (online) {
+        const [e] = await tryToCatch(load.parallel, remoteURL);
         
-        const isArray = itype.array(module.local);
+        if (!e)
-        const {version} = module;
+            return;
-        
+    }
-        let remoteTmpls;
+    
-        let local;
+    await load.parallel(localURL);
-        
+});
-        if (isArray) {
-            remoteTmpls = module.remote;
-            local = module.local;
-        } else {
-            remoteTmpls = [module.remote];
-            local = [module.local];
-        }
-        
-        const localURL = local.map((url) => {
-            return prefix + url;
-        });
-        
-        const remoteURL = remoteTmpls.map((tmpl) => {
-            return rendy(tmpl, {
-                version,
-            });
-        });
-        
-        if (online) {
-            const [e] = await tryToCatch(load.parallel, remoteURL);
-            
-            if (!e)
-                return callback();
-        }
-        
-        const [e] = await tryToCatch(load.parallel, localURL);
-        callback(e);
-    });
-};
-

client/dom/load.js

@@ -1,12 +1,8 @@
-'use strict';
+import itype from 'itype';
-
+import jonny from 'jonny';
-const itype = require('itype');
+import Emitify from 'emitify';
-const jonny = require('jonny');
+import exec from 'execon';
-const Emitify = require('emitify');
+import * as Images from '#dom/images';
-const exec = require('execon');
-const Images = require('./images');
-
-module.exports.getIdBySrc = getIdBySrc;
 
 /**
  * Function gets id by src
@@ -14,7 +10,7 @@ module.exports.getIdBySrc = getIdBySrc;
  *
  * Example: http://domain.com/1.js -> 1_js
  */
-function getIdBySrc(src) {
+export function getIdBySrc(src) {
     const isStr = itype.string(src);
     
     if (!isStr)
@@ -25,6 +21,7 @@ function getIdBySrc(src) {
     
     const num = src.lastIndexOf('/') + 1;
     const sub = src.substr(src, num);
+    
     const id = src
         .replace(sub, '')
         .replace(/\./g, '-');
@@ -37,15 +34,15 @@ function getIdBySrc(src) {
  *
  * @param params
  */
-module.exports.ajax = (params) => {
+export const ajax = (params) => {
     const p = params;
     const isObject = itype.object(p.data);
     const isArray = itype.array(p.data);
     const isArrayBuf = itype(p.data) === 'arraybuffer';
     const type = p.type || p.method || 'GET';
-    const {
+    
-        headers = {},
+    const {headers = {}} = p;
-    } = p;
+    
     const xhr = new XMLHttpRequest();
     
     xhr.open(type, p.url, true);
@@ -63,7 +60,7 @@ module.exports.ajax = (params) => {
     if (!isArrayBuf && isObject || isArray)
         data = jonny.stringify(p.data);
     else
-        data = p.data;
+        ({data} = p);
     
     xhr.onreadystatechange = (event) => {
         const xhr = event.target;
@@ -94,12 +91,11 @@ module.exports.ajax = (params) => {
     xhr.send(data);
 };
 
-module.exports.put = (url, body) => {
+export const put = (url, body) => {
     const emitter = Emitify();
     const xhr = new XMLHttpRequest();
     
-    url = encodeURI(url)
+    url = encodeURI(url).replace(/#/g, '#');
-        .replace('#', '%23');
     
     xhr.open('put', url, true);
     
@@ -120,8 +116,10 @@ module.exports.put = (url, body) => {
         if (!over)
             return;
         
-        if (xhr.status === OK)
+        if (xhr.status === OK) {
+            emitter.emit('progress', 100);
             return emitter.emit('end');
+        }
         
         const error = Error(xhr.responseText);
         emitter.emit('error', error);
@@ -131,4 +129,3 @@ module.exports.put = (url, body) => {
     
     return emitter;
 };
-

client/dom/operations/rename-current.js

@@ -1,23 +1,27 @@
-'use strict';
-
 /* global CloudCmd */
+import capitalize from 'just-capitalize';
+import * as _Dialog from '#dom/dialog';
+import * as Storage from '#dom/storage';
+import * as RESTful from '#dom/rest';
+import * as _currentFile from '../current-file.js';
 
-const capitalize = require('just-capitalize');
+export default async (current, overrides = {}) => {
-
+    const {
-const Dialog = require('../dialog');
+        refresh = CloudCmd.refresh,
-const Storage = require('../storage');
+        Dialog = _Dialog,
-const RESTful = require('../rest');
+        currentFile = _currentFile,
-const {
+    } = overrides;
-    isCurrentFile,
+    
-    getCurrentName,
+    const {
-    getCurrentFile,
+        isCurrentFile,
-    getCurrentByName,
+        getCurrentName,
-    getCurrentType,
+        getCurrentFile,
-    getCurrentDirPath,
+        getCurrentByName,
-    setCurrentName,
+        getCurrentType,
-} = require('../current-file');
+        getCurrentDirPath,
-
+        setCurrentName,
-module.exports = async (current) => {
+    } = currentFile;
+    
     if (!isCurrentFile(current))
         current = getCurrentFile();
     
@@ -58,6 +62,5 @@ module.exports = async (current) => {
     setCurrentName(to, current);
     
     Storage.remove(dirPath);
-    CloudCmd.refresh();
+    refresh();
 };
-

client/dom/operations/rename-current.spec.js

@@ -1,22 +1,18 @@
-'use strict';
+import {test, stub} from 'supertape';
-
+import renameCurrent from './rename-current.js';
-const test = require('supertape');
-const stub = require('@cloudcmd/stub');
-const mockRequire = require('mock-require');
-
-const {reRequire} = mockRequire;
 
 test('cloudcmd: client: dom: renameCurrent: isCurrentFile', async (t) => {
     const current = {};
     const isCurrentFile = stub();
     
-    mockRequire('../dialog', stubDialog());
+    const currentFile = stubCurrentFile({
-    mockRequire('../current-file', stubCurrentFile({
         isCurrentFile,
-    }));
+    });
     
-    const renameCurrent = reRequire('./rename-current');
+    await renameCurrent(current, {
-    await renameCurrent(current);
+        Dialog: stubDialog(),
+        currentFile,
+    });
     
     t.calledWith(isCurrentFile, [current], 'should call isCurrentFile');
     t.end();
@@ -25,13 +21,6 @@ test('cloudcmd: client: dom: renameCurrent: isCurrentFile', async (t) => {
 test('cloudcmd: client: dom: renameCurrent: file exist', async (t) => {
     const current = {};
     const name = 'hello';
-    const {CloudCmd} = global;
-    
-    const CloudCmdStub = {
-        refresh: stub(),
-    };
-    
-    global.CloudCmd = CloudCmdStub;
     
     const prompt = stub().returns([null, name]);
     const confirm = stub().returns([true]);
@@ -39,21 +28,22 @@ test('cloudcmd: client: dom: renameCurrent: file exist', async (t) => {
     const getCurrentByName = stub().returns(current);
     const getCurrentType = stub().returns('directory');
     
-    mockRequire('../dialog', stubDialog({
+    const Dialog = stubDialog({
         confirm,
         prompt,
-    }));
+    });
     
-    mockRequire('../current-file', stubCurrentFile({
+    const currentFile = stubCurrentFile({
         getCurrentByName,
         getCurrentType,
-    }));
+    });
     
-    const renameCurrent = reRequire('./rename-current');
+    await renameCurrent(null, {
-    await renameCurrent();
+        Dialog,
+        currentFile,
+    });
     
     const expected = 'Directory "hello" already exists. Proceed?';
-    global.CloudCmd = CloudCmd;
     
     t.calledWith(confirm, [expected], 'should call confirm');
     t.end();
@@ -94,4 +84,3 @@ const stubCurrentFile = (fns = {}) => {
         setCurrentName,
     };
 };
-

client/dom/rest.js

@@ -1,12 +1,8 @@
-'use strict';
+import {tryToCatch} from 'try-to-catch';
-
+import * as Dialog from '#dom/dialog';
-const tryToCatch = require('try-to-catch');
+import * as Images from '#dom/images';
-
+import {encode} from '#common/entity';
-const {encode} = require('../../common/entity');
+import * as IO from './io/index.js';
-
-const Images = require('./images');
-const IO = require('./io');
-const Dialog = require('./dialog');
 
 const handleError = (promise) => async (...args) => {
     const [e, data] = await tryToCatch(promise, ...args);
@@ -22,24 +18,23 @@ const handleError = (promise) => async (...args) => {
     return [e, data];
 };
 
-module.exports.delete = handleError(IO.delete);
+export const remove = handleError(IO.remove);
-module.exports.patch = handleError(IO.patch);
+export const patch = handleError(IO.patch);
-module.exports.write = handleError(IO.write);
+export const write = handleError(IO.write);
-module.exports.createDirectory = handleError(IO.createDirectory);
+export const createDirectory = handleError(IO.createDirectory);
-module.exports.read = handleError(IO.read);
+export const read = handleError(IO.read);
-module.exports.copy = handleError(IO.copy);
+export const copy = handleError(IO.copy);
-module.exports.pack = handleError(IO.pack);
+export const pack = handleError(IO.pack);
-module.exports.extract = handleError(IO.extract);
+export const extract = handleError(IO.extract);
-module.exports.move = handleError(IO.move);
+export const move = handleError(IO.move);
-module.exports.rename = handleError(IO.rename);
+export const rename = handleError(IO.rename);
 
-module.exports.Config = {
+export const Config = {
     read: handleError(IO.Config.read),
     write: handleError(IO.Config.write),
 };
 
-module.exports.Markdown = {
+export const Markdown = {
     read: handleError(IO.Markdown.read),
     render: handleError(IO.Markdown.render),
 };
-

client/dom/select-by-pattern.js

@@ -1,22 +1,18 @@
-'use strict';
+import {alert, prompt} from '#dom/dialog';
+import {getRegExp} from '#common/util';
+import {getCurrentName} from './current-file.js';
+import {
+    isSelected,
+    toggleSelectedFile,
+} from './cmd.js';
 
 let SelectType = '*.*';
 
-const {getRegExp} = require('../../common/util');
+export const selectByPattern = async (msg, files) => {
-const {
-    alert,
-    prompt,
-} = require('./dialog');
-
-const DOM = require('.');
-
-module.exports = async (msg, files) => {
     if (!files)
         return;
     
     const allMsg = `Specify file type for ${msg} selection`;
-    
-    /* eslint require-atomic-updates: 0 */
     const [cancel, type] = await prompt(allMsg, SelectType);
     
     if (cancel)
@@ -28,24 +24,23 @@ module.exports = async (msg, files) => {
     let matches = 0;
     
     for (const current of files) {
-        const name = DOM.getCurrentName(current);
+        const name = getCurrentName(current);
         
         if (name === '..' || !regExp.test(name))
             continue;
         
         ++matches;
         
-        let isSelected = DOM.isSelected(current);
+        let selected = isSelected(current);
         const shouldSel = msg === 'expand';
         
         if (shouldSel)
-            isSelected = !isSelected;
+            selected = !selected;
         
-        if (isSelected)
+        if (selected)
-            DOM.toggleSelectedFile(current);
+            toggleSelectedFile(current);
     }
     
     if (!matches)
         alert('No matches found!');
 };
-

client/dom/storage.js

@@ -1,29 +1,26 @@
-'use strict';
-
 const {parse, stringify} = JSON;
 
-module.exports.set = async (name, data) => {
+export const set = (name, data) => {
     localStorage.setItem(name, data);
 };
 
-module.exports.setJson = async (name, data) => {
+export const setJson = (name, data) => {
     localStorage.setItem(name, stringify(data));
 };
 
-module.exports.get = async (name) => {
+export const get = (name) => {
     return localStorage.getItem(name);
 };
 
-module.exports.getJson = async (name) => {
+export const getJson = (name) => {
     const data = localStorage.getItem(name);
     return parse(data);
 };
 
-module.exports.clear = () => {
+export const clear = () => {
     localStorage.clear();
 };
 
-module.exports.remove = (item) => {
+export const remove = (item) => {
     localStorage.removeItem(item);
 };
-

client/dom/storage.spec.js

@@ -1,61 +1,61 @@
-'use strict';
+import {test, stub} from 'supertape';
-
+import * as storage from '#dom/storage';
-const test = require('supertape');
-const stub = require('@cloudcmd/stub');
-const storage = require('./storage');
 
 const {stringify} = JSON;
 
 test('cloudcmd: client: storage: set', async (t) => {
-    const {localStorage} = global;
+    const {localStorage} = globalThis;
     const setItem = stub();
     
-    global.localStorage = {
+    globalThis.localStorage = {
         setItem,
     };
     
     await storage.set('hello', 'world');
-    global.localStorage = localStorage;
+    globalThis.localStorage = localStorage;
     
     t.calledWith(setItem, ['hello', 'world'], 'should call setItem');
     t.end();
 });
 
 test('cloudcmd: client: storage: get', async (t) => {
-    const {localStorage} = global;
+    const {localStorage} = globalThis;
     const getItem = stub().returns('world');
     
-    global.localStorage = {
+    globalThis.localStorage = {
         getItem,
     };
     
     const result = await storage.get('hello');
-    global.localStorage = localStorage;
+    
+    globalThis.localStorage = localStorage;
     
     t.equal(result, 'world');
     t.end();
 });
 
 test('cloudcmd: client: storage: getJson', async (t) => {
-    const {localStorage} = global;
+    const {localStorage} = globalThis;
     const expected = {
         hello: 'world',
     };
+    
     const getItem = stub().returns(stringify(expected));
     
-    global.localStorage = {
+    globalThis.localStorage = {
         getItem,
     };
     
     const result = await storage.getJson('hello');
-    global.localStorage = localStorage;
+    
+    globalThis.localStorage = localStorage;
     
     t.deepEqual(result, expected);
     t.end();
 });
 
 test('cloudcmd: client: storage: setJson', async (t) => {
-    const {localStorage} = global;
+    const {localStorage} = globalThis;
     const data = {
         hello: 'world',
     };
@@ -63,44 +63,43 @@ test('cloudcmd: client: storage: setJson', async (t) => {
     const expected = stringify(data);
     const setItem = stub();
     
-    global.localStorage = {
+    globalThis.localStorage = {
         setItem,
     };
     
     await storage.setJson('hello', data);
-    global.localStorage = localStorage;
+    globalThis.localStorage = localStorage;
     
     t.calledWith(setItem, ['hello', expected]);
     t.end();
 });
 
 test('cloudcmd: client: storage: remove', async (t) => {
-    const {localStorage} = global;
+    const {localStorage} = globalThis;
     const removeItem = stub();
     
-    global.localStorage = {
+    globalThis.localStorage = {
         removeItem,
     };
     
     await storage.remove('hello');
-    global.localStorage = localStorage;
+    globalThis.localStorage = localStorage;
     
     t.calledWith(removeItem, ['hello'], 'should call removeItem');
     t.end();
 });
 
 test('cloudcmd: client: storage: clear', async (t) => {
-    const {localStorage} = global;
+    const {localStorage} = globalThis;
     const clear = stub();
     
-    global.localStorage = {
+    globalThis.localStorage = {
         clear,
     };
     
     await storage.clear();
-    global.localStorage = localStorage;
+    globalThis.localStorage = localStorage;
     
-    t.ok(clear.calledWith(), 'should call clear');
+    t.calledWithNoArgs(clear, 'should call clear');
     t.end();
 });
-

client/dom/upload-files.js

@@ -1,25 +1,19 @@
-'use strict';
-
 /* global CloudCmd */
+import {eachSeries} from 'execon';
+import wraptile from 'wraptile';
+import * as load from '#dom/load';
+import {alert} from '#dom/dialog';
+import {FS} from '#common/cloudfunc';
+import * as Images from '#dom/images';
+import {getCurrentDirPath} from './current-file.js';
 
-const {eachSeries} = require('execon');
-const wraptile = require('wraptile');
-
-const load = require('./load');
-const Images = require('./images');
-const {alert} = require('./dialog');
-
-const {FS} = require('../../common/cloudfunc');
-
-const onEnd = wraptile(_onEnd);
 const loadFile = wraptile(_loadFile);
+const onEnd = wraptile(_onEnd);
 
-const {getCurrentDirPath: getPathWhenRootEmpty} = require('.');
+export const uploadFiles = (dir, files) => {
-
-module.exports = (dir, files) => {
     if (!files) {
         files = dir;
-        dir = getPathWhenRootEmpty();
+        dir = getCurrentDirPath();
     }
     
     const n = files.length;
@@ -55,7 +49,8 @@ function _loadFile(dir, n, file, callback) {
     
     ++i;
     
-    load.put(api + path, file)
+    load
+        .put(api + path, file)
         .on('error', showError)
         .on('end', callback)
         .on('progress', (count) => {
@@ -70,4 +65,3 @@ function _loadFile(dir, n, file, callback) {
 function showError({message}) {
     alert(message);
 }
-

client/get-json-from-file-table.js

@@ -1,40 +1,13 @@
-'use strict';
-
 /* global DOM */
-
-const Info = DOM.CurrentInfo;
-
 /**
  * Функция генерирует JSON из html-таблицы файлов и
  * используеться при первом заходе в корень
  */
-module.exports = () => {
+export const getJsonFromFileTable = () => {
+    const Info = DOM.CurrentInfo;
     const path = DOM.getCurrentDirPath();
     const infoFiles = Info.files || [];
     
-    const notParent = (current) => {
-        const name = DOM.getCurrentName(current);
-        return name !== '..';
-    };
-    
-    const parse = (current) => {
-        const name = DOM.getCurrentName(current);
-        const size = DOM.getCurrentSize(current);
-        const owner = DOM.getCurrentOwner(current);
-        const mode = DOM.getCurrentMode(current);
-        const date = DOM.getCurrentDate(current);
-        const type = DOM.getCurrentType(current);
-        
-        return {
-            name,
-            size,
-            mode,
-            owner,
-            date,
-            type,
-        };
-    };
-    
     const files = infoFiles
         .filter(notParent)
         .map(parse);
@@ -47,3 +20,25 @@ module.exports = () => {
     return fileTable;
 };
 
+const notParent = (current) => {
+    const name = DOM.getCurrentName(current);
+    return name !== '..';
+};
+
+const parse = (current) => {
+    const name = DOM.getCurrentName(current);
+    const size = DOM.getCurrentSize(current);
+    const owner = DOM.getCurrentOwner(current);
+    const mode = DOM.getCurrentMode(current);
+    const date = DOM.getCurrentDate(current);
+    const type = DOM.getCurrentType(current);
+    
+    return {
+        name,
+        size,
+        mode,
+        owner,
+        date,
+        type,
+    };
+};

client/key/binder.js

@@ -1,6 +1,4 @@
-'use strict';
+export const createBinder = () => {
-
-module.exports.createBinder = () => {
     let binded = false;
     
     return {
@@ -15,4 +13,3 @@ module.exports.createBinder = () => {
         },
     };
 };
-

client/key/binder.spec.js

@@ -0,0 +1,28 @@
+import {test} from 'supertape';
+import {createBinder} from './binder.js';
+
+test('client: key: binder: isBind: default', (t) => {
+    const binder = createBinder();
+    
+    t.notOk(binder.isBind(), 'should not be bind by default');
+    t.end();
+});
+
+test('client: key: binder: setBind', (t) => {
+    const binder = createBinder();
+    
+    binder.setBind();
+    
+    t.ok(binder.isBind(), 'should be bind');
+    t.end();
+});
+
+test('client: key: binder: unsetBind', (t) => {
+    const binder = createBinder();
+    
+    binder.setBind();
+    binder.unsetBind();
+    
+    t.notOk(binder.isBind(), 'should not be bind');
+    t.end();
+});

client/key/index.js

@@ -1,67 +1,71 @@
-'use strict';
-
 /* global CloudCmd, DOM */
+import clipboard from '@cloudcmd/clipboard';
+import {fullstore} from 'fullstore';
+import * as Events from '#dom/events';
+import * as Buffer from '../dom/buffer.js';
+import * as KEY from './key.js';
+import _vim from './vim/index.js';
+import setCurrentByChar from './set-current-by-char.js';
+import {createBinder} from './binder.js';
 
-const Info = DOM.CurrentInfo;
-
-const clipboard = require('@cloudcmd/clipboard');
-
-const Buffer = require('../dom/buffer');
-const Events = require('../dom/events');
-
-const KEY = require('./key');
-const vim = require('./vim');
-const setCurrentByChar = require('./set-current-by-char');
-const {createBinder} = require('./binder');
-
-const fullstore = require('fullstore');
 const Chars = fullstore();
 
-const toggleVim = (keyCode) => {
+const toggleVim = (keyCode, overrides = {}) => {
-    const {_config, config} = CloudCmd;
+    const {_config, config} = overrides;
     
-    if (keyCode === KEY.ESC) {
+    if (!config('vim') && keyCode === KEY.ESC)
-        _config('vim', !config('vim'));
+        _config('vim', true);
-    }
 };
 
+const isUndefined = (a) => typeof a === 'undefined';
+
 Chars([]);
 
 const {assign} = Object;
-
 const binder = createBinder();
-module.exports = assign(binder, KEY);
+
-module.exports.bind = () => {
+const bind = () => {
     Events.addKey(listener, true);
     binder.setBind();
 };
 
-module.exports._listener = listener;
+export const Key = assign(binder, KEY, {
+    bind,
+});
+
+export const _listener = listener;
 
 function getChar(event) {
     /*
       * event.keyIdentifier deprecated in chrome v51
       * but event.key is absent in chrome <= v51
       */
-    
     const {
         key,
         shift,
         keyCode,
         keyIdentifier,
     } = event;
+    
     const char = key || fromCharCode(keyIdentifier);
     const symbol = getSymbol(shift, keyCode);
     
     return [symbol, char];
 }
 
-async function listener(event) {
+async function listener(event, overrides = {}) {
+    const {
+        config = CloudCmd.config,
+        _config = CloudCmd._config,
+        switchKey = _switchKey,
+        vim = _vim,
+    } = overrides;
+    
     const {keyCode} = event;
     
-    // strange chrome bug calles listener twice
+    // strange chrome bug calls listener twice
     // in second time event misses a lot fields
-    if (typeof event.altKey === 'undefined')
+    if (isUndefined(event.altKey))
         return;
     
     const alt = event.altKey;
@@ -75,8 +79,12 @@ async function listener(event) {
     if (!binder.isBind())
         return;
     
-    toggleVim(keyCode);
+    toggleVim(keyCode, {
-    const isVim = CloudCmd.config('vim');
+        config,
+        _config,
+    });
+    
+    const isVim = config('vim');
     
     if (!isVim && !isNumpad && !alt && !ctrl && !meta && (isBetween || symbol))
         return setCurrentByChar(char, Chars);
@@ -109,12 +117,12 @@ function getSymbol(shift, keyCode) {
 function fromCharCode(keyIdentifier) {
     const code = keyIdentifier.substring(2);
     const hex = parseInt(code, 16);
-    const char = String.fromCharCode(hex);
     
-    return char;
+    return String.fromCharCode(hex);
 }
 
-async function switchKey(event) {
+async function _switchKey(event) {
+    const Info = DOM.CurrentInfo;
     let i;
     let isSelected;
     let prev;
@@ -131,9 +139,10 @@ async function switchKey(event) {
     
     const {
         Operation,
-        loadDir,
+        changeDir,
         config,
     } = CloudCmd;
+    
     const {keyCode} = event;
     
     const alt = event.altKey;
@@ -154,12 +163,14 @@ async function switchKey(event) {
         break;
     
     case KEY.INSERT:
-        DOM .toggleSelectedFile(current)
+        DOM
+            .toggleSelectedFile(current)
             .setCurrentFile(next);
         break;
     
     case KEY.INSERT_MAC:
-        DOM .toggleSelectedFile(current)
+        DOM
+            .toggleSelectedFile(current)
             .setCurrentFile(next);
         break;
     
@@ -168,6 +179,7 @@ async function switchKey(event) {
             Operation.show('delete:silent');
         else
             Operation.show('delete');
+        
         break;
     
     case KEY.ASTERISK:
@@ -197,9 +209,7 @@ async function switchKey(event) {
         event.preventDefault();
         
         if (Info.isDir)
-            await loadDir({
+            await changeDir(path);
-                path,
-            });
         else if (shift)
             CloudCmd.View.show(null, {
                 raw: true,
@@ -261,6 +271,7 @@ async function switchKey(event) {
             Operation.show('extract');
         else
             CloudCmd.Menu.show();
+        
         event.preventDefault();
         break;
     
@@ -303,6 +314,7 @@ async function switchKey(event) {
             DOM.swapPanels();
             event.preventDefault();
         }
+        
         break;
     
     /* navigation on file table:        *
@@ -397,9 +409,10 @@ async function switchKey(event) {
     
     case KEY.ENTER:
         if (Info.isDir)
-            await loadDir({path});
+            await changeDir(path);
         else
             CloudCmd.View.show();
+        
         break;
     
     case KEY.BACKSPACE:
@@ -409,9 +422,8 @@ async function switchKey(event) {
     
     case KEY.BACKSLASH:
         if (ctrlMeta)
-            await loadDir({
+            await changeDir('/');
-                path: '/',
+        
-            });
         break;
     
     case KEY.A:
@@ -430,6 +442,14 @@ async function switchKey(event) {
         
         break;
     
+    case KEY.L:
+        if (ctrlMeta && shift) {
+            CloudCmd.logOut();
+            event.preventDefault();
+        }
+        
+        break;
+    
     case KEY.M:
         if (ctrlMeta) {
             if (config('vim'))
@@ -452,6 +472,7 @@ async function switchKey(event) {
             .catch(CloudCmd.log);
         
         break;
+    
     /**
      * обновляем страницу,
      * загружаем содержимое каталога
@@ -465,26 +486,36 @@ async function switchKey(event) {
             CloudCmd.refresh();
             event.preventDefault();
         }
+        
         break;
     
     case KEY.C:
         if (ctrlMeta)
             Buffer.copy();
+        
         break;
     
     case KEY.X:
         if (ctrlMeta)
             Buffer.cut();
+        
         break;
     
     case KEY.V:
         if (ctrlMeta)
             Buffer.paste();
+        
         break;
     
     case KEY.Z:
         if (ctrlMeta)
             Buffer.clear();
+        
+        break;
+    
+    case KEY.COLON:
+        CloudCmd.CommandLine.show();
+        event.preventDefault();
         break;
     
     /* чистим хранилище */
@@ -495,7 +526,19 @@ async function switchKey(event) {
             CloudCmd.log('storage cleared');
             event.preventDefault();
         }
+        
+        break;
+    
+    case KEY.DOT:
+        if (meta && shift) {
+            const showDotFiles = !CloudCmd.config('showDotFiles');
+            CloudCmd._config('showDotFiles', showDotFiles);
+            CloudCmd.refresh();
+            await DOM.RESTful.Config.write({
+                showDotFiles,
+            });
+        }
+        
         break;
     }
 }
-

client/key/index.spec.js

@@ -1,33 +1,19 @@
-'use strict';
+import autoGlobals from 'auto-globals';
+import supertape from 'supertape';
+import {ESC} from './key.js';
+import {Key, _listener} from './index.js';
+import {getDOM, getCloudCmd} from './vim/globals.fixture.js';
 
-const autoGlobals = require('auto-globals');
+const test = autoGlobals(supertape);
-const test = autoGlobals(require('supertape'));
+const {stub} = supertape;
-const stub = require('@cloudcmd/stub');
-const mockRequire = require('mock-require');
-const {reRequire, stopAll} = mockRequire;
 
-const {ESC} = require('./key');
+globalThis.DOM = getDOM();
-
+globalThis.CloudCmd = getCloudCmd();
-const {
-    getDOM,
-    getCloudCmd,
-} = require('./vim/globals.fixture');
-
-const DOM = getDOM();
-const CloudCmd = getCloudCmd();
-
-global.DOM = DOM;
-global.CloudCmd = CloudCmd;
 
 test('cloudcmd: client: key: enable vim', async (t) => {
     const vim = stub();
-    const configStub = stub().returns(true);
+    const config = stub().returns(true);
-    const {CloudCmd} = global;
+    const _config = stub();
-    const {config} = CloudCmd;
-    
-    CloudCmd.config = configStub;
-    mockRequire('./vim', vim);
-    const {_listener, setBind} = reRequire('.');
     
     const event = {
         keyCode: ESC,
@@ -35,11 +21,14 @@ test('cloudcmd: client: key: enable vim', async (t) => {
         altKey: false,
     };
     
-    setBind();
+    Key.setBind();
-    await _listener(event);
     
-    CloudCmd.config = config;
+    await _listener(event, {
-    stopAll();
+        vim,
+        config,
+        _config,
+        switchKey: stub(),
+    });
     
     t.calledWith(vim, ['Escape', event]);
     t.end();
@@ -47,8 +36,7 @@ test('cloudcmd: client: key: enable vim', async (t) => {
 
 test('cloudcmd: client: key: disable vim', async (t) => {
     const _config = stub();
-    
+    const config = stub();
-    const {_listener, setBind} = reRequire('.');
     
     const event = {
         keyCode: ESC,
@@ -56,17 +44,13 @@ test('cloudcmd: client: key: disable vim', async (t) => {
         altKey: false,
     };
     
-    const {CloudCmd} = global;
+    Key.setBind();
-    const {config} = CloudCmd;
+    await _listener(event, {
-    CloudCmd.config = _config;
+        config,
+        _config,
+        switchKey: stub(),
+    });
     
-    setBind();
+    t.calledWith(_config, ['vim', true]);
-    await _listener(event);
-    await _listener(event);
-    
-    CloudCmd.config = config;
-    
-    t.calledWith(_config, ['vim']);
     t.end();
 });
-

client/key/key.js

@@ -1,82 +1,58 @@
-'use strict';
+export const BACKSPACE = 8;
-
+export const TAB = 9;
-module.exports = {
+export const ENTER = 13;
-    BACKSPACE   : 8,
+export const CAPSLOCK = 20;
-    TAB         : 9,
+export const ESC = 27;
-    ENTER       : 13,
+export const SPACE = 32;
-    CAPSLOCK    : 20,
+export const PAGE_UP = 33;
-    ESC         : 27,
+export const PAGE_DOWN = 34;
-    
+export const END = 35;
-    SPACE       : 32,
+export const HOME = 36;
-    PAGE_UP     : 33,
+export const LEFT = 37;
-    PAGE_DOWN   : 34,
+export const UP = 38;
-    END         : 35,
+export const RIGHT = 39;
-    HOME        : 36,
+export const DOWN = 40;
-    
+export const INSERT = 45;
-    LEFT        : 37,
+export const DELETE = 46;
-    UP          : 38,
+export const ZERO = 48;
-    RIGHT       : 39,
+export const SEMICOLON = 52;
-    DOWN        : 40,
+export const A = 65;
-    
+export const C = 67;
-    INSERT      : 45,
+export const D = 68;
-    DELETE      : 46,
+export const G = 71;
-    
+export const J = 74;
-    ZERO        : 48,
+export const K = 75;
-    
+export const L = 76;
-    SEMICOLON   : 52,
+export const M = 77;
-    
+export const O = 79;
-    COLON       : 54,
+export const P = 80;
-    
+export const Q = 81;
-    A           : 65,
+export const R = 82;
-    
+export const S = 83;
-    C           : 67,
+export const T = 84;
-    D           : 68,
+export const U = 85;
-    
+export const V = 86;
-    G           : 71,
+export const X = 88;
-    
+export const Z = 90;
-    J           : 74,
+export const INSERT_MAC = 96;
-    K           : 75,
+export const ASTERISK = 106;
-    
+export const PLUS = 107;
-    M           : 77,
+export const MINUS = 109;
-    
+export const F1 = 112;
-    O           : 79,
+export const F2 = 113;
-    P           : 80,
+export const F3 = 114;
-    Q           : 81,
+export const F4 = 115;
-    R           : 82,
+export const F5 = 116;
-    S           : 83,
+export const F6 = 117;
-    T           : 84,
+export const F7 = 118;
-    U           : 85,
+export const F8 = 119;
-    
+export const F9 = 120;
-    V           : 86,
+export const F10 = 121;
-    
+export const COLON = 186;
-    X           : 88,
+export const EQUAL = 187;
-    
+export const HYPHEN = 189;
-    Z           : 90,
+export const DOT = 190;
-    
+export const SLASH = 191;
-    INSERT_MAC  : 96,
+export const TRA = 192;
-    
+export const BACKSLASH = 220;
-    ASTERISK    : 106,
+export const BRACKET_CLOSE = 221;
-    PLUS        : 107,
-    MINUS       : 109,
-    
-    F1          : 112,
-    F2          : 113,
-    F3          : 114,
-    F4          : 115,
-    F5          : 116,
-    F6          : 117,
-    F7          : 118,
-    F8          : 119,
-    F9          : 120,
-    F10         : 121,
-    
-    EQUAL       : 187,
-    HYPHEN      : 189,
-    DOT         : 190,
-    SLASH       : 191,
-    TRA         : 192, /* Typewritten Reverse Apostrophe (`) */
-    BACKSLASH   : 220,
-    
-    BRACKET_CLOSE: 221,
-};
-

client/key/set-current-by-char.js

@@ -1,18 +1,15 @@
 /* global DOM */
+import {escapeRegExp} from '#common/util';
 
-'use strict';
+export default function setCurrentByChar(char, charStore) {
-
+    const Info = DOM.CurrentInfo;
-const Info = DOM.CurrentInfo;
-const {escapeRegExp} = require('../../common/util');
-
-module.exports = function setCurrentByChar(char, charStore) {
     let firstByName;
     let skipCount = 0;
-    let setted = false;
+    let set = false;
     let i = 0;
     
     const escapeChar = escapeRegExp(char);
-    const regExp = new RegExp('^' + escapeChar + '.*$', 'i');
+    const regExp = new RegExp(`^${escapeChar}.*$`, 'i');
     const {files} = Info;
     const chars = charStore();
     const n = chars.length;
@@ -31,12 +28,14 @@ module.exports = function setCurrentByChar(char, charStore) {
     const isTest = (a) => regExp.test(a);
     const isRoot = (a) => a === '..';
     const not = (f) => (a) => !f(a);
+    
     const setCurrent = (name) => {
         const byName = DOM.getCurrentByName(name);
         
         if (!skipCount) {
-            setted = true;
+            set = true;
             DOM.setCurrentFile(byName);
+            
             return true;
         }
         
@@ -51,9 +50,8 @@ module.exports = function setCurrentByChar(char, charStore) {
         .filter(not(isRoot))
         .some(setCurrent);
     
-    if (!setted) {
+    if (!set) {
         DOM.setCurrentFile(firstByName);
         charStore([char]);
     }
-};
+}
-

client/key/vim/find.js

@@ -1,12 +1,10 @@
-'use strict';
+import {fullstore} from 'fullstore';
-
+import limier from 'limier';
-const fullstore = require('fullstore');
-const limier = require('limier');
 
 const searchStore = fullstore([]);
 const searchIndex = fullstore(0);
 
-module.exports.find = (value, names) => {
+export const find = (value, names) => {
     const result = limier(value, names);
     
     searchStore(result);
@@ -15,7 +13,7 @@ module.exports.find = (value, names) => {
     return result;
 };
 
-module.exports.findNext = () => {
+export const findNext = () => {
     const names = searchStore();
     const index = next(searchIndex(), names.length);
     
@@ -23,7 +21,7 @@ module.exports.findNext = () => {
     return names[searchIndex()];
 };
 
-module.exports.findPrevious = () => {
+export const findPrevious = () => {
     const names = searchStore();
     const index = previous(searchIndex(), names.length);
     
@@ -31,8 +29,8 @@ module.exports.findPrevious = () => {
     return names[index];
 };
 
-module.exports._next = next;
+export const _next = next;
-module.exports._previous = previous;
+export const _previous = previous;
 
 function next(index, length) {
     if (index === length - 1)
@@ -47,4 +45,3 @@ function previous(index, length) {
     
     return --index;
 }
-

client/key/vim/find.spec.js

@@ -1,16 +1,14 @@
-'use strict';
+import test from 'supertape';
-
+import {getDOM} from './globals.fixture.js';
-const test = require('supertape');
+import {
-const dir = './';
-
-const {getDOM} = require('./globals.fixture');
-
-global.DOM = getDOM();
-
-const {
     _next,
     _previous,
-} = require(dir + 'find');
+    find,
+    findNext,
+    findPrevious,
+} from './find.js';
+
+globalThis.DOM = getDOM();
 
 test('cloudcmd: client: vim: _next', (t) => {
     const result = _next(1, 2);
@@ -19,6 +17,13 @@ test('cloudcmd: client: vim: _next', (t) => {
     t.end();
 });
 
+test('cloudcmd: client: vim: _next: increment', (t) => {
+    const result = _next(0, 2);
+    
+    t.equal(result, 1, 'should return 1');
+    t.end();
+});
+
 test('cloudcmd: client: vim: _previous', (t) => {
     const result = _previous(0, 2);
     
@@ -26,3 +31,25 @@ test('cloudcmd: client: vim: _previous', (t) => {
     t.end();
 });
 
+test('cloudcmd: client: vim: _previous: decrement', (t) => {
+    const result = _previous(1, 2);
+    
+    t.equal(result, 0, 'should return 0');
+    t.end();
+});
+
+test('cloudcmd: client: vim: findNext: after find', (t) => {
+    find('a', ['alpha', 'beta', 'apple']);
+    const result = findNext();
+    
+    t.equal(result, 'beta', 'should return next found name');
+    t.end();
+});
+
+test('cloudcmd: client: vim: findPrevious: after find', (t) => {
+    find('a', ['alpha', 'beta', 'apple']);
+    const result = findPrevious();
+    
+    t.equal(result, 'apple', 'should return previous found name');
+    t.end();
+});

client/key/vim/globals.fixture.js

@@ -1,8 +1,6 @@
-'use strict';
-
 const noop = () => {};
 
-module.exports.getDOM = () => {
+export const getDOM = () => {
     const prompt = Promise.resolve.bind(Promise);
     const CurrentInfo = {
         element: {},
@@ -29,14 +27,16 @@ module.exports.getDOM = () => {
         getCurrentName: noop,
         setCurrentByName: noop,
         toggleSelectedFile: noop,
+        prompNewDirectory: noop,
+        promptNewFile: noop,
     };
 };
 
-module.exports.getCloudCmd = () => {
+export const getCloudCmd = () => {
     const show = () => {};
     
     return {
-        Operation:  {
+        Operation: {
             show,
         },
         
@@ -44,4 +44,3 @@ module.exports.getCloudCmd = () => {
         _config: noop,
     };
 };
-

client/key/vim/index.js

@@ -1,102 +1,167 @@
-'use strict';
+import vim from './vim.js';
+import * as finder from './find.js';
+import {
+    setCurrent,
+    selectFileNotParent,
+} from './set-current.js';
 
-/* global CloudCmd */
+export default (key, event, overrides = {}) => {
-/* global DOM */
+    const defaults = {
-
+        ...globalThis.DOM,
-const vim = require('./vim');
+        ...globalThis.CloudCmd,
-const finder = require('./find');
+    };
-
+    
-const Info = DOM.CurrentInfo;
+    const deps = {
-const {Dialog} = DOM;
+        ...defaults,
-
+        ...overrides,
-module.exports = async (key, event) => {
+    };
-    const operations = getOperations(event);
+    
-    await vim(key, operations);
+    const operations = getOperations(event, deps);
+    
+    vim(key, operations, deps);
 };
 
-const getOperations = (event) => {
+const getOperations = (event, deps) => {
+    const {
+        Info = globalThis.DOM.CurrentInfo,
+        CloudCmd = globalThis.CloudCmd,
+        Operation,
+        unselectFiles,
+        setCurrentFile,
+        setCurrentByName,
+        getCurrentName,
+        prompt = globalThis.DOM.Dialog.prompt,
+        preventDefault = event?.preventDefault?.bind(event),
+        stopImmediatePropagation = event?.preventDefault?.bind(event),
+        promptNewFile = globalThis.DOM.promptNewFile,
+        toggleSelectedFile,
+        Buffer = {},
+        createFindNext = _createFindNext,
+        createFindPrevious = _createFindPrevious,
+        createMakeFile = _createMakeFile,
+        renameCurrent,
+    } = deps;
+    
     return {
-        escape: DOM.unselectFiles,
+        makeFile: createMakeFile({
+            promptNewFile,
+            preventDefault,
+            stopImmediatePropagation,
+        }),
+        findNext: createFindNext({
+            setCurrentByName,
+        }),
+        findPrevious: createFindPrevious({
+            setCurrentByName,
+        }),
+        escape: unselectFiles,
+        rename: () => {
+            event.preventDefault();
+            renameCurrent();
+        },
         remove: () => {
-            CloudCmd.Operation.show('delete');
+            Operation.show('delete');
         },
+        operationCopy: () => {
+            event.preventDefault();
+            Operation.show('copy');
+        },
+        operationMove: () => {
+            event.preventDefault();
+            Operation.show('move');
+        },
+        
+        makeDirectory: () => {
+            event.stopImmediatePropagation();
+            event.preventDefault();
+            globalThis.DOM.promptNewDir();
+        },
+        
+        terminal: () => {
+            CloudCmd.Terminal.show();
+        },
+        
+        edit: () => {
+            CloudCmd.EditFileVim.show();
+        },
+        
         copy: () => {
-            DOM.Buffer.copy();
+            Buffer.copy();
-            DOM.unselectFiles();
+            unselectFiles();
         },
+        
         select: () => {
             const current = Info.element;
-            DOM.toggleSelectedFile(current);
+            toggleSelectedFile(current);
         },
-        paste: DOM.Buffer.paste,
+        
+        paste: Buffer.paste,
+        
         moveNext: ({count, isVisual, isDelete}) => {
             setCurrent('next', {
                 count,
                 isVisual,
                 isDelete,
+            }, {
+                Info,
+                setCurrentFile,
+                unselectFiles,
+                Operation,
             });
         },
+        
         movePrevious: ({count, isVisual, isDelete}) => {
             setCurrent('previous', {
                 count,
                 isVisual,
                 isDelete,
+            }, {
+                Info,
+                setCurrentFile,
+                unselectFiles,
+                Operation,
             });
         },
+        
         find: async () => {
-            event.preventDefault();
+            preventDefault();
-            const [, value] = await Dialog.prompt('Find', '');
+            const [, value] = await prompt('Find', '');
             
             if (!value)
                 return;
             
-            const names = Info.files.map(DOM.getCurrentName);
+            const names = Info.files.map(getCurrentName);
             const [result] = finder.find(value, names);
             
-            DOM.setCurrentByName(result);
+            setCurrentByName(result);
-        },
-        findNext: () => {
-            const name = finder.findNext();
-            DOM.setCurrentByName(name);
-        },
-        findPrevious: () => {
-            const name = finder.findPrevious();
-            DOM.setCurrentByName(name);
         },
     };
 };
 
-module.exports.selectFile = selectFile;
+export const selectFile = selectFileNotParent;
 
-function selectFile(current) {
+const _createFindPrevious = (overrides = {}) => () => {
-    const name = DOM.getCurrentName(current);
+    const {setCurrentByName} = overrides;
+    const name = finder.findPrevious();
     
-    if (name === '..')
+    setCurrentByName(name);
-        return;
+};
-    
-    DOM.selectFile(current);
-}
 
-function setCurrent(sibling, {count, isVisual, isDelete}) {
+const _createFindNext = (overrides = {}) => () => {
-    let current = Info.element;
+    const {setCurrentByName} = overrides;
-    const select = isVisual ? selectFile : DOM.unselectFile;
+    const name = finder.findNext();
     
-    select(current);
+    setCurrentByName(name);
-    
+};
-    const position = `${sibling}Sibling`;
-    for (let i = 0; i < count; i++) {
-        const next = current[position];
-        
-        if (!next)
-            break;
-        
-        current = next;
-        select(current);
-    }
-    
-    DOM.setCurrentFile(current);
-    
-    if (isDelete)
-        CloudCmd.Operation.show('delete');
-}
 
+const _createMakeFile = (overrides = {}) => () => {
+    const {
+        promptNewFile,
+        stopImmediatePropagation,
+        preventDefault,
+    } = overrides;
+    
+    stopImmediatePropagation();
+    preventDefault();
+    promptNewFile();
+};

client/key/vim/index.spec.js

@@ -1,46 +1,35 @@
-'use strict';
+import {test, stub} from 'supertape';
+import {getDOM, getCloudCmd} from './globals.fixture.js';
+import vim, {selectFile as vimSelectFile} from './index.js';
+import * as finder from './find.js';
 
-const {join} = require('path');
+globalThis.DOM = getDOM();
+globalThis.CloudCmd = getCloudCmd();
 
-const test = require('supertape');
+const {assign} = Object;
-const stub = require('@cloudcmd/stub');
+const {DOM} = globalThis;
-const mockRequire = require('mock-require');
-const {reRequire, stopAll} = mockRequire;
-
-const dir = '../';
-
-const pathVim = join(dir, 'vim');
-const pathFind = join(dir, 'vim', 'find');
-
-const {
-    getDOM,
-    getCloudCmd,
-} = require('./globals.fixture');
-
-global.DOM = getDOM();
-global.CloudCmd = getCloudCmd();
-
-const {DOM} = global;
 const {Buffer} = DOM;
 
-const vim = require(pathVim);
-
 test('cloudcmd: client: key: set next file: no', (t) => {
-    const element = {
+    const element = {};
+    const setCurrentFile = stub();
+    const unselectFiles = stub();
+    
+    const Info = {
+        element,
     };
     
-    const setCurrentFile = stub();
+    vim('j', {}, {
-    
+        Info,
-    global.DOM.CurrentInfo.element = element;
+        setCurrentFile,
-    global.DOM.setCurrentFile = setCurrentFile;
+        unselectFiles,
-    
+    });
-    vim('j', {});
     
     t.calledWith(setCurrentFile, [element], 'should set next file');
     t.end();
 });
 
-test('cloudcmd: client: key: set next file current', (t) => {
+test('cloudcmd: client: key: set next file current: j', async (t) => {
     const nextSibling = 'hello';
     const element = {
         nextSibling,
@@ -48,17 +37,21 @@ test('cloudcmd: client: key: set next file current', (t) => {
     
     const setCurrentFile = stub();
     
-    global.DOM.CurrentInfo.element = element;
+    const Info = {
-    global.DOM.setCurrentFile = setCurrentFile;
+        element,
+    };
     
-    vim('j', {});
+    await vim('j', {}, {
+        Info,
+        setCurrentFile,
+        unselectFiles: stub(),
+    });
     
     t.calledWith(setCurrentFile, [nextSibling], 'should set next file');
-    
     t.end();
 });
 
-test('cloudcmd: client: key: set next file current', (t) => {
+test('cloudcmd: client: key: set next file current: mjj', (t) => {
     const nextSibling = 'hello';
     const element = {
         nextSibling,
@@ -66,15 +59,21 @@ test('cloudcmd: client: key: set next file current', (t) => {
     
     const setCurrentFile = stub();
     
-    global.DOM.CurrentInfo.element = element;
+    const Info = {
-    global.DOM.setCurrentFile = setCurrentFile;
+        element,
+    };
     
-    vim('m', {});
+    const deps = {
-    vim('j', {});
+        Info,
-    vim('j', {});
+        setCurrentFile,
+        unselectFiles: stub(),
+    };
+    
+    vim('m', {}, deps);
+    vim('j', {}, deps);
+    vim('j', {}, deps);
     
     t.calledWith(setCurrentFile, [nextSibling], 'should set next file');
-    
     t.end();
 });
 
@@ -86,38 +85,44 @@ test('cloudcmd: client: key: set next file current: g', (t) => {
     
     const setCurrentFile = stub();
     
-    global.DOM.CurrentInfo.element = element;
+    const Info = {
-    global.DOM.setCurrentFile = setCurrentFile;
+        element,
+    };
     
-    vim('g', {});
+    const deps = {
-    vim('j', {});
+        Info,
+        setCurrentFile,
+        unselectFiles: stub(),
+    };
+    
+    vim('g', {}, deps);
+    vim('j', {}, deps);
     
     t.calledWith(setCurrentFile, [nextSibling], 'should ignore g');
-    
     t.end();
 });
 
 test('cloudcmd: client: key: set +2 file current', (t) => {
     const last = {};
-    const nextSibling = {
-        nextSibling: last,
-    };
-    const element = {
-        nextSibling,
-    };
-    
     const setCurrentFile = stub();
+    const element = {};
     
-    global.DOM.CurrentInfo.element = element;
+    const Info = {
-    global.DOM.setCurrentFile = setCurrentFile;
+        element,
+    };
+    
+    const deps = {
+        setCurrentFile,
+        Info,
+        unselectFiles: stub(),
+    };
     
     const event = {};
     
-    vim('2', event);
+    vim('2', event, deps);
-    vim('j', event);
+    vim('j', event, deps);
     
     t.calledWith(setCurrentFile, [last], 'should set next file');
-    
     t.end();
 });
 
@@ -126,23 +131,37 @@ test('cloudcmd: client: key: select +2 files from current before delete', (t) =>
     const nextSibling = {
         nextSibling: last,
     };
+    
     const element = {
         nextSibling,
     };
     
     const setCurrentFile = stub();
     
-    global.DOM.CurrentInfo.element = element;
+    const Info = {
-    global.DOM.setCurrentFile = setCurrentFile;
+        element,
-    global.DOM.selectFile = stub();
+    };
-    global.DOM.getCurrentName = () => false;
+    
-    global.CloudCmd.Operation.show = stub();
+    const Operation = {
+        show: stub(),
+    };
+    
+    const selectFile = stub();
+    const getCurrentName = stub().returns('x');
     
     const event = {};
     
-    vim('d', event);
+    const deps = {
-    vim('2', event);
+        Info,
-    vim('j', event);
+        setCurrentFile,
+        selectFile,
+        getCurrentName,
+        Operation,
+    };
+    
+    vim('d', event, deps);
+    vim('2', event, deps);
+    vim('j', event, deps);
     
     t.calledWith(setCurrentFile, [last], 'should set next file');
     t.end();
@@ -153,6 +172,7 @@ test('cloudcmd: client: key: delete +2 files from current', (t) => {
     const nextSibling = {
         nextSibling: last,
     };
+    
     const element = {
         nextSibling,
     };
@@ -160,20 +180,26 @@ test('cloudcmd: client: key: delete +2 files from current', (t) => {
     const setCurrentFile = stub();
     const show = stub();
     
-    global.DOM.CurrentInfo.element = element;
+    const deps = {
-    global.DOM.setCurrentFile = setCurrentFile;
+        Info: {
-    global.DOM.selectFile = stub();
+            element,
-    global.DOM.getCurrentName = () => false;
+        },
-    global.CloudCmd.Operation.show = show;
+        Operation: {
+            show,
+        },
+        setCurrentFile,
+        selectFile: stub(),
+        getCurrentName: stub().returns('x'),
+        unselectFiles: stub(),
+    };
     
     const event = {};
     
-    vim('d', event);
+    vim('d', event, deps);
-    vim('2', event);
+    vim('2', event, deps);
-    vim('j', event);
+    vim('j', event, deps);
     
     t.calledWith(show, ['delete'], 'should call delete');
-    
     t.end();
 });
 
@@ -184,11 +210,19 @@ test('cloudcmd: client: key: set previous file current', (t) => {
     };
     
     const setCurrentFile = stub();
+    const unselectFiles = stub();
     
-    global.DOM.CurrentInfo.element = element;
+    const Info = {
-    global.DOM.setCurrentFile = setCurrentFile;
+        element,
+    };
     
-    vim('k', {});
+    const deps = {
+        Info,
+        setCurrentFile,
+        unselectFiles,
+    };
+    
+    vim('k', {}, deps);
     
     t.calledWith(setCurrentFile, [previousSibling], 'should set previous file');
     t.end();
@@ -197,36 +231,63 @@ test('cloudcmd: client: key: set previous file current', (t) => {
 test('cloudcmd: client: key: copy: no', (t) => {
     const copy = stub();
     
-    Buffer.copy = copy;
+    vim('y', {}, {
-    
+        unselectFiles: stub(),
-    vim('y', {});
+        Buffer: {
-    
+            copy,
-    t.notOk(copy.called, 'should not copy files');
+        },
+    });
     
+    t.notCalled(copy, 'should not copy files');
     t.end();
 });
 
 test('cloudcmd: client: key: copy', (t) => {
     const copy = stub();
+    const Info = {
+        element: {},
+    };
     
-    Buffer.copy = copy;
+    const toggleSelectedFile = stub();
+    const unselectFiles = stub();
     
-    vim('v', {});
+    const deps = {
-    vim('y', {});
+        Info,
+        unselectFiles,
+        toggleSelectedFile,
+        Buffer: {
+            copy,
+        },
+    };
     
-    t.ok(copy.calledWith(), 'should copy files');
+    vim('v', {}, deps);
+    vim('y', {}, deps);
+    
+    t.calledWithNoArgs(copy, 'should copy files');
     t.end();
 });
 
 test('cloudcmd: client: key: copy: unselectFiles', (t) => {
     const unselectFiles = stub();
+    const Info = {
+        element: {},
+    };
     
-    DOM.unselectFiles = unselectFiles;
+    const toggleSelectedFile = stub();
     
-    vim('v', {});
+    const deps = {
-    vim('y', {});
+        Info,
+        unselectFiles,
+        toggleSelectedFile,
+        Buffer: {
+            copy: stub(),
+        },
+    };
     
-    t.ok(unselectFiles.calledWith(), 'should unselect files');
+    vim('v', {}, deps);
+    vim('y', {}, deps);
+    
+    t.calledWithNoArgs(unselectFiles, 'should unselect files');
     t.end();
 });
 
@@ -235,59 +296,63 @@ test('cloudcmd: client: key: paste', (t) => {
     
     Buffer.paste = paste;
     
-    vim('p', {});
+    vim('p', {}, {
-    
+        Buffer,
-    t.ok(paste.calledWith(), 'should paste files');
+    });
     
+    t.calledWithNoArgs(paste, 'should paste files');
     t.end();
 });
 
 test('cloudcmd: client: key: selectFile: ..', (t) => {
+    const getCurrentName = stub().returns('..');
     const selectFile = stub();
-    const getCurrentName = stub();
-    
-    DOM.selectFile = selectFile;
-    DOM.getCurrentName = () => '..';
-    
     const current = {};
-    vim.selectFile(current);
     
-    t.notOk(getCurrentName.called, 'should not call selectFile');
+    vimSelectFile(current, {
+        selectFile,
+        getCurrentName,
+    });
+    
+    t.notCalled(selectFile, 'should not call selectFile');
     t.end();
 });
 
 test('cloudcmd: client: key: selectFile', (t) => {
     const selectFile = stub();
-    
+    const getCurrentName = stub().returns('x');
-    DOM.selectFile = selectFile;
-    DOM.getCurrentName = (a) => a.name;
-    
     const current = {};
     
-    vim.selectFile(current);
+    vimSelectFile(current, {
+        selectFile,
+        getCurrentName,
+    });
     
     t.calledWith(selectFile, [current], 'should call selectFile');
     t.end();
 });
 
-test('cloudcmd: client: key: set last file current: shift + g', (t) => {
+test('cloudcmd: client: key: set last file current: shift + g', async (t) => {
     const last = 'last';
     const nextSibling = {
         nextSibling: last,
     };
+    
     const element = {
         nextSibling,
     };
     
     const setCurrentFile = stub();
     
-    global.DOM.CurrentInfo.element = element;
+    await vim('G', {}, {
-    global.DOM.setCurrentFile = setCurrentFile;
+        Info: {
-    
+            element,
-    vim('G', {});
+        },
+        setCurrentFile,
+        unselectFiles: stub(),
+    });
     
     t.calledWith(setCurrentFile, [last], 'should set last file');
-    
     t.end();
 });
 
@@ -296,19 +361,22 @@ test('cloudcmd: client: key: set last file current: $', (t) => {
     const nextSibling = {
         nextSibling: last,
     };
+    
     const element = {
         nextSibling,
     };
     
     const setCurrentFile = stub();
     
-    global.DOM.CurrentInfo.element = element;
+    vim('$', {}, {
-    global.DOM.setCurrentFile = setCurrentFile;
+        Info: {
-    
+            element,
-    vim('$', {});
+        },
+        setCurrentFile,
+        unselectFiles: stub(),
+    });
     
     t.calledWith(setCurrentFile, [last], 'should set last file');
-    
     t.end();
 });
 
@@ -322,20 +390,30 @@ test('cloudcmd: client: key: set first file current: gg', (t) => {
         previousSibling,
     };
     
+    const Operation = {
+        show: stub(),
+    };
+    
+    const unselectFiles = stub();
     const setCurrentFile = stub();
     
-    global.DOM.CurrentInfo.element = element;
+    const deps = {
-    global.DOM.setCurrentFile = setCurrentFile;
+        Operation,
+        unselectFiles,
+        setCurrentFile,
+        Info: {
+            element,
+        },
+    };
     
-    vim('g', {});
+    vim('g', {}, deps);
-    vim('g', {});
+    vim('g', {}, deps);
     
     t.calledWith(setCurrentFile, [first], 'should set first file');
-    
     t.end();
 });
 
-test('cloudcmd: client: key: set first file current: ^', (t) => {
+test('cloudcmd: client: key: set first file current: ^', async (t) => {
     const first = 'first';
     const previousSibling = {
         previousSibling: first,
@@ -345,63 +423,86 @@ test('cloudcmd: client: key: set first file current: ^', (t) => {
         previousSibling,
     };
     
+    const Operation = {
+        show: stub(),
+    };
+    
+    const unselectFiles = stub();
     const setCurrentFile = stub();
     
-    global.DOM.CurrentInfo.element = element;
+    const deps = {
-    global.DOM.setCurrentFile = setCurrentFile;
+        setCurrentFile,
+        Info: {
+            element,
+        },
+        unselectFiles,
+        Operation,
+    };
     
-    vim('^', {});
+    await vim('^', {}, deps);
     
     t.calledWith(setCurrentFile, [first], 'should set first file');
-    
     t.end();
 });
 
 test('cloudcmd: client: key: visual', (t) => {
-    const element = {
+    const element = {};
-    };
-    
     const toggleSelectedFile = stub();
     
-    global.DOM.CurrentInfo.element = element;
+    const Info = {
-    global.DOM.toggleSelectedFile = toggleSelectedFile;
+        element,
+    };
     
-    vim('v', {});
+    vim('v', {}, {
+        Info,
+        toggleSelectedFile,
+    });
     
     t.calledWith(toggleSelectedFile, [element], 'should toggle selection');
-    
     t.end();
 });
 
 test('cloudcmd: client: key: ESC', (t) => {
-    const element = {
+    const element = {};
-    };
-    
     const unselectFiles = stub();
     
-    global.DOM.CurrentInfo.element = element;
+    const Info = {
-    global.DOM.unselectFiles = unselectFiles ;
+        element,
+    };
     
-    vim('Escape');
+    vim('Escape', null, {
+        Info,
+        unselectFiles,
+    });
     
-    t.ok(unselectFiles.calledWith(), 'should toggle selection');
+    t.calledWithNoArgs(unselectFiles, 'should toggle selection');
     t.end();
 });
 
-test('cloudcmd: client: key: Enter', (t) => {
+test('cloudcmd: client: key: Enter', async (t) => {
     const nextSibling = 'hello';
     const element = {
         nextSibling,
     };
     
+    const unselectFiles = stub();
     const setCurrentFile = stub();
     
-    DOM.CurrentInfo.element = element;
+    const Info = {
-    DOM.setCurrentFile = setCurrentFile;
+        element,
+    };
     
-    vim('Enter');
+    await vim('Enter', null, {
+        Info,
+        setCurrentFile,
+        unselectFiles,
+    });
     
-    vim('j');
+    await vim('j', null, {
+        Info,
+        setCurrentFile,
+        unselectFiles,
+    });
     
     t.calledWith(setCurrentFile, [nextSibling], 'should set next file');
     t.end();
@@ -411,50 +512,245 @@ test('cloudcmd: client: key: /', (t) => {
     const preventDefault = stub();
     const element = {};
     
-    DOM.CurrentInfo.element = element;
+    const Info = {
-    DOM.getCurrentName = () => '';
+        element,
+        files: [],
+    };
     
-    vim('/', {
+    const getCurrentName = stub().returns('');
+    
+    const event = {
         preventDefault,
+    };
+    
+    const prompt = stub().returns([]);
+    
+    vim('/', event, {
+        getCurrentName,
+        Info,
+        prompt,
     });
     
-    t.ok(preventDefault.calledWith(), 'should call preventDefault');
+    t.calledWithNoArgs(preventDefault);
+    t.end();
+});
+
+test('cloudcmd: client: find', (t) => {
+    assign(DOM.Dialog, {
+        prompt: stub().returns([]),
+    });
+    
+    const setCurrentByName = stub();
+    
+    assign(DOM, {
+        setCurrentByName,
+    });
+    
+    const event = {
+        preventDefault: stub(),
+    };
+    
+    vim('/', event);
+    
+    t.notCalled(setCurrentByName);
     t.end();
 });
 
 test('cloudcmd: client: key: n', (t) => {
     const findNext = stub();
+    const createFindNext = stub().returns(findNext);
     
-    mockRequire(pathFind, {
-        findNext,
-    });
-    
-    const vim = reRequire(pathVim);
     const event = {};
     
-    vim('n', event);
+    vim('n', event, {
+        createFindNext,
+    });
     
-    stopAll(pathFind);
+    t.calledWithNoArgs(findNext, 'should call findNext');
-    
-    t.ok(findNext.calledWith(), 'should call findNext');
     t.end();
 });
 
 test('cloudcmd: client: key: N', (t) => {
     const findPrevious = stub();
-    
+    const createFindPrevious = stub().returns(findPrevious);
-    mockRequire(pathFind, {
-        findPrevious,
-    });
-    
-    const vim = reRequire(dir + 'vim');
     const event = {};
     
-    vim('N', event);
+    vim('N', event, {
+        createFindPrevious,
+    });
     
-    stopAll(pathFind);
+    t.calledWithNoArgs(findPrevious);
-    
-    t.ok(findPrevious.calledWith(), 'should call findPrevious');
     t.end();
 });
 
+test('cloudcmd: client: key: make directory', async (t) => {
+    const {DOM} = globalThis;
+    
+    assign(DOM, {
+        promptNewDir: stub(),
+    });
+    
+    const event = {
+        stopImmediatePropagation: stub(),
+        preventDefault: stub(),
+    };
+    
+    await vim('m', event);
+    await vim('d', event);
+    
+    t.calledWithNoArgs(DOM.promptNewDir);
+    t.end();
+});
+
+test('cloudcmd: client: key: make file', (t) => {
+    const promptNewFile = stub();
+    
+    const event = {
+        stopImmediatePropagation: stub(),
+        preventDefault: stub(),
+    };
+    
+    vim('m', event);
+    vim('f', event, {
+        promptNewFile,
+    });
+    
+    t.calledWithNoArgs(promptNewFile);
+    t.end();
+});
+
+test('cloudcmd: client: vim: terminal', (t) => {
+    const CloudCmd = {
+        Terminal: {
+            show: stub(),
+        },
+    };
+    
+    const event = {};
+    
+    vim('t', event, {
+        CloudCmd,
+    });
+    vim('t', event, {
+        CloudCmd,
+    });
+    
+    t.calledWithNoArgs(CloudCmd.Terminal.show);
+    t.end();
+});
+
+test('cloudcmd: client: vim: edit', async (t) => {
+    globalThis.DOM = getDOM();
+    globalThis.CloudCmd = getCloudCmd();
+    
+    const {CloudCmd} = globalThis;
+    
+    assign(CloudCmd, {
+        EditFileVim: {
+            show: stub(),
+        },
+    });
+    
+    const event = {};
+    
+    await vim('e', event);
+    
+    t.calledWithNoArgs(CloudCmd.EditFileVim.show);
+    t.end();
+});
+
+test('cloudcmd: client: vim: rename', async (t) => {
+    const DOM = getDOM();
+    const renameCurrent = stub();
+    
+    assign(DOM, {
+        renameCurrent,
+    });
+    
+    const event = {
+        preventDefault: stub(),
+    };
+    
+    await vim('rr', event, DOM);
+    
+    t.calledWithNoArgs(renameCurrent);
+    t.end();
+});
+
+test('cloudcmd: client: key: cc: operationCopy', (t) => {
+    const show = stub();
+    const preventDefault = stub();
+    
+    const Operation = {
+        show,
+    };
+    
+    const event = {
+        preventDefault,
+    };
+    
+    vim('c', event, {
+        Operation,
+    });
+    
+    vim('c', event, {
+        Operation,
+    });
+    
+    t.calledWith(show, ['copy'], 'should show copy operation');
+    t.end();
+});
+
+test('cloudcmd: client: key: mm: operationMove', (t) => {
+    const show = stub();
+    const preventDefault = stub();
+    
+    const Operation = {
+        show,
+    };
+    
+    const event = {
+        preventDefault,
+    };
+    
+    vim('m', event, {
+        Operation,
+    });
+    
+    vim('m', event, {
+        Operation,
+    });
+    
+    t.calledWith(show, ['move'], 'should show move operation');
+    t.end();
+});
+
+test('cloudcmd: client: key: n: findNext: real', (t) => {
+    const setCurrentByName = stub();
+    
+    finder.find('a', ['alpha', 'beta', 'apple']);
+    
+    const event = {};
+    
+    vim('n', event, {
+        setCurrentByName,
+    });
+    
+    t.calledWith(setCurrentByName, ['beta'], 'should set current by next found name');
+    t.end();
+});
+
+test('cloudcmd: client: key: N: findPrevious: real', (t) => {
+    const setCurrentByName = stub();
+    
+    finder.find('a', ['alpha', 'beta', 'apple']);
+    
+    const event = {};
+    
+    vim('N', event, {
+        setCurrentByName,
+    });
+    
+    t.calledWith(setCurrentByName, ['apple'], 'should set current by previous found name');
+    t.end();
+});

client/key/vim/set-current.js

@@ -0,0 +1,33 @@
+/* global DOM */
+export function selectFileNotParent(current, {getCurrentName, selectFile} = DOM) {
+    const name = getCurrentName(current);
+    
+    if (name === '..')
+        return;
+    
+    selectFile(current);
+}
+
+export const setCurrent = (sibling, {count, isVisual, isDelete}, {Info, setCurrentFile, unselectFiles, Operation}) => {
+    let current = Info.element;
+    const select = isVisual ? selectFileNotParent : unselectFiles;
+    
+    select(current);
+    
+    const position = `${sibling}Sibling`;
+    
+    for (let i = 0; i < count; i++) {
+        const next = current[position];
+        
+        if (!next)
+            break;
+        
+        current = next;
+        select(current);
+    }
+    
+    setCurrentFile(current);
+    
+    if (isDelete)
+        Operation.show('delete');
+};

client/key/vim/vim.js

@@ -1,6 +1,5 @@
-'use strict';
+import {fullstore} from 'fullstore';
 
-const fullstore = require('fullstore');
 const store = fullstore('');
 const visual = fullstore(false);
 
@@ -21,10 +20,11 @@ const rmFirst = (a) => {
 
 const noop = () => {};
 
-module.exports = (key, operations) => {
+export default (key, operations = {}) => {
     const prevStore = store();
     const isVisual = visual();
     const value = store(prevStore.concat(key));
+    
     const {
         escape = noop,
         moveNext = noop,
@@ -36,6 +36,13 @@ module.exports = (key, operations) => {
         find = noop,
         findNext = noop,
         findPrevious = noop,
+        makeFile = noop,
+        makeDirectory = noop,
+        terminal = noop,
+        edit = noop,
+        operationCopy = noop,
+        operationMove = noop,
+        rename = noop,
     } = operations;
     
     if (key === 'Enter')
@@ -44,6 +51,7 @@ module.exports = (key, operations) => {
     if (key === 'Escape') {
         visual(false);
         escape();
+        
         return end();
     }
     
@@ -80,10 +88,7 @@ module.exports = (key, operations) => {
     }
     
     if (value === 'gg' || key === '^') {
-        const {
+        const {isDelete, isVisual} = handleDelete(prevStore);
-            isDelete,
-            isVisual,
-        } = handleDelete(prevStore);
         
         movePrevious({
             count: Infinity,
@@ -94,9 +99,45 @@ module.exports = (key, operations) => {
         return end();
     }
     
+    if (value === 'md') {
+        makeDirectory();
+        return end();
+    }
+    
+    if (value === 'tt') {
+        terminal();
+        return end();
+    }
+    
+    if (value === 'e') {
+        edit();
+        return end();
+    }
+    
+    if (value === 'cc') {
+        operationCopy();
+        return end();
+    }
+    
+    if (value === 'mm') {
+        operationMove();
+        return end();
+    }
+    
+    if (value === 'mf') {
+        makeFile();
+        return end();
+    }
+    
+    if (value === 'rr') {
+        rename();
+        return end();
+    }
+    
     if (key === 'd' && (visual() || prevStore === 'd')) {
         stopVisual();
         remove();
+        
         return end();
     }
     
@@ -115,6 +156,7 @@ module.exports = (key, operations) => {
         
         stopVisual();
         copy();
+        
         return end();
     }
     
@@ -126,6 +168,7 @@ module.exports = (key, operations) => {
     if (/^v$/i.test(key)) {
         visual(!visual());
         select();
+        
         return end();
     }
     
@@ -143,6 +186,9 @@ module.exports = (key, operations) => {
         findPrevious();
         return end();
     }
+    
+    if (key === ' ')
+        return end();
 };
 
 function handleDelete(prevStore) {
@@ -172,4 +218,3 @@ function getNumber(value) {
     
     return parseInt(value);
 }
-

client/key/vim/vim.spec.js

@@ -1,9 +1,5 @@
-'use strict';
+import {test, stub} from 'supertape';
-
+import vim from './vim.js';
-const test = require('supertape');
-const stub = require('@cloudcmd/stub');
-
-const vim = require('./vim');
 
 test('vim: no operations', (t) => {
     const result = vim('hello', {});
@@ -12,6 +8,24 @@ test('vim: no operations', (t) => {
     t.end();
 });
 
+test('vim: space', (t) => {
+    const moveNext = stub();
+    
+    vim(' ');
+    vim('j', {
+        moveNext,
+    });
+    
+    const args = [{
+        count: 1,
+        isDelete: false,
+        isVisual: false,
+    }];
+    
+    t.calledWith(moveNext, args);
+    t.end();
+});
+
 test('vim: ^', (t) => {
     const movePrevious = stub();
     
@@ -29,6 +43,28 @@ test('vim: ^', (t) => {
     t.end();
 });
 
+test('vim: cc', (t) => {
+    const operationCopy = stub();
+    
+    vim('cc', {
+        operationCopy,
+    });
+    
+    t.calledWithNoArgs(operationCopy);
+    t.end();
+});
+
+test('vim: mm', (t) => {
+    const operationMove = stub();
+    
+    vim('mm', {
+        operationMove,
+    });
+    
+    t.calledWithNoArgs(operationMove);
+    t.end();
+});
+
 test('vim: w', (t) => {
     const moveNext = stub();
     
@@ -62,4 +98,3 @@ test('vim: b', (t) => {
     t.calledWith(movePrevious, [expected], 'should call movePrevious');
     t.end();
 });
-

client/listeners/get-index.js

@@ -1,11 +1,10 @@
-'use strict';
+import currify from 'currify';
 
-module.exports = (array, item) => {
+export const getIndex = currify((array, item) => {
     const index = array.indexOf(item);
     
     if (!~index)
         return 0;
     
     return index;
-};
+});
-

client/listeners/get-index.spec.js

@@ -1,9 +1,5 @@
-'use strict';
+import test from 'supertape';
-
+import {getIndex} from './get-index.js';
-const test = require('supertape');
-
-const dir = '../../../client/listeners';
-const getIndex = require(`${dir}/get-index`);
 
 test('cloudcmd: client: listeners: getIndex: not found', (t) => {
     const array = ['hello'];
@@ -13,9 +9,11 @@ test('cloudcmd: client: listeners: getIndex: not found', (t) => {
 });
 
 test('cloudcmd: client: listeners: getIndex: found', (t) => {
-    const array = ['hello', 'world'];
+    const array = [
+        'hello',
+        'world',
+    ];
     
     t.equal(getIndex(array, 'world'), 1, 'should return index');
     t.end();
 });
-

client/listeners/get-range.js

@@ -1,6 +1,4 @@
-'use strict';
+export const getRange = (indexFrom, indexTo, files) => {
-
-module.exports = (indexFrom, indexTo, files) => {
     if (indexFrom < indexTo)
         return files.slice(indexFrom, indexTo + 1);
     
@@ -9,4 +7,3 @@ module.exports = (indexFrom, indexTo, files) => {
     
     return [files[indexFrom]];
 };
-

client/listeners/get-range.spec.js

@@ -1,13 +1,18 @@
-'use strict';
+import test from 'supertape';
-
+import {getRange} from './get-range.js';
-const test = require('supertape');
-
-const dir = '../../../client/listeners';
-const getRange = require(`${dir}/get-range`);
 
 test('cloudcmd: client: listeners: getRange: direct', (t) => {
-    const expected = ['hello', 'world'];
+    const expected = [
-    const files = [...expected, 'how', 'come'];
+        'hello',
+        'world',
+    ];
+    
+    const files = [
+        ...expected,
+        'how',
+        'come',
+    ];
+    
     const result = getRange(0, 1, files);
     
     t.deepEqual(result, expected, 'should return range');
@@ -15,8 +20,17 @@ test('cloudcmd: client: listeners: getRange: direct', (t) => {
 });
 
 test('cloudcmd: client: listeners: getRange: reverse', (t) => {
-    const expected = ['hello', 'world'];
+    const expected = [
-    const files = [...expected, 'how', 'come'];
+        'hello',
+        'world',
+    ];
+    
+    const files = [
+        ...expected,
+        'how',
+        'come',
+    ];
+    
     const result = getRange(1, 0, files);
     
     t.deepEqual(result, expected, 'should return range');
@@ -25,10 +39,14 @@ test('cloudcmd: client: listeners: getRange: reverse', (t) => {
 
 test('cloudcmd: client: listeners: getRange: one', (t) => {
     const expected = ['hello'];
-    const files = [...expected, 'how', 'come'];
+    const files = [
+        ...expected,
+        'how',
+        'come',
+    ];
+    
     const result = getRange(0, 0, files);
     
     t.deepEqual(result, expected, 'should return range');
     t.end();
 });
-

client/listeners/index.js

@@ -1,38 +1,30 @@
 /* global DOM, CloudCmd */
-
+import exec from 'execon';
-'use strict';
+import itype from 'itype';
-
+import currify from 'currify';
-const exec = require('execon');
+import {tryToCatch} from 'try-to-catch';
-const itype = require('itype');
+import clipboard from '@cloudcmd/clipboard';
-const currify = require('currify');
+import * as Events from '#dom/events';
-const tryToCatch = require('try-to-catch');
+import {uploadFiles} from '#dom/upload-files';
-const clipboard = require('@cloudcmd/clipboard');
+import {FS} from '#common/cloudfunc';
-
+import {getRange} from './get-range.js';
-const getRange = require('./get-range');
+import {getIndex} from './get-index.js';
-const getIndex = currify(require('./get-index'));
-const uploadFiles = require('../dom/upload-files');
-
-const {FS} = require('../../common/cloudfunc');
 
 const NBSP_REG = RegExp(String.fromCharCode(160), 'g');
 const SPACE = ' ';
 
-module.exports.init = async () => {
+export async function init() {
-    await Promise.all([
+    contextMenu();
-        contextMenu(),
+    dragndrop();
-        dragndrop(),
+    unload();
-        unload(),
+    pop();
-        pop(),
+    resize();
-        resize(),
+    header();
-        header(),
+    await config();
-        config(),
+}
-    ]);
-};
-
-CloudCmd.Listeners = module.exports;
 
 const unselect = (event) => {
-    const isMac = /Mac/.test(window.navigator.platform);
+    const isMac = /Mac/.test(globalThis.navigator.platform);
     const {
         shiftKey,
         metaKey,
@@ -50,14 +42,9 @@ const execAll = currify((funcs, event) => {
         fn(event);
 });
 
-const Info = DOM.CurrentInfo;
-const {Events} = DOM;
 const EventsFiles = {
     mousedown: exec.with(execIfNotUL, setCurrentFileByEvent),
-    click: execAll([
+    click: execAll([onClick, exec.with(execIfNotMobile, unselect)]),
-        onClick,
-        unselect,
-    ]),
     dragstart: exec.with(execIfNotUL, onDragStart),
     dblclick: exec.with(execIfNotUL, onDblClick),
     touchstart: exec.with(execIfNotUL, onTouch),
@@ -68,6 +55,7 @@ let EXT;
 function header() {
     const fm = DOM.getFM();
     const isDataset = (el) => el.dataset;
+    
     const isPanel = (el) => {
         return /^js-(left|right)$/.test(el.dataset.name);
     };
@@ -79,8 +67,7 @@ function header() {
         if (parent.dataset.name !== 'js-fm-header')
             return;
         
-        const name = (el.dataset.name || '')
+        const name = (el.dataset.name || '').replace('js-', '');
-            .replace('js-', '');
         
         if (!/^(name|size|date)$/.test(name))
             return;
@@ -108,53 +95,53 @@ async function config() {
     EXT = DOM.getPackerExt(type);
 }
 
-module.exports.initKeysPanel = () => {
+export const initKeysPanel = () => {
     const keysElement = DOM.getById('js-keyspanel');
     
     if (!keysElement)
         return;
     
-    Events.addClick(keysElement, ({target}) => {
+    Events.addClick(keysElement, (event) => {
+        const {target} = event;
         const {id} = target;
+        
         const operation = (name) => {
             const {Operation} = CloudCmd;
-            const fn = Operation.show.bind(null, name);
             
-            return fn;
+            return Operation.show.bind(null, name);
         };
         
         const clickFuncs = {
-            'f1'        : CloudCmd.Help.show,
+            'f1': CloudCmd.Help.show,
-            'f2'        : initF2,
+            'f2': CloudCmd.UserMenu.show,
-            'f3'        : CloudCmd.View.show,
+            'f3': CloudCmd.View.show,
-            'f4'        : CloudCmd.EditFile.show,
+            'f4': CloudCmd.EditFile.show,
-            'f5'        : operation('copy'),
+            'f5': operation('copy'),
-            'f6'        : operation('move'),
+            'f6': operation('move'),
-            'f7'        : DOM.promptNewDir,
+            'f7': DOM.promptNewDir,
-            'f8'        : operation('delete'),
+            'f8': operation('delete'),
-            'f9'        : CloudCmd.Menu.show,
+            'f9': () => {
-            'f10'       : CloudCmd.Config.show,
+                event.stopPropagation();
-            '~'         : CloudCmd.Konsole.show,
+                CloudCmd.Menu.show();
-            'shift~'    : CloudCmd.Terminal.show,
+            },
-            'contact'   : CloudCmd.Contact.show,
+            'f10': CloudCmd.Config.show,
+            '~': CloudCmd.Konsole.show,
+            'shift~': CloudCmd.Terminal.show,
+            'contact': CloudCmd.Contact.show,
         };
         
         exec(clickFuncs[id]);
     });
 };
 
-function initF2() {
-    CloudCmd.UserMenu.show();
-}
-
 const getPanel = (side) => {
     if (!itype.string(side))
         return side;
     
-    return DOM.getByDataName('js-' + side);
+    return DOM.getByDataName(`js-${side}`);
 };
 
-module.exports.setOnPanel = (side) => {
+export const setOnPanel = (side) => {
     const panel = getPanel(side);
     
     const filesElement = DOM.getByDataName('js-files', panel);
@@ -170,6 +157,7 @@ function getPathListener(panel) {
 }
 
 function isNoCurrent(panel) {
+    const Info = DOM.CurrentInfo;
     const infoPanel = Info.panel;
     
     if (!infoPanel)
@@ -188,13 +176,13 @@ function decodePath(path) {
     
     return decodeURI(path)
         .replace(url, '')
-        .replace(prefixReg, '')
+        .replace(prefixReg, '') // browser doesn't replace % -> %25% do it for him
-    // browser doesn't replace % -> %25% do it for him
         .replace('%%', '%25%')
         .replace(NBSP_REG, SPACE) || '/';
 }
 
 async function onPathElementClick(panel, event) {
+    const Info = DOM.CurrentInfo;
     event.preventDefault();
     
     const element = event.target;
@@ -216,19 +204,26 @@ async function onPathElementClick(panel, event) {
     const {href} = element;
     const path = decodePath(href);
     
-    await CloudCmd.loadDir({
+    await CloudCmd.changeDir(path, {
-        path,
         isRefresh: false,
         panel: noCurrent ? panel : Info.panel,
     });
 }
 
 function copyPath(el) {
-    clipboard.writeText(el.parentElement.title)
+    clipboard
+        .writeText(el.parentElement.title)
         .then(CloudCmd.log)
         .catch(CloudCmd.log);
 }
 
+function execIfNotMobile(callback, event) {
+    const isMobile = DOM.getCSSVar('is-mobile');
+    
+    if (!isMobile)
+        callback(event);
+}
+
 function execIfNotUL(callback, event) {
     const {target} = event;
     const {tagName} = target;
@@ -243,14 +238,14 @@ function onClick(event) {
 }
 
 function toggleSelect(key, files) {
-    const isMac = /Mac/.test(window.navigator.platform);
+    const isMac = /Mac/.test(globalThis.navigator.platform);
     
     if (!key)
         throw Error('key should not be undefined!');
     
     const [file] = files;
     
-    if (isMac && key.meta || key.ctrl)
+    if (isMac && key.meta)
         return DOM.toggleSelectedFile(file);
     
     if (key.shift)
@@ -258,6 +253,7 @@ function toggleSelect(key, files) {
 }
 
 function changePanel(element) {
+    const Info = DOM.CurrentInfo;
     const {panel} = Info;
     const files = DOM.getByDataName('js-files', panel);
     const ul = getULElement(element);
@@ -276,9 +272,7 @@ async function onDblClick(event) {
     if (!isDir)
         return CloudCmd.View.show();
     
-    await CloudCmd.loadDir({
+    await CloudCmd.changeDir(path);
-        path,
-    });
 }
 
 async function onTouch(event) {
@@ -293,9 +287,7 @@ async function onTouch(event) {
     if (!isCurrent)
         return;
     
-    await CloudCmd.loadDir({
+    await CloudCmd.changeDir(DOM.getCurrentPath(current));
-        path: DOM.getCurrentPath(current),
-    });
 }
 
 /*
@@ -303,6 +295,7 @@ async function onTouch(event) {
   * in Chrome (HTML5)
   */
 function onDragStart(event) {
+    const Info = DOM.CurrentInfo;
     const {prefixURL} = CloudCmd;
     const element = getLIElement(event.target);
     const {isDir} = Info;
@@ -319,8 +312,8 @@ function onDragStart(event) {
     
     event.dataTransfer.setData(
         'DownloadURL',
-        'application/octet-stream' + ':' +
+        'application/octet-stream' + ':' + name +
-        name + ':' +
+        ':' +
         link,
     );
 }
@@ -343,6 +336,7 @@ function getULElement(element) {
 }
 
 function setCurrentFileByEvent(event) {
+    const Info = DOM.CurrentInfo;
     const BUTTON_LEFT = 0;
     
     const key = {
@@ -406,10 +400,7 @@ function dragndrop() {
     };
     
     const onDrop = (event) => {
-        const {
+        const {files, items} = event.dataTransfer;
-            files,
-            items,
-        } = event.dataTransfer;
         
         const {length: filesCount} = files;
         
@@ -419,7 +410,10 @@ function dragndrop() {
             return uploadFiles(files);
         
         const isFile = (item) => item.kind === 'file';
-        const dirFiles = Array.from(items).filter(isFile);
+        
+        const dirFiles = Array
+            .from(items)
+            .filter(isFile);
         
         if (dirFiles.length)
             return DOM.uploadDirectory(dirFiles);
@@ -431,7 +425,7 @@ function dragndrop() {
     };
     
     /**
-     * In Mac OS Chrome dropEffect = 'none'
+     * In macOS Chrome dropEffect = 'none'
      * so drop do not firing up when try
      * to upload file from download bar
      */
@@ -456,7 +450,7 @@ function dragndrop() {
 }
 
 function unload() {
-    DOM.Events.add(['unload', 'beforeunload'], (event) => {
+    Events.add(['unload', 'beforeunload'], (event) => {
         const {Key} = CloudCmd;
         const isBind = Key?.isBind();
         
@@ -476,8 +470,8 @@ function pop() {
             return CloudCmd.route(location.hash);
         
         const history = false;
-        await CloudCmd.loadDir({
+        
-            path,
+        await CloudCmd.changeDir(path, {
             history,
         });
     });
@@ -485,7 +479,8 @@ function pop() {
 
 function resize() {
     Events.add('resize', () => {
-        const is = window.innerWidth < CloudCmd.MIN_ONE_PANEL_WIDTH;
+        const Info = DOM.CurrentInfo;
+        const is = globalThis.innerWidth < CloudCmd.MIN_ONE_PANEL_WIDTH;
         
         if (!is)
             return;
@@ -505,4 +500,3 @@ function resize() {
         DOM.changePanel();
     });
 }
-

client/load-module.js

@@ -1,19 +1,16 @@
-'use strict';
-
 /* global CloudCmd */
+import exec from 'execon';
+import {tryToCatch} from 'try-to-catch';
+import {js as loadJS} from 'load.js';
+import pascalCase from 'just-pascal-case';
 
-const exec = require('execon');
-const tryToCatch = require('try-to-catch');
-const loadJS = require('load.js').js;
-
-const pascalCase = require('just-pascal-case');
 const noJS = (a) => a.replace(/.js$/, '');
 
 /**
  * function load modules
  * @params = {name, path, func, dobefore, arg}
  */
-module.exports = function loadModule(params) {
+export const loadModule = (params) => {
     if (!params)
         return;
     
@@ -25,24 +22,24 @@ module.exports = function loadModule(params) {
     if (CloudCmd[name])
         return;
     
-    CloudCmd[name] = () => {
+    CloudCmd[name] = async () => {
         exec(doBefore);
-        const {prefix} = CloudCmd;
-        const pathFull = prefix + CloudCmd.DIRCLIENT_MODULES + path + '.js';
         
-        return loadJS(pathFull).then(async () => {
+        const {DIR_MODULES} = CloudCmd;
-            const newModule = async (f) => f && f();
+        const pathFull = `${DIR_MODULES}/${path}.js`;
-            const module = CloudCmd[name];
+        
-            
+        await loadJS(pathFull);
-            Object.assign(newModule, module);
+        const newModule = async (f) => f && f();
-            
+        const module = CloudCmd[name];
-            CloudCmd[name] = newModule;
+        
-            
+        Object.assign(newModule, module);
-            CloudCmd.log('init', name);
+        
-            await module.init();
+        CloudCmd[name] = newModule;
-            
+        CloudCmd.log('init', name);
-            return newModule;
+        
-        });
+        await module.init();
+        
+        return newModule;
     };
     
     CloudCmd[name].show = async (...args) => {
@@ -52,9 +49,8 @@ module.exports = function loadModule(params) {
         const [e, a] = await tryToCatch(m);
         
         if (e)
-            return console.error(e);
+            return;
         
-        await a.show(...args);
+        return await a.show(...args);
     };
 };
-

client/modules/cloud.js

@@ -1,31 +1,32 @@
 /* global CloudCmd, filepicker */
-
+import exec from 'execon';
-'use strict';
+import currify from 'currify';
-
+import load from 'load.js';
-const exec = require('execon');
+import {ajax} from '#dom/load';
-const currify = require('currify');
+import * as Files from '#dom/files';
-const load = require('load.js');
+import * as Images from '#dom/images';
 
 const {log} = CloudCmd;
 
-const {ajax} = require('../dom/load');
-const Files = require('../dom/files');
-const Images = require('../dom/images');
-
 const upload = currify(_upload);
 
 const Name = 'Cloud';
-CloudCmd[Name] = module.exports;
 
-module.exports.init = async () => {
+CloudCmd[Name] = {
+    init,
+    uploadFile,
+    saveFile,
+};
+
+export async function init() {
     const [modules] = await loadFiles();
     const {key} = modules.data.FilePicker;
     
     filepicker.setKey(key);
     Images.hide();
-};
+}
 
-module.exports.uploadFile = (filename, data) => {
+export function uploadFile(filename, data) {
     const mimetype = '';
     
     filepicker.store(data, {
@@ -34,17 +35,14 @@ module.exports.uploadFile = (filename, data) => {
     }, (fpFile) => {
         filepicker.exportFile(fpFile, log, log);
     });
-};
+}
 
-module.exports.saveFile = (callback) => {
+export function saveFile(callback) {
     filepicker.pick(upload(callback));
-};
+}
 
 function _upload(callback, file) {
-    const {
+    const {url, filename} = file;
-        url,
-        filename,
-    } = file;
     
     const responseType = 'arraybuffer';
     const success = exec.with(callback, filename);
@@ -56,7 +54,7 @@ function _upload(callback, file) {
     });
 }
 
-async function loadFiles() {
+function loadFiles() {
     const js = '//api.filepicker.io/v2/filepicker.js';
     
     return Promise.all([
@@ -64,4 +62,3 @@ async function loadFiles() {
         load.js(js),
     ]);
 }
-

client/modules/command-line.js

@@ -0,0 +1,31 @@
+/* global CloudCmd */
+import * as Dialog from '#dom/dialog';
+
+export function init() {}
+CloudCmd.CommandLine = {
+    init,
+    show,
+    hide,
+};
+
+export async function show() {
+    const [, cmd] = await Dialog.prompt('Command Line', '');
+    const TERMINAL = '^(t|terminal)';
+    
+    if (RegExp(`${TERMINAL}$`).test(cmd))
+        return await CloudCmd.Terminal.show();
+    
+    if (RegExp(TERMINAL).test(cmd)) {
+        const command = cmd.replace(RegExp(`${TERMINAL} `), '');
+        const exitCode = await CloudCmd.TerminalRun.show({
+            command: `bash -c '${command}'`,
+        });
+        
+        if (exitCode === -1)
+            await Dialog.alert(`☝️ Looks like Terminal is disabled, start Cloud Coammnder with '--terminal' flag.`);
+        
+        return;
+    }
+}
+
+export function hide() {}

client/modules/config/index.js

@@ -1,28 +1,23 @@
-'use strict';
+import '../../../css/config.css';
+import {rendy} from 'rendy';
+import currify from 'currify';
+import wraptile from 'wraptile';
+import squad from 'squad';
+import {promisify} from 'es6-promisify';
+import {tryToCatch} from 'try-to-catch';
+import load from 'load.js';
+import createElement from '@cloudcmd/create-element';
+import * as Events from '#dom/events';
+import * as Files from '#dom/files';
+import {getTitle} from '#common/cloudfunc';
+import * as Images from '#dom/images';
+import * as input from './input.js';
 
-/* global CloudCmd, DOM, io */
+const {CloudCmd, DOM} = globalThis;
 
-require('../../../css/config.css');
-
-const rendy = require('rendy');
-const currify = require('currify');
-const wraptile = require('wraptile');
-const squad = require('squad');
-const {promisify} = require('es6-promisify');
-const tryToCatch = require('try-to-catch');
-const load = require('load.js');
-const createElement = require('@cloudcmd/create-element');
-
-const input = require('./input');
-const Images = require('../../dom/images');
-const Events = require('../../dom/events');
-const Files = require('../../dom/files');
-
-const {getTitle} = require('../../../common/cloudfunc');
 const {Dialog, setTitle} = DOM;
 
 const Name = 'Config';
-CloudCmd[Name] = module.exports;
 
 const loadSocket = promisify(DOM.loadSocket);
 
@@ -46,28 +41,25 @@ let Template;
 
 const loadCSS = load.css;
 
-module.exports.init = async () => {
+export async function init() {
     if (!CloudCmd.config('configDialog'))
         return;
     
     showLoad();
     
-    const {prefix} = CloudCmd;
+    const {DIR_DIST} = CloudCmd;
     
     [Template] = await Promise.all([
         Files.get('config-tmpl'),
         loadSocket(),
-        loadCSS(prefix + '/dist/config.css'),
+        loadCSS(`${DIR_DIST}/config.css`),
         CloudCmd.View(),
     ]);
     
     initSocket();
-};
+}
 
-const {
+const {config, Key} = CloudCmd;
-    config,
-    Key,
-} = CloudCmd;
 
 let Element;
 
@@ -77,24 +69,20 @@ function getHost() {
         origin,
         protocol,
     } = location;
-    const href = origin || `${protocol}//${host}`;
     
-    return href;
+    return origin || `${protocol}//${host}`;
 }
 
 function initSocket() {
     const href = getHost();
-    const {
+    const {prefixSocket, prefix} = CloudCmd;
-        prefixSocket,
-        prefix,
-    } = CloudCmd;
     
     const ONE_MINUTE = 60 * 1000;
     
-    const socket = io.connect(href + prefixSocket + '/config', {
+    const socket = globalThis.io.connect(href + prefixSocket + '/config', {
         reconnectionAttempts: Infinity,
         reconnectionDelay: ONE_MINUTE,
-        path: prefix + '/socket.io',
+        path: `${prefix}/socket.io`,
     });
     
     const save = (data) => {
@@ -125,9 +113,7 @@ function authCheck(socket) {
 
 Config.save = saveHttp;
 
-module.exports.show = show;
+export async function show() {
-
-async function show() {
     if (!CloudCmd.config('configDialog'))
         return;
     
@@ -142,21 +128,27 @@ async function fillTemplate() {
     
     const {
         editor,
+        menu,
         packer,
         columns,
+        theme,
         configAuth,
+        configPort,
         ...obj
     } = input.convert(config);
     
-    obj[editor + '-selected'] = 'selected';
+    obj[`${menu}-selected`] = 'selected';
-    obj[packer + '-selected'] = 'selected';
+    obj[`${editor}-selected`] = 'selected';
-    obj[columns + '-selected'] = 'selected';
+    obj[`${packer}-selected`] = 'selected';
+    obj[`${columns}-selected`] = 'selected';
+    obj[`${theme}-selected`] = 'selected';
     obj.configAuth = configAuth ? '' : 'hidden';
+    obj.configPort = configPort ? '' : 'hidden';
     
     const innerHTML = rendy(Template, obj);
     
     Element = createElement('form', {
-        className   : 'config',
+        className: 'config',
         innerHTML,
     });
     
@@ -173,20 +165,20 @@ async function fillTemplate() {
     const getTarget = ({target}) => target;
     const handleChange = squad(onChange, getTarget);
     
-    Array.from(inputs)
+    Array
+        .from(inputs)
         .map(addKey(onKey))
         .map(addChange(handleChange));
     
     const autoSize = true;
+    
     CloudCmd.View.show(Element, {
         autoSize,
         afterShow,
     });
 }
 
-module.exports.hide = hide;
+export function hide() {
-
-function hide() {
     CloudCmd.View.hide();
 }
 
@@ -228,7 +220,7 @@ function onAuthChange(checked) {
     const elUsername = input.getElementByName('username', Element);
     const elPassword = input.getElementByName('password', Element);
     
-    elUsername.disabled =
+    elUsername.disabled = !checked;
     elPassword.disabled = !checked;
 }
 
@@ -248,3 +240,8 @@ async function onKey({keyCode, target}) {
     }
 }
 
+CloudCmd[Name] = {
+    init,
+    show,
+    hide,
+};

client/modules/config/input.js

@@ -1,23 +1,17 @@
-'use strict';
+import {encode} from '#common/entity';
 
-const currify = require('currify');
+const isBool = (a) => typeof a === 'boolean';
+const isString = (a) => typeof a === 'string';
 
-const isType = currify((type, object, name) => {
+const {keys} = Object;
-    return typeof object[name] === type;
-});
 
-const isBool = isType('boolean');
+export function getElementByName(selector, element) {
-
-module.exports.getElementByName = getElementByName;
-
-function getElementByName(selector, element) {
     const str = `[data-name="js-${selector}"]`;
     
-    return element
+    return element.querySelector(str);
-        .querySelector(str);
 }
 
-module.exports.getName = (element) => {
+export const getName = (element) => {
     const name = element
         .getAttribute('data-name')
         .replace(/^js-/, '');
@@ -25,15 +19,21 @@ module.exports.getName = (element) => {
     return name;
 };
 
-module.exports.convert = (config) => {
+export const convert = (config) => {
     const result = config;
-    const array = Object.keys(config);
     
-    const filtered = array.filter(isBool(config));
+    for (const name of keys(config)) {
-    
-    for (const name of filtered) {
         const item = config[name];
-        result[name] = setState(item);
+        
+        if (isBool(item)) {
+            result[name] = setState(item);
+            continue;
+        }
+        
+        if (isString(item)) {
+            result[name] = encode(item);
+            continue;
+        }
     }
     
     return result;
@@ -46,7 +46,7 @@ function setState(state) {
     return '';
 }
 
-module.exports.getValue = (name, element) => {
+export const getValue = (name, element) => {
     const el = getElementByName(name, element);
     const {type} = el;
     
@@ -62,7 +62,7 @@ module.exports.getValue = (name, element) => {
     }
 };
 
-module.exports.setValue = (name, value, element) => {
+export const setValue = (name, value, element) => {
     const el = getElementByName(name, element);
     const {type} = el;
     
@@ -76,4 +76,3 @@ module.exports.setValue = (name, value, element) => {
         break;
     }
 };
-

client/modules/config/input.spec.js

@@ -0,0 +1,140 @@
+import {test, stub} from 'supertape';
+import {
+    convert,
+    getName,
+    getValue,
+    setValue,
+} from './input.js';
+
+test('cloudcmd: client: config: input: convert', (t) => {
+    const result = convert({
+        name: 'hello <world>',
+    });
+    
+    const expected = {
+        name: 'hello &lt;world&gt;',
+    };
+    
+    t.deepEqual(result, expected);
+    t.end();
+});
+
+test('cloudcmd: client: config: input: convert: bool', (t) => {
+    const result = convert({
+        auth: true,
+    });
+    
+    const expected = {
+        auth: ' checked',
+    };
+    
+    t.deepEqual(result, expected);
+    t.end();
+});
+
+test('cloudcmd: client: config: input: convert: bool false', (t) => {
+    const result = convert({
+        auth: false,
+    });
+    
+    const expected = {
+        auth: '',
+    };
+    
+    t.deepEqual(result, expected);
+    t.end();
+});
+
+test('cloudcmd: client: config: input: getName', (t) => {
+    const getAttribute = stub().returns('js-hello');
+    const element = {
+        getAttribute,
+    };
+    
+    const result = getName(element);
+    
+    t.equal(result, 'hello', 'should strip js- prefix');
+    t.end();
+});
+
+test('cloudcmd: client: config: input: getValue: checkbox', (t) => {
+    const querySelector = stub().returns({
+        type: 'checkbox',
+        checked: true,
+    });
+    
+    const element = {
+        querySelector,
+    };
+    
+    const result = getValue('auth', element);
+    
+    t.ok(result, 'should return checked value');
+    t.end();
+});
+
+test('cloudcmd: client: config: input: getValue: number', (t) => {
+    const querySelector = stub().returns({
+        type: 'number',
+        value: '42',
+    });
+    
+    const element = {
+        querySelector,
+    };
+    
+    const result = getValue('port', element);
+    
+    t.equal(result, 42, 'should return number');
+    t.end();
+});
+
+test('cloudcmd: client: config: input: getValue: default', (t) => {
+    const querySelector = stub().returns({
+        type: 'text',
+        value: 'hello',
+    });
+    
+    const element = {
+        querySelector,
+    };
+    
+    const result = getValue('name', element);
+    
+    t.equal(result, 'hello', 'should return value as is');
+    t.end();
+});
+
+test('cloudcmd: client: config: input: setValue: checkbox', (t) => {
+    const el = {
+        type: 'checkbox',
+        checked: false,
+    };
+    
+    const querySelector = stub().returns(el);
+    const element = {
+        querySelector,
+    };
+    
+    setValue('auth', true, element);
+    
+    t.ok(el.checked, 'should set checked');
+    t.end();
+});
+
+test('cloudcmd: client: config: input: setValue: default', (t) => {
+    const el = {
+        type: 'text',
+        value: 'old',
+    };
+    
+    const querySelector = stub().returns(el);
+    const element = {
+        querySelector,
+    };
+    
+    setValue('name', 'new', element);
+    
+    t.equal(el.value, 'new', 'should set value');
+    t.end();
+});

client/modules/contact.js

@@ -1,36 +1,34 @@
 /* global CloudCmd */
 /* global DOM */
+import olark from '@cloudcmd/olark';
+import * as Images from '#dom/images';
 
-'use strict';
+CloudCmd.Contact = {
-
+    init,
-CloudCmd.Contact = exports;
+    show,
-
+    hide,
-const olark = require('@cloudcmd/olark');
+};
-const Images = require('../dom/images');
 
 const {Events} = DOM;
 const {Key} = CloudCmd;
 
-module.exports.show = show;
+export function init() {
-module.exports.hide = hide;
-
-module.exports.init = () => {
     Events.addKey(onKey);
     
     olark.identify('6216-545-10-4223');
     olark('api.box.onExpand', show);
     olark('api.box.onShow', show);
     olark('api.box.onShrink', hide);
-};
+}
 
-function show() {
+export function show() {
     Key.unsetBind();
     Images.hide();
     
     olark('api.box.expand');
 }
 
-function hide() {
+export function hide() {
     Key.setBind();
     olark('api.box.hide');
 }
@@ -39,4 +37,3 @@ function onKey({keyCode}) {
     if (keyCode === Key.ESC)
         hide();
 }
-

client/modules/edit-file-vim.js

@@ -1,10 +1,12 @@
-'use strict';
+import * as Events from '#dom/events';
 
-/* global CloudCmd */
+const {CloudCmd} = globalThis;
 
-CloudCmd.EditFileVim = exports;
+CloudCmd.EditFileVim = {
-
+    init,
-const Events = require('../dom/events');
+    show,
+    hide,
+};
 
 const {Key} = CloudCmd;
 
@@ -16,34 +18,29 @@ const ConfigView = {
     },
 };
 
-module.exports.init = async () => {
+export async function init() {
     await CloudCmd.EditFile();
-};
+}
 
-module.exports.show = () => {
+export async function show() {
     Events.addKey(listener);
     
-    CloudCmd.EditFile
+    const editFile = await CloudCmd.EditFile.show(ConfigView);
-        .show(ConfigView)
+    
+    editFile
         .getEditor()
         .setKeyMap('vim');
-};
+}
 
-module.exports.hide = hide;
+export function hide() {
-
-function hide() {
     CloudCmd.Edit.hide();
 }
 
 function listener(event) {
-    const {
+    const {keyCode, shiftKey} = event;
-        keyCode,
-        shiftKey,
-    } = event;
     
     if (shiftKey && keyCode === Key.ESC) {
         event.preventDefault();
         hide();
     }
 }
-

client/modules/edit-file.js

@@ -1,20 +1,19 @@
-'use strict';
-
 /* global CloudCmd, DOM*/
+import Format from 'format-io';
+import {fullstore} from 'fullstore';
+import exec from 'execon';
+import {supermenu} from 'supermenu';
 
-CloudCmd.EditFile = exports;
+CloudCmd.EditFile = {
-
+    init,
-const Format = require('format-io');
+    show,
-const fullstore = require('fullstore');
+    hide,
-const exec = require('execon');
+    isChanged,
-const supermenu = require('supermenu');
+};
 
 const Info = DOM.CurrentInfo;
 
-const {
+const {Dialog, Images} = DOM;
-    Dialog,
-    Images,
-} = DOM;
 
 const {config} = CloudCmd;
 
@@ -30,7 +29,7 @@ const ConfigView = {
     },
 };
 
-module.exports.init = async () => {
+export async function init() {
     isLoading(true);
     
     await CloudCmd.Edit();
@@ -40,7 +39,7 @@ module.exports.init = async () => {
     setListeners(editor);
     
     isLoading(false);
-};
+}
 
 function getName() {
     const {name, isDir} = Info;
@@ -51,7 +50,7 @@ function getName() {
     return name;
 }
 
-module.exports.show = (options) => {
+export async function show(options) {
     if (isLoading())
         return;
     
@@ -69,30 +68,30 @@ module.exports.show = (options) => {
         .getEditor()
         .setOption('keyMap', 'default');
     
-    Info.getData((error, data) => {
+    const [error, data] = await Info.getData();
-        const {path} = Info;
+    
-        const name = getName();
+    if (error) {
-        
+        Images.hide();
-        if (error)
+        return CloudCmd.Edit;
-            return Images.hide();
+    }
-        
+    
-        setMsgChanged(name);
+    const {path} = Info;
-        
+    const name = getName();
-        CloudCmd.Edit
+    
-            .getEditor()
+    setMsgChanged(name);
-            .setValueFirst(path, data)
+    
-            .setModeForPath(name)
+    CloudCmd.Edit
-            .enableKey();
+        .getEditor()
-        
+        .setValueFirst(path, data)
-        CloudCmd.Edit.show(optionsEdit);
+        .setModeForPath(name)
-    });
+        .enableKey();
+    
+    CloudCmd.Edit.show(optionsEdit);
     
     return CloudCmd.Edit;
-};
+}
 
-module.exports.hide = hide;
+export function hide() {
-
-function hide() {
     CloudCmd.Edit.hide();
 }
 
@@ -149,38 +148,36 @@ function getMenuData() {
     const editor = CloudCmd.Edit.getEditor();
     
     return {
-        'Save           Ctrl+S' : () => {
+        'Save           Ctrl+S': () => {
             editor.save();
         },
-        'Go To Line     Ctrl+G' : () => {
+        'Go To Line     Ctrl+G': () => {
             editor.goToLine();
         },
-        'Cut            Ctrl+X' : () => {
+        'Cut            Ctrl+X': () => {
             editor.cutToClipboard();
         },
-        'Copy           Ctrl+C' : () => {
+        'Copy           Ctrl+C': () => {
             editor.copyToClipboard();
         },
-        'Paste          Ctrl+V' : () => {
+        'Paste          Ctrl+V': () => {
             editor.pasteFromClipboard();
         },
-        'Delete         Del'    : () => {
+        'Delete         Del': () => {
             editor.remove('right');
         },
-        'Select All     Ctrl+A' : () => {
+        'Select All     Ctrl+A': () => {
             editor.selectAll();
         },
-        'Close          Esc'    : hide,
+        'Close          Esc': hide,
     };
 }
 
 function setMsgChanged(name) {
-    MSG_CHANGED = 'Do you want to save changes to ' + name + '?';
+    MSG_CHANGED = `Do you want to save changes to ${name}?`;
 }
 
-module.exports.isChanged = isChanged;
+export async function isChanged() {
-
-async function isChanged() {
     const editor = CloudCmd.Edit.getEditor();
     const is = editor.isChanged();
     
@@ -194,4 +191,3 @@ async function isChanged() {
     
     editor.save();
 }
-

client/modules/edit-names-vim.js

@@ -1,10 +1,12 @@
-'use strict';
+import * as Events from '#dom/events';
 
-/* global CloudCmd */
+const {CloudCmd} = globalThis;
 
-CloudCmd.EditNamesVim = exports;
+CloudCmd.EditNamesVim = {
-
+    init,
-const Events = require('../dom/events');
+    show,
+    hide,
+};
 const {Key} = CloudCmd;
 
 const ConfigView = {
@@ -15,34 +17,28 @@ const ConfigView = {
     },
 };
 
-module.exports.init = async () => {
+export async function init() {
     await CloudCmd.EditNames();
-};
+}
 
-module.exports.show = () => {
+export function show() {
     Events.addKey(listener);
     
     CloudCmd.EditNames
         .show(ConfigView)
         .getEditor()
         .setKeyMap('vim');
-};
+}
 
-module.exports.hide = hide;
+export function hide() {
-
-function hide() {
     CloudCmd.Edit.hide();
 }
 
 function listener(event) {
-    const {
+    const {keyCode, shiftKey} = event;
-        keyCode,
-        shiftKey,
-    } = event;
     
     if (shiftKey && keyCode === Key.ESC) {
         event.preventDefault();
         hide();
     }
 }
-

client/modules/edit-names.js

@@ -1,22 +1,20 @@
-'use strict';
+import {tryToCatch} from 'try-to-catch';
+import exec from 'execon';
+import {supermenu} from 'supermenu';
+import {multiRename} from 'multi-rename';
 
-/* global CloudCmd, DOM */
+const {CloudCmd, DOM} = globalThis;
 
-CloudCmd.EditNames = exports;
+CloudCmd.EditNames = {
-
+    init,
-const currify = require('currify');
+    show,
-const exec = require('execon');
+    hide,
-const supermenu = require('supermenu');
+    isChanged,
-const multiRename = require('multi-rename');
+};
-
-const reject = Promise.reject.bind(Promise);
 
 const Info = DOM.CurrentInfo;
 const {Dialog} = DOM;
 
-const refresh = currify(_refresh);
-const rename = currify(_rename);
-
 let Menu;
 
 const ConfigView = {
@@ -27,13 +25,13 @@ const ConfigView = {
     },
 };
 
-module.exports.init = async () => {
+export async function init() {
     await CloudCmd.Edit();
     
     setListeners();
-};
+}
 
-module.exports.show = (options) => {
+export function show(options) {
     const names = getActiveNames().join('\n');
     const config = {
         ...ConfigView,
@@ -55,7 +53,7 @@ module.exports.show = (options) => {
     CloudCmd.Edit.show(config);
     
     return CloudCmd.Edit;
-};
+}
 
 async function keyListener(event) {
     const ctrl = event.ctrlKey;
@@ -63,15 +61,15 @@ async function keyListener(event) {
     const ctrlMeta = ctrl || meta;
     const {Key} = CloudCmd;
     
-    if (ctrlMeta && event.keyCode === Key.S)
+    if (ctrlMeta && event.keyCode === Key.S) {
         hide();
+        return;
+    }
     
-    else if (ctrlMeta && event.keyCode === Key.P) {
+    if (ctrlMeta && event.keyCode === Key.P) {
         const [, pattern] = await Dialog.prompt('Apply pattern:', '[n][e]');
         pattern && applyPattern(pattern);
     }
-    
-    event.preventDefault();
 }
 
 function applyPattern(pattern) {
@@ -85,9 +83,7 @@ function getActiveNames() {
     return DOM.getFilenames(DOM.getActiveFiles());
 }
 
-module.exports.hide = hide;
+export function hide() {
-
-function hide() {
     CloudCmd.Edit.hide();
 }
 
@@ -97,7 +93,7 @@ function setListeners() {
     DOM.Events.addOnce('contextmenu', element, setMenu);
 }
 
-function applyNames() {
+async function applyNames() {
     const dir = Info.dirPath;
     const from = getActiveNames();
     const nameIndex = from.indexOf(Info.name);
@@ -109,15 +105,18 @@ function applyNames() {
     
     const root = CloudCmd.config('root');
     
-    Promise.resolve(root)
+    const response = rename(dir, from, to, root);
-        .then(rename(dir, from, to))
+    const [error] = await tryToCatch(refresh, to, nameIndex, response);
-        .then(refresh(to, nameIndex))
+    
-        .catch(alert);
+    if (error)
+        alert(error);
 }
 
-function _refresh(to, nameIndex, res) {
+function refresh(to, nameIndex, res) {
-    if (res.status === 404)
+    if (res.status === 404) {
-        return res.text().then(reject);
+        const error = res.text();
+        throw error;
+    }
     
     const currentName = to[nameIndex];
     
@@ -133,7 +132,7 @@ function getDir(root, dir) {
     return root + dir;
 }
 
-function _rename(path, from, to, root) {
+function rename(path, from, to, root) {
     const dir = getDir(root, path);
     const {prefix} = CloudCmd;
     
@@ -160,6 +159,7 @@ function setMenu(event) {
         return;
     
     const editor = CloudCmd.Edit.getEditor();
+    
     const options = {
         beforeShow: (params) => {
             params.x -= 18;
@@ -172,29 +172,29 @@ function setMenu(event) {
     };
     
     const menuData = {
-        'Save           Ctrl+S' : () => {
+        'Save           Ctrl+S': async () => {
-            applyNames();
+            await applyNames();
             hide();
         },
-        'Go To Line     Ctrl+G' : () => {
+        'Go To Line     Ctrl+G': () => {
             editor.goToLine();
         },
-        'Cut            Ctrl+X' : () => {
+        'Cut            Ctrl+X': () => {
             editor.cutToClipboard();
         },
-        'Copy           Ctrl+C' : () => {
+        'Copy           Ctrl+C': () => {
             editor.copyToClipboard();
         },
-        'Paste          Ctrl+V' : () => {
+        'Paste          Ctrl+V': () => {
             editor.pasteFromClipboard();
         },
-        'Delete         Del'    : () => {
+        'Delete         Del': () => {
             editor.remove('right');
         },
-        'Select All     Ctrl+A' : () => {
+        'Select All     Ctrl+A': () => {
             editor.selectAll();
         },
-        'Close          Esc'    : hide,
+        'Close          Esc': hide,
     };
     
     const element = CloudCmd.Edit.getElement();
@@ -205,16 +205,14 @@ function setMenu(event) {
     Menu.show(position.x, position.y);
 }
 
-module.exports.isChanged = isChanged;
+export async function isChanged() {
-
-async function isChanged() {
     const editor = CloudCmd.Edit.getEditor();
     const msg = 'Apply new names?';
     
     if (!editor.isChanged())
         return;
     
-    const [, names] = await Dialog.confirm(msg);
+    const [cancel] = await Dialog.confirm(msg);
-    names && applyNames();
+    
+    !cancel && await applyNames();
 }
-