chore: cloudcmd: actions: lint ☘️

This reverts commit b0687b54c7.

.cloudcmd.menu.js

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

.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

@@ -1,4 +1,6 @@
 name: Docker CI
+permissions:
+  contents: write
 on:
   push:
     tags:
@@ -29,24 +31,25 @@ jobs:
         id: build
         run: |
           redrun build
-          echo "::set-output name=version::$(grep '"version":' package.json -m1 | cut -d\" -f4)"
+          VERSION=$(grep '"version":' package.json -m1 | cut -d\" -f4)
+          echo "version=$VERSION" >> $GITHUB_OUTPUT
       - name: Set up QEMU
-        uses: docker/setup-qemu-action@v3
+        uses: docker/setup-qemu-action@v4
       - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
+        uses: docker/setup-buildx-action@v4
       - name: Login to DockerHub
-        uses: docker/login-action@v3
+        uses: docker/login-action@v4
         with:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_TOKEN }}
       - name: Login to GitHub Container Registry
-        uses: docker/login-action@v3
+        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@v5
+        uses: docker/build-push-action@v7
         with:
           context: .
           file: docker/Dockerfile
@@ -58,14 +61,28 @@ jobs:
             ghcr.io/${{ github.repository }}:latest
             ghcr.io/${{ github.repository }}:${{ steps.build.outputs.version }}
       - name: Build and push alpine-image
-        uses: docker/build-push-action@v5
+        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,6 +1,8 @@
 name: Node CI
 on:
   - push
+permissions:
+  contents: write
 jobs:
   build:
     runs-on: ubuntu-latest
@@ -11,7 +13,7 @@ jobs:
         node-version:
           - 22.x
           - 24.x
-          - 25.x
+          - 26.x
     steps:
       - uses: actions/checkout@v5
       - uses: oven-sh/setup-bun@v2
@@ -22,26 +24,19 @@ jobs:
         with:
           node-version: ${{ matrix.node-version }}
       - name: Install Redrun
-        run: bun i redrun -g --no-save
+        run: bun i redrun madrun -g --no-save
       - name: Install
         run: bun i --no-save
+      - name: Init Madrun
+        run: madrun --init
       - name: Lint
         run: redrun fix:lint
-      - uses: actions/cache@v4
-        with:
-          path: |
-            ~/.cargo/bin/
-            ~/.cargo/registry/index/
-            ~/.cargo/registry/cache/
-            ~/.cargo/git/db/
-            target/
-          key: ${{ runner.os }}-cargo-${{ hashFiles('**/Cargo.lock') }}
-      - name: Typos Install
-        run: cargo install typos-cli || echo 'already installed'
       - name: Typos
-        run: typos --write-changes
+        uses: coderaiser/typos.ai@v1.1.8
+        with:
+          key: ${{ secrets.TYPOS_AI_KEY }}
       - name: Commit fixes
-        uses: EndBug/add-and-commit@v9
+        uses: EndBug/add-and-commit@v10
         continue-on-error: true
         with:
           message: "chore: ${{ env.NAME }}: actions: lint ☘️"

.gitignore

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

.madrun.js

@@ -1,47 +1,45 @@
-import process from 'node:process';
 import {run, cutEnv} from 'madrun';
+import {defineEnv} from 'supertape/env';
 
-const testEnv = {
-    SUPERTAPE_TIMEOUT: 7000,
-};
+const testEnv = defineEnv({
+    timeout: 7000,
+    css: true,
+});
 
-const is17 = /^v1[789]/.test(process.version);
-const is20 = process.version.startsWith('v2');
-
-// fix for ERR_OSSL_EVP_UNSUPPORTED on node v17
-// flag '--openssl-legacy-provider' not supported
-// on earlier version of node.js
-//
-// https://stackoverflow.com/a/69746937/4536327
-const buildEnv = (is17 || is20) && {
-    NODE_OPTIONS: '--openssl-legacy-provider',
+const buildEnv = {
     NODE_ENV: 'production',
 };
 
 export default {
-    'start': () => 'node bin/cloudcmd.mjs',
+    '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']),
+    'build:start:dev': () => run([
+        'build:client:dev',
+        'start:dev',
+    ]),
     'lint:all': () => run('lint:progress'),
-    'lint': () => 'putout .',
+    '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': () => run('lint', '--fix'),
+    'fix:lint': async () => `putout --fix . && redlint fix`,
     'lint:stream': () => run('lint', '-f stream'),
-    'test': () => [testEnv, `tape 'test/**/*.{js,mjs}' '{client,static,common,server}/**/*.spec.{js,mjs}' -f fail`],
+    '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': () => run(['lint:all', 'build', 'test']),
-    'wisdom:type': () => 'bin/release.mjs',
+    '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, 'webpack --progress'],
+    '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',
@@ -55,6 +53,7 @@ export default {
     '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'),

.npmignore

@@ -1,34 +1,29 @@
-.*
 *.spec.*
 *.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
-
-app.json
-bower.json
-manifest.yml
-deno.json
-
-bin/release.mjs
-
 client
-img/logo/cloudcmd-hq.png
-
-webpack.config.js
-
-*.ai
-*.cdr
-*.eps
-
-*.config.*

.nvmrc

@@ -1 +0,0 @@
-v20.15.1

.nycrc.json

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

.putout.json

@@ -1,11 +1,11 @@
 {
     "plugins": ["cloudcmd"],
     "ignore": [
-        "html",
-        "fixture*",
+        "*.md",
         "app.json",
         "fontello.json",
-        "*.md"
+        "html",
+        "fixture*"
     ],
     "rules": {
         "package-json/add-type": "off"

.rspack/css.js

@@ -1,21 +1,18 @@
 import {env} from 'node:process';
-import OptimizeCssAssetsPlugin from 'optimize-css-assets-webpack-plugin';
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
+import {rspack} from '@rspack/core';
 
+const {CssExtractRspackPlugin} = rspack;
 const isDev = env.NODE_ENV === 'development';
 
-const clean = (a) => a.filter(Boolean);
-
-const plugins = clean([
-    new MiniCssExtractPlugin({
+const plugins = [
+    new CssExtractRspackPlugin({
         filename: '[name].css',
     }),
-    !isDev && new OptimizeCssAssetsPlugin(),
-]);
+];
 
 const rules = [{
     test: /\.css$/i,
-    use: [MiniCssExtractPlugin.loader, {
+    use: [CssExtractRspackPlugin.loader, {
         loader: 'css-loader',
         options: {
             url: true,
@@ -27,8 +24,15 @@ const rules = [{
 }];
 
 export default {
+    mode: isDev ? 'development' : 'production',
     plugins,
     module: {
         rules,
     },
+    optimization: {
+        minimize: !isDev,
+        minimizer: [
+            new rspack.LightningCssMinimizerRspackPlugin(),
+        ],
+    },
 };

.rspack/js.js

@@ -1,12 +1,15 @@
 import {resolve, sep} from 'node:path';
+import {fileURLToPath} from 'node:url';
 import {env} from 'node:process';
-import webpack from 'webpack';
-import WebpackBar from 'webpackbar';
+import {rspack} from '@rspack/core';
+
+const resolveModule = (a) => fileURLToPath(import.meta.resolve(a));
 
 const {
     EnvironmentPlugin,
     NormalModuleReplacementPlugin,
-} = webpack;
+    ProvidePlugin,
+} = rspack;
 
 const modules = './modules';
 const dirModules = './client/modules';
@@ -22,27 +25,31 @@ 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) => a.endsWith('.spec.js');
-const options = {
-    babelrc: true,
-};
 
-const rules = clean([
-    !isDev && {
-        test: /\.[mc]?js$/,
-        exclude: /node_modules/,
-        loader: 'babel-loader',
+// 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',
+        },
     },
-    isDev && {
-        test: /\.[mc]?js$/,
-        exclude: /node_modules/,
-        loader: 'babel-loader',
-        options,
-    },
-]);
+}];
 
 const plugins = [
     new NormalModuleReplacementPlugin(/^node:/, (resource) => {
@@ -52,7 +59,9 @@ const plugins = [
     new EnvironmentPlugin({
         NODE_ENV,
     }),
-    new WebpackBar(),
+    new ProvidePlugin({
+        process: 'process/browser',
+    }),
 ];
 
 const splitChunks = {
@@ -74,6 +83,8 @@ const splitChunks = {
                     'themes/light',
                     'columns/name-size',
                     'columns/name-size-date',
+                    'columns/name-size-time',
+                    'columns/name-size-date-time',
                 ];
                 
                 return !lazyChunks.includes(chunk.name);
@@ -94,8 +105,9 @@ export default {
             'node:path': 'path',
         },
         fallback: {
-            path: import.meta.resolve('path-browserify'),
-            process: import.meta.resolve('process/browser'),
+            path: resolveModule('path-browserify'),
+            process: resolveModule('process/browser'),
+            util: resolveModule('util'),
         },
     },
     devtool,
@@ -107,14 +119,15 @@ export default {
         '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.mjs`,
-        'cloudcmd': `${dir}/cloudcmd.mjs`,
+        '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`,
@@ -124,10 +137,10 @@ export default {
         [`${modules}/view`]: `${dirModules}/view/index.js`,
         [`${modules}/help`]: `${dirModules}/help.js`,
         [`${modules}/markdown`]: `${dirModules}/markdown.js`,
-        [`${modules}/config`]: `${dirModules}/config/index.mjs`,
+        [`${modules}/config`]: `${dirModules}/config/index.js`,
         [`${modules}/contact`]: `${dirModules}/contact.js`,
         [`${modules}/upload`]: `${dirModules}/upload.js`,
-        [`${modules}/operation`]: `${dirModules}/operation/index.mjs`,
+        [`${modules}/operation`]: `${dirModules}/operation/index.js`,
         [`${modules}/konsole`]: `${dirModules}/konsole.js`,
         [`${modules}/terminal`]: `${dirModules}/terminal.js`,
         [`${modules}/terminal-run`]: `${dirModules}/terminal-run.js`,
@@ -149,7 +162,7 @@ export default {
     },
     plugins,
     performance: {
-        maxEntrypointSize: 600_000,
+        maxEntrypointSize: 800_000,
         maxAssetSize: 600_000,
     },
 };

.typos.toml

@@ -1,2 +1,2 @@
 [files]
-extend-exclude= ["ChangeLog", "*.js"]
+extend-exclude = ["ChangeLog"]

ChangeLog

@@ -1,3 +1,686 @@
+2026.06.15, v19.19.1
+
+feature:
+- 78b206e0 client: key: Ctrl + L -> Ctrl + Shift + L: Log out (#466)
+- b1492885 docker: io: NPM_CONFIG_PACKAGE_LOCK=false
+- 76d7bf4d docker: typos, shellcheck: add
+
+2026.05.26, v19.19.0
+
+feature:
+- 4ee38db6 client: view: flac: add support
+
+2026.05.26, v19.18.1
+
+feature:
+- 40ecef5e cloudcmd: ratelimit: X-Forwarded-For (#437)
+
+2026.05.26, v19.18.0
+
+fix:
+- 161bede8 client: menu: @putout/bundle@5.5.
+- 447d990f cloudcmd: server: rest: sendError
+
+feature:
+- 5d9628ce cloudcmd: rate limit: add support (#437)
+- 2be395e6 cloudcmd: get rid of manifest: 401 basic auth
+
+2026.05.17, v19.17.0
+
+fix:
+- d96f6c46 css: query: hide time on mobile
+- e7c55e05 docker: io: XDG_CONFIG_HOME
+
+feature:
+- ae1ca0f8 cloudcmd: cssnano-preset-default v8.0.1
+- 94d5096a style: owner, mode: improve
+- 807f8346 cloudcmd: superc8 v12.6.0
+- 67a95722 docker: io: cline: add
+- 68eacb91 qword: add
+- 4acd294b docker: io: tmux
+- 05c80043 cloudcmd: @supertape/loader-css v1.0.0
+- 800a6545 cloudcmd: eslint-plugin-n v18.0.1
+- a985bb36 cloudcmd: supertape v13.0.0
+- 4315ec61 docker: io XDG_CONFIG_HOME: /etc -> /usr/local/etc
+
+2026.05.03, v19.16.0
+
+feature:
+- d82d0335 client: vim: rr for rename file
+- acfa27cf docker: io: nvchad: add
+- 14f009f8 docker: io: bash-completion: add
+- c6c60146 docker: io: f4
+- 9a6b8935 docker: io: GOPATH
+- a9bc22ce cloudcmd: operation: rm useless checks
+- 36bacfe9 cloudcmd: client: key: vim: cc, mm
+- 591da25c cloudcmd: ponse v8.0.0
+- 1e1b073c docker: io: /usr/src/cloudcmd -> /usr/local/share/cloudcmd
+
+2026.04.28, v19.15.0
+
+feature:
+- 9d97343b cloudcmd: operation: rm useless checks
+- 46a88cfa cloudcmd: client: key: vim: cc, mm
+
+2026.04.28, v19.14.0
+
+feature:
+- 36a8b641 cloudcmd: ponse v8.0.0
+- 1c263c18 docker: io: /usr/src/cloudcmd -> /usr/local/share/cloudcmd
+- ea7b828c docker: io: ubuntu: resolute
+- cd6c11ac docker: io: far2l
+- c4beeec6 docker: io: gdu: add
+
+2026.04.21, v19.13.1
+
+feature:
+- d5cd11e8 cloudcmd: montag v2.0.1
+- dc94d2db docker: io: add latest git version
+- 1637beee docker: io: /usr/local/src -> /usr/local/share
+- b1bc4e73 Docker: io: pv
+- 7c0dca60 docker: io: git: master
+
+2026.04.15, v19.13.0
+
+fix:
+- 48693d9e docker: io: XDG_CACHE_HOME
+
+feature:
+- 4b2395c5 cloudcmd: Ctrl + L: logout
+- 977a8aaa docker: io: strace: add
+- 7d0098fd docker: io: XDG_CACHE_HOME=/tmp/cache
+- a89e901b actions: docker: io: add
+
+2026.04.12, v19.12.5
+
+feature:
+- 1cfc1a6f docker: io: only amd64
+
+2026.04.12, v19.12.4
+
+feature:
+- 3c2b5658 docker: io: haskell
+- d37f8cd3 docker: io: palabra: node
+
+2026.04.12, v19.12.3
+
+feature:
+- cb6cabd4 docker: io: PALABRA_DIR
+
+2026.04.11, v19.12.2
+
+feature:
+- 2ce11fa2 docker: io: get rid of haskell: to slow install
+- aa741232 docker: io: rizin, yara
+
+2026.04.09, v19.12.1
+
+feature:
+- 5bd03215 docker: io: add PREFIX
+
+2026.04.09, v19.12.0
+
+feature:
+- 13b15b7b docker: io: palabra
+
+2026.04.07, v19.11.14
+
+feature:
+- a31beab0 docker: io: rustup env
+
+2026.04.07, v19.11.13
+
+feature:
+- 6a08479a docker: io: BUN_INSTALL
+
+2026.04.06, v19.11.12
+
+feature:
+- 46c65554 docker: io: npm_config_cache
+
+2026.04.06, v19.11.11
+
+feature:
+- ae2ce388 docker: io: $DENO_DIR
+
+2026.04.06, v19.11.10
+
+feature:
+- 12ea14ac docker: io: nvm: node
+
+2026.04.06, v19.11.9
+
+feature:
+- ea96d13f docker: io: net-tools
+
+2026.04.06, v19.11.8
+
+feature:
+- 5c08565f docker: io: debian -> ubuntu
+
+2026.04.05, v19.11.7
+
+feature:
+- 36cdef37 docker: io: bookworm
+
+2026.04.05, v19.11.6
+
+feature:
+- 845f9bd1 cloudcmd: gritty v10.2.0
+
+2026.04.05, v19.11.5
+
+feature:
+- f9c513cc docker: io: hexyl: add
+
+2026.04.04, v19.11.4
+
+feature:
+- e7347d25 docker: io: neovim: apt -> github
+
+2026.04.04, v19.11.3
+
+feature:
+- 9970ff76 docker: io: btop
+- 4395a471 docker: io: $PATH: add $HOME/.local/bin
+
+2026.04.04, v19.11.2
+
+feature:
+- c40ae8e4 docker: io: htop
+- f463c5c5 docker: io: aptitude: add
+- d1032f09 docker: io: remove unused
+
+2026.04.04, v19.11.1
+
+feature:
+- 7787bfc2 cloudcmd: user-menu: runFromCDN
+
+2026.04.04, v19.11.0
+
+feature:
+- 32f89d38 cloudcmd: user-menu: root
+
+2026.04.04, v19.10.2
+
+feature:
+- df4fb517 cloudcmd: aleman v2.0.1
+
+2026.04.03, v19.10.1
+
+feature:
+- ceb7ef4f docker: io: keep /var/lib/apt/lists
+
+2026.04.02, v19.10.0
+
+fix:
+- d12e7bd0 distribute: fix event listener leak on socket disconnect (#462)
+
+2026.04.02, v19.9.24
+
+feature:
+- c4d26c6a docker: io: apt-get upgrade
+- 9ddb8c29 docker: io: get rid of nix
+- e4d7d441 docker: io: nix
+
+2026.04.01, v19.9.23
+
+feature:
+- 5a3413ce docker: io: nix
+
+2026.03.31, v19.9.22
+
+feature:
+- b4345ed4 docker: io: DENO_DIR
+
+2026.03.31, v19.9.21
+
+fix:
+- 5c6a9a95 css: columns: name: 40% -> 35%
+
+2026.03.30, v19.9.20
+
+feature:
+- cd0b5554 iocmd: io: nvm
+
+2026.03.30, v19.9.19
+
+feature:
+- 6a52b11e docker: io: go, rust
+
+2026.03.30, v19.9.18
+
+feature:
+- 738059f2 docker: io: fzf
+- 3fc8932f docker: io: less, el_GR
+
+2026.03.30, v19.9.17
+
+feature:
+- cf424d6c docker: io: command-not-found update
+
+2026.03.29, v19.9.16
+
+feature:
+- 19347a2b docker: io: add command-not-found
+
+2026.03.29, v19.9.15
+
+feature:
+- ee170552 docker: io: ubuntu
+- e04c4594 docker: io: net-tools: add
+
+2026.03.29, v19.9.14
+
+fix:
+- 6c7709be docker: io: PS1
+
+2026.03.29, v19.9.13
+
+fix:
+- 439b3710 bin: currify
+- e4182841 docker: io: xterm-256color
+
+2026.03.29, v19.9.12
+
+feature:
+- 811a47fd cloudcmd: bin: get rid of require
+
+2026.03.29, v19.9.11
+
+feature:
+- 1f95f188 cloudcmd: get rid of simport
+
+2026.03.29, v19.9.10
+
+feature:
+- f0deb323 docker: io: add ja_JP.UTF-8
+
+2026.03.29, v19.9.9
+
+fix:
+- f671f798 docker: io: PS1 environment variable in Dockerfile
+
+feature:
+- cc7f9dc7 docker: io: use ubuntu
+
+2026.03.28, v19.9.8
+
+feature:
+- 4d1cd8cd docker: io: ffmpeg
+- 54b56fdc cloudcmd: vim: ESC: use only to enable, do not use to disable
+
+2026.03.27, v19.9.7
+
+feature:
+- 110908e2 docker: io: apt-get
+
+2026.03.26, v19.9.6
+
+feature:
+- 6450a2f8 docker: io: add UTF-8
+
+2026.03.26, v19.9.5
+
+fix:
+- e761cacb columns: name-size-date-time: 20% -> 19%
+
+2026.03.26, v19.9.4
+
+feature:
+- 69498ed6 docker: io: pull.rebase by default
+
+2026.03.24, v19.9.3
+
+feature:
+- 8763788b docker: io: healthcheck
+
+2026.03.23, v19.9.2
+
+feature:
+- 09a02074 docker: io: git config: add
+- c448eaa4 docker: io: buni
+
+2026.03.23, v19.9.1
+
+fix:
+- 6e5318fa client: modules: config: input: quote
+
+2026.03.23, v19.9.0
+
+feature:
+- a1216cdd cloudcmd: add ability to hide port configuration
+
+2026.03.23, v19.8.15
+
+feature:
+- 68b2aa78 docker: io: cloudcmd_vim
+
+2026.03.23, v19.8.14
+
+fix:
+- 665ed9c2 docker: io: get back port
+
+2026.03.23, v19.8.13
+
+feature:
+- 618a5615 docker: io: PS1
+
+2026.03.23, v19.8.12
+
+feature:
+- 556b0150 docker: io: PS1
+
+2026.03.23, v19.8.11
+
+fix:
+- 97672ef5 docker: io: apt-get install -> apt-get
+
+feature:
+- 67f27d84 docker: io: bun, deno
+
+2026.03.23, v19.8.10
+
+feature:
+- 025b005e docker: io: add PS1
+
+2026.03.23, v19.8.9
+
+fix:
+- b052cf22 cloudcmd: no time available: --.--.---- -> --:--:-- (#461)
+
+2026.03.23, v19.8.8
+
+feature:
+- 02dbe56d server: user-menu: when error send it
+
+2026.03.23, v19.8.7
+
+feature:
+- ecc76e8b docker: io: renamify-cli, runny, redfork
+
+2026.03.23, v19.8.6
+
+fix:
+- 53c072ab @putout/plugin-cloudcmd: devDependencies -> dependnecies
+
+feature:
+- 4b9922bf docker: /usr/src: app -> cloudcmd
+
+2026.03.23, v19.8.5
+
+fix:
+- 56fc8b83 docker: gritty
+
+2026.03.22, v19.8.4
+
+feature:
+- 5000227e docker: vim nvim
+
+2026.03.22, v19.8.3
+
+fix:
+- 01677e6a docker: io: slim -> io
+
+feature:
+- 7e35c606 docker: io: curl wget
+
+2026.03.22, v19.8.2
+
+feature:
+- e5b221f7 docker: io: add
+
+2026.03.22, v19.8.1
+
+feature:
+- 708a4c6b docker: slim: add
+- 80613f46 docker: slim: add
+
+2026.03.20, v19.8.0
+
+fix:
+- 59037f2c cloudcmd: bin: --show-config
+
+feature:
+- 10934b3a cloudcmd: add ability to show modification time (#230)
+
+2026.03.18, v19.7.1
+
+feature:
+- b0c1d36c cloudcmd: @cloudcmd/fileop v9.0.7 (#460)
+
+2026.03.17, v19.7.0
+
+feature:
+- daf83875 cloudfunc: override date format (#459)
+
+2026.03.17, v19.6.9
+
+feature:
+- b28a070a cloudcmd: redzip v4.6.1
+- 43c5a011 cloudcmd: css-minimizer-webpack-plugin v8.0.0
+- 15dcae5c cloudcmd: webpack-cli v7.0.2
+- 5976da81 cloudcmd: @cloudcmd/fileop v9.0.5
+- 37cb83f2 cloudcmd: redzip v4.6.0
+
+2026.02.27, v19.6.8
+
+feature:
+- 15fab514 cloudcmd: copymitter v10.3.0 (#458)
+
+2026.02.26, v19.6.7
+
+feature:
+- 68c7d0be cloudcmd: onezip v7.0.0
+
+2026.02.26, v19.6.6
+
+feature:
+- 3987cc82 cloudcmd: redzip v4.5.1 (#457)
+
+2026.02.26, v19.6.5
+
+feature:
+- 964ae989 cloudcmd: redzip v4.5.0 (#457)
+
+2026.02.25, v19.6.4
+
+feature:
+- a66eeda3 cloudcmd: copymitter v10.2.0 (coderaiser/cloudcmd#457)
+- 4340533a cloudcmd: c8 v11.0.0
+- 0857711f cloudcmd: redzip v4.2.0 (#457)
+
+2026.02.24, v19.6.3
+
+feature:
+- 2234f1b4 cloudcmd: redzip v4.2.0 (#475)
+
+2026.02.24, v19.6.2
+
+feature:
+- 321a54dd cloudcmd: @cloudcmd/fileop v9.0.2 (#457)
+
+2026.02.24, v19.6.1
+
+feature:
+- 7c5ac408 cloudcmd: @cloudcmd/fileop v9.0.1 (#457)
+
+2026.02.21, v19.6.0
+
+feature:
+- 6d19bf2e common: object.omit -> omit
+
+2026.02.18, v19.5.1
+
+feature:
+- 6e1cf4ef cloudcmd: supermenu v5.0.0
+
+2026.02.18, v19.5.0
+
+feature:
+- b20539ef common: entity: encode {,}
+- 7ef134f4 cloudcmd: rendy v5.0.0
+
+2026.02.18, v19.4.1
+
+feature:
+- 1e18d513 cloudcmd: @cloudcmd/fileop v9.0.0
+
+2026.02.18, v19.4.0
+
+fix:
+- 45cf9baf menu: prefix (#456)
+
+feature:
+- 3e647290 cloudcmd: redlint v6.0.0
+- 800ed012 cloudcmd: putout v42.0.5
+- 525c17d4 cloudcmd: madrun v13.0.0
+- 44247499 cloudcmd: eslint-plugin-putout v31.0.0
+
+2026.02.15, v19.3.9
+
+feature:
+- 9ffe3ef1 cloudcmd: copymitter v10.0.0 (#457)
+
+2026.02.15, v19.3.8
+
+fix:
+- d274a2b3 spinner (#456)
+
+2026.02.13, v19.3.7
+
+feature:
+- 8fd79a27 cloudcmd: win32 v8.0.0
+
+2026.02.12, v19.3.6
+
+feature:
+- ac94eccd cloudcmd: konsole: named
+- 144e4a34 cloudcmd: gritty v10.0.0
+- 938f9e76 cloudcmd: console-io v15.0.1
+
+2026.02.08, v19.3.5
+
+feature:
+- fb40bd9c rm cssnano: has no sense for spinner, option disabled by default (https://svgo.dev/docs/plugins/convertPathData/)
+- 76125be9 cloudcmd: eslint v10.0.0
+
+2026.02.06, v19.3.4
+
+feature:
+- 66a08c7f cloudcmd: deepword v11.0.0
+
+2026.02.05, v19.3.3
+
+feature:
+- 4a5a56f4 cloudcmd: dword v16.0.0
+
+2026.02.04, v19.3.2
+
+fix:
+- 99d8435e cloudcmd: exports
+- a266c145 cloudcmd: default -> named
+- 6e3ba271 Closing X in editor disappeared (#455)
+
+feature:
+- 30f42e94 cloudcmd: restafary v13.0.1
+- f84ce853 cloudcmd: edward v16.0.0
+
+2026.02.03, v19.3.1
+
+fix:
+- 5661bc4f Closing X in editor disappeared (#455)
+
+2026.02.03, v19.3.0
+
+feature:
+- 4533a25c cloudcmd: migrate to ESM
+- e8a81c49 client: dom: events: migrate to ESM
+- 071141bc client: terminal-run: migrate to ESM
+
+2026.02.03, v19.2.0
+
+feature:
+- bb32f7c4 client: dom: migrate to ESM
+- 457c83db client: migrate to ESM
+- f8a941bd client: modules: markdown: migrate to ESM
+- 9d6cffaf client: polifyll: migrate to ESM
+- 5b704d06 client: edit-names: migrate to ESM
+- 2c2ca8eb client: edit-file: migrate to ESM
+- c9f57c5f client: modules: edit-file-vim: migrate to ESM
+- 327ac9de client: modules: help: migrate to ESM
+- dc34ee87 cloudcmd: @putout/plugin-cloudcmd v5.0.0
+- 3cd3695b client: modules: edit-names-vim: migrate to ESM
+- dfcbfd63 client: modules: terminal: migrate to ESM
+
+2026.02.02, v19.1.21
+
+feature:
+- e3ad330e client: konsole: migrate to ESM
+- 983fd9af client: edit: migrate to ESM
+- ebabad94 common: entity: migrate to ESM
+- c3b71653 client: dom: images -> #images
+- 8cad7514 common: cloudfunc -> #common/cloudfunc
+- 1f174870 client: view: migrate to ESM
+- 7173f6cb cloudcmd: smalltalk v5.0.0
+
+2026.01.31, v19.1.20
+
+feature:
+- c1014c9c client: dom: operations: rename-current: migrate to ESM
+- 2e486f8b cloudcmd: restafary v13.0.0
+- 6addb29f cloudcmd: redzip v4.0.0
+
+2026.01.30, v19.1.19
+
+feature:
+- 2a0feac7 cloudcmd: @cloudcmd/modal v4.0.0
+
+2026.01.30, v19.1.18
+
+feature:
+- 73fa4961 client: modules: user-menu: migrate to ESM
+- ebfdf8c0 client: modules: operation: migrate to ESM
+- ad683171 client: modules: menu: migrate to ESM
+- 0054cfa3 client: dom: load-remote: migrate to ESM
+- e4d0ece0 client: dom: rest: migrate to ESM
+- c704ffe4 client: dom: storage: migrate to ESM
+- 5182cb81 client: modules: upload: migrate to ESM
+- 9543f1ad client: dom: upload-files: migrate to ESM
+
+2026.01.29, v19.1.17
+
+feature:
+- f9c28319 client: dom: migrate to ESM
+- 9d2c4e4a client: dom: cmd: move out
+- 5a2aa70f client: dom: simplify require
+- dee50a85 client: dom: files: migrate to ESM
+- 23c0d770 client: dom: dom-tree: migrate to ESM
+- cf2c6415 client: directory: migrate to ESM
+- 0eb802e7 client: dom: dialog: migrate to ESM
+
+2026.01.28, v19.1.16
+
+fix:
+- 4c242631 css: spinner: do not minify svg
+
+2026.01.28, v19.1.15
+
+feature:
+- 265c0b49 client: key: vim: migrate to ESM
+- 3bc49f02 client: set-current-by-char: migrate to ESM
+
+2026.01.28, v19.1.14
+
+feature:
+- f8a63b5a client: key: binder: migrate to ESM
+- 2cc97f33 client: cloud: migrate to ESM
+
+2026.01.27, v19.1.13
+
+feature:
+- 41b5a96f client: load: migrate to ESM
+
 2026.01.27, v19.1.12
 
 feature:
@@ -7095,7 +7778,7 @@ with clicks on files.
 - Removed allowed from cache property in config.
 
 - Added ability to hide "Upload To" menu item if
-no storage modules setted up in modules.json.
+no storage modules set up in modules.json.
 
 - From now any file minifying only if last modified
 time was changed.
@@ -7301,7 +7984,7 @@ in any position in anyLoadOnLoad function.
 - Added chainable to Cache object in DOM.
 
 - Changed default ip to null so IP would be geted from
-config.json only if it setted up.
+config.json only if it set up.
 
 - Fixed bug with starting node from other then projects dir.
 
@@ -7610,7 +8293,7 @@ time was possible.
 
 - Fixed bug with undefined size on root directory of Cloud Commander.
 Now Cloud Commander writes size 0, if can't get size, and besides will
-setted b char: "0b".
+set b char: "0b".
 
 - Added supporting of Russian language in directory names.
 

HELP.md

@@ -1,6 +1,6 @@
-# Cloud Commander v19.1.12
+# Cloud Commander v19.19.1
 
-### [Main][MainURL] [Blog][BlogURL] [Support][SupportURL] [Demo][DemoURL]
+### [Main][MainURL] [Blog][BlogURL] [Demo][DemoURL] [Deploy](#deploy)
 
 [MainURL]: https://cloudcmd.io "Main"
 [BlogURL]: https://blog.cloudcmd.io "Blog"
@@ -9,13 +9,17 @@
 [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**.
@@ -88,6 +92,7 @@ Cloud Commander supports the following command-line parameters:
 | `--contact`                  | enable contact
 | `--config-dialog`            | enable config dialog
 | `--config-auth`              | enable auth change in config dialog
+| `--config-port`              | enable port change in config dialog
 | `--console`                  | enable console
 | `--sync-console-path`        | sync console path
 | `--terminal`                 | enable terminal
@@ -118,6 +123,7 @@ Cloud Commander supports the following command-line parameters:
 | `--no-confirm-move`          | do not confirm move
 | `--no-config-dialog`         | disable config dialog
 | `--no-config-auth`           | disable auth change in config dialog
+| `--no-config-port`           | disable port change in config dialog
 | `--no-console`               | disable console
 | `--no-sync-console-path`     | do not sync console path
 | `--no-contact`               | disable contact
@@ -189,6 +195,7 @@ Then, start the server again with `cloudcmd` and reload the page.
 | `Ctrl + F3`          | sort by name
 | `Ctrl + F5`          | sort by date
 | `Ctrl + F6`          | sort by size
+| `Ctrl + Shift + L`   | logout
 | `Ctrl + Command + .` | show/hide dot files
 | `Up`                 | move cursor up
 | `Down`               | move cursor down
@@ -211,24 +218,27 @@ Then, start the server again with `cloudcmd` and reload the page.
 
 When the `--vim` option is provided, or the configuration parameter `vim` is set, the following hotkeys become available:
 
-|Key                    |Operation
-|:----------------------|:--------------------------------------------
-| `j`                   | navigate to next file
-| `k`                   | navigate to previous file
-| `dd`                  | remove current file
-| `G` or `$`            | navigate to bottom file
-| `gg` or `^`           | navigate to top file
-| `v`                   | visual mode
-| `y`                   | copy (selected in visual mode files)
-| `p`                   | paste files
-| `Esc`                 | unselect all
-| `/`                   | find file in current directory
-| `n`                   | navigate to next found file
-| `N`                   | navigate to previous found file
-| `md`                  | make directory
-| `mf`                  | make file
-| `tt`                  | show terminal
-| `e`                   | edit file
+| Key         |Operation
+|:------------|:--------------------------------------------
+| `j`         | navigate to next file
+| `k`         | navigate to previous file
+| `dd`        | remove current file
+| `G` or `$`  | navigate to bottom file
+| `gg` or `^` | navigate to top file
+| `v`         | visual mode
+| `y`         | copy (selected in visual mode files)
+| `p`         | paste files
+| `Esc`       | unselect all
+| `/`         | find file in current directory
+| `n`         | navigate to next 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:
 
@@ -440,6 +450,7 @@ Some config options can be overridden with environment variables, such as:
 - `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
@@ -688,7 +699,7 @@ And create `index.js`:
 
 ```js
 import http from 'node:http';
-import cloudcmd from 'cloudcmd';
+import {cloudcmd} from 'cloudcmd';
 import {Server} from 'socket.io';
 import express from 'express';
 
@@ -922,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
 
@@ -1111,6 +1122,117 @@ There are a lot of ways to be involved in `Cloud Commander` development:
 
 ## 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)**

README.md

@@ -1,4 +1,4 @@
-# Cloud Commander v19.1.12 [![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] [Support][SupportURL] [Demo][DemoURL]
 
@@ -15,6 +15,8 @@
 [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,7 +71,7 @@ And create `index.js`:
 
 ```js
 import http from 'node:http';
-import cloudcmd from 'cloudcmd';
+import {cloudcmd} from 'cloudcmd';
 import {Server} from 'socket.io';
 import express from 'express';
 

bin/cloudcmd.js

@@ -1,24 +1,21 @@
 #!/usr/bin/env node
 
 import process from 'node:process';
-import {createRequire} from 'node:module';
 import {promisify} from 'node:util';
 import {tryToCatch} from 'try-to-catch';
-import {createSimport} from 'simport';
 import parse from 'yargs-parser';
 import exit from '../server/exit.js';
-import {createConfig, configPath} from '../server/config.mjs';
-import * as env from '../server/env.mjs';
+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.mjs';
+import * as validate from '../server/validate.js';
+import Info from '../package.json' with {
+    type: 'json',
+};
 
 process.on('unhandledRejection', exit);
 
-const require = createRequire(import.meta.url);
-
-const Info = require('../package.json');
 const isUndefined = (a) => typeof a === 'undefined';
-const simport = createSimport(import.meta.url);
 
 const choose = (a, b) => {
     if (isUndefined(a))
@@ -31,8 +28,6 @@ const config = createConfig({
     configPath,
 });
 
-const DIR_SERVER = '../server/';
-
 const maybeRoot = (a) => {
     if (a === '.')
         return process.cwd();
@@ -78,6 +73,7 @@ const yargsOptions = {
         'open',
         'config-dialog',
         'config-auth',
+        'config-port',
         'console',
         'sync-console-path',
         'contact',
@@ -119,7 +115,7 @@ const yargsOptions = {
         'columns': env.parse('columns') || config('columns') || '',
         'theme': env.parse('theme') || config('theme') || '',
         'vim': choose(env.bool('vim'), config('vim')),
-        'log': config('log'),
+        'log': choose(env.bool('log'), config('log')),
         
         'import-url': env.parse('import_url') || config('importUrl'),
         'import-listen': choose(env.bool('import_listen'), config('importListen')),
@@ -132,6 +128,7 @@ const yargsOptions = {
         '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')),
@@ -168,7 +165,7 @@ else
     main();
 
 async function main() {
-    const {validateArgs} = await simport('@putout/cli-validate-args');
+    const {validateArgs} = await import('@putout/cli-validate-args');
     
     const error = await validateArgs(args, [
         ...yargsOptions.boolean,
@@ -179,7 +176,7 @@ async function main() {
         return exit(error);
     
     if (args.repl)
-        repl();
+        await repl();
     
     validate.columns(args.columns);
     validate.theme(args.theme);
@@ -214,6 +211,7 @@ async function main() {
     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);
@@ -248,7 +246,7 @@ async function main() {
     if (args.showConfig)
         await showConfig();
     
-    const {distributeImport} = await simport('../server/distribute/import.mjs');
+    const {distributeImport} = await import('../server/distribute/import.js');
     const importConfig = promisify(distributeImport);
     
     await start(options, config);
@@ -266,11 +264,12 @@ function validateRoot(root, config) {
     if (root === '/')
         return;
     
-    console.log(`root: ${root}`);
+    if (config('log'))
+        console.log(`root: ${root}`);
 }
 
 async function getPassword(password) {
-    const criton = await simport('criton');
+    const {default: criton} = await import('criton');
     return criton(password, config('algo'));
 }
 
@@ -279,12 +278,10 @@ function version() {
 }
 
 async function start(options, config) {
-    const SERVER = `${DIR_SERVER}server.mjs`;
-    
     if (!args.server)
         return;
     
-    const server = await simport(SERVER);
+    const {default: server} = await import('../server/server.js');
     server(options, config);
 }
 
@@ -298,8 +295,8 @@ function port(arg) {
 }
 
 async function showConfig() {
-    const show = await simport('../server/show-config');
-    const data = show(config('*'));
+    const {showConfig} = await import('../server/show-config.js');
+    const data = showConfig(config('*'));
     
     console.log(data);
 }
@@ -308,13 +305,13 @@ async function readConfig(name) {
     if (!name)
         return;
     
-    const tryToCatch = await simport('try-to-catch');
-    const forEachKey = await simport('for-each-key');
+    const {default: forEachKey} = await import('for-each-key');
     
-    const [error, data] = await tryToCatch(simport, name);
-    
-    if (error)
-        return exit(error.message);
+    const data = await import(name, {
+        with: {
+            type: 'json',
+        },
+    });
     
     forEachKey(config, data);
 }
@@ -326,8 +323,8 @@ async function help() {
         },
     });
     
-    const forEachKey = await simport('for-each-key');
-    const currify = await simport('currify');
+    const {default: forEachKey} = await import('for-each-key');
+    const {default: currify} = await import('currify');
     
     const usage = 'Usage: cloudcmd [options]';
     const url = Info.homepage;
@@ -339,15 +336,15 @@ async function help() {
     console.log('\nGeneral help using Cloud Commander: <%s>', url);
 }
 
-function repl() {
+async function repl() {
     console.log('REPL mode enabled (telnet localhost 1337)');
-    require(`${DIR_SERVER}repl`);
+    await import('../server/repl.js');
 }
 
 async function checkUpdate() {
-    const load = await simport('package-json');
-    
+    const {default: load} = await import('package-json');
     const {version} = await load(Info.name, 'latest');
+    
     await showUpdateInfo(version);
 }
 
@@ -355,7 +352,7 @@ async function showUpdateInfo(version) {
     if (version === Info.version)
         return;
     
-    const chalk = await simport('chalk');
+    const {default: chalk} = await import('chalk');
     
     const latestVersion = chalk.green.bold(`v${version}`);
     const latest = `update available: ${latestVersion}`;

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

@@ -3,26 +3,27 @@
 import {promisify} from 'node:util';
 import process from 'node:process';
 import {tryToCatch} from 'try-to-catch';
-import {createSimport} from 'simport';
 import minor from 'minor';
 import _place from 'place';
-import rendy from 'rendy';
+import {rendy} from 'rendy';
 import shortdate from 'shortdate';
+import Info from '../package.json' with {
+    type: 'json',
+};
 
-const simport = createSimport(import.meta.url);
 const place = promisify(_place);
 
-const Info = await simport('../package.json');
-
 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 +
+        '(' +
+        link +
         'v{{ version }})**\n';
     
     const {version} = Info;
@@ -35,10 +36,11 @@ async function main() {
     await replaceVersion('README.md', version, versionNew);
     await replaceVersion('HELP.md', version, versionNew);
     
-    const historyNew = history + rendy(template, {
-        date: shortdate(),
-        version: versionNew,
-    });
+    const historyNew = history +
+        rendy(template, {
+            date: shortdate(),
+            version: versionNew,
+        });
     
     await replaceVersion('HELP.md', history, historyNew);
 }

client/client.js

@@ -1,24 +1,22 @@
 import process from 'node:process';
-
-/* global DOM */
 import Emitify from 'emitify';
 import inherits from 'inherits';
-import rendy from 'rendy';
+import {rendy} from 'rendy';
 import load from 'load.js';
 import {tryToCatch} from 'try-to-catch';
 import {addSlashToEnd} from 'format-io';
 import pascalCase from 'just-pascal-case';
 import currify from 'currify';
-import * as Images from './dom/images.mjs';
-import {unregisterSW} from './sw/register.mjs';
-import {getJsonFromFileTable} from './get-json-from-file-table.mjs';
-import {Key} from './key/index.mjs';
 import {
     apiURL,
     formatMsg,
     buildFromJSON,
-} from '../common/cloudfunc.mjs';
-import {loadModule} from './load-module.mjs';
+} 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 noJS = (a) => a.replace(/.js$/, '');
 
@@ -350,7 +348,12 @@ function CloudCmdProto({DOM, Listeners}) {
             'pathLink',
         ];
         
-        const [error, [file, path, link, pathLink]] = await tryToCatch(Files.get, names);
+        const [error, [
+            file,
+            path,
+            link,
+            pathLink,
+        ]] = await tryToCatch(Files.get, names);
         
         if (error)
             return DOM.Dialog.alert(error.responseText);

client/cloudcmd.js

@@ -1,14 +1,14 @@
+import '../css/main.css';
 import process from 'node:process';
 import wraptile from 'wraptile';
 import load from 'load.js';
-import '../css/main.css';
-import {registerSW, listenSW} from './sw/register.mjs';
-import {initSortPanel, sortPanel} from './sort.mjs';
-import Util from '../common/util.js';
-import * as CloudFunc from '../common/cloudfunc.mjs';
-import DOM from './dom/index.js';
-import {createCloudCmd} from './client.mjs';
-import * as Listeners from './listeners/index.mjs';
+import * as Util from '#common/util';
+import * as CloudFunc from '#common/cloudfunc';
+import DOM from '#dom';
+import {registerSW, listenSW} from './sw/register.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';
 
@@ -36,7 +36,7 @@ async function init(config) {
     if (globalThis.CloudCmd.config('menu') === 'aleman')
         setTimeout(() => {
             import('https://esm.sh/@putout/processor-html');
-            import('https://esm.sh/@putout/bundle');
+            import('https://esm.sh/@putout/bundle@5.5');
         }, 100);
 }
 

client/dom/buffer.js

@@ -1,6 +1,6 @@
 /* global CloudCmd*/
+import * as Storage from '#dom/storage';
 import tryToPromiseAll from '../../common/try-to-promise-all.js';
-import Storage from './storage.js';
 
 const CLASS = 'cut-file';
 const COPY = 'copy';

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,8 +1,8 @@
 /* global DOM */
 /* global CloudCmd */
 import createElement from '@cloudcmd/create-element';
-import {encode, decode} from '../../common/entity.js';
-import {getTitle, FS} from '../../common/cloudfunc.mjs';
+import {getTitle, FS} from '#common/cloudfunc';
+import {encode, decode} from '#common/entity';
 
 let Title;
 
@@ -77,7 +77,7 @@ const parseHrefAttribute = (prefix, attribute) => {
 export const _parseHrefAttribute = parseHrefAttribute;
 
 /**
- * get current direcotory path
+ * get current directory path
  */
 export const getCurrentDirPath = (panel = DOM.getPanel()) => {
     const path = DOM.getByDataName('js-path', panel);
@@ -98,7 +98,7 @@ export const getCurrentPath = (currentFile) => {
 };
 
 /**
- * get current direcotory name
+ * get current directory name
  */
 export const getCurrentDirName = () => {
     const href = DOM
@@ -111,7 +111,7 @@ export const getCurrentDirName = () => {
 };
 
 /**
- * get current direcotory path
+ * get current directory path
  */
 export const getParentDirPath = (panel) => {
     const path = DOM.getCurrentDirPath(panel);
@@ -125,7 +125,7 @@ export const getParentDirPath = (panel) => {
 };
 
 /**
- * get not current direcotory path
+ * get not current directory path
  */
 export const getNotCurrentDirPath = () => {
     const panel = DOM.getPanel({
@@ -153,7 +153,7 @@ export const getCurrentByName = (name, panel = DOM.CurrentInfo.panel) => {
 };
 
 /**
- * private function thet unset currentfile
+ * private function that unset currentFile
  *
  * @currentFile
  */
@@ -302,6 +302,7 @@ export const isCurrentIsDir = (currentFile) => {
 export const getCurrentType = (currentFile) => {
     const current = currentFile || DOM.getCurrentFile();
     const el = DOM.getByDataName('js-type', current);
+    
     const type = el.className
         .split(' ')
         .pop();

client/dom/current-file.spec.js

@@ -1,7 +1,7 @@
 import {test, stub} from 'supertape';
 import {create} from 'auto-globals';
 import wraptile from 'wraptile';
-import * as currentFile from './current-file.mjs';
+import * as currentFile from './current-file.js';
 
 const id = (a) => a;
 
@@ -19,11 +19,13 @@ test('current-file: setCurrentName: setAttribute', (t) => {
     
     currentFile.setCurrentName('hello', current);
     
-    t.calledWith(setAttribute, ['data-name', 'js-file-aGVsbG8='], 'should call setAttribute');
-    
     globalThis.DOM = DOM;
     globalThis.CloudCmd = CloudCmd;
     
+    t.calledWith(setAttribute, [
+        'data-name',
+        'js-file-aGVsbG8=',
+    ], 'should call setAttribute');
     t.end();
 });
 
@@ -38,11 +40,13 @@ test('current-file: setCurrentName: setAttribute: cyrillic', (t) => {
     
     currentFile.setCurrentName('ай', current);
     
-    t.calledWith(setAttribute, ['data-name', 'js-file-JUQwJUIwJUQwJUI5'], 'should call setAttribute');
-    
     globalThis.DOM = DOM;
     globalThis.CloudCmd = CloudCmd;
     
+    t.calledWith(setAttribute, [
+        'data-name',
+        'js-file-JUQwJUIwJUQwJUI5',
+    ], 'should call setAttribute');
     t.end();
 });
 
@@ -70,11 +74,10 @@ test('current-file: emit', (t) => {
     
     currentFile.setCurrentName('hello', current);
     
-    t.calledWith(emit, ['current-file', current], 'should call emit');
-    
     globalThis.DOM = DOM;
     globalThis.CloudCmd = CloudCmd;
     
+    t.calledWith(emit, ['current-file', current], 'should call emit');
     t.end();
 });
 
@@ -90,14 +93,12 @@ test('current-file: setCurrentName: return', (t) => {
     globalThis.CloudCmd = getCloudCmd();
     
     const current = create();
-    
     const result = currentFile.setCurrentName('hello', current);
     
-    t.equal(result, link, 'should return link');
-    
     globalThis.DOM = DOM;
     globalThis.CloudCmd = CloudCmd;
     
+    t.equal(result, link, 'should return link');
     t.end();
 });
 

client/dom/dialog.js

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

client/dom/directory.js

@@ -1,16 +1,10 @@
-'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 */
-const philip = require('philip');
-
-const Images = require('./images.mjs');
-const {FS} = require('../../common/cloudfunc.mjs');
-const DOM = require('.');
-const Dialog = require('./dialog');
-
-const {getCurrentDirPath: getPathWhenRootEmpty} = DOM;
-
-module.exports = (items) => {
+export const uploadDirectory = (items) => {
     if (items.length)
         Images.show('top');
     
@@ -18,7 +12,7 @@ module.exports = (items) => {
         .from(items)
         .map((item) => item.webkitGetAsEntry());
     
-    const dirPath = getPathWhenRootEmpty();
+    const dirPath = DOM.getCurrentDirPath();
     const path = dirPath.replace(/\/$/, '');
     
     const progress = Dialog.progress('Uploading...');

client/dom/dom-tree.js

@@ -1,8 +1,15 @@
-'use strict';
+import currify from 'currify';
 
-const currify = require('currify');
-
-const DOM = module.exports;
+const DOM = {
+    show,
+    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!');
     
@@ -26,58 +33,60 @@ const isContainClass = (element, className) => {
     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}`);
-};
+}
 
 /**
  * Function search first element by class name
  * @param className - className
  * @param element - element
  */
-module.exports.getByClass = (className, element = document) => DOM.getByClassAll(className, element)[0];
+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 element - element
+ * @param className
+ * @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,10 +1,16 @@
-'use strict';
-
-const test = require('supertape');
-const {create} = require('auto-globals');
-const {tryCatch} = require('try-catch');
-
-const {isContainClass} = require('./dom-tree');
+import {test, stub} from 'supertape';
+import {create} from 'auto-globals';
+import {tryCatch} from 'try-catch';
+import {
+    isContainClass,
+    getByTag,
+    getById,
+    getByClass,
+    getByDataName,
+    getByClassAll,
+    hide,
+    show,
+} from './dom-tree.js';
 
 test('dom: isContainClass: no element', (t) => {
     const [e] = tryCatch(isContainClass);
@@ -41,3 +47,106 @@ test('dom: isContainClass: contains: array', (t) => {
     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,8 +8,8 @@ module.exports.add = (el, name, fn) => {
     ]);
 };
 
-module.exports.clear = () => {
+export const clear = () => {
     list = [];
 };
 
-module.exports.get = () => list;
+export const get = () => list;

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

@@ -1,7 +1,5 @@
-'use strict';
-
-const test = require('supertape');
-const eventStore = require('./event-store');
+import {test} from 'supertape';
+import * as eventStore from './event-store.js';
 
 test('event-store: get', (t) => {
     const el = {};

client/dom/events/index.js

@@ -1,5 +1,5 @@
 import itype from 'itype';
-import EventStore from './event-store.js';
+import * as EventStore from './event-store.js';
 
 /**
  * safe add event listener

client/dom/files.js

@@ -1,11 +1,8 @@
-'use strict';
-
 /* global CloudCmd */
-const itype = require('itype');
-const {promisify} = require('es6-promisify');
-
-const load = require('./load');
-const RESTful = require('./rest');
+import itype from 'itype';
+import {promisify} from 'es6-promisify';
+import * as load from '#dom/load';
+import * as RESTful from '#dom/rest';
 
 const Promises = {};
 const FILES_JSON = 'config|modules';
@@ -16,7 +13,7 @@ const DIR_HTML_FS = `${DIR_HTML}fs/`;
 const DIR_JSON = '/json/';
 const timeout = getTimeoutOnce(2000);
 
-module.exports.get = getFile;
+export const get = getFile;
 
 function getFile(name) {
     const type = itype(name);

client/dom/images.js

@@ -102,13 +102,13 @@ export function show(position, panel) {
 /**
 * hide load image
 */
-export const hide = () => {
+export function hide() {
     const element = Images.get();
     
     DOM.hide(element);
     
     return Images;
-};
+}
 
 export const setProgress = (value, title) => {
     const DATA = 'data-progress';

client/dom/index.js

@@ -1,70 +1,121 @@
-'use strict';
-
 /* global CloudCmd */
-const Util = require('../../common/util');
+import * as load from '#dom/load';
+import * as Files from '#dom/files';
+import * as Dialog from '#dom/dialog';
+import * as Events from '#dom/events';
+import {getExt} from '#common/util';
+import * as Storage from '#dom/storage';
+import * as RESTful from '#dom/rest';
+import * as Images from '#dom/images';
+import renameCurrent from './operations/rename-current.js';
+import * as CurrentFile from './current-file.js';
+import * as DOMTree from './dom-tree.js';
+import * as Cmd from './cmd.js';
+import * as IO from './io/index.js';
+import {uploadDirectory} from './directory.js';
+import * as Buffer from './buffer.js';
+import {loadRemote as _loadRemote} from './load-remote.js';
+import {selectByPattern} from './select-by-pattern.js';
 
-const Images = require('./images.mjs');
-const RESTful = require('./rest');
-const Storage = require('./storage');
-const renameCurrent = require('./operations/rename-current');
+const {assign} = Object;
 
-const CurrentFile = require('./current-file.mjs');
-const DOMTree = require('./dom-tree');
-
-const Cmd = module.exports;
 const DOM = {
+    getCurrentDirName,
+    getNotCurrentDirPath,
+    getParentDirPath,
+    loadRemote,
+    loadSocket,
+    promptNewDir,
+    promptNewFile,
+    unselectFiles,
+    getActiveFiles,
+    getCurrentDate,
+    getCurrentSize,
+    loadCurrentSize,
+    loadCurrentHash,
+    setCurrentSize,
+    getCurrentMode,
+    getCurrentOwner,
+    getCurrentData,
+    getRefreshButton,
+    getAllFiles,
+    expandSelection,
+    shrinkSelection,
+    setHistory,
+    getCurrentLink,
+    getFilenames,
+    checkStorageHash,
+    saveDataToStorage,
+    getFM,
+    getPanelPosition,
+    getCSSVar,
+    getPanel,
+    getFiles,
+    showPanel,
+    hidePanel,
+    remove,
+    deleteCurrent,
+    deleteSelected,
+    renameCurrent,
+    scrollIntoViewIfNeeded,
+    scrollByPages,
+    changePanel,
+    getPackerExt,
+    goToDirectory,
+    duplicatePanel,
+    swapPanels,
+    updateCurrentInfo,
+};
+
+assign(DOM, {
     ...DOMTree,
     ...CurrentFile,
     ...Cmd,
-};
+});
 
-const CurrentInfo = {};
+export const CurrentInfo = {};
 
 DOM.Images = Images;
-DOM.load = require('./load');
-DOM.Files = require('./files');
+DOM.load = load;
+DOM.Files = Files;
 DOM.RESTful = RESTful;
-DOM.IO = require('./io');
+DOM.IO = IO;
 DOM.Storage = Storage;
-DOM.Dialog = require('./dialog');
+DOM.Dialog = Dialog;
 DOM.CurrentInfo = CurrentInfo;
 
-module.exports = DOM;
+export default DOM;
 
-DOM.uploadDirectory = require('./directory');
-DOM.Buffer = require('./buffer.mjs');
-DOM.Events = require('#dom/events');
-
-const loadRemote = require('./load-remote');
-const selectByPattern = require('./select-by-pattern');
+DOM.uploadDirectory = uploadDirectory;
+DOM.Buffer = Buffer;
+DOM.Events = Events;
 const isString = (a) => typeof a === 'string';
-const SELECTED_FILE = 'selected-file';
 
 const TabPanel = {
     'js-left': null,
     'js-right': null,
 };
 
-module.exports.loadRemote = (name, options, callback) => {
-    loadRemote(name, options, callback);
+export function loadRemote(name, options, callback) {
+    _loadRemote(name, options, callback);
     return DOM;
-};
+}
 
-module.exports.loadSocket = (callback) => {
+export function loadSocket(callback) {
     DOM.loadRemote('socket', {
         name: 'io',
     }, callback);
     
     return DOM;
-};
+}
 
 /**
  * create new folder
  *
  */
-module.exports.promptNewDir = async function() {
+export async function promptNewDir() {
     await promptNew('directory');
-};
+}
 
 /**
  * create new file
@@ -72,9 +123,9 @@ module.exports.promptNewDir = async function() {
  * @typeName
  * @type
  */
-module.exports.promptNewFile = async () => {
+export async function promptNewFile() {
     await promptNew('file');
-};
+}
 
 async function promptNew(typeName) {
     const {Dialog} = DOM;
@@ -109,9 +160,9 @@ async function promptNew(typeName) {
 }
 
 /**
- * get current direcotory name
+ * get current directory name
  */
-module.exports.getCurrentDirName = () => {
+export function getCurrentDirName() {
     const href = DOM
         .getCurrentDirPath()
         .replace(/\/$/, '');
@@ -119,12 +170,12 @@ module.exports.getCurrentDirName = () => {
     const substr = href.substr(href, href.lastIndexOf('/'));
     
     return href.replace(`${substr}/`, '') || '/';
-};
+}
 
 /**
- * get current direcotory path
+ * get current directory path
  */
-module.exports.getParentDirPath = (panel) => {
+export function getParentDirPath(panel) {
     const path = DOM.getCurrentDirPath(panel);
     const dirName = DOM.getCurrentDirName() + '/';
     const index = path.lastIndexOf(dirName);
@@ -133,48 +184,36 @@ module.exports.getParentDirPath = (panel) => {
         return path.slice(0, index);
     
     return path;
-};
+}
 
 /**
- * get not current direcotory path
+ * get not current directory path
  */
-module.exports.getNotCurrentDirPath = () => {
+export function getNotCurrentDirPath() {
     const panel = DOM.getPanel({
         active: false,
     });
     
     return DOM.getCurrentDirPath(panel);
-};
-
-/**
- * unified way to get selected files
- *
- * @currentFile
- */
-module.exports.getSelectedFiles = () => {
-    const panel = DOM.getPanel();
-    const selected = DOM.getByClassAll(SELECTED_FILE, panel);
-    
-    return Array.from(selected);
-};
+}
 
 /*
  * unselect all files
  */
-module.exports.unselectFiles = (files) => {
+export function unselectFiles(files) {
     files = files || DOM.getSelectedFiles();
     
     Array
         .from(files)
         .forEach(DOM.toggleSelectedFile);
-};
+}
 
 /**
  * get all selected files or current when none selected
  *
  * @currentFile
  */
-module.exports.getActiveFiles = () => {
+export function getActiveFiles() {
     const current = DOM.getCurrentFile();
     const files = DOM.getSelectedFiles();
     const name = DOM.getCurrentName(current);
@@ -183,19 +222,19 @@ module.exports.getActiveFiles = () => {
         return [current];
     
     return files;
-};
+}
 
-module.exports.getCurrentDate = (currentFile) => {
+export function getCurrentDate(currentFile) {
     const current = currentFile || DOM.getCurrentFile();
     
     return DOM.getByDataName('js-date', current).textContent;
-};
+}
 
 /**
  * get size
  * @currentFile
  */
-module.exports.getCurrentSize = (currentFile) => {
+export function getCurrentSize(currentFile) {
     const current = currentFile || DOM.getCurrentFile();
     
     /* если это папка - возвращаем слово dir вместо размера*/
@@ -205,13 +244,13 @@ module.exports.getCurrentSize = (currentFile) => {
         .replace(/^<|>$/g, '');
     
     return size;
-};
+}
 
 /**
  * get size
  * @currentFile
  */
-module.exports.loadCurrentSize = async (currentFile) => {
+export async function loadCurrentSize(currentFile) {
     const current = currentFile || DOM.getCurrentFile();
     const query = '?size';
     const link = DOM.getCurrentPath(current);
@@ -227,14 +266,14 @@ module.exports.loadCurrentSize = async (currentFile) => {
     Images.hide();
     
     return current;
-};
+}
 
 /**
  * load hash
  * @callback
  * @currentFile
  */
-module.exports.loadCurrentHash = async (currentFile) => {
+export async function loadCurrentHash(currentFile) {
     const current = currentFile || DOM.getCurrentFile();
     const query = '?hash';
     const link = DOM.getCurrentPath(current);
@@ -242,45 +281,45 @@ module.exports.loadCurrentHash = async (currentFile) => {
     const [, data] = await RESTful.read(link + query);
     
     return data;
-};
+}
 
 /**
  * set size
  * @currentFile
  */
-module.exports.setCurrentSize = (size, currentFile) => {
+export function setCurrentSize(size, currentFile) {
     const current = currentFile || DOM.getCurrentFile();
     const sizeElement = DOM.getByDataName('js-size', current);
     
     sizeElement.textContent = size;
-};
+}
 
 /**
  * @currentFile
  */
-module.exports.getCurrentMode = (currentFile) => {
+export function getCurrentMode(currentFile) {
     const current = currentFile || DOM.getCurrentFile();
     const mode = DOM.getByDataName('js-mode', current);
     
     return mode.textContent;
-};
+}
 
 /**
  * @currentFile
  */
-module.exports.getCurrentOwner = (currentFile) => {
+export function getCurrentOwner(currentFile) {
     const current = currentFile || DOM.getCurrentFile();
     const owner = DOM.getByDataName('js-owner', current);
     
     return owner.textContent;
-};
+}
 
 /**
  * unified way to get current file content
  *
  * @param currentFile
  */
-module.exports.getCurrentData = async (currentFile) => {
+export async function getCurrentData(currentFile) {
     const {Dialog} = DOM;
     const Info = DOM.CurrentInfo;
     const current = currentFile || DOM.getCurrentFile();
@@ -322,64 +361,16 @@ module.exports.getCurrentData = async (currentFile) => {
         await DOM.saveDataToStorage(path, data, hashNew);
     
     return [null, data];
-};
+}
 
 /**
  * unified way to get RefreshButton
  */
-module.exports.getRefreshButton = (panel = DOM.getPanel()) => {
+export function getRefreshButton(panel = DOM.getPanel()) {
     return DOM.getByDataName('js-refresh', panel);
-};
+}
 
-/**
- * select current file
- * @param currentFile
- */
-module.exports.selectFile = (currentFile) => {
-    const current = currentFile || DOM.getCurrentFile();
-    
-    current.classList.add(SELECTED_FILE);
-    
-    return Cmd;
-};
-
-module.exports.unselectFile = (currentFile) => {
-    const current = currentFile || DOM.getCurrentFile();
-    
-    current.classList.remove(SELECTED_FILE);
-    
-    return Cmd;
-};
-
-module.exports.toggleSelectedFile = (currentFile) => {
-    const current = currentFile || DOM.getCurrentFile();
-    const name = DOM.getCurrentName(current);
-    
-    if (name === '..')
-        return Cmd;
-    
-    current.classList.toggle(SELECTED_FILE);
-    
-    return Cmd;
-};
-
-module.exports.toggleAllSelectedFiles = () => {
-    DOM
-        .getAllFiles()
-        .map(DOM.toggleSelectedFile);
-    
-    return Cmd;
-};
-
-module.exports.selectAllFiles = () => {
-    DOM
-        .getAllFiles()
-        .map(DOM.selectFile);
-    
-    return Cmd;
-};
-
-module.exports.getAllFiles = () => {
+export function getAllFiles() {
     const panel = DOM.getPanel();
     const files = DOM.getFiles(panel);
     const name = DOM.getCurrentName(files[0]);
@@ -390,32 +381,32 @@ module.exports.getAllFiles = () => {
     return Array
         .from(files)
         .slice(i);
-};
+}
 
 /**
  * open dialog with expand selection
  */
-module.exports.expandSelection = () => {
+export async function expandSelection() {
     const msg = 'expand';
     const {files} = CurrentInfo;
     
-    selectByPattern(msg, files);
-};
+    await selectByPattern(msg, files);
+}
 
 /**
  * open dialog with shrink selection
  */
-module.exports.shrinkSelection = () => {
+export async function shrinkSelection() {
     const msg = 'shrink';
     const {files} = CurrentInfo;
     
-    selectByPattern(msg, files);
-};
+    await selectByPattern(msg, files);
+}
 
 /**
  * setting history wrapper
  */
-module.exports.setHistory = (data, title, url) => {
+export function setHistory(data, title, url) {
     const ret = globalThis.history;
     const {prefix} = CloudCmd;
     
@@ -425,33 +416,21 @@ module.exports.setHistory = (data, title, url) => {
         history.pushState(data, title, url);
     
     return ret;
-};
-
-/**
- * selected file check
- *
- * @param currentFile
- */
-module.exports.isSelected = (selected) => {
-    if (!selected)
-        return false;
-    
-    return DOM.isContainClass(selected, SELECTED_FILE);
-};
+}
 
 /**
  * get link from current (or param) file
  *
  * @param currentFile - current file by default
  */
-module.exports.getCurrentLink = (currentFile) => {
+export function getCurrentLink(currentFile) {
     const current = currentFile || DOM.getCurrentFile();
     const link = DOM.getByTag('a', current);
     
     return link[0];
-};
+}
 
-module.exports.getFilenames = (files) => {
+export function getFilenames(files) {
     if (!files)
         throw Error('AllFiles could not be empty');
     
@@ -463,17 +442,13 @@ module.exports.getFilenames = (files) => {
     if (name === '..')
         allFiles.shift();
     
-    const names = allFiles.map((current) => {
-        return DOM.getCurrentName(current);
-    });
-    
-    return names;
-};
+    return allFiles.map(DOM.getCurrentName);
+}
 
 /**
  * check storage hash
  */
-module.exports.checkStorageHash = async (name) => {
+export async function checkStorageHash(name) {
     const nameHash = `${name}-hash`;
     
     if (!isString(name))
@@ -485,7 +460,7 @@ module.exports.checkStorageHash = async (name) => {
     ]);
     
     return [loadHash, storeHash];
-};
+}
 
 /**
  * save data to storage
@@ -493,9 +468,8 @@ module.exports.checkStorageHash = async (name) => {
  * @param name
  * @param data
  * @param hash
- * @param callback
  */
-module.exports.saveDataToStorage = async (name, data, hash) => {
+export async function saveDataToStorage(name, data, hash) {
     const isDir = DOM.isCurrentIsDir();
     
     if (isDir)
@@ -510,25 +484,28 @@ module.exports.saveDataToStorage = async (name, data, hash) => {
     await Storage.set(nameData, data);
     
     return hash;
-};
+}
 
-module.exports.getFM = () => DOM.getPanel().parentElement;
+export function getFM() {
+    const {parentElement} = DOM.getPanel();
+    return parentElement;
+}
 
-module.exports.getPanelPosition = (panel) => {
+export function getPanelPosition(panel) {
     panel = panel || DOM.getPanel();
     
     return panel.dataset.name.replace('js-', '');
-};
+}
 
-module.exports.getCSSVar = (name, {body = document.body} = {}) => {
+export function getCSSVar(name, {body = document.body} = {}) {
     const bodyStyle = getComputedStyle(body);
     return bodyStyle.getPropertyValue(`--${name}`);
-};
+}
 
 /** function getting panel active, or passive
  * @param options = {active: true}
  */
-module.exports.getPanel = (options) => {
+export function getPanel(options) {
     let files;
     let panel;
     let isLeft;
@@ -561,17 +538,17 @@ module.exports.getPanel = (options) => {
         throw Error('can not find Active Panel!');
     
     return panel;
-};
+}
 
-module.exports.getFiles = (element) => {
+export function getFiles(element) {
     const files = DOM.getByDataName('js-files', element);
     return files.children || [];
-};
+}
 
 /**
  * shows panel right or left (or active)
  */
-module.exports.showPanel = (active) => {
+export function showPanel(active) {
     const panel = DOM.getPanel({
         active,
     });
@@ -582,12 +559,12 @@ module.exports.showPanel = (active) => {
     DOM.show(panel);
     
     return true;
-};
+}
 
 /**
  * hides panel right or left (or active)
  */
-module.exports.hidePanel = (active) => {
+export function hidePanel(active) {
     const panel = DOM.getPanel({
         active,
     });
@@ -596,27 +573,27 @@ module.exports.hidePanel = (active) => {
         return false;
     
     return DOM.hide(panel);
-};
+}
 
 /**
  * remove child of element
- * @param pChild
+ * @param child
  * @param element
  */
-module.exports.remove = (child, element) => {
+export function remove(child, element) {
     const parent = element || document.body;
     
     parent.removeChild(child);
     
     return DOM;
-};
+}
 
 /**
  * remove current file from file table
  * @param current
  *
  */
-module.exports.deleteCurrent = (current) => {
+export function deleteCurrent(current) {
     if (!current)
         DOM.getCurrentFile();
     
@@ -630,51 +607,44 @@ module.exports.deleteCurrent = (current) => {
         DOM.setCurrentFile(next || prev);
         parent.removeChild(current);
     }
-};
+}
 
 /**
  * remove selected files from file table
  * @Selected
  */
-module.exports.deleteSelected = (selected) => {
+export function deleteSelected(selected) {
     selected = selected || DOM.getSelectedFiles();
     
     if (!selected)
         return;
     
     selected.map(DOM.deleteCurrent);
-};
+}
 
 /**
  * rename current file
  *
  * @currentFile
  */
-module.exports.renameCurrent = renameCurrent;
-/**
- * unified way to scrollIntoViewIfNeeded
- * (native suporte by webkit only)
- * @param element
- * @param center - to scroll as small as possible param should be false
- */
-module.exports.scrollIntoViewIfNeeded = (element, center = false) => {
+export function scrollIntoViewIfNeeded(element, center = false) {
     if (!element || !element.scrollIntoViewIfNeeded)
         return;
     
     element.scrollIntoViewIfNeeded(center);
-};
+}
 
 /* scroll on one page */
-module.exports.scrollByPages = (element, pPages) => {
+export function scrollByPages(element, pPages) {
     const ret = element?.scrollByPages && pPages;
     
     if (ret)
         element.scrollByPages(pPages);
     
     return ret;
-};
+}
 
-module.exports.changePanel = () => {
+export function changePanel() {
     const Info = CurrentInfo;
     let panel = DOM.getPanel();
     
@@ -720,18 +690,21 @@ module.exports.changePanel = () => {
     CloudCmd.emit('active-dir', Info.dirPath);
     
     return DOM;
-};
+}
 
-module.exports.getPackerExt = (type) => {
+export function getPackerExt(type) {
     if (type === 'zip')
         return '.zip';
     
     return '.tar.gz';
-};
+}
 
-module.exports.goToDirectory = async (overrides = {}) => {
+export async function goToDirectory(overrides = {}) {
     const {Dialog} = DOM;
-    const {prompt = Dialog.prompt, changeDir = CloudCmd.changeDir} = overrides;
+    const {
+        prompt = Dialog.prompt,
+        changeDir = CloudCmd.changeDir,
+    } = overrides;
     
     const msg = 'Go to directory:';
     const {dirPath} = CurrentInfo;
@@ -742,9 +715,9 @@ module.exports.goToDirectory = async (overrides = {}) => {
         return;
     
     await changeDir(path);
-};
+}
 
-module.exports.duplicatePanel = async () => {
+export async function duplicatePanel() {
     const Info = CurrentInfo;
     const {isDir} = Info;
     const panel = Info.panelPassive;
@@ -763,9 +736,9 @@ module.exports.duplicatePanel = async () => {
         panel,
         noCurrent,
     });
-};
+}
 
-module.exports.swapPanels = async () => {
+export async function swapPanels() {
     const Info = CurrentInfo;
     const {
         panel,
@@ -796,11 +769,9 @@ module.exports.swapPanels = async () => {
     const el = Info.files[currentIndex];
     
     DOM.setCurrentFile(el);
-};
+}
 
-module.exports.CurrentInfo = CurrentInfo;
-
-module.exports.updateCurrentInfo = (currentFile) => {
+export function updateCurrentInfo(currentFile) {
     const info = DOM.CurrentInfo;
     const current = currentFile || DOM.getCurrentFile();
     const files = current.parentElement;
@@ -816,7 +787,7 @@ module.exports.updateCurrentInfo = (currentFile) => {
     info.dirPath = DOM.getCurrentDirPath();
     info.parentDirPath = DOM.getParentDirPath();
     info.element = current;
-    info.ext = Util.getExt(name);
+    info.ext = getExt(name);
     info.files = Array.from(files.children);
     info.filesPassive = Array.from(filesPassive);
     info.first = files.firstChild;
@@ -837,4 +808,4 @@ module.exports.updateCurrentInfo = (currentFile) => {
         .name
         .replace('js-', '');
     info.isOnePanel = info.panel.getAttribute('data-name') === info.panelPassive.getAttribute('data-name');
-};
+}

client/dom/index.spec.js

@@ -1,9 +1,5 @@
-'use strict';
-
-require('css-modules-require-hook/preset');
-
-const {test, stub} = require('supertape');
-const {getCSSVar, goToDirectory} = require('./index');
+import {test, stub} from 'supertape';
+import {getCSSVar, goToDirectory} from '#dom';
 
 globalThis.CloudCmd = {};
 

client/dom/io/index.js

@@ -1,24 +1,35 @@
-'use strict';
+import {FS} from '#common/cloudfunc';
+import {sendRequest as _sendRequest} from './send-request.js';
 
-const {FS} = require('../../../common/cloudfunc.mjs');
-const _sendRequest = require('./send-request');
+const {assign} = Object;
 
 const imgPosition = {
     top: true,
 };
 
-module.exports.delete = async (url, data) => {
-    return await _sendRequest({
+export const remove = async (url, data, overrides = {}) => {
+    const {
+        sendRequest = _sendRequest,
+    } = overrides;
+    
+    const request = {
         method: 'DELETE',
         url: FS + url,
-        data,
         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({
         method: 'PATCH',
         url: FS + url,
@@ -27,7 +38,7 @@ module.exports.patch = async (url, data) => {
     });
 };
 
-module.exports.write = async (url, data) => {
+export const write = async (url, data) => {
     return await _sendRequest({
         method: 'PUT',
         url: FS + url,
@@ -36,7 +47,7 @@ module.exports.write = async (url, data) => {
     });
 };
 
-module.exports.createDirectory = async (url, overrides = {}) => {
+export const createDirectory = async (url, overrides = {}) => {
     const {
         sendRequest = _sendRequest,
     } = overrides;
@@ -48,7 +59,7 @@ module.exports.createDirectory = async (url, overrides = {}) => {
     });
 };
 
-module.exports.read = async (url, dataType = 'text') => {
+export const read = async (url, dataType = 'text') => {
     const notLog = !url.includes('?');
     
     return await _sendRequest({
@@ -59,7 +70,7 @@ module.exports.read = async (url, dataType = 'text') => {
     });
 };
 
-module.exports.copy = async (from, to, names) => {
+export const copy = async (from, to, names) => {
     return await _sendRequest({
         method: 'PUT',
         url: '/copy',
@@ -72,7 +83,7 @@ module.exports.copy = async (from, to, names) => {
     });
 };
 
-module.exports.pack = async (data) => {
+export const pack = async (data) => {
     return await _sendRequest({
         method: 'PUT',
         url: '/pack',
@@ -80,7 +91,7 @@ module.exports.pack = async (data) => {
     });
 };
 
-module.exports.extract = async (data) => {
+export const extract = async (data) => {
     return await _sendRequest({
         method: 'PUT',
         url: '/extract',
@@ -88,7 +99,7 @@ module.exports.extract = async (data) => {
     });
 };
 
-module.exports.move = async (from, to, names) => {
+export const move = async (from, to, names) => {
     return await _sendRequest({
         method: 'PUT',
         url: '/move',
@@ -101,7 +112,7 @@ module.exports.move = async (from, to, names) => {
     });
 };
 
-module.exports.rename = async (from, to) => {
+export const rename = async (from, to) => {
     return await _sendRequest({
         method: 'PUT',
         url: '/rename',
@@ -113,7 +124,7 @@ module.exports.rename = async (from, to) => {
     });
 };
 
-module.exports.Config = {
+export const Config = {
     read: async () => {
         return await _sendRequest({
             method: 'GET',
@@ -133,7 +144,7 @@ module.exports.Config = {
     },
 };
 
-module.exports.Markdown = {
+export const Markdown = {
     read: async (url) => {
         return await _sendRequest({
             method: 'GET',

client/dom/io/index.spec.js

@@ -1,7 +1,5 @@
-'use strict';
-
-const {test, stub} = require('supertape');
-const io = require('.');
+import {test, stub} from 'supertape';
+import * as io from './index.js';
 
 test('client: dom: io', (t) => {
     const sendRequest = stub();
@@ -21,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,12 +1,9 @@
-'use strict';
-
 /* global CloudCmd */
-const {promisify} = require('es6-promisify');
+import {promisify} from 'es6-promisify';
+import * as Images from '#dom/images';
+import * as load from '#dom/load';
 
-const Images = require('../images.mjs');
-const load = require('../load');
-
-module.exports = promisify((params, callback) => {
+export const sendRequest = promisify((params, callback) => {
     const p = params;
     const {prefixURL} = CloudCmd;
     
@@ -40,7 +37,8 @@ module.exports = promisify((params, callback) => {
     });
 });
 
-module.exports._replaceHash = replaceHash;
+export const _replaceHash = replaceHash;
+
 function replaceHash(url) {
     /*
      * if we send ajax request -

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

@@ -1,7 +1,5 @@
-'use strict';
-
-const test = require('supertape');
-const {_replaceHash} = require('./send-request');
+import {test} from 'supertape';
+import {_replaceHash} from './send-request.js';
 
 test('cloudcmd: client: io: replaceHash', (t) => {
     const url = '/hello/####world';

client/dom/load-remote.js

@@ -1,56 +1,58 @@
-'use strict';
-
 /* global CloudCmd */
-const rendy = require('rendy');
-const itype = require('itype');
-const load = require('load.js');
-const {tryToCatch} = require('try-to-catch');
+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 {findObjByNameInArr} = require('../../common/util');
-
-const Files = require('./files');
-
-module.exports = (name, options, callback = options) => {
+export const loadRemote = callbackify(async (name, options) => {
     const {prefix, config} = CloudCmd;
     const o = options;
     
     if (o.name && window[o.name])
-        return callback();
+        return;
     
-    Files.get('modules').then(async (modules) => {
-        const online = config('online') && navigator.onLine;
-        const module = findObjByNameInArr(modules.remote, name);
+    const modules = await Files.get('modules');
+    
+    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);
-        const {version} = module;
-        
-        let remoteTmpls;
-        let local;
-        
-        if (isArray) {
-            remoteTmpls = module.remote;
-            ({local} = module);
-        } else {
-            remoteTmpls = [module.remote];
-            local = [module.local];
-        }
-        
-        const localURL = local.map((url) => 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);
-    });
-};
+        if (!e)
+            return;
+    }
+    
+    await load.parallel(localURL);
+});

client/dom/load.js

@@ -1,19 +1,16 @@
-'use strict';
+import itype from 'itype';
+import jonny from 'jonny';
+import Emitify from 'emitify';
+import exec from 'execon';
+import * as Images from '#dom/images';
 
-const itype = require('itype');
-const jonny = require('jonny');
-const Emitify = require('emitify');
-const exec = require('execon');
-const Images = require('./images.mjs');
-
-module.exports.getIdBySrc = getIdBySrc;
 /**
  * Function gets id by src
  * @param src
  *
  * Example: http://domain.com/1.js -> 1_js
  */
-function getIdBySrc(src) {
+export function getIdBySrc(src) {
     const isStr = itype.string(src);
     
     if (!isStr)
@@ -37,7 +34,7 @@ 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);
@@ -94,11 +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).replace(/#/g, '%23');
+    url = encodeURI(url).replace(/#/g, '#');
     
     xhr.open('put', url, true);
     

client/dom/operations/rename-current.js

@@ -1,15 +1,11 @@
-'use strict';
-
 /* global CloudCmd */
-const capitalize = require('just-capitalize');
+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 _Dialog = require('../dialog');
-const Storage = require('../storage');
-const RESTful = require('../rest');
-
-const _currentFile = require('../current-file.mjs');
-
-module.exports = async (current, overrides = {}) => {
+export default async (current, overrides = {}) => {
     const {
         refresh = CloudCmd.refresh,
         Dialog = _Dialog,

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

@@ -1,8 +1,5 @@
-'use strict';
-
-const {test, stub} = require('supertape');
-
-const renameCurrent = require('./rename-current');
+import {test, stub} from 'supertape';
+import renameCurrent from './rename-current.js';
 
 test('cloudcmd: client: dom: renameCurrent: isCurrentFile', async (t) => {
     const current = {};

client/dom/rest.js

@@ -1,12 +1,8 @@
-'use strict';
-
-const {tryToCatch} = require('try-to-catch');
-
-const {encode} = require('../../common/entity');
-
-const Images = require('./images.mjs');
-const IO = require('./io');
-const Dialog = require('./dialog');
+import {tryToCatch} from 'try-to-catch';
+import * as Dialog from '#dom/dialog';
+import * as Images from '#dom/images';
+import {encode} from '#common/entity';
+import * as IO from './io/index.js';
 
 const handleError = (promise) => async (...args) => {
     const [e, data] = await tryToCatch(promise, ...args);
@@ -22,23 +18,23 @@ const handleError = (promise) => async (...args) => {
     return [e, data];
 };
 
-module.exports.delete = handleError(IO.delete);
-module.exports.patch = handleError(IO.patch);
-module.exports.write = handleError(IO.write);
-module.exports.createDirectory = handleError(IO.createDirectory);
-module.exports.read = handleError(IO.read);
-module.exports.copy = handleError(IO.copy);
-module.exports.pack = handleError(IO.pack);
-module.exports.extract = handleError(IO.extract);
-module.exports.move = handleError(IO.move);
-module.exports.rename = handleError(IO.rename);
+export const remove = handleError(IO.remove);
+export const patch = handleError(IO.patch);
+export const write = handleError(IO.write);
+export const createDirectory = handleError(IO.createDirectory);
+export const read = handleError(IO.read);
+export const copy = handleError(IO.copy);
+export const pack = handleError(IO.pack);
+export const extract = handleError(IO.extract);
+export const move = handleError(IO.move);
+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,13 +1,14 @@
-'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');
-const {alert, prompt} = require('./dialog');
-
-const DOM = require('.');
-
-module.exports = async (msg, files) => {
+export const selectByPattern = async (msg, files) => {
     if (!files)
         return;
     
@@ -23,21 +24,21 @@ 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)
-            DOM.toggleSelectedFile(current);
+        if (selected)
+            toggleSelectedFile(current);
     }
     
     if (!matches)

client/dom/storage.js

@@ -1,28 +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,8 +1,5 @@
-'use strict';
-
-const {test, stub} = require('supertape');
-
-const storage = require('./storage');
+import {test, stub} from 'supertape';
+import * as storage from '#dom/storage';
 
 const {stringify} = JSON;
 

client/dom/upload-files.js

@@ -1,24 +1,19 @@
-'use strict';
-
 /* global CloudCmd */
-const {eachSeries} = require('execon');
-const wraptile = require('wraptile');
+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 load = require('./load');
-const Images = require('./images.mjs');
-const {alert} = require('./dialog');
-
-const {FS} = require('../../common/cloudfunc.mjs');
-
-const {getCurrentDirPath: getPathWhenRootEmpty} = require('.');
 const loadFile = wraptile(_loadFile);
-
 const onEnd = wraptile(_onEnd);
 
-module.exports = (dir, files) => {
+export const uploadFiles = (dir, files) => {
     if (!files) {
         files = dir;
-        dir = getPathWhenRootEmpty();
+        dir = getCurrentDirPath();
     }
     
     const n = files.length;

client/key/binder.js

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

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

@@ -2,8 +2,8 @@
 import clipboard from '@cloudcmd/clipboard';
 import {fullstore} from 'fullstore';
 import * as Events from '#dom/events';
-import * as Buffer from '../dom/buffer.mjs';
-import * as KEY from './key.mjs';
+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';
@@ -13,8 +13,8 @@ const Chars = fullstore();
 const toggleVim = (keyCode, overrides = {}) => {
     const {_config, config} = overrides;
     
-    if (keyCode === KEY.ESC)
-        _config('vim', !config('vim'));
+    if (!config('vim') && keyCode === KEY.ESC)
+        _config('vim', true);
 };
 
 const isUndefined = (a) => typeof a === 'undefined';
@@ -63,7 +63,7 @@ async function listener(event, 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 (isUndefined(event.altKey))
         return;
@@ -442,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'))

client/key/index.spec.js

@@ -1,15 +1,9 @@
-'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';
 
-require('css-modules-require-hook/preset');
-
-const autoGlobals = require('auto-globals');
-const supertape = require('supertape');
-
-const {ESC} = require('./key.mjs');
-
-const {Key, _listener} = require('./index.mjs');
-
-const {getDOM, getCloudCmd} = require('./vim/globals.fixture');
 const test = autoGlobals(supertape);
 const {stub} = supertape;
 
@@ -43,6 +37,7 @@ test('cloudcmd: client: key: enable vim', async (t) => {
 test('cloudcmd: client: key: disable vim', async (t) => {
     const _config = stub();
     const config = stub();
+    
     const event = {
         keyCode: ESC,
         key: 'Escape',

client/key/key.js

@@ -22,6 +22,7 @@ export const D = 68;
 export const G = 71;
 export const J = 74;
 export const K = 75;
+export const L = 76;
 export const M = 77;
 export const O = 79;
 export const P = 80;

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

@@ -1,14 +1,11 @@
 /* global DOM */
+import {escapeRegExp} from '#common/util';
 
-'use strict';
-
-const {escapeRegExp} = require('../../common/util');
-
-module.exports = function setCurrentByChar(char, charStore) {
+export default function setCurrentByChar(char, charStore) {
     const Info = DOM.CurrentInfo;
     let firstByName;
     let skipCount = 0;
-    let setted = false;
+    let set = false;
     let i = 0;
     
     const escapeChar = escapeRegExp(char);
@@ -36,7 +33,7 @@ module.exports = function setCurrentByChar(char, charStore) {
         const byName = DOM.getCurrentByName(name);
         
         if (!skipCount) {
-            setted = true;
+            set = true;
             DOM.setCurrentFile(byName);
             
             return true;
@@ -53,8 +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';
-
-const {fullstore} = require('fullstore');
-const limier = require('limier');
+import {fullstore} from 'fullstore';
+import limier from '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;
-module.exports._previous = previous;
+export const _next = next;
+export const _previous = previous;
 
 function next(index, length) {
     if (index === length - 1)

client/key/vim/find.spec.js

@@ -1,14 +1,15 @@
-'use strict';
-
-const test = require('supertape');
-const dir = './';
-
-const {getDOM} = require('./globals.fixture');
+import test from 'supertape';
+import {getDOM} from './globals.fixture.js';
+import {
+    _next,
+    _previous,
+    find,
+    findNext,
+    findPrevious,
+} from './find.js';
 
 globalThis.DOM = getDOM();
 
-const {_next, _previous} = require(`${dir}find`);
-
 test('cloudcmd: client: vim: _next', (t) => {
     const result = _next(1, 2);
     
@@ -16,9 +17,39 @@ 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);
     
     t.equal(result, 1, 'should return 1');
     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: {},
@@ -34,7 +32,7 @@ module.exports.getDOM = () => {
     };
 };
 
-module.exports.getCloudCmd = () => {
+export const getCloudCmd = () => {
     const show = () => {};
     
     return {

client/key/vim/index.js

@@ -1,15 +1,11 @@
-'use strict';
-
-/* global CloudCmd */
-/* global DOM */
-const vim = require('./vim');
-const finder = require('./find');
-const {
+import vim from './vim.js';
+import * as finder from './find.js';
+import {
     setCurrent,
     selectFileNotParent,
-} = require('./set-current');
+} from './set-current.js';
 
-module.exports = (key, event, overrides = {}) => {
+export default (key, event, overrides = {}) => {
     const defaults = {
         ...globalThis.DOM,
         ...globalThis.CloudCmd,
@@ -37,13 +33,13 @@ const getOperations = (event, deps) => {
         prompt = globalThis.DOM.Dialog.prompt,
         preventDefault = event?.preventDefault?.bind(event),
         stopImmediatePropagation = event?.preventDefault?.bind(event),
-        promptNewFile = DOM.promptNewFile,
-        
+        promptNewFile = globalThis.DOM.promptNewFile,
         toggleSelectedFile,
         Buffer = {},
         createFindNext = _createFindNext,
         createFindPrevious = _createFindPrevious,
         createMakeFile = _createMakeFile,
+        renameCurrent,
     } = deps;
     
     return {
@@ -59,15 +55,26 @@ const getOperations = (event, deps) => {
             setCurrentByName,
         }),
         escape: unselectFiles,
-        
+        rename: () => {
+            event.preventDefault();
+            renameCurrent();
+        },
         remove: () => {
             Operation.show('delete');
         },
+        operationCopy: () => {
+            event.preventDefault();
+            Operation.show('copy');
+        },
+        operationMove: () => {
+            event.preventDefault();
+            Operation.show('move');
+        },
         
         makeDirectory: () => {
             event.stopImmediatePropagation();
             event.preventDefault();
-            DOM.promptNewDir();
+            globalThis.DOM.promptNewDir();
         },
         
         terminal: () => {
@@ -131,7 +138,7 @@ const getOperations = (event, deps) => {
     };
 };
 
-module.exports.selectFile = selectFileNotParent;
+export const selectFile = selectFileNotParent;
 
 const _createFindPrevious = (overrides = {}) => () => {
     const {setCurrentByName} = overrides;

client/key/vim/index.spec.js

@@ -1,25 +1,15 @@
-'use strict';
-
-const {join} = require('node:path');
-const {test, stub} = require('supertape');
-
-const dir = '../';
-
-const pathVim = join(dir, 'vim');
-
-const {getDOM, getCloudCmd} = require('./globals.fixture');
+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';
 
 globalThis.DOM = getDOM();
 globalThis.CloudCmd = getCloudCmd();
 
-const vim = require('./index.js');
-
 const {assign} = Object;
 const {DOM} = globalThis;
 const {Buffer} = DOM;
 
-const {reRequire, stopAll} = require('mock-require');
-
 test('cloudcmd: client: key: set next file: no', (t) => {
     const element = {};
     const setCurrentFile = stub();
@@ -319,7 +309,7 @@ test('cloudcmd: client: key: selectFile: ..', (t) => {
     const selectFile = stub();
     const current = {};
     
-    vim.selectFile(current, {
+    vimSelectFile(current, {
         selectFile,
         getCurrentName,
     });
@@ -333,7 +323,7 @@ test('cloudcmd: client: key: selectFile', (t) => {
     const getCurrentName = stub().returns('x');
     const current = {};
     
-    vim.selectFile(current, {
+    vimSelectFile(current, {
         selectFile,
         getCurrentName,
     });
@@ -458,6 +448,7 @@ test('cloudcmd: client: key: set first file current: ^', async (t) => {
 test('cloudcmd: client: key: visual', (t) => {
     const element = {};
     const toggleSelectedFile = stub();
+    
     const Info = {
         element,
     };
@@ -474,6 +465,7 @@ test('cloudcmd: client: key: visual', (t) => {
 test('cloudcmd: client: key: ESC', (t) => {
     const element = {};
     const unselectFiles = stub();
+    
     const Info = {
         element,
     };
@@ -519,6 +511,7 @@ test('cloudcmd: client: key: Enter', async (t) => {
 test('cloudcmd: client: key: /', (t) => {
     const preventDefault = stub();
     const element = {};
+    
     const Info = {
         element,
         files: [],
@@ -553,16 +546,12 @@ test('cloudcmd: client: find', (t) => {
         setCurrentByName,
     });
     
-    const vim = reRequire(pathVim);
-    
     const event = {
         preventDefault: stub(),
     };
     
     vim('/', event);
     
-    stopAll();
-    
     t.notCalled(setCurrentByName);
     t.end();
 });
@@ -595,7 +584,6 @@ test('cloudcmd: client: key: N', (t) => {
 });
 
 test('cloudcmd: client: key: make directory', async (t) => {
-    const vim = reRequire(pathVim);
     const {DOM} = globalThis;
     
     assign(DOM, {
@@ -670,3 +658,99 @@ test('cloudcmd: client: vim: edit', async (t) => {
     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

@@ -1,8 +1,5 @@
-'use strict';
-
 /* global DOM */
-module.exports.selectFileNotParent = selectFileNotParent;
-function selectFileNotParent(current, {getCurrentName, selectFile} = DOM) {
+export function selectFileNotParent(current, {getCurrentName, selectFile} = DOM) {
     const name = getCurrentName(current);
     
     if (name === '..')
@@ -11,7 +8,7 @@ function selectFileNotParent(current, {getCurrentName, selectFile} = DOM) {
     selectFile(current);
 }
 
-module.exports.setCurrent = (sibling, {count, isVisual, isDelete}, {Info, setCurrentFile, unselectFiles, Operation}) => {
+export const setCurrent = (sibling, {count, isVisual, isDelete}, {Info, setCurrentFile, unselectFiles, Operation}) => {
     let current = Info.element;
     const select = isVisual ? selectFileNotParent : unselectFiles;
     

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,7 +20,7 @@ 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));
@@ -41,6 +40,9 @@ module.exports = (key, operations = {}) => {
         makeDirectory = noop,
         terminal = noop,
         edit = noop,
+        operationCopy = noop,
+        operationMove = noop,
+        rename = noop,
     } = operations;
     
     if (key === 'Enter')
@@ -112,11 +114,26 @@ module.exports = (key, operations = {}) => {
         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();

client/key/vim/vim.spec.js

@@ -1,8 +1,5 @@
-'use strict';
-
-const {test, stub} = require('supertape');
-
-const vim = require('./vim');
+import {test, stub} from 'supertape';
+import vim from './vim.js';
 
 test('vim: no operations', (t) => {
     const result = vim('hello', {});
@@ -46,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();
     

client/listeners/get-index.spec.js

@@ -1,5 +1,5 @@
 import test from 'supertape';
-import {getIndex} from './get-index.mjs';
+import {getIndex} from './get-index.js';
 
 test('cloudcmd: client: listeners: getIndex: not found', (t) => {
     const array = ['hello'];

client/listeners/get-range.spec.js

@@ -1,5 +1,5 @@
 import test from 'supertape';
-import {getRange} from './get-range.mjs';
+import {getRange} from './get-range.js';
 
 test('cloudcmd: client: listeners: getRange: direct', (t) => {
     const expected = [

client/listeners/index.js

@@ -5,15 +5,15 @@ import currify from 'currify';
 import {tryToCatch} from 'try-to-catch';
 import clipboard from '@cloudcmd/clipboard';
 import * as Events from '#dom/events';
-import {getRange} from './get-range.mjs';
-import uploadFiles from '../dom/upload-files.js';
-import {FS} from '../../common/cloudfunc.mjs';
-import {getIndex} from './get-index.mjs';
+import {uploadFiles} from '#dom/upload-files';
+import {FS} from '#common/cloudfunc';
+import {getRange} from './get-range.js';
+import {getIndex} from './get-index.js';
 
 const NBSP_REG = RegExp(String.fromCharCode(160), 'g');
 const SPACE = ' ';
 
-export const init = async () => {
+export async function init() {
     contextMenu();
     dragndrop();
     unload();
@@ -21,7 +21,7 @@ export const init = async () => {
     resize();
     header();
     await config();
-};
+}
 
 const unselect = (event) => {
     const isMac = /Mac/.test(globalThis.navigator.platform);
@@ -55,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);
     };
@@ -309,8 +310,12 @@ function onDragStart(event) {
         link.href = prefixURL + '/pack' + Info.path + EXT;
     }
     
-    event.dataTransfer.setData('DownloadURL', 'application/octet-stream' + ':' + name +
-    ':' + link);
+    event.dataTransfer.setData(
+        'DownloadURL',
+        'application/octet-stream' + ':' + name +
+        ':' +
+        link,
+    );
 }
 
 function getLIElement(element) {

client/modules/cloud.js

@@ -1,32 +1,32 @@
 /* global CloudCmd, filepicker */
+import exec from 'execon';
+import currify from 'currify';
+import load from 'load.js';
+import {ajax} from '#dom/load';
+import * as Files from '#dom/files';
+import * as Images from '#dom/images';
 
-'use strict';
-
-const exec = require('execon');
-const currify = require('currify');
-const load = require('load.js');
-
-const {ajax} = require('../dom/load');
-
-const Files = require('../dom/files');
-const Images = require('../dom/images.mjs');
 const {log} = CloudCmd;
 
 const upload = currify(_upload);
 
 const Name = 'Cloud';
 
-CloudCmd[Name] = module.exports;
+CloudCmd[Name] = {
+    init,
+    uploadFile,
+    saveFile,
+};
 
-module.exports.init = async () => {
+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, {
@@ -35,11 +35,11 @@ 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 {url, filename} = file;

client/modules/command-line.js

@@ -1,18 +1,14 @@
-'use strict';
-
 /* global CloudCmd */
-CloudCmd.CommandLine = exports;
+import * as Dialog from '#dom/dialog';
 
-const Dialog = require('../dom/dialog');
+export function init() {}
+CloudCmd.CommandLine = {
+    init,
+    show,
+    hide,
+};
 
-const noop = () => {};
-
-module.exports.init = noop;
-
-module.exports.show = show;
-module.exports.hide = hide;
-
-async function show() {
+export async function show() {
     const [, cmd] = await Dialog.prompt('Command Line', '');
     const TERMINAL = '^(t|terminal)';
     
@@ -32,4 +28,4 @@ async function show() {
     }
 }
 
-function hide() {}
+export function hide() {}

client/modules/config/index.js

@@ -1,5 +1,5 @@
-/* global CloudCmd, DOM, io */
-import rendy from 'rendy';
+import '../../../css/config.css';
+import {rendy} from 'rendy';
 import currify from 'currify';
 import wraptile from 'wraptile';
 import squad from 'squad';
@@ -8,11 +8,12 @@ import {tryToCatch} from 'try-to-catch';
 import load from 'load.js';
 import createElement from '@cloudcmd/create-element';
 import * as Events from '#dom/events';
-import '../../../css/config.css';
-import * as input from './input.mjs';
-import * as Images from '../../dom/images.mjs';
-import Files from '../../dom/files.js';
-import {getTitle} from '../../../common/cloudfunc.mjs';
+import * as Files from '#dom/files';
+import {getTitle} from '#common/cloudfunc';
+import * as Images from '#dom/images';
+import * as input from './input.js';
+
+const {CloudCmd, DOM} = globalThis;
 
 const {Dialog, setTitle} = DOM;
 
@@ -40,7 +41,7 @@ let Template;
 
 const loadCSS = load.css;
 
-export const init = async () => {
+export async function init() {
     if (!CloudCmd.config('configDialog'))
         return;
     
@@ -56,7 +57,7 @@ export const init = async () => {
     ]);
     
     initSocket();
-};
+}
 
 const {config, Key} = CloudCmd;
 
@@ -78,7 +79,7 @@ function initSocket() {
     
     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`,
@@ -132,6 +133,7 @@ async function fillTemplate() {
         columns,
         theme,
         configAuth,
+        configPort,
         ...obj
     } = input.convert(config);
     
@@ -141,6 +143,7 @@ async function fillTemplate() {
     obj[`${columns}-selected`] = 'selected';
     obj[`${theme}-selected`] = 'selected';
     obj.configAuth = configAuth ? '' : 'hidden';
+    obj.configPort = configPort ? '' : 'hidden';
     
     const innerHTML = rendy(Template, obj);
     

client/modules/config/input.js

@@ -1,7 +1,9 @@
-import currify from 'currify';
+import {encode} from '#common/entity';
 
-const isType = currify((type, object, name) => type === typeof object[name]);
-const isBool = isType('boolean');
+const isBool = (a) => typeof a === 'boolean';
+const isString = (a) => typeof a === 'string';
+
+const {keys} = Object;
 
 export function getElementByName(selector, element) {
     const str = `[data-name="js-${selector}"]`;
@@ -19,13 +21,19 @@ export const getName = (element) => {
 
 export const convert = (config) => {
     const result = config;
-    const array = Object.keys(config);
     
-    const filtered = array.filter(isBool(config));
-    
-    for (const name of filtered) {
+    for (const name of keys(config)) {
         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;

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 = exports;
-
-const olark = require('@cloudcmd/olark');
-const Images = require('../dom/images.mjs');
+CloudCmd.Contact = {
+    init,
+    show,
+    hide,
+};
 
 const {Events} = DOM;
 const {Key} = CloudCmd;
 
-module.exports.show = show;
-module.exports.hide = hide;
-
-module.exports.init = () => {
+export function 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');
 }

client/modules/edit-file-vim.js

@@ -1,9 +1,12 @@
-'use strict';
+import * as Events from '#dom/events';
 
-/* global CloudCmd */
-CloudCmd.EditFileVim = exports;
+const {CloudCmd} = globalThis;
 
-const Events = require('#dom/events');
+CloudCmd.EditFileVim = {
+    init,
+    show,
+    hide,
+};
 
 const {Key} = CloudCmd;
 
@@ -15,11 +18,11 @@ const ConfigView = {
     },
 };
 
-module.exports.init = async () => {
+export async function init() {
     await CloudCmd.EditFile();
-};
+}
 
-module.exports.show = async () => {
+export async function show() {
     Events.addKey(listener);
     
     const editFile = await CloudCmd.EditFile.show(ConfigView);
@@ -27,11 +30,9 @@ module.exports.show = async () => {
     editFile
         .getEditor()
         .setKeyMap('vim');
-};
+}
 
-module.exports.hide = hide;
-
-function hide() {
+export function hide() {
     CloudCmd.Edit.hide();
 }
 

client/modules/edit-file.js

@@ -1,12 +1,15 @@
-'use strict';
-
 /* global CloudCmd, DOM*/
-CloudCmd.EditFile = exports;
+import Format from 'format-io';
+import {fullstore} from 'fullstore';
+import exec from 'execon';
+import {supermenu} from 'supermenu';
 
-const Format = require('format-io');
-const {fullstore} = require('fullstore');
-const exec = require('execon');
-const supermenu = require('supermenu');
+CloudCmd.EditFile = {
+    init,
+    show,
+    hide,
+    isChanged,
+};
 
 const Info = DOM.CurrentInfo;
 
@@ -26,7 +29,7 @@ const ConfigView = {
     },
 };
 
-module.exports.init = async () => {
+export async function init() {
     isLoading(true);
     
     await CloudCmd.Edit();
@@ -36,7 +39,7 @@ module.exports.init = async () => {
     setListeners(editor);
     
     isLoading(false);
-};
+}
 
 function getName() {
     const {name, isDir} = Info;
@@ -47,7 +50,7 @@ function getName() {
     return name;
 }
 
-module.exports.show = async (options) => {
+export async function show(options) {
     if (isLoading())
         return;
     
@@ -86,11 +89,9 @@ module.exports.show = async (options) => {
     CloudCmd.Edit.show(optionsEdit);
     
     return CloudCmd.Edit;
-};
+}
 
-module.exports.hide = hide;
-
-function hide() {
+export function hide() {
     CloudCmd.Edit.hide();
 }
 
@@ -176,9 +177,7 @@ function setMsgChanged(name) {
     MSG_CHANGED = `Do you want to save changes to ${name}?`;
 }
 
-module.exports.isChanged = isChanged;
-
-async function isChanged() {
+export async function isChanged() {
     const editor = CloudCmd.Edit.getEditor();
     const is = editor.isChanged();
     

client/modules/edit-names-vim.js

@@ -1,9 +1,12 @@
-'use strict';
+import * as Events from '#dom/events';
 
-/* global CloudCmd */
-CloudCmd.EditNamesVim = exports;
+const {CloudCmd} = globalThis;
 
-const Events = require('#dom/events');
+CloudCmd.EditNamesVim = {
+    init,
+    show,
+    hide,
+};
 const {Key} = CloudCmd;
 
 const ConfigView = {
@@ -14,22 +17,20 @@ 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;
-
-function hide() {
+export function hide() {
     CloudCmd.Edit.hide();
 }
 

client/modules/edit-names.js

@@ -1,13 +1,16 @@
-'use strict';
+import {tryToCatch} from 'try-to-catch';
+import exec from 'execon';
+import {supermenu} from 'supermenu';
+import {multiRename} from 'multi-rename';
 
-const {tryToCatch} = require('try-to-catch');
+const {CloudCmd, DOM} = globalThis;
 
-/* global CloudCmd, DOM */
-CloudCmd.EditNames = exports;
-
-const exec = require('execon');
-const supermenu = require('supermenu');
-const {multiRename} = require('multi-rename');
+CloudCmd.EditNames = {
+    init,
+    show,
+    hide,
+    isChanged,
+};
 
 const Info = DOM.CurrentInfo;
 const {Dialog} = DOM;
@@ -22,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,
@@ -50,7 +53,7 @@ module.exports.show = (options) => {
     CloudCmd.Edit.show(config);
     
     return CloudCmd.Edit;
-};
+}
 
 async function keyListener(event) {
     const ctrl = event.ctrlKey;
@@ -60,7 +63,10 @@ async function keyListener(event) {
     
     if (ctrlMeta && event.keyCode === Key.S) {
         hide();
-    } else if (ctrlMeta && event.keyCode === Key.P) {
+        return;
+    }
+    
+    if (ctrlMeta && event.keyCode === Key.P) {
         const [, pattern] = await Dialog.prompt('Apply pattern:', '[n][e]');
         pattern && applyPattern(pattern);
     }
@@ -77,9 +83,7 @@ function getActiveNames() {
     return DOM.getFilenames(DOM.getActiveFiles());
 }
 
-module.exports.hide = hide;
-
-function hide() {
+export function hide() {
     CloudCmd.Edit.hide();
 }
 
@@ -201,9 +205,7 @@ function setMenu(event) {
     Menu.show(position.x, position.y);
 }
 
-module.exports.isChanged = isChanged;
-
-async function isChanged() {
+export async function isChanged() {
     const editor = CloudCmd.Edit.getEditor();
     const msg = 'Apply new names?';
     

client/modules/edit.js

@@ -1,23 +1,28 @@
 /* global CloudCmd */
+import {montag} from 'montag';
+import {promisify} from 'es6-promisify';
+import {tryToCatch} from 'try-to-catch';
+import createElement from '@cloudcmd/create-element';
+import load from 'load.js';
+import {MAX_FILE_SIZE as maxSize} from '#common/cloudfunc';
+import {time, timeEnd} from '#common/util';
 
-'use strict';
+export function getEditor() {
+    return editor;
+}
 
-const montag = require('montag');
-
-const {promisify} = require('es6-promisify');
-const {tryToCatch} = require('try-to-catch');
-const createElement = require('@cloudcmd/create-element');
-const load = require('load.js');
-const {MAX_FILE_SIZE: maxSize} = require('../../common/cloudfunc.mjs');
-
-const {time, timeEnd} = require('../../common/util');
-const getEditor = () => editor;
 const isFn = (a) => typeof a === 'function';
 const loadJS = load.js;
 
 const Name = 'Edit';
 
-CloudCmd[Name] = exports;
+CloudCmd[Name] = {
+    init,
+    show,
+    hide,
+    getEditor,
+    getElement,
+};
 
 const EditorName = CloudCmd.config('editor');
 
@@ -33,12 +38,12 @@ const ConfigView = {
     },
 };
 
-module.exports.init = async () => {
+export async function init() {
     const element = create();
     
     await CloudCmd.View();
     await loadFiles(element);
-};
+}
 
 function create() {
     const element = createElement('div', {
@@ -79,7 +84,7 @@ function initConfig(options = {}) {
     return config;
 }
 
-module.exports.show = (options) => {
+export function show(options) {
     if (Loading)
         return;
     
@@ -88,15 +93,15 @@ module.exports.show = (options) => {
     getEditor().setOptions({
         fontSize: 16,
     });
-};
+}
 
-module.exports.getEditor = getEditor;
+export function getElement() {
+    return Element;
+}
 
-module.exports.getElement = () => Element;
-
-module.exports.hide = () => {
+export function hide() {
     CloudCmd.View.hide();
-};
+}
 
 const loadFiles = async (element) => {
     const prefix = `${CloudCmd.prefix}/${EditorName}`;

client/modules/help.js

@@ -1,18 +1,18 @@
-'use strict';
+import * as Images from '#dom/images';
 
-/* global CloudCmd */
-CloudCmd.Help = exports;
+const {CloudCmd} = globalThis;
 
-const Images = require('../dom/images.mjs');
-
-module.exports.init = () => {
-    Images.show.load('top');
+CloudCmd.Help = {
+    init,
+    show,
+    hide,
 };
 
-module.exports.show = show;
-module.exports.hide = hide;
+export function init() {
+    Images.show.load('top');
+}
 
-function show() {
+export function show() {
     const positionLoad = 'top';
     const relative = true;
     
@@ -22,6 +22,6 @@ function show() {
     });
 }
 
-function hide() {
+export function hide() {
     CloudCmd.View.hide();
 }

client/modules/konsole.js

@@ -1,18 +1,20 @@
-'use strict';
-
 /* global CloudCmd */
 /* global Util */
 /* global DOM */
 /* global Console */
-CloudCmd.Konsole = exports;
+import exec from 'execon';
+import currify from 'currify';
+import {tryToCatch} from 'try-to-catch';
+import {js as loadJS} from 'load.js';
+import createElement from '@cloudcmd/create-element';
+import * as Images from '#dom/images';
 
-const exec = require('execon');
-const currify = require('currify');
-const {tryToCatch} = require('try-to-catch');
-const loadJS = require('load.js').js;
-const createElement = require('@cloudcmd/create-element');
+CloudCmd.Konsole = {
+    init,
+    show,
+    hide,
+};
 
-const Images = require('../dom/images.mjs');
 const {Dialog, CurrentInfo: Info} = DOM;
 
 const rmLastSlash = (a) => a.replace(/\/$/, '') || '/';
@@ -27,7 +29,7 @@ const Name = 'Konsole';
 let Element;
 let Loaded;
 
-module.exports.init = async () => {
+export async function init() {
     if (!config('console'))
         return;
     
@@ -36,13 +38,13 @@ module.exports.init = async () => {
     await CloudCmd.View();
     await load();
     await create();
-};
+}
 
-module.exports.hide = () => {
+export function hide() {
     CloudCmd.View.hide();
-};
+}
 
-module.exports.clear = () => {
+export const clear = () => {
     konsole.clear();
 };
 
@@ -109,7 +111,7 @@ function authCheck(konsole) {
     });
 }
 
-module.exports.show = (callback) => {
+export function show(callback) {
     if (!Loaded)
         return;
     
@@ -122,7 +124,7 @@ module.exports.show = (callback) => {
             exec(callback);
         },
     });
-};
+}
 
 const load = async () => {
     Util.time(`${Name} load`);

client/modules/markdown.js

@@ -1,26 +1,26 @@
-'use strict';
+import createElement from '@cloudcmd/create-element';
+import * as Images from '#dom/images';
+import {Markdown} from '#dom/rest';
+import {alert} from '#dom/dialog';
 
-/* global CloudCmd */
-CloudCmd.Markdown = exports;
+const {CloudCmd} = globalThis;
 
-const createElement = require('@cloudcmd/create-element');
+CloudCmd.Markdown = {
+    init,
+    show,
+    hide,
+};
 
-const Images = require('../dom/images.mjs');
-const {Markdown} = require('../dom/rest');
-const {alert} = require('../dom/dialog');
-
-module.exports.init = async () => {
+export async function init() {
     Images.show.load('top');
     await CloudCmd.View();
-};
+}
 
-module.exports.show = show;
-
-module.exports.hide = () => {
+export function hide() {
     CloudCmd.View.hide();
-};
+}
 
-async function show(name, options = {}) {
+export async function show(name, options = {}) {
     const {positionLoad, relative} = options;
     
     Images.show.load(positionLoad);

client/modules/menu/cloudmenu.js

@@ -1,4 +1,4 @@
-import supermenu from 'supermenu';
+import {supermenu} from 'supermenu';
 
 const noop = () => {};
 const {CloudCmd} = globalThis;
@@ -14,8 +14,9 @@ export const createCloudMenu = async (fm, options, menuData) => {
 
 async function loadMenu() {
     if (CloudCmd.config('menu') === 'aleman') {
+        const {prefix} = CloudCmd;
         const {host, protocol} = globalThis.location;
-        const url = `${protocol}//${host}/node_modules/aleman/menu/menu.js`;
+        const url = `${protocol}//${host}${prefix}/node_modules/aleman/menu/menu.js`;
         const {createMenu} = await import(/* webpackIgnore: true */url);
         
         return createMenu;

client/modules/menu/index.js

@@ -1,15 +1,11 @@
-/* global CloudCmd, DOM */
-
-'use strict';
-
-const exec = require('execon');
-const wrap = require('wraptile');
-const createElement = require('@cloudcmd/create-element');
-
-const {FS} = require('../../../common/cloudfunc.mjs');
-const {getIdBySrc} = require('../../dom/load');
-const RESTful = require('../../dom/rest');
+import exec from 'execon';
+import wrap from 'wraptile';
+import createElement from '@cloudcmd/create-element';
+import {getIdBySrc} from '#dom/load';
+import * as RESTful from '#dom/rest';
+import {FS} from '#common/cloudfunc';
 
+const {CloudCmd, DOM} = globalThis;
 const {config, Key} = CloudCmd;
 
 const {
@@ -27,11 +23,15 @@ let MenuShowedName;
 let MenuContext;
 let MenuContextFile;
 
-module.exports.ENABLED = false;
+export const ENABLED = false;
 
-CloudCmd.Menu = exports;
+CloudCmd.Menu = {
+    init,
+    show,
+    hide,
+};
 
-module.exports.init = async () => {
+export async function init() {
     const {isAuth, menuDataFile} = getFileMenuData();
     
     const fm = DOM.getFM();
@@ -45,7 +45,7 @@ module.exports.init = async () => {
         type: 'file',
     });
     
-    const {createCloudMenu} = await import('./cloudmenu.mjs');
+    const {createCloudMenu} = await import('./cloudmenu.js');
     
     const {name} = fm.dataset;
     
@@ -56,23 +56,21 @@ module.exports.init = async () => {
     MenuContextFile.addContextMenuListener();
     
     Events.addKey(listener);
-};
+}
 
-module.exports.hide = hide;
-
-function hide() {
+export function hide() {
     MenuContext.hide();
     MenuContextFile.hide();
 }
 
-module.exports.show = (position) => {
+export function show(position) {
     const {x, y} = getPosition(position);
     
     MenuContext.show(x, y);
     MenuContextFile.show(x, y);
     
     Images.hide();
-};
+}
 
 function getPosition(position) {
     if (position)
@@ -298,7 +296,7 @@ function download(type) {
           * no need in hash so we escape #
           * and all other characters, like "%"
           */
-        const encodedPath = encodeURI(path).replace(/#/g, '%23');
+        const encodedPath = encodeURI(path).replace(/#/g, '#');
         const id = getIdBySrc(path);
         
         let src;

client/modules/operation/format.js

@@ -1,6 +1,4 @@
-'use strict';
-
-module.exports = (operation, from, to) => {
+export const format = (operation, from, to) => {
     if (!to)
         return `${operation} ${from}`;
     

client/modules/operation/get-next-current-name.js

@@ -1,11 +1,9 @@
-'use strict';
-
-const currify = require('currify');
+import currify from 'currify';
 
 const not = currify((array, value) => !array.includes(value));
 const notOneOf = currify((a, b) => a.filter(not(b)));
 
-module.exports = (currentName, names, removedNames) => {
+export const getNextCurrentName = (currentName, names, removedNames) => {
     const i = names.indexOf(currentName);
     
     const nextNames = notOneOf(names, removedNames);

client/modules/operation/index.js

@@ -4,10 +4,10 @@ import {promisify} from 'es6-promisify';
 import exec from 'execon';
 import load from 'load.js';
 import {tryToCatch} from 'try-to-catch';
-import {encode} from '../../../common/entity.js';
-import removeExtension from './remove-extension.js';
-import {setListeners} from './set-listeners.mjs';
-import getNextCurrentName from './get-next-current-name.js';
+import {encode} from '#common/entity';
+import {removeExtension} from './remove-extension.js';
+import {setListeners} from './set-listeners.js';
+import {getNextCurrentName} from './get-next-current-name.js';
 
 const {DOM, CloudCmd} = globalThis;
 
@@ -190,11 +190,11 @@ function getPacker(type) {
     return packTarFn;
 }
 
-export const hide = () => {
+export function hide() {
     CloudCmd.View.hide();
-};
+}
 
-export const show = (operation, data) => {
+export function show(operation, data) {
     if (!Loaded)
         return;
     
@@ -215,7 +215,7 @@ export const show = (operation, data) => {
     
     if (operation === 'extract')
         return Operation.extract();
-};
+}
 
 Operation.copy = processFiles({
     type: 'copy',

client/modules/operation/remove-extension.js

@@ -1,8 +1,6 @@
-'use strict';
+import {getExt} from '#common/util';
 
-const {getExt} = require('../../../common/util');
-
-module.exports = (name) => {
+export const removeExtension = (name) => {
     const ext = getExtension(name);
     
     return name.replace(ext, '');

client/modules/operation/remove-extension.spec.js

@@ -1,7 +1,5 @@
-'use strict';
-
-const test = require('supertape');
-const removeExtension = require(`./remove-extension`);
+import test from 'supertape';
+import {removeExtension} from './remove-extension.js';
 
 test('cloudcmd: client: modules: operation: removeExtension: .tar.gz', (t) => {
     const name = 'hello';

client/modules/operation/set-listeners.js

@@ -1,7 +1,7 @@
 /* global DOM */
 import forEachKey from 'for-each-key';
 import wraptile from 'wraptile';
-import format from './format.js';
+import {format} from './format.js';
 
 const {Dialog, Images} = DOM;
 
@@ -15,15 +15,12 @@ export const setListeners = (options) => (emitter) => {
     } = options;
     
     let done;
-    let lastError;
     
     const onAbort = wraptile(({emitter, operation}) => {
         emitter.abort();
         
         const msg = `${operation} aborted`;
         
-        lastError = true;
-        
         Dialog.alert(msg, {
             cancel: false,
         });
@@ -40,13 +37,10 @@ export const setListeners = (options) => (emitter) => {
         operation,
     }));
     
-    let noProgress = true;
-    
     const listeners = {
         progress: (value) => {
             done = value === 100;
             progress.setProgress(value);
-            noProgress = false;
         },
         
         end: () => {
@@ -54,13 +48,10 @@ export const setListeners = (options) => (emitter) => {
             forEachKey(removeListener, listeners);
             progress.remove();
             
-            if (lastError || done || noProgress)
-                callback();
+            callback();
         },
         
         error: async (error) => {
-            lastError = error;
-            
             if (noContinue) {
                 listeners.end(error);
                 Dialog.alert(error);

client/modules/polyfill.js

@@ -1,12 +1,8 @@
-'use strict';
-
-require('domtokenlist-shim');
-
-const _scrollIntoViewIfNeeded = require('scroll-into-view-if-needed');
+import _scrollIntoViewIfNeeded from 'scroll-into-view-if-needed';
 
 globalThis.DOM = globalThis.DOM || {};
 
-const scrollIntoViewIfNeeded = (el, overrides = {}) => {
+export const scrollIntoViewIfNeeded = (el, overrides = {}) => {
     const {
         scroll = _scrollIntoViewIfNeeded,
     } = overrides;
@@ -17,4 +13,3 @@ const scrollIntoViewIfNeeded = (el, overrides = {}) => {
 };
 
 globalThis.DOM.scrollIntoViewIfNeeded = scrollIntoViewIfNeeded;
-module.exports.scrollIntoViewIfNeeded = scrollIntoViewIfNeeded;

client/modules/polyfill.spec.js

@@ -1,9 +1,7 @@
-'use strict';
+import {test, stub} from 'supertape';
+import {scrollIntoViewIfNeeded} from './polyfill.js';
 
-const {test, stub} = require('supertape');
-const {scrollIntoViewIfNeeded} = require('./polyfill');
-
-test('cloudcmd: client: polyfill: scrollIntoViewIfNeaded', (t) => {
+test('cloudcmd: client: polyfill: scrollIntoViewIfNeeded', (t) => {
     const scroll = stub();
     const el = {};
     
@@ -17,6 +15,6 @@ test('cloudcmd: client: polyfill: scrollIntoViewIfNeaded', (t) => {
         },
     ];
     
-    t.calledWith(scroll, args, 'should call scrollIntoViewIfNeaded');
+    t.calledWith(scroll, args, 'should call scrollIntoViewIfNeeded');
     t.end();
 });

client/modules/terminal-run.js

@@ -1,21 +1,21 @@
-'use strict';
-
-/* global CloudCmd, gritty */
-const {promisify} = require('es6-promisify');
-const {tryToCatch} = require('try-to-catch');
-const {fullstore} = require('fullstore');
-
-require('../../css/terminal.css');
-
-const exec = require('execon');
-const load = require('load.js');
-const DOM = require('../dom');
-const Images = require('../dom/images.mjs');
+import '../../css/terminal.css';
+import {promisify} from 'es6-promisify';
+import {tryToCatch} from 'try-to-catch';
+import {fullstore} from 'fullstore';
+import exec from 'execon';
+import load from 'load.js';
+import DOM from '#dom';
+import * as Images from '#dom/images';
 
 const {Dialog} = DOM;
+const {CloudCmd} = globalThis;
 const {Key, config} = CloudCmd;
 
-CloudCmd.TerminalRun = exports;
+CloudCmd.TerminalRun = {
+    init,
+    show,
+    hide,
+};
 
 let Loaded;
 let Terminal;
@@ -40,7 +40,7 @@ const loadAll = async () => {
     Loaded = true;
 };
 
-module.exports.init = async () => {
+export async function init() {
     if (!config('terminal'))
         return;
     
@@ -48,9 +48,13 @@ module.exports.init = async () => {
     
     await CloudCmd.View();
     await loadAll();
-};
+}
 
-module.exports.show = promisify((options = {}, fn) => {
+export async function show(options = {}) {
+    return await runTerminal(options);
+}
+
+const runTerminal = promisify((options, fn) => {
     if (!Loaded)
         return fn(null, -1);
     
@@ -69,9 +73,7 @@ module.exports.show = promisify((options = {}, fn) => {
     });
 });
 
-module.exports.hide = hide;
-
-function hide() {
+export function hide() {
     CloudCmd.View.hide();
 }
 
@@ -108,7 +110,7 @@ function create(createOptions) {
     
     let commandExit = false;
     
-    const {socket, terminal} = gritty(document.body, options);
+    const {socket, terminal} = globalThis.gritty(document.body, options);
     
     Socket = socket;
     Terminal = terminal;

client/modules/terminal.js

@@ -1,22 +1,22 @@
-'use strict';
-
-/* global CloudCmd */
-/* global gritty */
-const {tryToCatch} = require('try-to-catch');
-
-require('../../css/terminal.css');
-
-const exec = require('execon');
-const load = require('load.js');
-const DOM = require('../dom');
-const Images = require('../dom/images.mjs');
+import '#css/terminal.css';
+import {tryToCatch} from 'try-to-catch';
+import exec from 'execon';
+import load from 'load.js';
+import * as Images from '#dom/images';
+import DOM from '#dom';
 
 const loadParallel = load.parallel;
 
-const {Dialog} = DOM;
-const {Key, config} = CloudCmd;
+const {CloudCmd} = globalThis;
 
-CloudCmd.Terminal = exports;
+const {Dialog} = DOM;
+const {Key, config} = globalThis.CloudCmd;
+
+CloudCmd.Terminal = {
+    init,
+    show,
+    hide,
+};
 
 let Loaded;
 let Terminal;
@@ -39,7 +39,7 @@ const loadAll = async () => {
     Loaded = true;
 };
 
-module.exports.init = async () => {
+export async function init() {
     if (!config('terminal'))
         return;
     
@@ -48,12 +48,9 @@ module.exports.init = async () => {
     await CloudCmd.View();
     await loadAll();
     create();
-};
+}
 
-module.exports.show = show;
-module.exports.hide = hide;
-
-function hide() {
+export function hide() {
     CloudCmd.View.hide();
 }
 
@@ -78,7 +75,7 @@ function create() {
         fontFamily: 'Droid Sans Mono',
     };
     
-    const {socket, terminal} = gritty(document.body, options);
+    const {socket, terminal} = globalThis.gritty(document.body, options);
     
     Socket = socket;
     Terminal = terminal;
@@ -101,7 +98,7 @@ function authCheck(spawn) {
     });
 }
 
-function show() {
+export function show() {
     if (!Loaded)
         return;
     

client/modules/upload.js

@@ -1,23 +1,21 @@
 /* global CloudCmd, DOM */
+import createElement from '@cloudcmd/create-element';
+import * as Files from '#dom/files';
+import {uploadFiles} from '#dom/upload-files';
+import * as Images from '#dom/images';
 
-'use strict';
-
-CloudCmd.Upload = exports;
-
-const createElement = require('@cloudcmd/create-element');
-const Files = require('../dom/files');
-const Images = require('../dom/images.mjs');
-const uploadFiles = require('../dom/upload-files');
-
-module.exports.init = async () => {
-    Images.show.load('top');
-    await CloudCmd.View();
+CloudCmd.Upload = {
+    init,
+    show,
+    hide,
 };
 
-module.exports.show = show;
-module.exports.hide = hide;
+export async function init() {
+    Images.show.load('top');
+    await CloudCmd.View();
+}
 
-async function show() {
+export async function show() {
     Images.show.load('top');
     
     const innerHTML = await Files.get('upload');
@@ -49,7 +47,7 @@ async function show() {
     });
 }
 
-function hide() {
+export function hide() {
     CloudCmd.View.hide();
 }
 

client/modules/user-menu/get-user-menu.js

@@ -1,6 +1,4 @@
-'use strict';
-
-module.exports = (menuFn) => {
+export const getUserMenu = (menuFn) => {
     const module = {};
     const fn = Function('module', menuFn);
     

client/modules/user-menu/get-user-menu.spec.js

@@ -1,7 +1,5 @@
-'use strict';
-
-const test = require('supertape');
-const getUserMenu = require('./get-user-menu');
+import test from 'supertape';
+import {getUserMenu} from './get-user-menu.js';
 
 test('user-menu: getUserMenu', (t) => {
     const menu = `module.exports = {