cloudcmd 16.16.0 → 16.16.2

package/dist-dev/cloudcmd.js

@@ -163,7 +163,7 @@
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global DOM */\nconst Emitify = __webpack_require__(/*! emitify */ \"./node_modules/emitify/lib/emitify.js\");\nconst inherits = __webpack_require__(/*! inherits */ \"./node_modules/inherits/inherits_browser.js\");\nconst rendy = __webpack_require__(/*! rendy */ \"./node_modules/rendy/lib/rendy.js\");\nconst load = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst {\n  addSlashToEnd\n} = __webpack_require__(/*! format-io */ \"./node_modules/format-io/lib/format.js\");\nconst pascalCase = __webpack_require__(/*! just-pascal-case */ \"./node_modules/just-pascal-case/index.js\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst Images = __webpack_require__(/*! ./dom/images */ \"./client/dom/images.js\");\nconst {\n  unregisterSW\n} = __webpack_require__(/*! ./sw/register */ \"./client/sw/register.js\");\nconst getJsonFromFileTable = __webpack_require__(/*! ./get-json-from-file-table */ \"./client/get-json-from-file-table.js\");\nconst Key = __webpack_require__(/*! ./key */ \"./client/key/index.js\");\nconst {\n  apiURL,\n  formatMsg,\n  buildFromJSON\n} = __webpack_require__(/*! ../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst loadModule = __webpack_require__(/*! ./load-module */ \"./client/load-module.js\");\nconst noJS = a => a.replace(/.js$/, '');\nconst isDev = \"development\" === 'development';\ninherits(CloudCmdProto, Emitify);\nmodule.exports = new CloudCmdProto(DOM);\nload.addErrorListener((e, src) => {\n  const msg = `file ${src} could not be loaded`;\n  Images.show.error(msg);\n});\nfunction CloudCmdProto(DOM) {\n  let Listeners;\n  Emitify.call(this);\n  const CloudCmd = this;\n  const Info = DOM.CurrentInfo;\n  const {\n    Storage,\n    Files\n  } = DOM;\n  this.log = function () {\n    if (!isDev) return;\n    console.log(...arguments);\n  };\n  this.prefix = '';\n  this.prefixSocket = '';\n  this.prefixURL = '';\n  this.MIN_ONE_PANEL_WIDTH = 1155;\n  this.HOST = location.origin || location.protocol + '//' + location.host;\n  this.TITLE = 'Cloud Commander';\n  this.sort = {\n    left: 'name',\n    right: 'name'\n  };\n  this.order = {\n    left: 'asc',\n    right: 'asc'\n  };\n  this.changeDir = async function (path) {\n    let {\n      isRefresh,\n      panel,\n      history = true,\n      noCurrent,\n      currentName\n    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    const refresh = isRefresh;\n    let panelChanged;\n    if (!noCurrent && panel && panel !== Info.panel) {\n      DOM.changePanel();\n      panelChanged = true;\n    }\n    let imgPosition;\n    if (panelChanged || refresh || !history) imgPosition = 'top';\n    Images.show.load(imgPosition, panel);\n    /* загружаем содержимое каталога */\n    await ajaxLoad(addSlashToEnd(path), {\n      refresh,\n      history,\n      noCurrent,\n      currentName\n    }, panel);\n  };\n\n  /**\n   * Конструктор CloudClient, который\n   * выполняет весь функционал по\n   * инициализации\n   */\n  this.init = async (prefix, config) => {\n    CloudCmd.prefix = prefix;\n    CloudCmd.prefixURL = `${prefix}${apiURL}`;\n    CloudCmd.prefixSocket = config.prefixSocket;\n    CloudCmd.DIR_DIST = `${prefix}/dist`;\n    CloudCmd.DIR_MODULES = `${this.DIR_DIST}/modules`;\n    CloudCmd.config = key => config[key];\n    CloudCmd.config.if = currify((key, fn, a) => config[key] && fn(a));\n    CloudCmd._config = (key, value) => {\n      /*\n       * should be called from config.js only\n       * after successful update on server\n       */\n      if (key === 'password') return;\n      config[key] = value;\n    };\n    if (config.oneFilePanel) CloudCmd.MIN_ONE_PANEL_WIDTH = Infinity;\n    if (!document.body.scrollIntoViewIfNeeded) await load.js(`${CloudCmd.DIR_MODULES}/polyfill.js`);\n    await initModules();\n    await baseInit();\n    await loadStyle();\n    CloudCmd.route(location.hash);\n  };\n  async function loadStyle() {\n    const {\n      prefix\n    } = CloudCmd;\n    const name = `${prefix}/dist/cloudcmd.common.css`;\n    await load.css(name);\n  }\n  this.route = path => {\n    const query = path.split('/');\n    if (!path) return;\n    const [kebabModule] = query;\n    const module = noJS(pascalCase(kebabModule.slice(1)));\n    const file = query[1];\n    const current = DOM.getCurrentByName(file);\n    if (file && !current) {\n      const msg = formatMsg('set current file', file, 'error');\n      CloudCmd.log(msg);\n      return;\n    }\n    DOM.setCurrentFile(current);\n    CloudCmd.execFromModule(module, 'show');\n  };\n  this.logOut = async () => {\n    const url = CloudCmd.prefix + '/logout';\n    const error = () => document.location.reload();\n    const {\n      prefix\n    } = CloudCmd;\n    await DOM.Storage.clear();\n    unregisterSW(prefix);\n    DOM.load.ajax({\n      url,\n      error\n    });\n  };\n  const initModules = async () => {\n    CloudCmd.Key = Key;\n    CloudCmd.Key.bind();\n    const [, modules] = await tryToCatch(Files.get, 'modules');\n    const showLoad = Images.show.load;\n    const doBefore = {\n      edit: showLoad,\n      menu: showLoad\n    };\n    const load = (name, path, dobefore) => {\n      loadModule({\n        name,\n        path,\n        dobefore\n      });\n    };\n    if (!modules) return;\n    for (const module of modules.local) {\n      load(null, module, doBefore[module]);\n    }\n  };\n  async function saveCurrentName(currentName) {\n    await Storage.set('current-name', currentName);\n  }\n  async function baseInit() {\n    const files = DOM.getFiles();\n    CloudCmd.on('current-file', DOM.updateCurrentInfo);\n    CloudCmd.on('current-name', saveCurrentName);\n    const name = await Storage.get('current-name');\n    const currentFile = name && DOM.getCurrentByName(name) || files[0];\n\n    /* выделяем строку с первым файлом */\n    if (files) DOM.setCurrentFile(currentFile, {\n      // when hash is present\n      // it should be handled with this.route\n      // overwre otherwise\n      history: !location.hash\n    });\n    const dirPath = DOM.getCurrentDirPath();\n    Listeners = CloudCmd.Listeners;\n    Listeners.init();\n    const panels = getPanels();\n    panels.forEach(Listeners.setOnPanel);\n    Listeners.initKeysPanel();\n    if (!CloudCmd.config('dirStorage')) return;\n    const data = await Storage.get(dirPath);\n    if (!data) await Storage.setJson(dirPath, getJsonFromFileTable());\n  }\n  function getPanels() {\n    const panels = ['left'];\n    if (CloudCmd.config('oneFilePanel')) return panels;\n    return [...panels, 'right'];\n  }\n  this.execFromModule = async function (moduleName, funcName) {\n    await CloudCmd[moduleName]();\n    const func = CloudCmd[moduleName][funcName];\n    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n      args[_key - 2] = arguments[_key];\n    }\n    func(...args);\n  };\n  this.refresh = async function () {\n    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    const {\n      panel = Info.panel,\n      currentName\n    } = options;\n    const path = DOM.getCurrentDirPath(panel);\n    const isRefresh = true;\n    const history = false;\n    const noCurrent = options ? options.noCurrent : false;\n    await CloudCmd.changeDir(path, {\n      isRefresh,\n      history,\n      panel,\n      noCurrent,\n      currentName\n    });\n  };\n\n  /**\n   * Функция загружает json-данные о Файловой Системе\n   * через ajax-запрос.\n   * @param path - каталог для чтения\n   * @param options\n   * { refresh, history } - необходимость обновить данные о каталоге\n   * @param panel\n   * @param callback\n   *\n   */\n  async function ajaxLoad(path) {\n    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    let panel = arguments.length > 2 ? arguments[2] : undefined;\n    const {\n      RESTful\n    } = DOM;\n    CloudCmd.log(`reading dir: \"${path}\";`);\n    const dirStorage = CloudCmd.config('dirStorage');\n    const json = dirStorage && (await Storage.getJson(path));\n    const name = options.currentName || Info.name;\n    const {\n      noCurrent,\n      refresh\n    } = options;\n    if (!refresh && json) return await createFileTable(json, panel, options);\n    const position = DOM.getPanelPosition(panel);\n    const sort = CloudCmd.sort[position];\n    const order = CloudCmd.order[position];\n    const query = rendy('?sort={{ sort }}&order={{ order }}', {\n      sort,\n      order\n    });\n    const [, newObj] = await RESTful.read(path + query, 'json');\n    if (!newObj)\n      // that's OK, error handled by RESTful\n      return;\n    options.sort = sort;\n    options.order = order;\n    await createFileTable(newObj, panel, options);\n    if (refresh && !noCurrent) DOM.setCurrentByName(name);\n    if (!CloudCmd.config('dirStorage')) return;\n    Storage.setJson(path, newObj);\n  }\n\n  /**\n   * Функция строит файловую таблицу\n   * @param json  - данные о файлах\n   * @param panelParam\n   * @param history\n   * @param callback\n   */\n  async function createFileTable(data, panelParam, options) {\n    const {\n      history,\n      noCurrent\n    } = options;\n    const names = ['file', 'path', 'link', 'pathLink'];\n    const [error, [file, path, link, pathLink]] = await tryToCatch(Files.get, names);\n    if (error) return DOM.Dialog.alert(error.responseText);\n    const panel = panelParam || DOM.getPanel();\n    const {\n      prefix\n    } = CloudCmd;\n    const {\n      dir,\n      name\n    } = Info;\n    const {\n      childNodes\n    } = panel;\n    let i = childNodes.length;\n    while (i--) panel.removeChild(panel.lastChild);\n    panel.innerHTML = buildFromJSON({\n      sort: options.sort,\n      order: options.order,\n      data,\n      id: panel.id,\n      prefix,\n      template: {\n        file,\n        path,\n        pathLink,\n        link\n      }\n    });\n    Listeners.setOnPanel(panel);\n    if (!noCurrent) {\n      let current;\n      if (name === '..' && dir !== '/') current = DOM.getCurrentByName(dir);\n      if (!current) [current] = DOM.getFiles(panel);\n      DOM.setCurrentFile(current, {\n        history\n      });\n      CloudCmd.emit('active-dir', Info.dirPath);\n    }\n  }\n  this.goToParentDir = async () => {\n    const {\n      dir,\n      dirPath,\n      parentDirPath,\n      panel\n    } = Info;\n    if (dirPath === parentDirPath) return;\n    const path = parentDirPath;\n    await CloudCmd.changeDir(path);\n    const current = DOM.getCurrentByName(dir);\n    const [first] = DOM.getFiles(panel);\n    DOM.setCurrentFile(current || first, {\n      history\n    });\n  };\n}\n\n//# sourceURL=file://cloudcmd/client/client.js");
+eval("\n\n/* global DOM */\nconst Emitify = __webpack_require__(/*! emitify */ \"./node_modules/emitify/lib/emitify.js\");\nconst inherits = __webpack_require__(/*! inherits */ \"./node_modules/inherits/inherits_browser.js\");\nconst rendy = __webpack_require__(/*! rendy */ \"./node_modules/rendy/lib/rendy.js\");\nconst load = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst {\n  addSlashToEnd\n} = __webpack_require__(/*! format-io */ \"./node_modules/format-io/lib/format.js\");\nconst pascalCase = __webpack_require__(/*! just-pascal-case */ \"./node_modules/just-pascal-case/index.js\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst Images = __webpack_require__(/*! ./dom/images */ \"./client/dom/images.js\");\nconst {\n  unregisterSW\n} = __webpack_require__(/*! ./sw/register */ \"./client/sw/register.js\");\nconst getJsonFromFileTable = __webpack_require__(/*! ./get-json-from-file-table */ \"./client/get-json-from-file-table.js\");\nconst Key = __webpack_require__(/*! ./key */ \"./client/key/index.js\");\nconst {\n  apiURL,\n  formatMsg,\n  buildFromJSON\n} = __webpack_require__(/*! ../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst loadModule = __webpack_require__(/*! ./load-module */ \"./client/load-module.js\");\nconst noJS = a => a.replace(/.js$/, '');\nconst isDev = \"development\" === 'development';\ninherits(CloudCmdProto, Emitify);\nmodule.exports = new CloudCmdProto(DOM);\nload.addErrorListener((e, src) => {\n  const msg = `file ${src} could not be loaded`;\n  Images.show.error(msg);\n});\nfunction CloudCmdProto(DOM) {\n  let Listeners;\n  Emitify.call(this);\n  const CloudCmd = this;\n  const Info = DOM.CurrentInfo;\n  const {\n    Storage,\n    Files\n  } = DOM;\n  this.log = (...a) => {\n    if (!isDev) return;\n    console.log(...a);\n  };\n  this.prefix = '';\n  this.prefixSocket = '';\n  this.prefixURL = '';\n  this.MIN_ONE_PANEL_WIDTH = 1155;\n  this.HOST = location.origin || location.protocol + '//' + location.host;\n  this.TITLE = 'Cloud Commander';\n  this.sort = {\n    left: 'name',\n    right: 'name'\n  };\n  this.order = {\n    left: 'asc',\n    right: 'asc'\n  };\n  this.changeDir = async (path, {\n    isRefresh,\n    panel,\n    history = true,\n    noCurrent,\n    currentName\n  } = {}) => {\n    const refresh = isRefresh;\n    let panelChanged;\n    if (!noCurrent && panel && panel !== Info.panel) {\n      DOM.changePanel();\n      panelChanged = true;\n    }\n    let imgPosition;\n    if (panelChanged || refresh || !history) imgPosition = 'top';\n    Images.show.load(imgPosition, panel);\n    /* загружаем содержимое каталога */\n    await ajaxLoad(addSlashToEnd(path), {\n      refresh,\n      history,\n      noCurrent,\n      currentName\n    }, panel);\n  };\n\n  /**\n   * Конструктор CloudClient, который\n   * выполняет весь функционал по\n   * инициализации\n   */\n  this.init = async (prefix, config) => {\n    CloudCmd.prefix = prefix;\n    CloudCmd.prefixURL = `${prefix}${apiURL}`;\n    CloudCmd.prefixSocket = config.prefixSocket;\n    CloudCmd.DIR_DIST = `${prefix}/dist`;\n    CloudCmd.DIR_MODULES = `${this.DIR_DIST}/modules`;\n    CloudCmd.config = key => config[key];\n    CloudCmd.config.if = currify((key, fn, a) => config[key] && fn(a));\n    CloudCmd._config = (key, value) => {\n      /*\n       * should be called from config.js only\n       * after successful update on server\n       */\n      if (key === 'password') return;\n      config[key] = value;\n    };\n    if (config.oneFilePanel) CloudCmd.MIN_ONE_PANEL_WIDTH = Infinity;\n    if (!document.body.scrollIntoViewIfNeeded) await load.js(`${CloudCmd.DIR_MODULES}/polyfill.js`);\n    await initModules();\n    await baseInit();\n    await loadStyle();\n    CloudCmd.route(location.hash);\n  };\n  async function loadStyle() {\n    const {\n      prefix\n    } = CloudCmd;\n    const name = `${prefix}/dist/cloudcmd.common.css`;\n    await load.css(name);\n  }\n  this.route = path => {\n    const query = path.split('/');\n    if (!path) return;\n    const [kebabModule] = query;\n    const module = noJS(pascalCase(kebabModule.slice(1)));\n    const file = query[1];\n    const current = DOM.getCurrentByName(file);\n    if (file && !current) {\n      const msg = formatMsg('set current file', file, 'error');\n      CloudCmd.log(msg);\n      return;\n    }\n    DOM.setCurrentFile(current);\n    CloudCmd.execFromModule(module, 'show');\n  };\n  this.logOut = async () => {\n    const url = CloudCmd.prefix + '/logout';\n    const error = () => document.location.reload();\n    const {\n      prefix\n    } = CloudCmd;\n    await DOM.Storage.clear();\n    unregisterSW(prefix);\n    DOM.load.ajax({\n      url,\n      error\n    });\n  };\n  const initModules = async () => {\n    CloudCmd.Key = Key;\n    CloudCmd.Key.bind();\n    const [, modules] = await tryToCatch(Files.get, 'modules');\n    const showLoad = Images.show.load;\n    const doBefore = {\n      edit: showLoad,\n      menu: showLoad\n    };\n    const load = (name, path, dobefore) => {\n      loadModule({\n        name,\n        path,\n        dobefore\n      });\n    };\n    if (!modules) return;\n    for (const module of modules.local) {\n      load(null, module, doBefore[module]);\n    }\n  };\n  async function saveCurrentName(currentName) {\n    await Storage.set('current-name', currentName);\n  }\n  async function baseInit() {\n    const files = DOM.getFiles();\n    CloudCmd.on('current-file', DOM.updateCurrentInfo);\n    CloudCmd.on('current-name', saveCurrentName);\n    const name = await Storage.get('current-name');\n    const currentFile = name && DOM.getCurrentByName(name) || files[0];\n\n    /* выделяем строку с первым файлом */\n    if (files) DOM.setCurrentFile(currentFile, {\n      // when hash is present\n      // it should be handled with this.route\n      // overwre otherwise\n      history: !location.hash\n    });\n    const dirPath = DOM.getCurrentDirPath();\n    Listeners = CloudCmd.Listeners;\n    Listeners.init();\n    const panels = getPanels();\n    panels.forEach(Listeners.setOnPanel);\n    Listeners.initKeysPanel();\n    if (!CloudCmd.config('dirStorage')) return;\n    const data = await Storage.get(dirPath);\n    if (!data) await Storage.setJson(dirPath, getJsonFromFileTable());\n  }\n  function getPanels() {\n    const panels = ['left'];\n    if (CloudCmd.config('oneFilePanel')) return panels;\n    return [...panels, 'right'];\n  }\n  this.execFromModule = async (moduleName, funcName, ...args) => {\n    await CloudCmd[moduleName]();\n    const func = CloudCmd[moduleName][funcName];\n    func(...args);\n  };\n  this.refresh = async (options = {}) => {\n    const {\n      panel = Info.panel,\n      currentName\n    } = options;\n    const path = DOM.getCurrentDirPath(panel);\n    const isRefresh = true;\n    const history = false;\n    const noCurrent = options === null || options === void 0 ? void 0 : options.noCurrent;\n    await CloudCmd.changeDir(path, {\n      isRefresh,\n      history,\n      panel,\n      noCurrent,\n      currentName\n    });\n  };\n\n  /**\n   * Функция загружает json-данные о Файловой Системе\n   * через ajax-запрос.\n   * @param path - каталог для чтения\n   * @param options\n   * { refresh, history } - необходимость обновить данные о каталоге\n   * @param panel\n   * @param callback\n   *\n   */\n  async function ajaxLoad(path, options = {}, panel) {\n    const {\n      RESTful\n    } = DOM;\n    CloudCmd.log(`reading dir: \"${path}\";`);\n    const dirStorage = CloudCmd.config('dirStorage');\n    const json = dirStorage && (await Storage.getJson(path));\n    const name = options.currentName || Info.name;\n    const {\n      noCurrent,\n      refresh\n    } = options;\n    if (!refresh && json) return await createFileTable(json, panel, options);\n    const position = DOM.getPanelPosition(panel);\n    const sort = CloudCmd.sort[position];\n    const order = CloudCmd.order[position];\n    const query = rendy('?sort={{ sort }}&order={{ order }}', {\n      sort,\n      order\n    });\n    const [, newObj] = await RESTful.read(path + query, 'json');\n    if (!newObj)\n      // that's OK, error handled by RESTful\n      return;\n    options.sort = sort;\n    options.order = order;\n    await createFileTable(newObj, panel, options);\n    if (refresh && !noCurrent) DOM.setCurrentByName(name);\n    if (!CloudCmd.config('dirStorage')) return;\n    Storage.setJson(path, newObj);\n  }\n\n  /**\n   * Функция строит файловую таблицу\n   * @param json  - данные о файлах\n   * @param panelParam\n   * @param history\n   * @param callback\n   */\n  async function createFileTable(data, panelParam, options) {\n    const {\n      history,\n      noCurrent\n    } = options;\n    const names = ['file', 'path', 'link', 'pathLink'];\n    const [error, [file, path, link, pathLink]] = await tryToCatch(Files.get, names);\n    if (error) return DOM.Dialog.alert(error.responseText);\n    const panel = panelParam || DOM.getPanel();\n    const {\n      prefix\n    } = CloudCmd;\n    const {\n      dir,\n      name\n    } = Info;\n    const {\n      childNodes\n    } = panel;\n    let i = childNodes.length;\n    while (i--) panel.removeChild(panel.lastChild);\n    panel.innerHTML = buildFromJSON({\n      sort: options.sort,\n      order: options.order,\n      data,\n      id: panel.id,\n      prefix,\n      template: {\n        file,\n        path,\n        pathLink,\n        link\n      }\n    });\n    Listeners.setOnPanel(panel);\n    if (!noCurrent) {\n      let current;\n      if (name === '..' && dir !== '/') current = DOM.getCurrentByName(dir);\n      if (!current) [current] = DOM.getFiles(panel);\n      DOM.setCurrentFile(current, {\n        history\n      });\n      CloudCmd.emit('active-dir', Info.dirPath);\n    }\n  }\n  this.goToParentDir = async () => {\n    const {\n      dir,\n      dirPath,\n      parentDirPath,\n      panel\n    } = Info;\n    if (dirPath === parentDirPath) return;\n    const path = parentDirPath;\n    await CloudCmd.changeDir(path);\n    const current = DOM.getCurrentByName(dir);\n    const [first] = DOM.getFiles(panel);\n    DOM.setCurrentFile(current || first, {\n      history\n    });\n  };\n}\n\n//# sourceURL=file://cloudcmd/client/client.js");
 
 /***/ }),
 
@@ -211,7 +211,7 @@ eval("\n\nmodule.exports.createBinder = () => {\n  let binded = false;\n  return
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global CloudCmd, DOM */\nconst clipboard = __webpack_require__(/*! @cloudcmd/clipboard */ \"./node_modules/@cloudcmd/clipboard/lib/clipboard.js\");\nconst Buffer = __webpack_require__(/*! ../dom/buffer */ \"./client/dom/buffer.js\");\nconst Events = __webpack_require__(/*! ../dom/events */ \"./client/dom/events/index.js\");\nconst KEY = __webpack_require__(/*! ./key */ \"./client/key/key.js\");\nconst vim = __webpack_require__(/*! ./vim */ \"./client/key/vim/index.js\");\nconst setCurrentByChar = __webpack_require__(/*! ./set-current-by-char */ \"./client/key/set-current-by-char.js\");\nconst {\n  createBinder\n} = __webpack_require__(/*! ./binder */ \"./client/key/binder.js\");\nconst fullstore = __webpack_require__(/*! fullstore */ \"./node_modules/fullstore/lib/fullstore.js\");\nconst Info = DOM.CurrentInfo;\nconst Chars = fullstore();\nconst toggleVim = keyCode => {\n  const {\n    _config,\n    config\n  } = CloudCmd;\n  if (keyCode === KEY.ESC) {\n    _config('vim', !config('vim'));\n  }\n};\nconst isUndefined = a => typeof a === 'undefined';\nChars([]);\nconst {\n  assign\n} = Object;\nconst binder = createBinder();\nmodule.exports = assign(binder, KEY);\nmodule.exports.bind = () => {\n  Events.addKey(listener, true);\n  binder.setBind();\n};\nmodule.exports._listener = listener;\nfunction getChar(event) {\n  /*\n    * event.keyIdentifier deprecated in chrome v51\n    * but event.key is absent in chrome <= v51\n    */\n  const {\n    key,\n    shift,\n    keyCode,\n    keyIdentifier\n  } = event;\n  const char = key || fromCharCode(keyIdentifier);\n  const symbol = getSymbol(shift, keyCode);\n  return [symbol, char];\n}\nasync function listener(event) {\n  const {\n    keyCode\n  } = event;\n\n  // strange chrome bug calles listener twice\n  // in second time event misses a lot fields\n  if (isUndefined(event.altKey)) return;\n  const alt = event.altKey;\n  const ctrl = event.ctrlKey;\n  const meta = event.metaKey;\n  const isBetween = keyCode >= KEY.ZERO && keyCode <= KEY.Z;\n  const isNumpad = /Numpad/.test(event.code);\n  const [symbol, char] = getChar(event);\n  if (!binder.isBind()) return;\n  toggleVim(keyCode);\n  const isVim = CloudCmd.config('vim');\n  if (!isVim && !isNumpad && !alt && !ctrl && !meta && (isBetween || symbol)) return setCurrentByChar(char, Chars);\n  Chars([]);\n  await switchKey(event);\n  if (keyCode >= KEY.F1 && keyCode <= KEY.F10) return;\n  if (isVim) vim(char, event);\n}\nfunction getSymbol(shift, keyCode) {\n  switch (keyCode) {\n    case KEY.DOT:\n      return '.';\n    case KEY.HYPHEN:\n      return shift ? '_' : '-';\n    case KEY.EQUAL:\n      return shift ? '+' : '=';\n  }\n  return '';\n}\nfunction fromCharCode(keyIdentifier) {\n  const code = keyIdentifier.substring(2);\n  const hex = parseInt(code, 16);\n  const char = String.fromCharCode(hex);\n  return char;\n}\nasync function switchKey(event) {\n  let i;\n  let isSelected;\n  let prev;\n  let next;\n  let current = Info.element;\n  let dataName;\n  const {\n    name,\n    panel,\n    path,\n    isDir\n  } = Info;\n  const {\n    Operation,\n    changeDir,\n    config\n  } = CloudCmd;\n  const {\n    keyCode\n  } = event;\n  const alt = event.altKey;\n  const shift = event.shiftKey;\n  const ctrl = event.ctrlKey;\n  const meta = event.metaKey;\n  const ctrlMeta = ctrl || meta;\n  if (current) {\n    prev = current.previousSibling;\n    next = current.nextSibling;\n  }\n  switch (keyCode) {\n    case KEY.TAB:\n      DOM.changePanel();\n      event.preventDefault();\n      break;\n    case KEY.INSERT:\n      DOM.toggleSelectedFile(current).setCurrentFile(next);\n      break;\n    case KEY.INSERT_MAC:\n      DOM.toggleSelectedFile(current).setCurrentFile(next);\n      break;\n    case KEY.DELETE:\n      if (shift) Operation.show('delete:silent');else Operation.show('delete');\n      break;\n    case KEY.ASTERISK:\n      DOM.toggleAllSelectedFiles(current);\n      break;\n    case KEY.PLUS:\n      DOM.expandSelection();\n      event.preventDefault();\n      break;\n    case KEY.MINUS:\n      DOM.shrinkSelection();\n      event.preventDefault();\n      break;\n    case KEY.F1:\n      CloudCmd.Help.show();\n      event.preventDefault();\n      break;\n    case KEY.F2:\n      CloudCmd.UserMenu.show();\n      break;\n    case KEY.F3:\n      event.preventDefault();\n      if (Info.isDir) await changeDir(path);else if (shift) CloudCmd.View.show(null, {\n        raw: true\n      });else if (ctrlMeta) CloudCmd.sortPanel('name');else CloudCmd.View.show();\n      break;\n    case KEY.F4:\n      if (config('vim')) CloudCmd.EditFileVim.show();else CloudCmd.EditFile.show();\n      event.preventDefault();\n      break;\n    case KEY.F5:\n      if (ctrlMeta) CloudCmd.sortPanel('date');else if (alt) Operation.show('pack');else Operation.show('copy');\n      event.preventDefault();\n      break;\n    case KEY.F6:\n      if (ctrlMeta) CloudCmd.sortPanel('size');else if (shift) DOM.renameCurrent(current);else Operation.show('move');\n      event.preventDefault();\n      break;\n    case KEY.F7:\n      if (shift) DOM.promptNewFile();else DOM.promptNewDir();\n      event.preventDefault();\n      break;\n    case KEY.F8:\n      Operation.show('delete');\n      event.preventDefault();\n      break;\n    case KEY.F9:\n      if (alt) Operation.show('extract');else CloudCmd.Menu.show();\n      event.preventDefault();\n      break;\n    case KEY.F10:\n      CloudCmd.Config.show();\n      event.preventDefault();\n      break;\n    case KEY.TRA:\n      event.preventDefault();\n      if (shift) return CloudCmd.Terminal.show();\n      CloudCmd.Konsole.show();\n      break;\n    case KEY.BRACKET_CLOSE:\n      CloudCmd.Konsole.show();\n      event.preventDefault();\n      break;\n    case KEY.SPACE:\n      event.preventDefault();\n      if (!isDir || name === '..') isSelected = true;else isSelected = DOM.isSelected(current);\n      if (!isSelected) await DOM.loadCurrentSize(current);\n      DOM.toggleSelectedFile(current);\n      break;\n    case KEY.U:\n      if (ctrlMeta) {\n        DOM.swapPanels();\n        event.preventDefault();\n      }\n      break;\n\n    /* navigation on file table:        *\n     * in case of pressing button 'up', *\n     * select previous row              */\n    case KEY.UP:\n      if (shift) DOM.toggleSelectedFile(current);\n      DOM.setCurrentFile(prev);\n      event.preventDefault();\n      break;\n\n    /* in case of pressing button 'down', *\n     * select next row                    */\n    case KEY.DOWN:\n      if (shift) DOM.toggleSelectedFile(current);\n      DOM.setCurrentFile(next);\n      event.preventDefault();\n      break;\n    case KEY.LEFT:\n      if (!alt) return;\n      event.preventDefault();\n      dataName = Info.panel.getAttribute('data-name');\n      if (dataName === 'js-right') DOM.duplicatePanel();\n      break;\n    case KEY.RIGHT:\n      if (!alt) return;\n      event.preventDefault();\n      dataName = Info.panel.getAttribute('data-name');\n      if (dataName === 'js-left') DOM.duplicatePanel();\n      break;\n\n    /* in case of pressing button 'Home',  *\n     * go to top element                   */\n    case KEY.HOME:\n      DOM.setCurrentFile(Info.first);\n      event.preventDefault();\n      break;\n\n    /* in case of pressing button 'End', select last element */\n    case KEY.END:\n      DOM.setCurrentFile(Info.last);\n      event.preventDefault();\n      break;\n\n    /* если нажали клавишу page down проматываем экран */\n    case KEY.PAGE_DOWN:\n      DOM.scrollByPages(panel, 1);\n      for (i = 0; i < 30; i++) {\n        if (!current.nextSibling) break;\n        current = current.nextSibling;\n      }\n      DOM.setCurrentFile(current);\n      event.preventDefault();\n      break;\n\n    /* если нажали клавишу page up проматываем экран */\n    case KEY.PAGE_UP:\n      DOM.scrollByPages(panel, -1);\n      for (i = 0; i < 30; i++) {\n        if (!current.previousSibling) break;\n        current = current.previousSibling;\n      }\n      DOM.setCurrentFile(current);\n      event.preventDefault();\n      break;\n    case KEY.ENTER:\n      if (Info.isDir) await changeDir(path);else CloudCmd.View.show();\n      break;\n    case KEY.BACKSPACE:\n      CloudCmd.goToParentDir();\n      event.preventDefault();\n      break;\n    case KEY.BACKSLASH:\n      if (ctrlMeta) await changeDir('/');\n      break;\n    case KEY.A:\n      if (ctrlMeta) {\n        DOM.selectAllFiles();\n        event.preventDefault();\n      }\n      break;\n    case KEY.G:\n      if (alt) {\n        DOM.goToDirectory();\n        event.preventDefault();\n      }\n      break;\n    case KEY.M:\n      if (ctrlMeta) {\n        if (config('vim')) CloudCmd.EditNamesVim.show();else CloudCmd.EditNames.show();\n        event.preventDefault();\n      }\n      break;\n    case KEY.P:\n      if (!ctrlMeta) return;\n      event.preventDefault();\n      clipboard.writeText(Info.dirPath).catch(CloudCmd.log);\n      break;\n\n    /**\n     * обновляем страницу,\n     * загружаем содержимое каталога\n     * при этом данные берём всегда с\n     * сервера, а не из кэша\n     * (обновляем кэш)\n     */\n    case KEY.R:\n      if (ctrlMeta) {\n        CloudCmd.log('reloading page...\\n');\n        CloudCmd.refresh();\n        event.preventDefault();\n      }\n      break;\n    case KEY.C:\n      if (ctrlMeta) Buffer.copy();\n      break;\n    case KEY.X:\n      if (ctrlMeta) Buffer.cut();\n      break;\n    case KEY.V:\n      if (ctrlMeta) Buffer.paste();\n      break;\n    case KEY.Z:\n      if (ctrlMeta) Buffer.clear();\n      break;\n    case KEY.COLON:\n      CloudCmd.CommandLine.show();\n      event.preventDefault();\n      break;\n\n    /* чистим хранилище */\n    case KEY.D:\n      if (ctrlMeta) {\n        CloudCmd.log('clearing storage...');\n        await DOM.Storage.clear();\n        CloudCmd.log('storage cleared');\n        event.preventDefault();\n      }\n      break;\n  }\n}\n\n//# sourceURL=file://cloudcmd/client/key/index.js");
+eval("\n\n/* global CloudCmd, DOM */\nconst clipboard = __webpack_require__(/*! @cloudcmd/clipboard */ \"./node_modules/@cloudcmd/clipboard/lib/clipboard.js\");\nconst Buffer = __webpack_require__(/*! ../dom/buffer */ \"./client/dom/buffer.js\");\nconst Events = __webpack_require__(/*! ../dom/events */ \"./client/dom/events/index.js\");\nconst KEY = __webpack_require__(/*! ./key */ \"./client/key/key.js\");\nconst vim = __webpack_require__(/*! ./vim */ \"./client/key/vim/index.js\");\nconst setCurrentByChar = __webpack_require__(/*! ./set-current-by-char */ \"./client/key/set-current-by-char.js\");\nconst {\n  createBinder\n} = __webpack_require__(/*! ./binder */ \"./client/key/binder.js\");\nconst fullstore = __webpack_require__(/*! fullstore */ \"./node_modules/fullstore/lib/fullstore.js\");\nconst Info = DOM.CurrentInfo;\nconst Chars = fullstore();\nconst toggleVim = keyCode => {\n  const {\n    _config,\n    config\n  } = CloudCmd;\n  if (keyCode === KEY.ESC) {\n    _config('vim', !config('vim'));\n  }\n};\nconst isUndefined = a => typeof a === 'undefined';\nChars([]);\nconst {\n  assign\n} = Object;\nconst binder = createBinder();\nmodule.exports = assign(binder, KEY);\nmodule.exports.bind = () => {\n  Events.addKey(listener, true);\n  binder.setBind();\n};\nmodule.exports._listener = listener;\nfunction getChar(event) {\n  /*\n    * event.keyIdentifier deprecated in chrome v51\n    * but event.key is absent in chrome <= v51\n    */\n  const {\n    key,\n    shift,\n    keyCode,\n    keyIdentifier\n  } = event;\n  const char = key || fromCharCode(keyIdentifier);\n  const symbol = getSymbol(shift, keyCode);\n  return [symbol, char];\n}\nasync function listener(event) {\n  const {\n    keyCode\n  } = event;\n\n  // strange chrome bug calles listener twice\n  // in second time event misses a lot fields\n  if (isUndefined(event.altKey)) return;\n  const alt = event.altKey;\n  const ctrl = event.ctrlKey;\n  const meta = event.metaKey;\n  const isBetween = keyCode >= KEY.ZERO && keyCode <= KEY.Z;\n  const isNumpad = /Numpad/.test(event.code);\n  const [symbol, char] = getChar(event);\n  if (!binder.isBind()) return;\n  toggleVim(keyCode);\n  const isVim = CloudCmd.config('vim');\n  if (!isVim && !isNumpad && !alt && !ctrl && !meta && (isBetween || symbol)) return setCurrentByChar(char, Chars);\n  Chars([]);\n  await switchKey(event);\n  if (keyCode >= KEY.F1 && keyCode <= KEY.F10) return;\n  if (isVim) vim(char, event);\n}\nfunction getSymbol(shift, keyCode) {\n  switch (keyCode) {\n    case KEY.DOT:\n      return '.';\n    case KEY.HYPHEN:\n      return shift ? '_' : '-';\n    case KEY.EQUAL:\n      return shift ? '+' : '=';\n  }\n  return '';\n}\nfunction fromCharCode(keyIdentifier) {\n  const code = keyIdentifier.substring(2);\n  const hex = parseInt(code, 16);\n  return String.fromCharCode(hex);\n}\nasync function switchKey(event) {\n  let i;\n  let isSelected;\n  let prev;\n  let next;\n  let current = Info.element;\n  let dataName;\n  const {\n    name,\n    panel,\n    path,\n    isDir\n  } = Info;\n  const {\n    Operation,\n    changeDir,\n    config\n  } = CloudCmd;\n  const {\n    keyCode\n  } = event;\n  const alt = event.altKey;\n  const shift = event.shiftKey;\n  const ctrl = event.ctrlKey;\n  const meta = event.metaKey;\n  const ctrlMeta = ctrl || meta;\n  if (current) {\n    prev = current.previousSibling;\n    next = current.nextSibling;\n  }\n  switch (keyCode) {\n    case KEY.TAB:\n      DOM.changePanel();\n      event.preventDefault();\n      break;\n    case KEY.INSERT:\n      DOM.toggleSelectedFile(current).setCurrentFile(next);\n      break;\n    case KEY.INSERT_MAC:\n      DOM.toggleSelectedFile(current).setCurrentFile(next);\n      break;\n    case KEY.DELETE:\n      if (shift) Operation.show('delete:silent');else Operation.show('delete');\n      break;\n    case KEY.ASTERISK:\n      DOM.toggleAllSelectedFiles(current);\n      break;\n    case KEY.PLUS:\n      DOM.expandSelection();\n      event.preventDefault();\n      break;\n    case KEY.MINUS:\n      DOM.shrinkSelection();\n      event.preventDefault();\n      break;\n    case KEY.F1:\n      CloudCmd.Help.show();\n      event.preventDefault();\n      break;\n    case KEY.F2:\n      CloudCmd.UserMenu.show();\n      break;\n    case KEY.F3:\n      event.preventDefault();\n      if (Info.isDir) await changeDir(path);else if (shift) CloudCmd.View.show(null, {\n        raw: true\n      });else if (ctrlMeta) CloudCmd.sortPanel('name');else CloudCmd.View.show();\n      break;\n    case KEY.F4:\n      if (config('vim')) CloudCmd.EditFileVim.show();else CloudCmd.EditFile.show();\n      event.preventDefault();\n      break;\n    case KEY.F5:\n      if (ctrlMeta) CloudCmd.sortPanel('date');else if (alt) Operation.show('pack');else Operation.show('copy');\n      event.preventDefault();\n      break;\n    case KEY.F6:\n      if (ctrlMeta) CloudCmd.sortPanel('size');else if (shift) DOM.renameCurrent(current);else Operation.show('move');\n      event.preventDefault();\n      break;\n    case KEY.F7:\n      if (shift) DOM.promptNewFile();else DOM.promptNewDir();\n      event.preventDefault();\n      break;\n    case KEY.F8:\n      Operation.show('delete');\n      event.preventDefault();\n      break;\n    case KEY.F9:\n      if (alt) Operation.show('extract');else CloudCmd.Menu.show();\n      event.preventDefault();\n      break;\n    case KEY.F10:\n      CloudCmd.Config.show();\n      event.preventDefault();\n      break;\n    case KEY.TRA:\n      event.preventDefault();\n      if (shift) return CloudCmd.Terminal.show();\n      CloudCmd.Konsole.show();\n      break;\n    case KEY.BRACKET_CLOSE:\n      CloudCmd.Konsole.show();\n      event.preventDefault();\n      break;\n    case KEY.SPACE:\n      event.preventDefault();\n      if (!isDir || name === '..') isSelected = true;else isSelected = DOM.isSelected(current);\n      if (!isSelected) await DOM.loadCurrentSize(current);\n      DOM.toggleSelectedFile(current);\n      break;\n    case KEY.U:\n      if (ctrlMeta) {\n        DOM.swapPanels();\n        event.preventDefault();\n      }\n      break;\n\n    /* navigation on file table:        *\n     * in case of pressing button 'up', *\n     * select previous row              */\n    case KEY.UP:\n      if (shift) DOM.toggleSelectedFile(current);\n      DOM.setCurrentFile(prev);\n      event.preventDefault();\n      break;\n\n    /* in case of pressing button 'down', *\n     * select next row                    */\n    case KEY.DOWN:\n      if (shift) DOM.toggleSelectedFile(current);\n      DOM.setCurrentFile(next);\n      event.preventDefault();\n      break;\n    case KEY.LEFT:\n      if (!alt) return;\n      event.preventDefault();\n      dataName = Info.panel.getAttribute('data-name');\n      if (dataName === 'js-right') DOM.duplicatePanel();\n      break;\n    case KEY.RIGHT:\n      if (!alt) return;\n      event.preventDefault();\n      dataName = Info.panel.getAttribute('data-name');\n      if (dataName === 'js-left') DOM.duplicatePanel();\n      break;\n\n    /* in case of pressing button 'Home',  *\n     * go to top element                   */\n    case KEY.HOME:\n      DOM.setCurrentFile(Info.first);\n      event.preventDefault();\n      break;\n\n    /* in case of pressing button 'End', select last element */\n    case KEY.END:\n      DOM.setCurrentFile(Info.last);\n      event.preventDefault();\n      break;\n\n    /* если нажали клавишу page down проматываем экран */\n    case KEY.PAGE_DOWN:\n      DOM.scrollByPages(panel, 1);\n      for (i = 0; i < 30; i++) {\n        if (!current.nextSibling) break;\n        current = current.nextSibling;\n      }\n      DOM.setCurrentFile(current);\n      event.preventDefault();\n      break;\n\n    /* если нажали клавишу page up проматываем экран */\n    case KEY.PAGE_UP:\n      DOM.scrollByPages(panel, -1);\n      for (i = 0; i < 30; i++) {\n        if (!current.previousSibling) break;\n        current = current.previousSibling;\n      }\n      DOM.setCurrentFile(current);\n      event.preventDefault();\n      break;\n    case KEY.ENTER:\n      if (Info.isDir) await changeDir(path);else CloudCmd.View.show();\n      break;\n    case KEY.BACKSPACE:\n      CloudCmd.goToParentDir();\n      event.preventDefault();\n      break;\n    case KEY.BACKSLASH:\n      if (ctrlMeta) await changeDir('/');\n      break;\n    case KEY.A:\n      if (ctrlMeta) {\n        DOM.selectAllFiles();\n        event.preventDefault();\n      }\n      break;\n    case KEY.G:\n      if (alt) {\n        DOM.goToDirectory();\n        event.preventDefault();\n      }\n      break;\n    case KEY.M:\n      if (ctrlMeta) {\n        if (config('vim')) CloudCmd.EditNamesVim.show();else CloudCmd.EditNames.show();\n        event.preventDefault();\n      }\n      break;\n    case KEY.P:\n      if (!ctrlMeta) return;\n      event.preventDefault();\n      clipboard.writeText(Info.dirPath).catch(CloudCmd.log);\n      break;\n\n    /**\n     * обновляем страницу,\n     * загружаем содержимое каталога\n     * при этом данные берём всегда с\n     * сервера, а не из кэша\n     * (обновляем кэш)\n     */\n    case KEY.R:\n      if (ctrlMeta) {\n        CloudCmd.log('reloading page...\\n');\n        CloudCmd.refresh();\n        event.preventDefault();\n      }\n      break;\n    case KEY.C:\n      if (ctrlMeta) Buffer.copy();\n      break;\n    case KEY.X:\n      if (ctrlMeta) Buffer.cut();\n      break;\n    case KEY.V:\n      if (ctrlMeta) Buffer.paste();\n      break;\n    case KEY.Z:\n      if (ctrlMeta) Buffer.clear();\n      break;\n    case KEY.COLON:\n      CloudCmd.CommandLine.show();\n      event.preventDefault();\n      break;\n\n    /* чистим хранилище */\n    case KEY.D:\n      if (ctrlMeta) {\n        CloudCmd.log('clearing storage...');\n        await DOM.Storage.clear();\n        CloudCmd.log('storage cleared');\n        event.preventDefault();\n      }\n      break;\n  }\n}\n\n//# sourceURL=file://cloudcmd/client/key/index.js");
 
 /***/ }),
 
@@ -247,7 +247,7 @@ eval("\n\nconst fullstore = __webpack_require__(/*! fullstore */ \"./node_module
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global CloudCmd */\n/* global DOM */\nconst vim = __webpack_require__(/*! ./vim */ \"./client/key/vim/vim.js\");\nconst finder = __webpack_require__(/*! ./find */ \"./client/key/vim/find.js\");\nconst Info = DOM.CurrentInfo;\nconst {\n  Dialog\n} = DOM;\nmodule.exports = async (key, event) => {\n  const operations = getOperations(event);\n  await vim(key, operations);\n};\nconst getOperations = event => ({\n  escape: DOM.unselectFiles,\n  remove: () => {\n    CloudCmd.Operation.show('delete');\n  },\n  makeDirectory: () => {\n    event.stopImmediatePropagation();\n    event.preventDefault();\n    DOM.promptNewDir();\n  },\n  makeFile: () => {\n    event.stopImmediatePropagation();\n    event.preventDefault();\n    DOM.promptNewFile();\n  },\n  terminal: () => {\n    CloudCmd.Terminal.show();\n  },\n  edit: () => {\n    CloudCmd.EditFileVim.show();\n  },\n  copy: () => {\n    DOM.Buffer.copy();\n    DOM.unselectFiles();\n  },\n  select: () => {\n    const current = Info.element;\n    DOM.toggleSelectedFile(current);\n  },\n  paste: DOM.Buffer.paste,\n  moveNext: _ref => {\n    let {\n      count,\n      isVisual,\n      isDelete\n    } = _ref;\n    setCurrent('next', {\n      count,\n      isVisual,\n      isDelete\n    });\n  },\n  movePrevious: _ref2 => {\n    let {\n      count,\n      isVisual,\n      isDelete\n    } = _ref2;\n    setCurrent('previous', {\n      count,\n      isVisual,\n      isDelete\n    });\n  },\n  find: async () => {\n    event.preventDefault();\n    const [, value] = await Dialog.prompt('Find', '');\n    if (!value) return;\n    const names = Info.files.map(DOM.getCurrentName);\n    const [result] = finder.find(value, names);\n    DOM.setCurrentByName(result);\n  },\n  findNext: () => {\n    const name = finder.findNext();\n    DOM.setCurrentByName(name);\n  },\n  findPrevious: () => {\n    const name = finder.findPrevious();\n    DOM.setCurrentByName(name);\n  }\n});\nmodule.exports.selectFile = selectFile;\nfunction selectFile(current) {\n  const name = DOM.getCurrentName(current);\n  if (name === '..') return;\n  DOM.selectFile(current);\n}\nfunction setCurrent(sibling, _ref3) {\n  let {\n    count,\n    isVisual,\n    isDelete\n  } = _ref3;\n  let current = Info.element;\n  const select = isVisual ? selectFile : DOM.unselectFile;\n  select(current);\n  const position = `${sibling}Sibling`;\n  for (let i = 0; i < count; i++) {\n    const next = current[position];\n    if (!next) break;\n    current = next;\n    select(current);\n  }\n  DOM.setCurrentFile(current);\n  if (isDelete) CloudCmd.Operation.show('delete');\n}\n\n//# sourceURL=file://cloudcmd/client/key/vim/index.js");
+eval("\n\n/* global CloudCmd */\n/* global DOM */\nconst vim = __webpack_require__(/*! ./vim */ \"./client/key/vim/vim.js\");\nconst finder = __webpack_require__(/*! ./find */ \"./client/key/vim/find.js\");\nconst Info = DOM.CurrentInfo;\nconst {\n  Dialog\n} = DOM;\nmodule.exports = async (key, event) => {\n  const operations = getOperations(event);\n  await vim(key, operations);\n};\nconst getOperations = event => ({\n  escape: DOM.unselectFiles,\n  remove: () => {\n    CloudCmd.Operation.show('delete');\n  },\n  makeDirectory: () => {\n    event.stopImmediatePropagation();\n    event.preventDefault();\n    DOM.promptNewDir();\n  },\n  makeFile: () => {\n    event.stopImmediatePropagation();\n    event.preventDefault();\n    DOM.promptNewFile();\n  },\n  terminal: () => {\n    CloudCmd.Terminal.show();\n  },\n  edit: () => {\n    CloudCmd.EditFileVim.show();\n  },\n  copy: () => {\n    DOM.Buffer.copy();\n    DOM.unselectFiles();\n  },\n  select: () => {\n    const current = Info.element;\n    DOM.toggleSelectedFile(current);\n  },\n  paste: DOM.Buffer.paste,\n  moveNext: ({\n    count,\n    isVisual,\n    isDelete\n  }) => {\n    setCurrent('next', {\n      count,\n      isVisual,\n      isDelete\n    });\n  },\n  movePrevious: ({\n    count,\n    isVisual,\n    isDelete\n  }) => {\n    setCurrent('previous', {\n      count,\n      isVisual,\n      isDelete\n    });\n  },\n  find: async () => {\n    event.preventDefault();\n    const [, value] = await Dialog.prompt('Find', '');\n    if (!value) return;\n    const names = Info.files.map(DOM.getCurrentName);\n    const [result] = finder.find(value, names);\n    DOM.setCurrentByName(result);\n  },\n  findNext: () => {\n    const name = finder.findNext();\n    DOM.setCurrentByName(name);\n  },\n  findPrevious: () => {\n    const name = finder.findPrevious();\n    DOM.setCurrentByName(name);\n  }\n});\nmodule.exports.selectFile = selectFile;\nfunction selectFile(current) {\n  const name = DOM.getCurrentName(current);\n  if (name === '..') return;\n  DOM.selectFile(current);\n}\nfunction setCurrent(sibling, {\n  count,\n  isVisual,\n  isDelete\n}) {\n  let current = Info.element;\n  const select = isVisual ? selectFile : DOM.unselectFile;\n  select(current);\n  const position = `${sibling}Sibling`;\n  for (let i = 0; i < count; i++) {\n    const next = current[position];\n    if (!next) break;\n    current = next;\n    select(current);\n  }\n  DOM.setCurrentFile(current);\n  if (isDelete) CloudCmd.Operation.show('delete');\n}\n\n//# sourceURL=file://cloudcmd/client/key/vim/index.js");
 
 /***/ }),
 
@@ -295,7 +295,7 @@ eval("\n\nmodule.exports = (indexFrom, indexTo, files) => {\n  if (indexFrom < i
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("/* global DOM, CloudCmd */\n\n\n\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst itype = __webpack_require__(/*! itype */ \"./node_modules/itype/lib/itype.js\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst clipboard = __webpack_require__(/*! @cloudcmd/clipboard */ \"./node_modules/@cloudcmd/clipboard/lib/clipboard.js\");\nconst getRange = __webpack_require__(/*! ./get-range */ \"./client/listeners/get-range.js\");\nconst uploadFiles = __webpack_require__(/*! ../dom/upload-files */ \"./client/dom/upload-files.js\");\nconst {\n  FS\n} = __webpack_require__(/*! ../../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst getIndex = currify(__webpack_require__(/*! ./get-index */ \"./client/listeners/get-index.js\"));\nconst NBSP_REG = RegExp(String.fromCharCode(160), 'g');\nconst SPACE = ' ';\nmodule.exports.init = async () => {\n  await Promise.all([contextMenu(), dragndrop(), unload(), pop(), resize(), header(), config()]);\n};\nCloudCmd.Listeners = module.exports;\nconst unselect = event => {\n  const isMac = /Mac/.test(window.navigator.platform);\n  const {\n    shiftKey,\n    metaKey,\n    ctrlKey\n  } = event;\n  if (shiftKey || isMac && metaKey || ctrlKey) return;\n  DOM.unselectFiles();\n};\nconst execAll = currify((funcs, event) => {\n  for (const fn of funcs) fn(event);\n});\nconst Info = DOM.CurrentInfo;\nconst {\n  Events\n} = DOM;\nconst EventsFiles = {\n  mousedown: exec.with(execIfNotUL, setCurrentFileByEvent),\n  click: execAll([onClick, unselect]),\n  dragstart: exec.with(execIfNotUL, onDragStart),\n  dblclick: exec.with(execIfNotUL, onDblClick),\n  touchstart: exec.with(execIfNotUL, onTouch)\n};\nlet EXT;\nfunction header() {\n  const fm = DOM.getFM();\n  const isDataset = el => el.dataset;\n  const isPanel = el => {\n    return /^js-(left|right)$/.test(el.dataset.name);\n  };\n  Events.addClick(fm, event => {\n    const el = event.target;\n    const parent = el.parentElement;\n    if (parent.dataset.name !== 'js-fm-header') return;\n    const name = (el.dataset.name || '').replace('js-', '');\n    if (!/^(name|size|date)$/.test(name)) return;\n    const panel = getPath(el).filter(isDataset).filter(isPanel).pop();\n    CloudCmd.sortPanel(name, panel);\n  });\n}\nfunction getPath(el) {\n  let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n  if (!el) return path;\n  return getPath(el.parentElement, path.concat(el));\n}\nasync function config() {\n  const [, config] = await tryToCatch(DOM.Files.get, 'config');\n  const type = config === null || config === void 0 ? void 0 : config.packer;\n  EXT = DOM.getPackerExt(type);\n}\nmodule.exports.initKeysPanel = () => {\n  const keysElement = DOM.getById('js-keyspanel');\n  if (!keysElement) return;\n  Events.addClick(keysElement, _ref => {\n    let {\n      target\n    } = _ref;\n    const {\n      id\n    } = target;\n    const operation = name => {\n      const {\n        Operation\n      } = CloudCmd;\n      const fn = Operation.show.bind(null, name);\n      return fn;\n    };\n    const clickFuncs = {\n      'f1': CloudCmd.Help.show,\n      'f2': CloudCmd.UserMenu.show,\n      'f3': CloudCmd.View.show,\n      'f4': CloudCmd.EditFile.show,\n      'f5': operation('copy'),\n      'f6': operation('move'),\n      'f7': DOM.promptNewDir,\n      'f8': operation('delete'),\n      'f9': CloudCmd.Menu.show,\n      'f10': CloudCmd.Config.show,\n      '~': CloudCmd.Konsole.show,\n      'shift~': CloudCmd.Terminal.show,\n      'contact': CloudCmd.Contact.show\n    };\n    exec(clickFuncs[id]);\n  });\n};\nconst getPanel = side => {\n  if (!itype.string(side)) return side;\n  return DOM.getByDataName(`js-${side}`);\n};\nmodule.exports.setOnPanel = side => {\n  const panel = getPanel(side);\n  const filesElement = DOM.getByDataName('js-files', panel);\n  const pathElement = DOM.getByDataName('js-path', panel);\n\n  /* ставим загрузку гифа на клик*/\n  Events.addClick(pathElement, getPathListener(panel));\n  Events.add(filesElement, EventsFiles);\n};\nfunction getPathListener(panel) {\n  return onPathElementClick.bind(null, panel);\n}\nfunction isNoCurrent(panel) {\n  const infoPanel = Info.panel;\n  if (!infoPanel) return true;\n  const namePanel = panel.getAttribute('data-name');\n  const nameInfoPanel = infoPanel.getAttribute('data-name');\n  return namePanel !== nameInfoPanel;\n}\nfunction decodePath(path) {\n  const url = CloudCmd.HOST;\n  const {\n    prefix\n  } = CloudCmd;\n  const prefixReg = RegExp('^' + prefix + FS);\n  return decodeURI(path).replace(url, '').replace(prefixReg, '') // browser doesn't replace % -> %25% do it for him\n  .replace('%%', '%25%').replace(NBSP_REG, SPACE) || '/';\n}\nasync function onPathElementClick(panel, event) {\n  event.preventDefault();\n  const element = event.target;\n  const attr = element.getAttribute('data-name');\n  const noCurrent = isNoCurrent(panel);\n  if (attr === 'js-copy-path') return copyPath(element);\n  if (attr === 'js-refresh') return CloudCmd.refresh({\n    panel,\n    noCurrent\n  });\n  if (attr !== 'js-path-link') return;\n  const {\n    href\n  } = element;\n  const path = decodePath(href);\n  await CloudCmd.changeDir(path, {\n    isRefresh: false,\n    panel: noCurrent ? panel : Info.panel\n  });\n}\nfunction copyPath(el) {\n  clipboard.writeText(el.parentElement.title).then(CloudCmd.log).catch(CloudCmd.log);\n}\nfunction execIfNotUL(callback, event) {\n  const {\n    target\n  } = event;\n  const {\n    tagName\n  } = target;\n  if (tagName !== 'UL') callback(event);\n}\nfunction onClick(event) {\n  event.preventDefault();\n  changePanel(event.target);\n}\nfunction toggleSelect(key, files) {\n  const isMac = /Mac/.test(window.navigator.platform);\n  if (!key) throw Error('key should not be undefined!');\n  const [file] = files;\n  if (isMac && key.meta || key.ctrl) return DOM.toggleSelectedFile(file);\n  if (key.shift) return files.map(DOM.selectFile);\n}\nfunction changePanel(element) {\n  const {\n    panel\n  } = Info;\n  const files = DOM.getByDataName('js-files', panel);\n  const ul = getULElement(element);\n  if (ul !== files) DOM.changePanel();\n}\nasync function onDblClick(event) {\n  event.preventDefault();\n  const current = getLIElement(event.target);\n  const isDir = DOM.isCurrentIsDir(current);\n  const path = DOM.getCurrentPath(current);\n  if (!isDir) return CloudCmd.View.show();\n  await CloudCmd.changeDir(path);\n}\nasync function onTouch(event) {\n  const current = getLIElement(event.target);\n  const isDir = DOM.isCurrentIsDir(current);\n  if (!isDir) return;\n  const isCurrent = DOM.isCurrentFile(current);\n  if (!isCurrent) return;\n  await CloudCmd.changeDir(DOM.getCurrentPath(current));\n}\n\n/*\n  * download file from browser to desktop\n  * in Chrome (HTML5)\n  */\nfunction onDragStart(event) {\n  const {\n    prefixURL\n  } = CloudCmd;\n  const element = getLIElement(event.target);\n  const {\n    isDir\n  } = Info;\n  let link = DOM.getCurrentLink(element);\n  let name = DOM.getCurrentName(element);\n\n  /* if it's directory - adding json extension */\n  if (isDir) {\n    name += EXT;\n    link = document.createElement('a');\n    link.textContent = name;\n    link.href = prefixURL + '/pack' + Info.path + EXT;\n  }\n  event.dataTransfer.setData('DownloadURL', 'application/octet-stream' + ':' + name + ':' + link);\n}\nfunction getLIElement(element) {\n  if (!element) return element;\n  while (element.tagName !== 'LI') element = element.parentElement;\n  return element;\n}\nfunction getULElement(element) {\n  while (element.tagName !== 'UL') element = element.parentElement;\n  return element;\n}\nfunction setCurrentFileByEvent(event) {\n  const BUTTON_LEFT = 0;\n  const key = {\n    alt: event.altKey,\n    ctrl: event.ctrlKey,\n    meta: event.metaKey,\n    shift: event.shiftKey\n  };\n  const element = getLIElement(event.target);\n  const fromName = Info.name;\n  DOM.setCurrentFile(element);\n  const toName = Info.name;\n  let files = [];\n  if (key.shift) files = getFilesRange(fromName, toName);else files.push(Info.element);\n  if (event.button === BUTTON_LEFT) toggleSelect(key, files);\n}\nfunction getFilesRange(from, to) {\n  const files = DOM.getAllFiles();\n  const names = DOM.getFilenames(files);\n  const getNameIndex = getIndex(names);\n  const indexFrom = getNameIndex(from);\n  const indexTo = getNameIndex(to);\n  return getRange(indexFrom, indexTo, files);\n}\nfunction contextMenu() {\n  const fm = DOM.getFM();\n  Events.addOnce('contextmenu', fm, event => {\n    CloudCmd.Menu.show({\n      x: event.clientX,\n      y: event.clientY\n    });\n  });\n  Events.addContextMenu(fm, event => {\n    CloudCmd.Menu.ENABLED || event.preventDefault();\n  });\n}\nfunction dragndrop() {\n  const panels = DOM.getByClassAll('panel');\n  const select = _ref2 => {\n    let {\n      target\n    } = _ref2;\n    target.classList.add('selected-panel');\n  };\n  const unselect = _ref3 => {\n    let {\n      target\n    } = _ref3;\n    target.classList.remove('selected-panel');\n  };\n  const onDrop = event => {\n    const {\n      files,\n      items\n    } = event.dataTransfer;\n    const {\n      length: filesCount\n    } = files;\n    event.preventDefault();\n    if (filesCount && (!items || !items.length || !items[0].webkitGetAsEntry)) return uploadFiles(files);\n    const isFile = item => item.kind === 'file';\n    const dirFiles = Array.from(items).filter(isFile);\n    if (dirFiles.length) return DOM.uploadDirectory(dirFiles);\n    const {\n      Operation\n    } = CloudCmd;\n    const operation = event.shiftKey ? 'move' : 'copy';\n    return Operation.show(operation);\n  };\n\n  /**\n   * In Mac OS Chrome dropEffect = 'none'\n   * so drop do not firing up when try\n   * to upload file from download bar\n   */\n  const onDragOver = event => {\n    const {\n      dataTransfer\n    } = event;\n    const {\n      effectAllowed\n    } = dataTransfer;\n    if (/move|linkMove/.test(effectAllowed)) dataTransfer.dropEffect = 'move';else dataTransfer.dropEffect = 'copy';\n    event.preventDefault();\n  };\n  for (const panel of panels) Events.add('dragover', panel, onDragOver).add('drop', panel, onDrop).add('dragenter', select).add(['dragleave', 'drop'], unselect);\n}\nfunction unload() {\n  DOM.Events.add(['unload', 'beforeunload'], event => {\n    const {\n      Key\n    } = CloudCmd;\n    const isBind = Key === null || Key === void 0 ? void 0 : Key.isBind();\n    if (isBind) return;\n    event.preventDefault();\n    return 'Please make sure that you saved all work.';\n  });\n}\nfunction pop() {\n  Events.add('popstate', async _ref4 => {\n    let {\n      state\n    } = _ref4;\n    const path = (state || '').replace(FS, '');\n    if (!path) return CloudCmd.route(location.hash);\n    const history = false;\n    await CloudCmd.changeDir(path, {\n      history\n    });\n  });\n}\nfunction resize() {\n  Events.add('resize', () => {\n    const is = window.innerWidth < CloudCmd.MIN_ONE_PANEL_WIDTH;\n    if (!is) return;\n    const {\n      panel\n    } = Info;\n    const isEmptyRoot = !panel;\n    if (isEmptyRoot) return;\n    const name = panel.getAttribute('data-name');\n    const isLeft = name === 'js-left';\n    if (isLeft) return;\n    DOM.changePanel();\n  });\n}\n\n//# sourceURL=file://cloudcmd/client/listeners/index.js");
+eval("/* global DOM, CloudCmd */\n\n\n\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst itype = __webpack_require__(/*! itype */ \"./node_modules/itype/lib/itype.js\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst clipboard = __webpack_require__(/*! @cloudcmd/clipboard */ \"./node_modules/@cloudcmd/clipboard/lib/clipboard.js\");\nconst getRange = __webpack_require__(/*! ./get-range */ \"./client/listeners/get-range.js\");\nconst uploadFiles = __webpack_require__(/*! ../dom/upload-files */ \"./client/dom/upload-files.js\");\nconst {\n  FS\n} = __webpack_require__(/*! ../../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst getIndex = currify(__webpack_require__(/*! ./get-index */ \"./client/listeners/get-index.js\"));\nconst NBSP_REG = RegExp(String.fromCharCode(160), 'g');\nconst SPACE = ' ';\nmodule.exports.init = async () => {\n  await Promise.all([contextMenu(), dragndrop(), unload(), pop(), resize(), header(), config()]);\n};\nCloudCmd.Listeners = module.exports;\nconst unselect = event => {\n  const isMac = /Mac/.test(window.navigator.platform);\n  const {\n    shiftKey,\n    metaKey,\n    ctrlKey\n  } = event;\n  if (shiftKey || isMac && metaKey || ctrlKey) return;\n  DOM.unselectFiles();\n};\nconst execAll = currify((funcs, event) => {\n  for (const fn of funcs) fn(event);\n});\nconst Info = DOM.CurrentInfo;\nconst {\n  Events\n} = DOM;\nconst EventsFiles = {\n  mousedown: exec.with(execIfNotUL, setCurrentFileByEvent),\n  click: execAll([onClick, unselect]),\n  dragstart: exec.with(execIfNotUL, onDragStart),\n  dblclick: exec.with(execIfNotUL, onDblClick),\n  touchstart: exec.with(execIfNotUL, onTouch)\n};\nlet EXT;\nfunction header() {\n  const fm = DOM.getFM();\n  const isDataset = el => el.dataset;\n  const isPanel = el => {\n    return /^js-(left|right)$/.test(el.dataset.name);\n  };\n  Events.addClick(fm, event => {\n    const el = event.target;\n    const parent = el.parentElement;\n    if (parent.dataset.name !== 'js-fm-header') return;\n    const name = (el.dataset.name || '').replace('js-', '');\n    if (!/^(name|size|date)$/.test(name)) return;\n    const panel = getPath(el).filter(isDataset).filter(isPanel).pop();\n    CloudCmd.sortPanel(name, panel);\n  });\n}\nfunction getPath(el, path = []) {\n  if (!el) return path;\n  return getPath(el.parentElement, path.concat(el));\n}\nasync function config() {\n  const [, config] = await tryToCatch(DOM.Files.get, 'config');\n  const type = config === null || config === void 0 ? void 0 : config.packer;\n  EXT = DOM.getPackerExt(type);\n}\nmodule.exports.initKeysPanel = () => {\n  const keysElement = DOM.getById('js-keyspanel');\n  if (!keysElement) return;\n  Events.addClick(keysElement, ({\n    target\n  }) => {\n    const {\n      id\n    } = target;\n    const operation = name => {\n      const {\n        Operation\n      } = CloudCmd;\n      return Operation.show.bind(null, name);\n    };\n    const clickFuncs = {\n      'f1': CloudCmd.Help.show,\n      'f2': CloudCmd.UserMenu.show,\n      'f3': CloudCmd.View.show,\n      'f4': CloudCmd.EditFile.show,\n      'f5': operation('copy'),\n      'f6': operation('move'),\n      'f7': DOM.promptNewDir,\n      'f8': operation('delete'),\n      'f9': CloudCmd.Menu.show,\n      'f10': CloudCmd.Config.show,\n      '~': CloudCmd.Konsole.show,\n      'shift~': CloudCmd.Terminal.show,\n      'contact': CloudCmd.Contact.show\n    };\n    exec(clickFuncs[id]);\n  });\n};\nconst getPanel = side => {\n  if (!itype.string(side)) return side;\n  return DOM.getByDataName(`js-${side}`);\n};\nmodule.exports.setOnPanel = side => {\n  const panel = getPanel(side);\n  const filesElement = DOM.getByDataName('js-files', panel);\n  const pathElement = DOM.getByDataName('js-path', panel);\n\n  /* ставим загрузку гифа на клик*/\n  Events.addClick(pathElement, getPathListener(panel));\n  Events.add(filesElement, EventsFiles);\n};\nfunction getPathListener(panel) {\n  return onPathElementClick.bind(null, panel);\n}\nfunction isNoCurrent(panel) {\n  const infoPanel = Info.panel;\n  if (!infoPanel) return true;\n  const namePanel = panel.getAttribute('data-name');\n  const nameInfoPanel = infoPanel.getAttribute('data-name');\n  return namePanel !== nameInfoPanel;\n}\nfunction decodePath(path) {\n  const url = CloudCmd.HOST;\n  const {\n    prefix\n  } = CloudCmd;\n  const prefixReg = RegExp('^' + prefix + FS);\n  return decodeURI(path).replace(url, '').replace(prefixReg, '') // browser doesn't replace % -> %25% do it for him\n  .replace('%%', '%25%').replace(NBSP_REG, SPACE) || '/';\n}\nasync function onPathElementClick(panel, event) {\n  event.preventDefault();\n  const element = event.target;\n  const attr = element.getAttribute('data-name');\n  const noCurrent = isNoCurrent(panel);\n  if (attr === 'js-copy-path') return copyPath(element);\n  if (attr === 'js-refresh') return CloudCmd.refresh({\n    panel,\n    noCurrent\n  });\n  if (attr !== 'js-path-link') return;\n  const {\n    href\n  } = element;\n  const path = decodePath(href);\n  await CloudCmd.changeDir(path, {\n    isRefresh: false,\n    panel: noCurrent ? panel : Info.panel\n  });\n}\nfunction copyPath(el) {\n  clipboard.writeText(el.parentElement.title).then(CloudCmd.log).catch(CloudCmd.log);\n}\nfunction execIfNotUL(callback, event) {\n  const {\n    target\n  } = event;\n  const {\n    tagName\n  } = target;\n  if (tagName !== 'UL') callback(event);\n}\nfunction onClick(event) {\n  event.preventDefault();\n  changePanel(event.target);\n}\nfunction toggleSelect(key, files) {\n  const isMac = /Mac/.test(window.navigator.platform);\n  if (!key) throw Error('key should not be undefined!');\n  const [file] = files;\n  if (isMac && key.meta || key.ctrl) return DOM.toggleSelectedFile(file);\n  if (key.shift) return files.map(DOM.selectFile);\n}\nfunction changePanel(element) {\n  const {\n    panel\n  } = Info;\n  const files = DOM.getByDataName('js-files', panel);\n  const ul = getULElement(element);\n  if (ul !== files) DOM.changePanel();\n}\nasync function onDblClick(event) {\n  event.preventDefault();\n  const current = getLIElement(event.target);\n  const isDir = DOM.isCurrentIsDir(current);\n  const path = DOM.getCurrentPath(current);\n  if (!isDir) return CloudCmd.View.show();\n  await CloudCmd.changeDir(path);\n}\nasync function onTouch(event) {\n  const current = getLIElement(event.target);\n  const isDir = DOM.isCurrentIsDir(current);\n  if (!isDir) return;\n  const isCurrent = DOM.isCurrentFile(current);\n  if (!isCurrent) return;\n  await CloudCmd.changeDir(DOM.getCurrentPath(current));\n}\n\n/*\n  * download file from browser to desktop\n  * in Chrome (HTML5)\n  */\nfunction onDragStart(event) {\n  const {\n    prefixURL\n  } = CloudCmd;\n  const element = getLIElement(event.target);\n  const {\n    isDir\n  } = Info;\n  let link = DOM.getCurrentLink(element);\n  let name = DOM.getCurrentName(element);\n\n  /* if it's directory - adding json extension */\n  if (isDir) {\n    name += EXT;\n    link = document.createElement('a');\n    link.textContent = name;\n    link.href = prefixURL + '/pack' + Info.path + EXT;\n  }\n  event.dataTransfer.setData('DownloadURL', 'application/octet-stream' + ':' + name + ':' + link);\n}\nfunction getLIElement(element) {\n  if (!element) return element;\n  while (element.tagName !== 'LI') element = element.parentElement;\n  return element;\n}\nfunction getULElement(element) {\n  while (element.tagName !== 'UL') element = element.parentElement;\n  return element;\n}\nfunction setCurrentFileByEvent(event) {\n  const BUTTON_LEFT = 0;\n  const key = {\n    alt: event.altKey,\n    ctrl: event.ctrlKey,\n    meta: event.metaKey,\n    shift: event.shiftKey\n  };\n  const element = getLIElement(event.target);\n  const fromName = Info.name;\n  DOM.setCurrentFile(element);\n  const toName = Info.name;\n  let files = [];\n  if (key.shift) files = getFilesRange(fromName, toName);else files.push(Info.element);\n  if (event.button === BUTTON_LEFT) toggleSelect(key, files);\n}\nfunction getFilesRange(from, to) {\n  const files = DOM.getAllFiles();\n  const names = DOM.getFilenames(files);\n  const getNameIndex = getIndex(names);\n  const indexFrom = getNameIndex(from);\n  const indexTo = getNameIndex(to);\n  return getRange(indexFrom, indexTo, files);\n}\nfunction contextMenu() {\n  const fm = DOM.getFM();\n  Events.addOnce('contextmenu', fm, event => {\n    CloudCmd.Menu.show({\n      x: event.clientX,\n      y: event.clientY\n    });\n  });\n  Events.addContextMenu(fm, event => {\n    CloudCmd.Menu.ENABLED || event.preventDefault();\n  });\n}\nfunction dragndrop() {\n  const panels = DOM.getByClassAll('panel');\n  const select = ({\n    target\n  }) => {\n    target.classList.add('selected-panel');\n  };\n  const unselect = ({\n    target\n  }) => {\n    target.classList.remove('selected-panel');\n  };\n  const onDrop = event => {\n    const {\n      files,\n      items\n    } = event.dataTransfer;\n    const {\n      length: filesCount\n    } = files;\n    event.preventDefault();\n    if (filesCount && (!items || !items.length || !items[0].webkitGetAsEntry)) return uploadFiles(files);\n    const isFile = item => item.kind === 'file';\n    const dirFiles = Array.from(items).filter(isFile);\n    if (dirFiles.length) return DOM.uploadDirectory(dirFiles);\n    const {\n      Operation\n    } = CloudCmd;\n    const operation = event.shiftKey ? 'move' : 'copy';\n    return Operation.show(operation);\n  };\n\n  /**\n   * In Mac OS Chrome dropEffect = 'none'\n   * so drop do not firing up when try\n   * to upload file from download bar\n   */\n  const onDragOver = event => {\n    const {\n      dataTransfer\n    } = event;\n    const {\n      effectAllowed\n    } = dataTransfer;\n    if (/move|linkMove/.test(effectAllowed)) dataTransfer.dropEffect = 'move';else dataTransfer.dropEffect = 'copy';\n    event.preventDefault();\n  };\n  for (const panel of panels) Events.add('dragover', panel, onDragOver).add('drop', panel, onDrop).add('dragenter', select).add(['dragleave', 'drop'], unselect);\n}\nfunction unload() {\n  DOM.Events.add(['unload', 'beforeunload'], event => {\n    const {\n      Key\n    } = CloudCmd;\n    const isBind = Key === null || Key === void 0 ? void 0 : Key.isBind();\n    if (isBind) return;\n    event.preventDefault();\n    return 'Please make sure that you saved all work.';\n  });\n}\nfunction pop() {\n  Events.add('popstate', async ({\n    state\n  }) => {\n    const path = (state || '').replace(FS, '');\n    if (!path) return CloudCmd.route(location.hash);\n    const history = false;\n    await CloudCmd.changeDir(path, {\n      history\n    });\n  });\n}\nfunction resize() {\n  Events.add('resize', () => {\n    const is = window.innerWidth < CloudCmd.MIN_ONE_PANEL_WIDTH;\n    if (!is) return;\n    const {\n      panel\n    } = Info;\n    const isEmptyRoot = !panel;\n    if (isEmptyRoot) return;\n    const name = panel.getAttribute('data-name');\n    const isLeft = name === 'js-left';\n    if (isLeft) return;\n    DOM.changePanel();\n  });\n}\n\n//# sourceURL=file://cloudcmd/client/listeners/index.js");
 
 /***/ }),
 
@@ -307,7 +307,7 @@ eval("/* global DOM, CloudCmd */\n\n\n\nconst exec = __webpack_require__(/*! exe
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global CloudCmd */\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst loadJS = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\").js;\nconst pascalCase = __webpack_require__(/*! just-pascal-case */ \"./node_modules/just-pascal-case/index.js\");\nconst noJS = a => a.replace(/.js$/, '');\n\n/**\n * function load modules\n * @params = {name, path, func, dobefore, arg}\n */\nmodule.exports = function loadModule(params) {\n  if (!params) return;\n  const {\n    path\n  } = params;\n  const name = path && noJS(pascalCase(path));\n  const doBefore = params.dobefore;\n  if (CloudCmd[name]) return;\n  CloudCmd[name] = async () => {\n    exec(doBefore);\n    const {\n      DIR_MODULES\n    } = CloudCmd;\n    const pathFull = `${DIR_MODULES}/${path}.js`;\n    await loadJS(pathFull);\n    const newModule = async f => f && f();\n    const module = CloudCmd[name];\n    Object.assign(newModule, module);\n    CloudCmd[name] = newModule;\n    CloudCmd.log('init', name);\n    await module.init();\n    return newModule;\n  };\n  CloudCmd[name].show = async function () {\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    CloudCmd.log('show', name, args);\n    const m = CloudCmd[name];\n    const [e, a] = await tryToCatch(m);\n    if (e) return console.error(e);\n    return await a.show(...args);\n  };\n};\n\n//# sourceURL=file://cloudcmd/client/load-module.js");
+eval("\n\n/* global CloudCmd */\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst loadJS = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\").js;\nconst pascalCase = __webpack_require__(/*! just-pascal-case */ \"./node_modules/just-pascal-case/index.js\");\nconst noJS = a => a.replace(/.js$/, '');\n\n/**\n * function load modules\n * @params = {name, path, func, dobefore, arg}\n */\nmodule.exports = function loadModule(params) {\n  if (!params) return;\n  const {\n    path\n  } = params;\n  const name = path && noJS(pascalCase(path));\n  const doBefore = params.dobefore;\n  if (CloudCmd[name]) return;\n  CloudCmd[name] = async () => {\n    exec(doBefore);\n    const {\n      DIR_MODULES\n    } = CloudCmd;\n    const pathFull = `${DIR_MODULES}/${path}.js`;\n    await loadJS(pathFull);\n    const newModule = async f => f && f();\n    const module = CloudCmd[name];\n    Object.assign(newModule, module);\n    CloudCmd[name] = newModule;\n    CloudCmd.log('init', name);\n    await module.init();\n    return newModule;\n  };\n  CloudCmd[name].show = async (...args) => {\n    CloudCmd.log('show', name, args);\n    const m = CloudCmd[name];\n    const [e, a] = await tryToCatch(m);\n    if (e) return console.error(e);\n    return await a.show(...args);\n  };\n};\n\n//# sourceURL=file://cloudcmd/client/load-module.js");
 
 /***/ }),
 
@@ -319,7 +319,7 @@ eval("\n\n/* global CloudCmd */\nconst exec = __webpack_require__(/*! execon */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global CloudCmd */\nconst DOM = __webpack_require__(/*! ./dom */ \"./client/dom/index.js\");\nconst Info = DOM.CurrentInfo;\nconst {\n  sort,\n  order\n} = CloudCmd;\nconst position = DOM.getPanelPosition();\nlet sortPrevious = sort[position];\nconst {\n  getPanel\n} = DOM;\nCloudCmd.sortPanel = function (name) {\n  let panel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getPanel();\n  const position = panel.dataset.name.replace('js-', '');\n  if (name !== sortPrevious) {\n    order[position] = 'asc';\n  } else {\n    if (order[position] === 'asc') order[position] = 'desc';else order[position] = 'asc';\n  }\n  sortPrevious = sort[position] = name;\n  const noCurrent = position !== Info.panelPosition;\n  CloudCmd.refresh({\n    panel,\n    noCurrent\n  });\n};\n\n//# sourceURL=file://cloudcmd/client/sort.js");
+eval("\n\n/* global CloudCmd */\nconst DOM = __webpack_require__(/*! ./dom */ \"./client/dom/index.js\");\nconst Info = DOM.CurrentInfo;\nconst {\n  sort,\n  order\n} = CloudCmd;\nconst position = DOM.getPanelPosition();\nlet sortPrevious = sort[position];\nconst {\n  getPanel\n} = DOM;\nCloudCmd.sortPanel = (name, panel = getPanel()) => {\n  const position = panel.dataset.name.replace('js-', '');\n  if (name !== sortPrevious) {\n    order[position] = 'asc';\n  } else {\n    if (order[position] === 'asc') order[position] = 'desc';else order[position] = 'asc';\n  }\n  sortPrevious = sort[position] = name;\n  const noCurrent = position !== Info.panelPosition;\n  CloudCmd.refresh({\n    panel,\n    noCurrent\n  });\n};\n\n//# sourceURL=file://cloudcmd/client/sort.js");
 
 /***/ }),
 
@@ -331,7 +331,7 @@ eval("\n\n/* global CloudCmd */\nconst DOM = __webpack_require__(/*! ./dom */ \"
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nmodule.exports.registerSW = registerSW;\nmodule.exports.unregisterSW = unregisterSW;\nmodule.exports.listenSW = function (sw) {\n  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    args[_key - 1] = arguments[_key];\n  }\n  sw === null || sw === void 0 ? void 0 : sw.addEventListener(...args);\n};\nasync function registerSW(prefix) {\n  if (!navigator.serviceWorker) return;\n  const isHTTPS = location.protocol === 'https:';\n  const isLocalhost = location.hostname === 'localhost';\n  if (!isHTTPS && !isLocalhost) return;\n  const {\n    serviceWorker\n  } = navigator;\n  const register = serviceWorker.register.bind(serviceWorker);\n  const [e, sw] = await tryToCatch(register, `${prefix}/sw.js`);\n  if (e) return null;\n  return sw;\n}\nasync function unregisterSW(prefix) {\n  const reg = await registerSW(prefix);\n  reg === null || reg === void 0 ? void 0 : reg.unregister(prefix);\n}\n\n//# sourceURL=file://cloudcmd/client/sw/register.js");
+eval("\n\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nmodule.exports.registerSW = registerSW;\nmodule.exports.unregisterSW = unregisterSW;\nmodule.exports.listenSW = (sw, ...args) => {\n  sw === null || sw === void 0 ? void 0 : sw.addEventListener(...args);\n};\nasync function registerSW(prefix) {\n  if (!navigator.serviceWorker) return;\n  const isHTTPS = location.protocol === 'https:';\n  const isLocalhost = location.hostname === 'localhost';\n  if (!isHTTPS && !isLocalhost) return;\n  const {\n    serviceWorker\n  } = navigator;\n  const register = serviceWorker.register.bind(serviceWorker);\n  const [e, sw] = await tryToCatch(register, `${prefix}/sw.js`);\n  if (e) return null;\n  return sw;\n}\nasync function unregisterSW(prefix) {\n  const reg = await registerSW(prefix);\n  reg === null || reg === void 0 ? void 0 : reg.unregister(prefix);\n}\n\n//# sourceURL=file://cloudcmd/client/sw/register.js");
 
 /***/ }),
 

package/dist-dev/modules/config.js

@@ -163,7 +163,7 @@
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global CloudCmd, DOM, io */\n__webpack_require__(/*! ../../../css/config.css */ \"./css/config.css\");\nconst rendy = __webpack_require__(/*! rendy */ \"./node_modules/rendy/lib/rendy.js\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst wraptile = __webpack_require__(/*! wraptile */ \"./node_modules/wraptile/lib/wraptile.js\");\nconst squad = __webpack_require__(/*! squad */ \"./node_modules/squad/lib/squad.js\");\nconst {\n  promisify\n} = __webpack_require__(/*! es6-promisify */ \"./node_modules/es6-promisify/dist/promisify.mjs\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst load = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\");\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst input = __webpack_require__(/*! ./input */ \"./client/modules/config/input.js\");\nconst Images = __webpack_require__(/*! ../../dom/images */ \"./client/dom/images.js\");\nconst Events = __webpack_require__(/*! ../../dom/events */ \"./client/dom/events/index.js\");\nconst Files = __webpack_require__(/*! ../../dom/files */ \"./client/dom/files.js\");\nconst {\n  getTitle\n} = __webpack_require__(/*! ../../../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst {\n  Dialog,\n  setTitle\n} = DOM;\nconst Name = 'Config';\nCloudCmd[Name] = module.exports;\nconst loadSocket = promisify(DOM.loadSocket);\nconst showLoad = () => {\n  Images.show.load('top');\n};\nconst addKey = currify((fn, input) => {\n  Events.addKey(input, fn);\n  return input;\n});\nconst addChange = currify((fn, input) => {\n  Events.add('change', input, fn);\n  return input;\n});\nconst Config = {};\nlet Template;\nconst loadCSS = load.css;\nmodule.exports.init = async () => {\n  if (!CloudCmd.config('configDialog')) return;\n  showLoad();\n  const {\n    prefix\n  } = CloudCmd;\n  [Template] = await Promise.all([Files.get('config-tmpl'), loadSocket(), loadCSS(`${prefix}/dist/config.css`), CloudCmd.View()]);\n  initSocket();\n};\nconst {\n  config,\n  Key\n} = CloudCmd;\nlet Element;\nfunction getHost() {\n  const {\n    host,\n    origin,\n    protocol\n  } = location;\n  const href = origin || `${protocol}//${host}`;\n  return href;\n}\nfunction initSocket() {\n  const href = getHost();\n  const {\n    prefixSocket,\n    prefix\n  } = CloudCmd;\n  const ONE_MINUTE = 60 * 1000;\n  const socket = io.connect(href + prefixSocket + '/config', {\n    reconnectionAttempts: Infinity,\n    reconnectionDelay: ONE_MINUTE,\n    path: `${prefix}/socket.io`\n  });\n  const save = data => {\n    onSave(data);\n    socket.send(data);\n  };\n  authCheck(socket);\n  socket.on('connect', () => {\n    Config.save = save;\n  });\n  socket.on('message', onSave);\n  socket.on('log', CloudCmd.log);\n  socket.on('disconnect', () => {\n    Config.save = saveHttp;\n  });\n  socket.on('err', Dialog.alert);\n}\nfunction authCheck(socket) {\n  socket.emit('auth', config('username'), config('password'));\n  socket.on('reject', wraptile(Dialog.alert, 'Wrong credentials!'));\n}\nConfig.save = saveHttp;\nmodule.exports.show = show;\nasync function show() {\n  if (!CloudCmd.config('configDialog')) return;\n  await fillTemplate();\n}\nasync function fillTemplate() {\n  const [error, config] = await tryToCatch(Files.get, 'config');\n  if (error) return Dialog.alert('Could not load config!');\n  const {\n    editor,\n    packer,\n    columns,\n    configAuth,\n    ...obj\n  } = input.convert(config);\n  obj[`${editor}-selected`] = 'selected';\n  obj[`${packer}-selected`] = 'selected';\n  obj[`${columns}-selected`] = 'selected';\n  obj.configAuth = configAuth ? '' : 'hidden';\n  const innerHTML = rendy(Template, obj);\n  Element = createElement('form', {\n    className: 'config',\n    innerHTML\n  });\n  const inputs = document.querySelectorAll('input, select', Element);\n  const [inputFirst] = inputs;\n  let afterShow;\n  if (inputFirst) {\n    onAuthChange(inputFirst.checked);\n    afterShow = inputFirst.focus.bind(inputFirst);\n  }\n  const getTarget = _ref => {\n    let {\n      target\n    } = _ref;\n    return target;\n  };\n  const handleChange = squad(onChange, getTarget);\n  Array.from(inputs).map(addKey(onKey)).map(addChange(handleChange));\n  const autoSize = true;\n  CloudCmd.View.show(Element, {\n    autoSize,\n    afterShow\n  });\n}\nmodule.exports.hide = hide;\nfunction hide() {\n  CloudCmd.View.hide();\n}\nasync function onChange(el) {\n  const obj = {};\n  const name = input.getName(el);\n  const data = input.getValue(name, Element);\n  if (name === 'name') onNameChange(data);else if (name === 'auth') onAuthChange(data);\n  obj[name] = data;\n  await Config.save(obj);\n}\nfunction onSave(obj) {\n  for (const name of Object.keys(obj)) {\n    const data = obj[name];\n    CloudCmd._config(name, data);\n    input.setValue(name, data, Element);\n  }\n}\nasync function saveHttp(obj) {\n  const {\n    RESTful\n  } = DOM;\n  const [e] = await RESTful.Config.write(obj);\n  if (e) return;\n  onSave(obj);\n}\nfunction onAuthChange(checked) {\n  const elUsername = input.getElementByName('username', Element);\n  const elPassword = input.getElementByName('password', Element);\n  elUsername.disabled = elPassword.disabled = !checked;\n}\nfunction onNameChange(name) {\n  setTitle(getTitle({\n    name\n  }));\n}\nasync function onKey(_ref2) {\n  let {\n    keyCode,\n    target\n  } = _ref2;\n  switch (keyCode) {\n    case Key.ESC:\n      return hide();\n    case Key.ENTER:\n      return await onChange(target);\n  }\n}\n\n//# sourceURL=file://cloudcmd/client/modules/config/index.js");
+eval("\n\n/* global CloudCmd, DOM, io */\n__webpack_require__(/*! ../../../css/config.css */ \"./css/config.css\");\nconst rendy = __webpack_require__(/*! rendy */ \"./node_modules/rendy/lib/rendy.js\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst wraptile = __webpack_require__(/*! wraptile */ \"./node_modules/wraptile/lib/wraptile.js\");\nconst squad = __webpack_require__(/*! squad */ \"./node_modules/squad/lib/squad.js\");\nconst {\n  promisify\n} = __webpack_require__(/*! es6-promisify */ \"./node_modules/es6-promisify/dist/promisify.mjs\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst load = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\");\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst input = __webpack_require__(/*! ./input */ \"./client/modules/config/input.js\");\nconst Images = __webpack_require__(/*! ../../dom/images */ \"./client/dom/images.js\");\nconst Events = __webpack_require__(/*! ../../dom/events */ \"./client/dom/events/index.js\");\nconst Files = __webpack_require__(/*! ../../dom/files */ \"./client/dom/files.js\");\nconst {\n  getTitle\n} = __webpack_require__(/*! ../../../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst {\n  Dialog,\n  setTitle\n} = DOM;\nconst Name = 'Config';\nCloudCmd[Name] = module.exports;\nconst loadSocket = promisify(DOM.loadSocket);\nconst showLoad = () => {\n  Images.show.load('top');\n};\nconst addKey = currify((fn, input) => {\n  Events.addKey(input, fn);\n  return input;\n});\nconst addChange = currify((fn, input) => {\n  Events.add('change', input, fn);\n  return input;\n});\nconst Config = {};\nlet Template;\nconst loadCSS = load.css;\nmodule.exports.init = async () => {\n  if (!CloudCmd.config('configDialog')) return;\n  showLoad();\n  const {\n    prefix\n  } = CloudCmd;\n  [Template] = await Promise.all([Files.get('config-tmpl'), loadSocket(), loadCSS(`${prefix}/dist/config.css`), CloudCmd.View()]);\n  initSocket();\n};\nconst {\n  config,\n  Key\n} = CloudCmd;\nlet Element;\nfunction getHost() {\n  const {\n    host,\n    origin,\n    protocol\n  } = location;\n  return origin || `${protocol}//${host}`;\n}\nfunction initSocket() {\n  const href = getHost();\n  const {\n    prefixSocket,\n    prefix\n  } = CloudCmd;\n  const ONE_MINUTE = 60 * 1000;\n  const socket = io.connect(href + prefixSocket + '/config', {\n    reconnectionAttempts: Infinity,\n    reconnectionDelay: ONE_MINUTE,\n    path: `${prefix}/socket.io`\n  });\n  const save = data => {\n    onSave(data);\n    socket.send(data);\n  };\n  authCheck(socket);\n  socket.on('connect', () => {\n    Config.save = save;\n  });\n  socket.on('message', onSave);\n  socket.on('log', CloudCmd.log);\n  socket.on('disconnect', () => {\n    Config.save = saveHttp;\n  });\n  socket.on('err', Dialog.alert);\n}\nfunction authCheck(socket) {\n  socket.emit('auth', config('username'), config('password'));\n  socket.on('reject', wraptile(Dialog.alert, 'Wrong credentials!'));\n}\nConfig.save = saveHttp;\nmodule.exports.show = show;\nasync function show() {\n  if (!CloudCmd.config('configDialog')) return;\n  await fillTemplate();\n}\nasync function fillTemplate() {\n  const [error, config] = await tryToCatch(Files.get, 'config');\n  if (error) return Dialog.alert('Could not load config!');\n  const {\n    editor,\n    packer,\n    columns,\n    configAuth,\n    ...obj\n  } = input.convert(config);\n  obj[`${editor}-selected`] = 'selected';\n  obj[`${packer}-selected`] = 'selected';\n  obj[`${columns}-selected`] = 'selected';\n  obj.configAuth = configAuth ? '' : 'hidden';\n  const innerHTML = rendy(Template, obj);\n  Element = createElement('form', {\n    className: 'config',\n    innerHTML\n  });\n  const inputs = document.querySelectorAll('input, select', Element);\n  const [inputFirst] = inputs;\n  let afterShow;\n  if (inputFirst) {\n    onAuthChange(inputFirst.checked);\n    afterShow = inputFirst.focus.bind(inputFirst);\n  }\n  const getTarget = ({\n    target\n  }) => target;\n  const handleChange = squad(onChange, getTarget);\n  Array.from(inputs).map(addKey(onKey)).map(addChange(handleChange));\n  const autoSize = true;\n  CloudCmd.View.show(Element, {\n    autoSize,\n    afterShow\n  });\n}\nmodule.exports.hide = hide;\nfunction hide() {\n  CloudCmd.View.hide();\n}\nasync function onChange(el) {\n  const obj = {};\n  const name = input.getName(el);\n  const data = input.getValue(name, Element);\n  if (name === 'name') onNameChange(data);else if (name === 'auth') onAuthChange(data);\n  obj[name] = data;\n  await Config.save(obj);\n}\nfunction onSave(obj) {\n  for (const name of Object.keys(obj)) {\n    const data = obj[name];\n    CloudCmd._config(name, data);\n    input.setValue(name, data, Element);\n  }\n}\nasync function saveHttp(obj) {\n  const {\n    RESTful\n  } = DOM;\n  const [e] = await RESTful.Config.write(obj);\n  if (e) return;\n  onSave(obj);\n}\nfunction onAuthChange(checked) {\n  const elUsername = input.getElementByName('username', Element);\n  const elPassword = input.getElementByName('password', Element);\n  elUsername.disabled = elPassword.disabled = !checked;\n}\nfunction onNameChange(name) {\n  setTitle(getTitle({\n    name\n  }));\n}\nasync function onKey({\n  keyCode,\n  target\n}) {\n  switch (keyCode) {\n    case Key.ESC:\n      return hide();\n    case Key.ENTER:\n      return await onChange(target);\n  }\n}\n\n//# sourceURL=file://cloudcmd/client/modules/config/index.js");
 
 /***/ }),
 

package/dist-dev/modules/contact.js

@@ -163,7 +163,7 @@
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("/* global CloudCmd */\n/* global DOM */\n\n\n\nCloudCmd.Contact = exports;\nconst olark = __webpack_require__(/*! @cloudcmd/olark */ \"./node_modules/@cloudcmd/olark/index.js\");\nconst Images = __webpack_require__(/*! ../dom/images */ \"./client/dom/images.js\");\nconst {\n  Events\n} = DOM;\nconst {\n  Key\n} = CloudCmd;\nmodule.exports.show = show;\nmodule.exports.hide = hide;\nmodule.exports.init = () => {\n  Events.addKey(onKey);\n  olark.identify('6216-545-10-4223');\n  olark('api.box.onExpand', show);\n  olark('api.box.onShow', show);\n  olark('api.box.onShrink', hide);\n};\nfunction show() {\n  Key.unsetBind();\n  Images.hide();\n  olark('api.box.expand');\n}\nfunction hide() {\n  Key.setBind();\n  olark('api.box.hide');\n}\nfunction onKey(_ref) {\n  let {\n    keyCode\n  } = _ref;\n  if (keyCode === Key.ESC) hide();\n}\n\n//# sourceURL=file://cloudcmd/client/modules/contact.js");
+eval("/* global CloudCmd */\n/* global DOM */\n\n\n\nCloudCmd.Contact = exports;\nconst olark = __webpack_require__(/*! @cloudcmd/olark */ \"./node_modules/@cloudcmd/olark/index.js\");\nconst Images = __webpack_require__(/*! ../dom/images */ \"./client/dom/images.js\");\nconst {\n  Events\n} = DOM;\nconst {\n  Key\n} = CloudCmd;\nmodule.exports.show = show;\nmodule.exports.hide = hide;\nmodule.exports.init = () => {\n  Events.addKey(onKey);\n  olark.identify('6216-545-10-4223');\n  olark('api.box.onExpand', show);\n  olark('api.box.onShow', show);\n  olark('api.box.onShrink', hide);\n};\nfunction show() {\n  Key.unsetBind();\n  Images.hide();\n  olark('api.box.expand');\n}\nfunction hide() {\n  Key.setBind();\n  olark('api.box.hide');\n}\nfunction onKey({\n  keyCode\n}) {\n  if (keyCode === Key.ESC) hide();\n}\n\n//# sourceURL=file://cloudcmd/client/modules/contact.js");
 
 /***/ })
 

package/dist-dev/modules/edit.js

@@ -163,7 +163,7 @@
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("/* global CloudCmd */\n\n\n\nconst montag = __webpack_require__(/*! montag */ \"./node_modules/montag/lib/montag.js\");\nconst {\n  promisify\n} = __webpack_require__(/*! es6-promisify */ \"./node_modules/es6-promisify/dist/promisify.mjs\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst load = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\");\nconst {\n  MAX_FILE_SIZE: maxSize\n} = __webpack_require__(/*! ../../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst {\n  time,\n  timeEnd\n} = __webpack_require__(/*! ../../common/util */ \"./common/util.js\");\nconst loadJS = load.js;\nconst Name = 'Edit';\nCloudCmd[Name] = exports;\nconst EditorName = CloudCmd.config('editor');\nlet Loading = true;\nlet Element;\nlet editor;\nconst ConfigView = {\n  afterShow: () => {\n    editor.moveCursorTo(0, 0).focus();\n  }\n};\nmodule.exports.init = async () => {\n  const element = create();\n  await CloudCmd.View();\n  await loadFiles(element);\n};\nfunction create() {\n  const element = createElement('div', {\n    style: montag`\n            width: 100%;\n            height: 100%;\n            font-family: \"Droid Sans Mono\";\n        `,\n    notAppend: true\n  });\n  Element = element;\n  return element;\n}\nfunction checkFn(name, fn) {\n  if (typeof fn !== 'function') throw Error(`${name} should be a function!`);\n}\nfunction initConfig() {\n  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const config = {\n    ...options,\n    ...ConfigView\n  };\n  if (!options.afterShow) return config;\n  checkFn('options.afterShow', options.afterShow);\n  config.afterShow = () => {\n    ConfigView.afterShow();\n    options.afterShow();\n  };\n  return config;\n}\nmodule.exports.show = options => {\n  if (Loading) return;\n  CloudCmd.View.show(Element, initConfig(options));\n  getEditor().setOptions({\n    fontSize: 16\n  });\n};\nmodule.exports.getEditor = getEditor;\nfunction getEditor() {\n  return editor;\n}\nmodule.exports.getElement = () => Element;\nmodule.exports.hide = () => {\n  CloudCmd.View.hide();\n};\nconst loadFiles = async element => {\n  const prefix = `${CloudCmd.prefix}/${EditorName}`;\n  const socketPath = CloudCmd.prefix;\n  const prefixSocket = `${CloudCmd.prefixSocket}/${EditorName}`;\n  const url = `${prefix}/${EditorName}.js`;\n  time(`${Name} load`);\n  await loadJS(url);\n  const word = promisify(window[EditorName]);\n  const [ed] = await tryToCatch(word, element, {\n    maxSize,\n    prefix,\n    prefixSocket,\n    socketPath\n  });\n  timeEnd(`${Name} load`);\n  editor = ed;\n  Loading = false;\n};\n\n//# sourceURL=file://cloudcmd/client/modules/edit.js");
+eval("/* global CloudCmd */\n\n\n\nconst montag = __webpack_require__(/*! montag */ \"./node_modules/montag/lib/montag.js\");\nconst {\n  promisify\n} = __webpack_require__(/*! es6-promisify */ \"./node_modules/es6-promisify/dist/promisify.mjs\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst load = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\");\nconst {\n  MAX_FILE_SIZE: maxSize\n} = __webpack_require__(/*! ../../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst {\n  time,\n  timeEnd\n} = __webpack_require__(/*! ../../common/util */ \"./common/util.js\");\nconst isFn = a => typeof a === 'function';\nconst loadJS = load.js;\nconst Name = 'Edit';\nCloudCmd[Name] = exports;\nconst EditorName = CloudCmd.config('editor');\nlet Loading = true;\nlet Element;\nlet editor;\nconst ConfigView = {\n  afterShow: () => {\n    editor.moveCursorTo(0, 0).focus();\n  }\n};\nmodule.exports.init = async () => {\n  const element = create();\n  await CloudCmd.View();\n  await loadFiles(element);\n};\nfunction create() {\n  const element = createElement('div', {\n    style: montag`\n            width: 100%;\n            height: 100%;\n            font-family: \"Droid Sans Mono\";\n        `,\n    notAppend: true\n  });\n  Element = element;\n  return element;\n}\nfunction checkFn(name, fn) {\n  if (!isFn(fn)) throw Error(`${name} should be a function!`);\n}\nfunction initConfig(options = {}) {\n  const config = {\n    ...options,\n    ...ConfigView\n  };\n  if (!options.afterShow) return config;\n  checkFn('options.afterShow', options.afterShow);\n  config.afterShow = () => {\n    ConfigView.afterShow();\n    options.afterShow();\n  };\n  return config;\n}\nmodule.exports.show = options => {\n  if (Loading) return;\n  CloudCmd.View.show(Element, initConfig(options));\n  getEditor().setOptions({\n    fontSize: 16\n  });\n};\nmodule.exports.getEditor = getEditor;\nfunction getEditor() {\n  return editor;\n}\nmodule.exports.getElement = () => Element;\nmodule.exports.hide = () => {\n  CloudCmd.View.hide();\n};\nconst loadFiles = async element => {\n  const prefix = `${CloudCmd.prefix}/${EditorName}`;\n  const socketPath = CloudCmd.prefix;\n  const prefixSocket = `${CloudCmd.prefixSocket}/${EditorName}`;\n  const url = `${prefix}/${EditorName}.js`;\n  time(`${Name} load`);\n  await loadJS(url);\n  const word = promisify(window[EditorName]);\n  const [ed] = await tryToCatch(word, element, {\n    maxSize,\n    prefix,\n    prefixSocket,\n    socketPath\n  });\n  timeEnd(`${Name} load`);\n  editor = ed;\n  Loading = false;\n};\n\n//# sourceURL=file://cloudcmd/client/modules/edit.js");
 
 /***/ })
 

package/dist-dev/modules/markdown.js

@@ -163,7 +163,7 @@
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global CloudCmd */\nCloudCmd.Markdown = exports;\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst Images = __webpack_require__(/*! ../dom/images */ \"./client/dom/images.js\");\nconst {\n  Markdown\n} = __webpack_require__(/*! ../dom/rest */ \"./client/dom/rest.js\");\nconst {\n  alert\n} = __webpack_require__(/*! ../dom/dialog */ \"./client/dom/dialog.js\");\nmodule.exports.init = async () => {\n  Images.show.load('top');\n  await CloudCmd.View();\n};\nmodule.exports.show = show;\nmodule.exports.hide = () => {\n  CloudCmd.View.hide();\n};\nasync function show(name) {\n  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  const {\n    positionLoad,\n    relative\n  } = options;\n  Images.show.load(positionLoad);\n  if (relative) name += '?relative';\n  const [error, innerHTML] = await Markdown.read(name);\n  Images.hide();\n  if (error) return alert(error.message, {\n    cancel: false\n  });\n  const className = 'help';\n  const div = createElement('div', {\n    className,\n    innerHTML\n  });\n  CloudCmd.View.show(div);\n}\n\n//# sourceURL=file://cloudcmd/client/modules/markdown.js");
+eval("\n\n/* global CloudCmd */\nCloudCmd.Markdown = exports;\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst Images = __webpack_require__(/*! ../dom/images */ \"./client/dom/images.js\");\nconst {\n  Markdown\n} = __webpack_require__(/*! ../dom/rest */ \"./client/dom/rest.js\");\nconst {\n  alert\n} = __webpack_require__(/*! ../dom/dialog */ \"./client/dom/dialog.js\");\nmodule.exports.init = async () => {\n  Images.show.load('top');\n  await CloudCmd.View();\n};\nmodule.exports.show = show;\nmodule.exports.hide = () => {\n  CloudCmd.View.hide();\n};\nasync function show(name, options = {}) {\n  const {\n    positionLoad,\n    relative\n  } = options;\n  Images.show.load(positionLoad);\n  if (relative) name += '?relative';\n  const [error, innerHTML] = await Markdown.read(name);\n  Images.hide();\n  if (error) return alert(error.message, {\n    cancel: false\n  });\n  const className = 'help';\n  const div = createElement('div', {\n    className,\n    innerHTML\n  });\n  CloudCmd.View.show(div);\n}\n\n//# sourceURL=file://cloudcmd/client/modules/markdown.js");
 
 /***/ })
 

package/dist-dev/modules/menu.js

@@ -163,7 +163,7 @@
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("/* global CloudCmd, DOM */\n\n\n\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst wrap = __webpack_require__(/*! wraptile */ \"./node_modules/wraptile/lib/wraptile.js\");\nconst supermenu = __webpack_require__(/*! supermenu */ \"./node_modules/supermenu/lib/supermenu.js\");\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst {\n  FS\n} = __webpack_require__(/*! ../../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst {\n  getIdBySrc\n} = __webpack_require__(/*! ../dom/load */ \"./client/dom/load.js\");\nconst RESTful = __webpack_require__(/*! ../dom/rest */ \"./client/dom/rest.js\");\nconst {\n  config,\n  Key\n} = CloudCmd;\nconst {\n  Buffer,\n  Events,\n  Dialog,\n  Images\n} = DOM;\nconst Info = DOM.CurrentInfo;\nconst alertNoFiles = Dialog.alert.noFiles;\nconst uploadTo = wrap(_uploadTo);\nlet MenuShowedName;\nlet MenuContext;\nlet MenuContextFile;\nmodule.exports.ENABLED = false;\nCloudCmd.Menu = exports;\nmodule.exports.init = () => {\n  const {\n    isAuth,\n    menuDataFile\n  } = getFileMenuData();\n  const fm = DOM.getFM();\n  const menuData = getMenuData(isAuth);\n  const options = getOptions({\n    type: 'context'\n  });\n  const optionsFile = getOptions({\n    type: 'file'\n  });\n  MenuContext = supermenu(fm, options, menuData);\n  MenuContextFile = supermenu(fm, optionsFile, menuDataFile);\n  MenuContext.addContextMenuListener();\n  MenuContextFile.addContextMenuListener();\n  Events.addKey(listener);\n};\nmodule.exports.hide = hide;\nfunction hide() {\n  MenuContext.hide();\n  MenuContextFile.hide();\n}\nmodule.exports.show = position => {\n  const {\n    x,\n    y\n  } = getPosition(position);\n  MenuContext.show(x, y);\n  MenuContextFile.show(x, y);\n  Images.hide();\n};\nfunction getPosition(position) {\n  if (position) return {\n    x: position.x,\n    y: position.y\n  };\n  return getCurrentPosition();\n}\nfunction getMenuNameByEl(el) {\n  if (!el) return 'context';\n  const name = DOM.getCurrentName(el);\n  if (name === '..') return 'context';\n  return 'contextFile';\n}\nfunction getOptions(_ref) {\n  let {\n    type\n  } = _ref;\n  let name;\n  let func;\n  if (type === 'context') {\n    name = 'context';\n    func = Key.unsetBind;\n  } else if (type === 'file') {\n    name = 'contextFile';\n  }\n  const options = {\n    icon: true,\n    beforeClose: Key.setBind,\n    beforeShow: exec.with(beforeShow, func),\n    beforeClick,\n    name\n  };\n  return options;\n}\nfunction getMenuData(isAuth) {\n  const menu = {\n    'Paste': Buffer.paste,\n    'New': {\n      File: DOM.promptNewFile,\n      Directory: DOM.promptNewDir\n    },\n    'Upload': () => {\n      CloudCmd.Upload.show();\n    },\n    'Upload From Cloud': uploadFromCloud,\n    '(Un)Select All': DOM.toggleAllSelectedFiles\n  };\n  if (isAuth) menu['Log Out'] = CloudCmd.logOut;\n  return menu;\n}\nfunction getFileMenuData() {\n  const isAuth = CloudCmd.config('auth');\n  const menuBottom = getMenuData(isAuth);\n  const menuTop = {\n    'View': () => {\n      CloudCmd.View.show();\n    },\n    'Edit': () => {\n      const name = config('vim') ? 'EditFileVim' : 'EditFile';\n      CloudCmd[name].show();\n    },\n    'Rename': () => {\n      setTimeout(DOM.renameCurrent, 100);\n    },\n    'Delete': () => {\n      CloudCmd.Operation.show('delete');\n    },\n    'Pack': () => {\n      CloudCmd.Operation.show('pack');\n    },\n    'Extract': () => {\n      CloudCmd.Operation.show('extract');\n    },\n    'Download': preDownload,\n    'Upload To Cloud': uploadTo('Cloud'),\n    'Cut': () => {\n      isCurrent(Buffer.cut, alertNoFiles);\n    },\n    'Copy': () => {\n      isCurrent(Buffer.copy, alertNoFiles);\n    }\n  };\n  const menuDataFile = {\n    ...menuTop,\n    ...menuBottom\n  };\n  return {\n    isAuth,\n    menuDataFile\n  };\n}\nfunction isCurrent(yesFn, noFn) {\n  if (Info.name !== '..') return yesFn();\n  noFn();\n}\nfunction isPath(x, y) {\n  const {\n    panel\n  } = Info;\n  const isEmptyRoot = !panel;\n  if (isEmptyRoot) return false;\n  const el = document.elementFromPoint(x, y);\n  const elements = panel.querySelectorAll('[data-name=\"js-path\"] *');\n  const is = ~[].indexOf.call(elements, el);\n  return is;\n}\nfunction beforeShow(callback, params) {\n  const {\n    name\n  } = params;\n  const el = DOM.getCurrentByPosition({\n    x: params.x,\n    y: params.y\n  });\n  const menuName = getMenuNameByEl(el);\n  let isShow = menuName !== 'contextFile';\n  if (params.name === 'contextFile') isShow = !isShow;\n  if (isShow) MenuShowedName = name;\n  exec(callback);\n  if (isShow) isShow = isPath(params.x, params.y);\n  return isShow;\n}\nfunction beforeClick(name) {\n  return MenuShowedName !== name;\n}\nasync function _uploadTo(nameModule) {\n  const [error, data] = await Info.getData();\n  if (error) return;\n  const {\n    name\n  } = Info;\n  CloudCmd.execFromModule(nameModule, 'uploadFile', name, data);\n  CloudCmd.log(`Uploading to ${name}...`);\n}\nfunction uploadFromCloud() {\n  Images.show.load('top');\n  CloudCmd.execFromModule('Cloud', 'saveFile', async (currentName, data) => {\n    const path = DOM.getCurrentDirPath() + currentName;\n    const [e] = await RESTful.write(path, data);\n    if (e) return;\n    await CloudCmd.refresh({\n      currentName\n    });\n  });\n}\nfunction preDownload() {\n  download(config('packer'));\n}\nfunction download(type) {\n  const TIME = 30 * 1000;\n  const {\n    prefixURL\n  } = CloudCmd;\n  const PACK = '/pack';\n  const date = Date.now();\n  const files = DOM.getActiveFiles();\n  if (!files.length) return alertNoFiles();\n  for (const file of files) {\n    const selected = DOM.isSelected(file);\n    const isDir = DOM.isCurrentIsDir(file);\n    const path = DOM.getCurrentPath(file);\n    CloudCmd.log(`downloading file ${path}...`);\n    /*\n      * if we send ajax request -\n      * no need in hash so we escape #\n      * and all other characters, like \"%\"\n      */\n    const encodedPath = encodeURI(path).replace(/#/g, '%23');\n    const id = getIdBySrc(path);\n    let src;\n    if (isDir) src = prefixURL + PACK + encodedPath + DOM.getPackerExt(type);else src = prefixURL + FS + encodedPath + '?download';\n    const element = createElement('iframe', {\n      id: id + '-' + date,\n      async: false,\n      className: 'hidden',\n      src\n    });\n    const {\n      body\n    } = document;\n    const removeChild = body.removeChild.bind(body, element);\n    setTimeout(removeChild, TIME);\n    if (selected) DOM.toggleSelectedFile(file);\n  }\n}\nfunction getCurrentPosition() {\n  const current = Info.element;\n  const rect = current.getBoundingClientRect();\n  const position = {\n    x: Math.round(rect.left + rect.width / 3),\n    y: Math.round(rect.top)\n  };\n  return position;\n}\nfunction listener(event) {\n  const {\n    F9,\n    ESC\n  } = Key;\n  const key = event.keyCode;\n  const isBind = Key.isBind();\n  if (!isBind) return;\n  if (key === ESC) return hide();\n  if (key === F9) {\n    const position = getCurrentPosition();\n    MenuContext.show(position.x, position.y);\n    event.preventDefault();\n  }\n}\n\n//# sourceURL=file://cloudcmd/client/modules/menu.js");
+eval("/* global CloudCmd, DOM */\n\n\n\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst wrap = __webpack_require__(/*! wraptile */ \"./node_modules/wraptile/lib/wraptile.js\");\nconst supermenu = __webpack_require__(/*! supermenu */ \"./node_modules/supermenu/lib/supermenu.js\");\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst {\n  FS\n} = __webpack_require__(/*! ../../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst {\n  getIdBySrc\n} = __webpack_require__(/*! ../dom/load */ \"./client/dom/load.js\");\nconst RESTful = __webpack_require__(/*! ../dom/rest */ \"./client/dom/rest.js\");\nconst {\n  config,\n  Key\n} = CloudCmd;\nconst {\n  Buffer,\n  Events,\n  Dialog,\n  Images\n} = DOM;\nconst Info = DOM.CurrentInfo;\nconst alertNoFiles = Dialog.alert.noFiles;\nconst uploadTo = wrap(_uploadTo);\nlet MenuShowedName;\nlet MenuContext;\nlet MenuContextFile;\nmodule.exports.ENABLED = false;\nCloudCmd.Menu = exports;\nmodule.exports.init = () => {\n  const {\n    isAuth,\n    menuDataFile\n  } = getFileMenuData();\n  const fm = DOM.getFM();\n  const menuData = getMenuData(isAuth);\n  const options = getOptions({\n    type: 'context'\n  });\n  const optionsFile = getOptions({\n    type: 'file'\n  });\n  MenuContext = supermenu(fm, options, menuData);\n  MenuContextFile = supermenu(fm, optionsFile, menuDataFile);\n  MenuContext.addContextMenuListener();\n  MenuContextFile.addContextMenuListener();\n  Events.addKey(listener);\n};\nmodule.exports.hide = hide;\nfunction hide() {\n  MenuContext.hide();\n  MenuContextFile.hide();\n}\nmodule.exports.show = position => {\n  const {\n    x,\n    y\n  } = getPosition(position);\n  MenuContext.show(x, y);\n  MenuContextFile.show(x, y);\n  Images.hide();\n};\nfunction getPosition(position) {\n  if (position) return {\n    x: position.x,\n    y: position.y\n  };\n  return getCurrentPosition();\n}\nfunction getMenuNameByEl(el) {\n  if (!el) return 'context';\n  const name = DOM.getCurrentName(el);\n  if (name === '..') return 'context';\n  return 'contextFile';\n}\nfunction getOptions({\n  type\n}) {\n  let name;\n  let func;\n  if (type === 'context') {\n    name = 'context';\n    func = Key.unsetBind;\n  } else if (type === 'file') {\n    name = 'contextFile';\n  }\n  const options = {\n    icon: true,\n    beforeClose: Key.setBind,\n    beforeShow: exec.with(beforeShow, func),\n    beforeClick,\n    name\n  };\n  return options;\n}\nfunction getMenuData(isAuth) {\n  const menu = {\n    'Paste': Buffer.paste,\n    'New': {\n      File: DOM.promptNewFile,\n      Directory: DOM.promptNewDir\n    },\n    'Upload': () => {\n      CloudCmd.Upload.show();\n    },\n    'Upload From Cloud': uploadFromCloud,\n    '(Un)Select All': DOM.toggleAllSelectedFiles\n  };\n  if (isAuth) menu['Log Out'] = CloudCmd.logOut;\n  return menu;\n}\nfunction getFileMenuData() {\n  const isAuth = CloudCmd.config('auth');\n  const menuBottom = getMenuData(isAuth);\n  const menuTop = {\n    'View': () => {\n      CloudCmd.View.show();\n    },\n    'Edit': () => {\n      const name = config('vim') ? 'EditFileVim' : 'EditFile';\n      CloudCmd[name].show();\n    },\n    'Rename': () => {\n      setTimeout(DOM.renameCurrent, 100);\n    },\n    'Delete': () => {\n      CloudCmd.Operation.show('delete');\n    },\n    'Pack': () => {\n      CloudCmd.Operation.show('pack');\n    },\n    'Extract': () => {\n      CloudCmd.Operation.show('extract');\n    },\n    'Download': preDownload,\n    'Upload To Cloud': uploadTo('Cloud'),\n    'Cut': () => {\n      isCurrent(Buffer.cut, alertNoFiles);\n    },\n    'Copy': () => {\n      isCurrent(Buffer.copy, alertNoFiles);\n    }\n  };\n  const menuDataFile = {\n    ...menuTop,\n    ...menuBottom\n  };\n  return {\n    isAuth,\n    menuDataFile\n  };\n}\nfunction isCurrent(yesFn, noFn) {\n  if (Info.name !== '..') return yesFn();\n  noFn();\n}\nfunction isPath(x, y) {\n  const {\n    panel\n  } = Info;\n  const isEmptyRoot = !panel;\n  if (isEmptyRoot) return false;\n  const el = document.elementFromPoint(x, y);\n  const elements = panel.querySelectorAll('[data-name=\"js-path\"] *');\n  return ~[].indexOf.call(elements, el);\n}\nfunction beforeShow(callback, params) {\n  const {\n    name\n  } = params;\n  const el = DOM.getCurrentByPosition({\n    x: params.x,\n    y: params.y\n  });\n  const menuName = getMenuNameByEl(el);\n  let isShow = menuName !== 'contextFile';\n  if (params.name === 'contextFile') isShow = !isShow;\n  if (isShow) MenuShowedName = name;\n  exec(callback);\n  if (isShow) isShow = isPath(params.x, params.y);\n  return isShow;\n}\nfunction beforeClick(name) {\n  return MenuShowedName !== name;\n}\nasync function _uploadTo(nameModule) {\n  const [error, data] = await Info.getData();\n  if (error) return;\n  const {\n    name\n  } = Info;\n  CloudCmd.execFromModule(nameModule, 'uploadFile', name, data);\n  CloudCmd.log(`Uploading to ${name}...`);\n}\nfunction uploadFromCloud() {\n  Images.show.load('top');\n  CloudCmd.execFromModule('Cloud', 'saveFile', async (currentName, data) => {\n    const path = DOM.getCurrentDirPath() + currentName;\n    const [e] = await RESTful.write(path, data);\n    if (e) return;\n    await CloudCmd.refresh({\n      currentName\n    });\n  });\n}\nfunction preDownload() {\n  download(config('packer'));\n}\nfunction download(type) {\n  const TIME = 30 * 1000;\n  const {\n    prefixURL\n  } = CloudCmd;\n  const PACK = '/pack';\n  const date = Date.now();\n  const files = DOM.getActiveFiles();\n  if (!files.length) return alertNoFiles();\n  for (const file of files) {\n    const selected = DOM.isSelected(file);\n    const isDir = DOM.isCurrentIsDir(file);\n    const path = DOM.getCurrentPath(file);\n    CloudCmd.log(`downloading file ${path}...`);\n    /*\n      * if we send ajax request -\n      * no need in hash so we escape #\n      * and all other characters, like \"%\"\n      */\n    const encodedPath = encodeURI(path).replace(/#/g, '%23');\n    const id = getIdBySrc(path);\n    let src;\n    if (isDir) src = prefixURL + PACK + encodedPath + DOM.getPackerExt(type);else src = prefixURL + FS + encodedPath + '?download';\n    const element = createElement('iframe', {\n      id: id + '-' + date,\n      async: false,\n      className: 'hidden',\n      src\n    });\n    const {\n      body\n    } = document;\n    const removeChild = body.removeChild.bind(body, element);\n    setTimeout(removeChild, TIME);\n    if (selected) DOM.toggleSelectedFile(file);\n  }\n}\nfunction getCurrentPosition() {\n  const current = Info.element;\n  const rect = current.getBoundingClientRect();\n  const position = {\n    x: Math.round(rect.left + rect.width / 3),\n    y: Math.round(rect.top)\n  };\n  return position;\n}\nfunction listener(event) {\n  const {\n    F9,\n    ESC\n  } = Key;\n  const key = event.keyCode;\n  const isBind = Key.isBind();\n  if (!isBind) return;\n  if (key === ESC) return hide();\n  if (key === F9) {\n    const position = getCurrentPosition();\n    MenuContext.show(position.x, position.y);\n    event.preventDefault();\n  }\n}\n\n//# sourceURL=file://cloudcmd/client/modules/menu.js");
 
 /***/ })
 

package/dist-dev/modules/operation.js

@@ -187,7 +187,7 @@ eval("\n\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/cu
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("/* global CloudCmd */\n/* global Util */\n/* global DOM */\n/* global fileop */\n\n\n\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst wraptile = __webpack_require__(/*! wraptile */ \"./node_modules/wraptile/lib/wraptile.js\");\nconst {\n  promisify\n} = __webpack_require__(/*! es6-promisify */ \"./node_modules/es6-promisify/dist/promisify.mjs\");\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst load = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst {\n  encode\n} = __webpack_require__(/*! ../../../common/entity */ \"./common/entity.js\");\nconst removeExtension = __webpack_require__(/*! ./remove-extension */ \"./client/modules/operation/remove-extension.js\");\nconst setListeners = __webpack_require__(/*! ./set-listeners */ \"./client/modules/operation/set-listeners.js\");\nconst getNextCurrentName = __webpack_require__(/*! ./get-next-current-name */ \"./client/modules/operation/get-next-current-name.js\");\nconst removeQuery = a => a.replace(/\\?.*/, '');\nconst Name = 'Operation';\nCloudCmd[Name] = exports;\nconst {\n  config\n} = CloudCmd;\nconst {\n  Dialog,\n  Images\n} = DOM;\nconst authCheck = wraptile(_authCheck);\nconst Operation = {};\nlet Loaded;\nlet copyFn;\nlet moveFn;\nlet deleteFn;\nlet extractFn;\nlet packZipFn;\nlet packTarFn;\nconst Info = DOM.CurrentInfo;\nconst showLoad = Images.show.load.bind(null, 'top');\nconst processFiles = currify(_processFiles);\nconst noFilesCheck = () => {\n  const {\n    length\n  } = DOM.getActiveFiles();\n  const is = Boolean(!length);\n  if (is) return Dialog.alert.noFiles();\n  return is;\n};\nmodule.exports.init = promisify(callback => {\n  showLoad();\n  exec.series([DOM.loadSocket, async callback => {\n    if (config('dropbox')) return callback();\n    const {\n      prefix,\n      prefixSocket\n    } = CloudCmd;\n    await loadAll();\n    await initOperations(prefix, prefixSocket, callback);\n  }, callback => {\n    Loaded = true;\n    Images.hide();\n    callback();\n  }], callback);\n});\nfunction _authCheck(spawn, ok) {\n  const accept = wraptile(ok);\n  const alertDialog = wraptile(Dialog.alert);\n  spawn.on('accept', accept(spawn));\n  spawn.on('reject', alertDialog('Wrong credentials!'));\n  spawn.emit('auth', config('username'), config('password'));\n}\nconst onConnect = currify((fn, operator) => {\n  setOperations(operator);\n  fn();\n});\nasync function initOperations(prefix, socketPrefix, fn) {\n  socketPrefix = `${socketPrefix}/fileop`;\n  const operator = await fileop({\n    prefix,\n    socketPrefix\n  });\n  operator.on('connect', authCheck(operator, onConnect(fn)));\n}\nfunction setOperations(operator) {\n  packTarFn = (_ref, callback) => {\n    let {\n      from,\n      to,\n      names\n    } = _ref;\n    const operation = 'Tar';\n    const listen = setListeners({\n      operation,\n      callback,\n      noContinue: true,\n      from,\n      to\n    });\n    operator.tar(from, to, names).then(listen);\n  };\n  packZipFn = (_ref2, callback) => {\n    let {\n      from,\n      to,\n      names\n    } = _ref2;\n    const operation = 'Zip';\n    const listen = setListeners({\n      operation,\n      callback,\n      noContinue: true,\n      from,\n      to\n    });\n    operator.zip(from, to, names).then(listen);\n  };\n  deleteFn = (from, files, callback) => {\n    from = removeQuery(from);\n    const operation = 'Delete';\n    const listen = setListeners({\n      operation,\n      callback,\n      from\n    });\n    operator.remove(from, files).then(listen);\n  };\n  copyFn = (_ref3, callback) => {\n    let {\n      from,\n      to,\n      names\n    } = _ref3;\n    const operation = 'Copy';\n    const listen = setListeners({\n      operation,\n      callback,\n      from,\n      to,\n      names\n    });\n    operator.copy(from, to, names).then(listen);\n  };\n  moveFn = (_ref4, callback) => {\n    let {\n      from,\n      to,\n      names\n    } = _ref4;\n    const operation = 'Move';\n    const listen = setListeners({\n      operation,\n      callback,\n      from,\n      to\n    });\n    operator.move(from, to, names).then(listen);\n  };\n  extractFn = (_ref5, callback) => {\n    let {\n      from,\n      to\n    } = _ref5;\n    const operation = 'Extract';\n    const listen = setListeners({\n      operation,\n      callback,\n      noContinue: true,\n      from,\n      to\n    });\n    operator.extract(from, to).then(listen);\n  };\n}\nfunction getPacker(type) {\n  if (type === 'zip') return packZipFn;\n  return packTarFn;\n}\nmodule.exports.hide = () => {\n  CloudCmd.View.hide();\n};\nmodule.exports.show = (operation, data) => {\n  if (!Loaded) return;\n  if (operation === 'copy') return Operation.copy(data);\n  if (operation === 'move') return Operation.move(data);\n  if (operation === 'delete') return Operation.delete();\n  if (operation === 'delete:silent') return Operation.deleteSilent();\n  if (operation === 'pack') return Operation.pack();\n  if (operation === 'extract') return Operation.extract();\n};\nOperation.copy = processFiles({\n  type: 'copy'\n});\nOperation.move = processFiles({\n  type: 'move'\n});\nOperation.delete = promptDelete;\nOperation.deleteSilent = deleteSilent;\nOperation.pack = () => {\n  const isZip = config('packer') === 'zip';\n  twopack('pack', isZip ? 'zip' : 'tar');\n};\nOperation.extract = () => {\n  twopack('extract');\n};\n\n/**\n * prompt and delete current file or selected files\n *\n * @currentFile\n */\nasync function promptDelete() {\n  if (noFilesCheck()) return;\n  const msgAsk = 'Do you really want to delete the ';\n  const msgSel = 'selected ';\n  const files = DOM.getActiveFiles();\n  const names = DOM.getFilenames(files);\n  const n = names.length;\n  let msg;\n  if (n) {\n    let name = '';\n    for (let i = 0; i < 5 && i < n; i++) name += '\\n' + names[i];\n    if (n >= 5) name += '\\n...';\n    msg = msgAsk + msgSel + n + ' files/directories?\\n' + encode(name);\n  } else {\n    const current = DOM.getCurrentFile();\n    const isDir = DOM.isCurrentIsDir(current);\n    const getType = isDir => isDir ? 'directory' : 'file';\n    const type = getType(isDir) + ' ';\n    const name = DOM.getCurrentName(current);\n    msg = msgAsk + msgSel + type + name + '?';\n  }\n  const [cancel] = await Dialog.confirm(msg);\n  if (cancel) return;\n  deleteSilent(files);\n}\n\n/**\n * delete current or selected files\n *\n * @files\n */\nfunction deleteSilent() {\n  let files = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DOM.getActiveFiles();\n  const query = '?files';\n  const path = Info.dirPath;\n  if (noFilesCheck()) return;\n  showLoad();\n  const removedNames = DOM.getFilenames(files);\n  const names = DOM.CurrentInfo.files.map(DOM.getCurrentName);\n  const currentName = DOM.getCurrentName();\n  const nextCurrentName = getNextCurrentName(currentName, names, removedNames);\n  deleteFn(path + query, removedNames, async () => {\n    await CloudCmd.refresh();\n    const names = Info.files.map(DOM.getCurrentName);\n    const isCurrent = names.includes(currentName);\n    const name = isCurrent ? currentName : nextCurrentName;\n    DOM.setCurrentByName(name);\n  });\n}\n\n/*\n * process files (copy or move)\n * @param data\n * @param operation\n */\nasync function _processFiles(options, data) {\n  let selFiles;\n  let files;\n  let panel;\n  let shouldAsk;\n  let ok;\n  let from = '';\n  let to = '';\n  let names = [];\n  if (data) {\n    from = data.from;\n    to = data.to;\n    names = data.names;\n    panel = Info.panel;\n  } else {\n    from = Info.dirPath;\n    to = DOM.getNotCurrentDirPath();\n    selFiles = DOM.getSelectedFiles();\n    names = DOM.getFilenames(selFiles);\n    data = {};\n    shouldAsk = true;\n    panel = Info.panelPassive;\n  }\n  if (!names.length) names.push(DOM.getCurrentName());\n  const [name] = names;\n  const sameName = DOM.getCurrentByName(name, panel);\n  if (!data && noFilesCheck()) return;\n  const {\n    type\n  } = options;\n  const isCopy = type === 'copy';\n  const option = isCopy ? 'confirmCopy' : 'confirmMove';\n  const title = isCopy ? 'Copy' : 'Rename/Move';\n  const operation = isCopy ? copyFn : moveFn;\n  if (shouldAsk && config(option)) {\n    const [cancel, newTo] = await prompt(title, to, names.map(encode));\n    if (!cancel) ask(newTo);\n    return;\n  }\n  ask(to);\n  function ask(to) {\n    ok = from !== to && to;\n    if (ok && !shouldAsk || !sameName) return go();\n    const str = `\"${name}\" already exist. Overwrite?`;\n    const cancel = false;\n    Dialog.confirm(str, {\n      cancel\n    }).then(go);\n    function go() {\n      showLoad();\n      files = {\n        from,\n        to,\n        names\n      };\n      operation(files, async () => {\n        await DOM.Storage.remove(from);\n        const {\n          panel,\n          panelPassive\n        } = Info;\n        if (!Info.isOnePanel) CloudCmd.refresh({\n          panel: panelPassive,\n          noCurrent: true\n        });\n        CloudCmd.refresh({\n          panel\n        });\n      });\n    }\n  }\n}\nfunction checkEmpty(name, operation) {\n  if (!operation) throw Error(`${name} could not be empty!`);\n}\nfunction twopack(operation, type) {\n  let op;\n  let fileFrom;\n  let currentName = Info.name;\n  const {\n    path,\n    dirPath\n  } = Info;\n  const activeFiles = DOM.getActiveFiles();\n  const names = DOM.getFilenames(activeFiles);\n  checkEmpty('operation', operation);\n  if (!names.length) return Dialog.alert.noFiles();\n  switch (operation) {\n    case 'extract':\n      op = extractFn;\n      fileFrom = {\n        from: path,\n        to: dirPath\n      };\n      currentName = removeExtension(currentName);\n      break;\n    case 'pack':\n      op = getPacker(type);\n      if (names.length > 1) currentName = Info.dir;\n      currentName += DOM.getPackerExt(type);\n      fileFrom = {\n        from: dirPath,\n        to: dirPath + currentName,\n        names\n      };\n      break;\n  }\n  showLoad();\n  op(fileFrom, error => {\n    !error && CloudCmd.refresh({\n      currentName\n    });\n  });\n}\nasync function prompt(msg, to, names) {\n  const n = names.length;\n  const [name] = names;\n  msg += ' ';\n  if (names.length > 1) msg += `${n} file(s)`;else msg += `\"${name}\"`;\n  msg += ' to';\n  return await Dialog.prompt(msg, to);\n}\nasync function loadAll() {\n  const {\n    prefix\n  } = CloudCmd;\n  const file = `${prefix}/fileop/fileop.js`;\n  const [error] = await tryToCatch(load.js, file);\n  if (error) Dialog.alert(error.message);\n  Loaded = true;\n}\n\n//# sourceURL=file://cloudcmd/client/modules/operation/index.js");
+eval("/* global CloudCmd */\n/* global Util */\n/* global DOM */\n/* global fileop */\n\n\n\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst wraptile = __webpack_require__(/*! wraptile */ \"./node_modules/wraptile/lib/wraptile.js\");\nconst {\n  promisify\n} = __webpack_require__(/*! es6-promisify */ \"./node_modules/es6-promisify/dist/promisify.mjs\");\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst load = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst {\n  encode\n} = __webpack_require__(/*! ../../../common/entity */ \"./common/entity.js\");\nconst removeExtension = __webpack_require__(/*! ./remove-extension */ \"./client/modules/operation/remove-extension.js\");\nconst setListeners = __webpack_require__(/*! ./set-listeners */ \"./client/modules/operation/set-listeners.js\");\nconst getNextCurrentName = __webpack_require__(/*! ./get-next-current-name */ \"./client/modules/operation/get-next-current-name.js\");\nconst removeQuery = a => a.replace(/\\?.*/, '');\nconst Name = 'Operation';\nCloudCmd[Name] = exports;\nconst {\n  config\n} = CloudCmd;\nconst {\n  Dialog,\n  Images\n} = DOM;\nconst authCheck = wraptile(_authCheck);\nconst Operation = {};\nlet Loaded;\nlet copyFn;\nlet moveFn;\nlet deleteFn;\nlet extractFn;\nlet packZipFn;\nlet packTarFn;\nconst Info = DOM.CurrentInfo;\nconst showLoad = Images.show.load.bind(null, 'top');\nconst processFiles = currify(_processFiles);\nconst noFilesCheck = () => {\n  const {\n    length\n  } = DOM.getActiveFiles();\n  const is = Boolean(!length);\n  if (is) return Dialog.alert.noFiles();\n  return is;\n};\nmodule.exports.init = promisify(callback => {\n  showLoad();\n  exec.series([DOM.loadSocket, async callback => {\n    if (config('dropbox')) return callback();\n    const {\n      prefix,\n      prefixSocket\n    } = CloudCmd;\n    await loadAll();\n    await initOperations(prefix, prefixSocket, callback);\n  }, callback => {\n    Loaded = true;\n    Images.hide();\n    callback();\n  }], callback);\n});\nfunction _authCheck(spawn, ok) {\n  const accept = wraptile(ok);\n  const alertDialog = wraptile(Dialog.alert);\n  spawn.on('accept', accept(spawn));\n  spawn.on('reject', alertDialog('Wrong credentials!'));\n  spawn.emit('auth', config('username'), config('password'));\n}\nconst onConnect = currify((fn, operator) => {\n  setOperations(operator);\n  fn();\n});\nasync function initOperations(prefix, socketPrefix, fn) {\n  socketPrefix = `${socketPrefix}/fileop`;\n  const operator = await fileop({\n    prefix,\n    socketPrefix\n  });\n  operator.on('connect', authCheck(operator, onConnect(fn)));\n}\nfunction setOperations(operator) {\n  packTarFn = ({\n    from,\n    to,\n    names\n  }, callback) => {\n    const operation = 'Tar';\n    const listen = setListeners({\n      operation,\n      callback,\n      noContinue: true,\n      from,\n      to\n    });\n    operator.tar(from, to, names).then(listen);\n  };\n  packZipFn = ({\n    from,\n    to,\n    names\n  }, callback) => {\n    const operation = 'Zip';\n    const listen = setListeners({\n      operation,\n      callback,\n      noContinue: true,\n      from,\n      to\n    });\n    operator.zip(from, to, names).then(listen);\n  };\n  deleteFn = (from, files, callback) => {\n    from = removeQuery(from);\n    const operation = 'Delete';\n    const listen = setListeners({\n      operation,\n      callback,\n      from\n    });\n    operator.remove(from, files).then(listen);\n  };\n  copyFn = ({\n    from,\n    to,\n    names\n  }, callback) => {\n    const operation = 'Copy';\n    const listen = setListeners({\n      operation,\n      callback,\n      from,\n      to,\n      names\n    });\n    operator.copy(from, to, names).then(listen);\n  };\n  moveFn = ({\n    from,\n    to,\n    names\n  }, callback) => {\n    const operation = 'Move';\n    const listen = setListeners({\n      operation,\n      callback,\n      from,\n      to\n    });\n    operator.move(from, to, names).then(listen);\n  };\n  extractFn = ({\n    from,\n    to\n  }, callback) => {\n    const operation = 'Extract';\n    const listen = setListeners({\n      operation,\n      callback,\n      noContinue: true,\n      from,\n      to\n    });\n    operator.extract(from, to).then(listen);\n  };\n}\nfunction getPacker(type) {\n  if (type === 'zip') return packZipFn;\n  return packTarFn;\n}\nmodule.exports.hide = () => {\n  CloudCmd.View.hide();\n};\nmodule.exports.show = (operation, data) => {\n  if (!Loaded) return;\n  if (operation === 'copy') return Operation.copy(data);\n  if (operation === 'move') return Operation.move(data);\n  if (operation === 'delete') return Operation.delete();\n  if (operation === 'delete:silent') return Operation.deleteSilent();\n  if (operation === 'pack') return Operation.pack();\n  if (operation === 'extract') return Operation.extract();\n};\nOperation.copy = processFiles({\n  type: 'copy'\n});\nOperation.move = processFiles({\n  type: 'move'\n});\nOperation.delete = promptDelete;\nOperation.deleteSilent = deleteSilent;\nOperation.pack = () => {\n  const isZip = config('packer') === 'zip';\n  twopack('pack', isZip ? 'zip' : 'tar');\n};\nOperation.extract = () => {\n  twopack('extract');\n};\n\n/**\n * prompt and delete current file or selected files\n *\n * @currentFile\n */\nasync function promptDelete() {\n  if (noFilesCheck()) return;\n  const msgAsk = 'Do you really want to delete the ';\n  const msgSel = 'selected ';\n  const files = DOM.getActiveFiles();\n  const names = DOM.getFilenames(files);\n  const n = names.length;\n  let msg;\n  if (n) {\n    let name = '';\n    for (let i = 0; i < 5 && i < n; i++) name += '\\n' + names[i];\n    if (n >= 5) name += '\\n...';\n    msg = msgAsk + msgSel + n + ' files/directories?\\n' + encode(name);\n  } else {\n    const current = DOM.getCurrentFile();\n    const isDir = DOM.isCurrentIsDir(current);\n    const getType = isDir => isDir ? 'directory' : 'file';\n    const type = getType(isDir) + ' ';\n    const name = DOM.getCurrentName(current);\n    msg = msgAsk + msgSel + type + name + '?';\n  }\n  const [cancel] = await Dialog.confirm(msg);\n  if (cancel) return;\n  deleteSilent(files);\n}\n\n/**\n * delete current or selected files\n *\n * @files\n */\nfunction deleteSilent(files = DOM.getActiveFiles()) {\n  const query = '?files';\n  const path = Info.dirPath;\n  if (noFilesCheck()) return;\n  showLoad();\n  const removedNames = DOM.getFilenames(files);\n  const names = DOM.CurrentInfo.files.map(DOM.getCurrentName);\n  const currentName = DOM.getCurrentName();\n  const nextCurrentName = getNextCurrentName(currentName, names, removedNames);\n  deleteFn(path + query, removedNames, async () => {\n    await CloudCmd.refresh();\n    const names = Info.files.map(DOM.getCurrentName);\n    const isCurrent = names.includes(currentName);\n    const name = isCurrent ? currentName : nextCurrentName;\n    DOM.setCurrentByName(name);\n  });\n}\n\n/*\n * process files (copy or move)\n * @param data\n * @param operation\n */\nasync function _processFiles(options, data) {\n  let selFiles;\n  let files;\n  let panel;\n  let shouldAsk;\n  let ok;\n  let from = '';\n  let to = '';\n  let names = [];\n  if (data) {\n    from = data.from;\n    to = data.to;\n    names = data.names;\n    panel = Info.panel;\n  } else {\n    from = Info.dirPath;\n    to = DOM.getNotCurrentDirPath();\n    selFiles = DOM.getSelectedFiles();\n    names = DOM.getFilenames(selFiles);\n    data = {};\n    shouldAsk = true;\n    panel = Info.panelPassive;\n  }\n  if (!names.length) names.push(DOM.getCurrentName());\n  const [name] = names;\n  const sameName = DOM.getCurrentByName(name, panel);\n  if (!data && noFilesCheck()) return;\n  const {\n    type\n  } = options;\n  const isCopy = type === 'copy';\n  const option = isCopy ? 'confirmCopy' : 'confirmMove';\n  const title = isCopy ? 'Copy' : 'Rename/Move';\n  const operation = isCopy ? copyFn : moveFn;\n  if (shouldAsk && config(option)) {\n    const [cancel, newTo] = await prompt(title, to, names.map(encode));\n    if (!cancel) ask(newTo);\n    return;\n  }\n  ask(to);\n  function ask(to) {\n    ok = from !== to && to;\n    if (ok && !shouldAsk || !sameName) return go();\n    const str = `\"${name}\" already exist. Overwrite?`;\n    const cancel = false;\n    Dialog.confirm(str, {\n      cancel\n    }).then(go);\n    function go() {\n      showLoad();\n      files = {\n        from,\n        to,\n        names\n      };\n      operation(files, async () => {\n        await DOM.Storage.remove(from);\n        const {\n          panel,\n          panelPassive\n        } = Info;\n        if (!Info.isOnePanel) CloudCmd.refresh({\n          panel: panelPassive,\n          noCurrent: true\n        });\n        CloudCmd.refresh({\n          panel\n        });\n      });\n    }\n  }\n}\nfunction checkEmpty(name, operation) {\n  if (!operation) throw Error(`${name} could not be empty!`);\n}\nfunction twopack(operation, type) {\n  let op;\n  let fileFrom;\n  let currentName = Info.name;\n  const {\n    path,\n    dirPath\n  } = Info;\n  const activeFiles = DOM.getActiveFiles();\n  const names = DOM.getFilenames(activeFiles);\n  checkEmpty('operation', operation);\n  if (!names.length) return Dialog.alert.noFiles();\n  switch (operation) {\n    case 'extract':\n      op = extractFn;\n      fileFrom = {\n        from: path,\n        to: dirPath\n      };\n      currentName = removeExtension(currentName);\n      break;\n    case 'pack':\n      op = getPacker(type);\n      if (names.length > 1) currentName = Info.dir;\n      currentName += DOM.getPackerExt(type);\n      fileFrom = {\n        from: dirPath,\n        to: dirPath + currentName,\n        names\n      };\n      break;\n  }\n  showLoad();\n  op(fileFrom, error => {\n    !error && CloudCmd.refresh({\n      currentName\n    });\n  });\n}\nasync function prompt(msg, to, names) {\n  const n = names.length;\n  const [name] = names;\n  msg += ' ';\n  if (names.length > 1) msg += `${n} file(s)`;else msg += `\"${name}\"`;\n  msg += ' to';\n  return await Dialog.prompt(msg, to);\n}\nasync function loadAll() {\n  const {\n    prefix\n  } = CloudCmd;\n  const file = `${prefix}/fileop/fileop.js`;\n  const [error] = await tryToCatch(load.js, file);\n  if (error) Dialog.alert(error.message);\n  Loaded = true;\n}\n\n//# sourceURL=file://cloudcmd/client/modules/operation/index.js");
 
 /***/ }),
 
@@ -211,7 +211,7 @@ eval("\n\nconst {\n  getExt\n} = __webpack_require__(/*! ../../../common/util */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global DOM */\nconst forEachKey = __webpack_require__(/*! for-each-key */ \"./node_modules/for-each-key/lib/for-each-key.js\");\nconst wraptile = __webpack_require__(/*! wraptile */ \"./node_modules/wraptile/lib/wraptile.js\");\nconst format = __webpack_require__(/*! ./format */ \"./client/modules/operation/format.js\");\nconst {\n  Dialog,\n  Images\n} = DOM;\nmodule.exports = options => emitter => {\n  const {\n    operation,\n    callback,\n    noContinue,\n    from,\n    to\n  } = options;\n  let done;\n  let lastError;\n  const onAbort = wraptile(_ref => {\n    let {\n      emitter,\n      operation\n    } = _ref;\n    emitter.abort();\n    const msg = `${operation} aborted`;\n    lastError = true;\n    Dialog.alert(msg, {\n      cancel: false\n    });\n  });\n  const removeListener = emitter.removeListener.bind(emitter);\n  const on = emitter.on.bind(emitter);\n  const message = format(operation, from, to);\n  const progress = Dialog.progress(message);\n  progress.catch(onAbort({\n    emitter,\n    operation\n  }));\n  const listeners = {\n    progress: value => {\n      done = value === 100;\n      progress.setProgress(value);\n    },\n    end: () => {\n      Images.hide();\n      forEachKey(removeListener, listeners);\n      progress.remove();\n      if (lastError || done) callback();\n    },\n    error: async error => {\n      lastError = error;\n      if (noContinue) {\n        listeners.end(error);\n        Dialog.alert(error);\n        progress.remove();\n        return;\n      }\n      const [cancel] = await Dialog.confirm(`${error}\n Continue?`);\n      if (!done && !cancel) return emitter.continue();\n      emitter.abort();\n      progress.remove();\n    }\n  };\n  forEachKey(on, listeners);\n};\n\n//# sourceURL=file://cloudcmd/client/modules/operation/set-listeners.js");
+eval("\n\n/* global DOM */\nconst forEachKey = __webpack_require__(/*! for-each-key */ \"./node_modules/for-each-key/lib/for-each-key.js\");\nconst wraptile = __webpack_require__(/*! wraptile */ \"./node_modules/wraptile/lib/wraptile.js\");\nconst format = __webpack_require__(/*! ./format */ \"./client/modules/operation/format.js\");\nconst {\n  Dialog,\n  Images\n} = DOM;\nmodule.exports = options => emitter => {\n  const {\n    operation,\n    callback,\n    noContinue,\n    from,\n    to\n  } = options;\n  let done;\n  let lastError;\n  const onAbort = wraptile(({\n    emitter,\n    operation\n  }) => {\n    emitter.abort();\n    const msg = `${operation} aborted`;\n    lastError = true;\n    Dialog.alert(msg, {\n      cancel: false\n    });\n  });\n  const removeListener = emitter.removeListener.bind(emitter);\n  const on = emitter.on.bind(emitter);\n  const message = format(operation, from, to);\n  const progress = Dialog.progress(message);\n  progress.catch(onAbort({\n    emitter,\n    operation\n  }));\n  const listeners = {\n    progress: value => {\n      done = value === 100;\n      progress.setProgress(value);\n    },\n    end: () => {\n      Images.hide();\n      forEachKey(removeListener, listeners);\n      progress.remove();\n      if (lastError || done) callback();\n    },\n    error: async error => {\n      lastError = error;\n      if (noContinue) {\n        listeners.end(error);\n        Dialog.alert(error);\n        progress.remove();\n        return;\n      }\n      const [cancel] = await Dialog.confirm(`${error}\n Continue?`);\n      if (!done && !cancel) return emitter.continue();\n      emitter.abort();\n      progress.remove();\n    }\n  };\n  forEachKey(on, listeners);\n};\n\n//# sourceURL=file://cloudcmd/client/modules/operation/set-listeners.js");
 
 /***/ })
 

package/dist-dev/modules/terminal-run.js

@@ -163,7 +163,7 @@
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global CloudCmd, gritty */\nconst {\n  promisify\n} = __webpack_require__(/*! es6-promisify */ \"./node_modules/es6-promisify/dist/promisify.mjs\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst fullstore = __webpack_require__(/*! fullstore */ \"./node_modules/fullstore/lib/fullstore.js\");\n__webpack_require__(/*! ../../css/terminal.css */ \"./css/terminal.css\");\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst load = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\");\nconst DOM = __webpack_require__(/*! ../dom */ \"./client/dom/index.js\");\nconst Images = __webpack_require__(/*! ../dom/images */ \"./client/dom/images.js\");\nconst {\n  Dialog\n} = DOM;\nconst {\n  Key,\n  config\n} = CloudCmd;\nCloudCmd.TerminalRun = exports;\nlet Loaded;\nlet Terminal;\nlet Socket;\nconst exitCodeStore = fullstore();\nconst loadAll = async () => {\n  const {\n    prefix\n  } = CloudCmd;\n  const prefixGritty = getPrefix();\n  const js = `${prefixGritty}/gritty.js`;\n  const css = `${prefix}/dist/terminal.css`;\n  const [e] = await tryToCatch(load.parallel, [js, css]);\n  if (e) {\n    const src = e.target.src.replace(window.location.href, '');\n    return Dialog.alert(`file ${src} could not be loaded`);\n  }\n  Loaded = true;\n};\nmodule.exports.init = async () => {\n  if (!config('terminal')) return;\n  Images.show.load('top');\n  await CloudCmd.View();\n  await loadAll();\n};\nmodule.exports.show = promisify(function () {\n  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  let fn = arguments.length > 1 ? arguments[1] : undefined;\n  if (!Loaded) return fn(null, -1);\n  if (!config('terminal')) return;\n  create(options);\n  CloudCmd.View.show(Terminal.element, {\n    afterShow: () => {\n      Terminal.focus();\n    },\n    afterClose: ( /* exec.series args */\n    ) => {\n      fn(null, exitCodeStore());\n    }\n  });\n});\nmodule.exports.hide = hide;\nfunction hide() {\n  CloudCmd.View.hide();\n}\nfunction getPrefix() {\n  return CloudCmd.prefix + '/gritty';\n}\nfunction getPrefixSocket() {\n  return CloudCmd.prefixSocket + '/gritty';\n}\nfunction getEnv() {\n  return {\n    ACTIVE_DIR: DOM.getCurrentDirPath,\n    PASSIVE_DIR: DOM.getNotCurrentDirPath,\n    CURRENT_NAME: DOM.getCurrentName,\n    CURRENT_PATH: DOM.getCurrentPath\n  };\n}\nfunction create(createOptions) {\n  const {\n    cwd = DOM.getCurrentDirPath(),\n    command,\n    autoClose,\n    closeMessage = 'Press any key to close Terminal...'\n  } = createOptions;\n  const options = {\n    cwd,\n    env: getEnv(),\n    prefix: getPrefixSocket(),\n    socketPath: CloudCmd.prefix,\n    fontFamily: 'Droid Sans Mono',\n    command,\n    autoRestart: false\n  };\n  let commandExit = false;\n  const {\n    socket,\n    terminal\n  } = gritty(document.body, options);\n  Socket = socket;\n  Terminal = terminal;\n  Terminal.onKey(_ref => {\n    let {\n      domEvent\n    } = _ref;\n    const {\n      keyCode,\n      shiftKey\n    } = domEvent;\n    if (commandExit) hide();\n    if (shiftKey && keyCode === Key.ESC) {\n      hide();\n    }\n  });\n  Socket.on('exit', code => {\n    exitCodeStore(code);\n    if (autoClose) return hide();\n    terminal.write(`\\n${closeMessage}`);\n    commandExit = true;\n  });\n  Socket.on('connect', exec.with(authCheck, socket));\n}\nfunction authCheck(spawn) {\n  spawn.emit('auth', config('username'), config('password'));\n  spawn.on('reject', () => {\n    Dialog.alert('Wrong credentials!');\n  });\n}\n\n//# sourceURL=file://cloudcmd/client/modules/terminal-run.js");
+eval("\n\n/* global CloudCmd, gritty */\nconst {\n  promisify\n} = __webpack_require__(/*! es6-promisify */ \"./node_modules/es6-promisify/dist/promisify.mjs\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst fullstore = __webpack_require__(/*! fullstore */ \"./node_modules/fullstore/lib/fullstore.js\");\n__webpack_require__(/*! ../../css/terminal.css */ \"./css/terminal.css\");\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst load = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\");\nconst DOM = __webpack_require__(/*! ../dom */ \"./client/dom/index.js\");\nconst Images = __webpack_require__(/*! ../dom/images */ \"./client/dom/images.js\");\nconst {\n  Dialog\n} = DOM;\nconst {\n  Key,\n  config\n} = CloudCmd;\nCloudCmd.TerminalRun = exports;\nlet Loaded;\nlet Terminal;\nlet Socket;\nconst exitCodeStore = fullstore();\nconst loadAll = async () => {\n  const {\n    prefix\n  } = CloudCmd;\n  const prefixGritty = getPrefix();\n  const js = `${prefixGritty}/gritty.js`;\n  const css = `${prefix}/dist/terminal.css`;\n  const [e] = await tryToCatch(load.parallel, [js, css]);\n  if (e) {\n    const src = e.target.src.replace(window.location.href, '');\n    return Dialog.alert(`file ${src} could not be loaded`);\n  }\n  Loaded = true;\n};\nmodule.exports.init = async () => {\n  if (!config('terminal')) return;\n  Images.show.load('top');\n  await CloudCmd.View();\n  await loadAll();\n};\nmodule.exports.show = promisify((options = {}, fn) => {\n  if (!Loaded) return fn(null, -1);\n  if (!config('terminal')) return;\n  create(options);\n  CloudCmd.View.show(Terminal.element, {\n    afterShow: () => {\n      Terminal.focus();\n    },\n    afterClose: ( /* exec.series args */\n    ) => {\n      fn(null, exitCodeStore());\n    }\n  });\n});\nmodule.exports.hide = hide;\nfunction hide() {\n  CloudCmd.View.hide();\n}\nfunction getPrefix() {\n  return CloudCmd.prefix + '/gritty';\n}\nfunction getPrefixSocket() {\n  return CloudCmd.prefixSocket + '/gritty';\n}\nfunction getEnv() {\n  return {\n    ACTIVE_DIR: DOM.getCurrentDirPath,\n    PASSIVE_DIR: DOM.getNotCurrentDirPath,\n    CURRENT_NAME: DOM.getCurrentName,\n    CURRENT_PATH: DOM.getCurrentPath\n  };\n}\nfunction create(createOptions) {\n  const {\n    cwd = DOM.getCurrentDirPath(),\n    command,\n    autoClose,\n    closeMessage = 'Press any key to close Terminal...'\n  } = createOptions;\n  const options = {\n    cwd,\n    env: getEnv(),\n    prefix: getPrefixSocket(),\n    socketPath: CloudCmd.prefix,\n    fontFamily: 'Droid Sans Mono',\n    command,\n    autoRestart: false\n  };\n  let commandExit = false;\n  const {\n    socket,\n    terminal\n  } = gritty(document.body, options);\n  Socket = socket;\n  Terminal = terminal;\n  Terminal.onKey(({\n    domEvent\n  }) => {\n    const {\n      keyCode,\n      shiftKey\n    } = domEvent;\n    if (commandExit) hide();\n    if (shiftKey && keyCode === Key.ESC) {\n      hide();\n    }\n  });\n  Socket.on('exit', code => {\n    exitCodeStore(code);\n    if (autoClose) return hide();\n    terminal.write(`\\n${closeMessage}`);\n    commandExit = true;\n  });\n  Socket.on('connect', exec.with(authCheck, socket));\n}\nfunction authCheck(spawn) {\n  spawn.emit('auth', config('username'), config('password'));\n  spawn.on('reject', () => {\n    Dialog.alert('Wrong credentials!');\n  });\n}\n\n//# sourceURL=file://cloudcmd/client/modules/terminal-run.js");
 
 /***/ })
 

package/dist-dev/modules/terminal.js

@@ -163,7 +163,7 @@
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global CloudCmd */\n/* global gritty */\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\n__webpack_require__(/*! ../../css/terminal.css */ \"./css/terminal.css\");\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst load = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\");\nconst DOM = __webpack_require__(/*! ../dom */ \"./client/dom/index.js\");\nconst Images = __webpack_require__(/*! ../dom/images */ \"./client/dom/images.js\");\nconst loadParallel = load.parallel;\nconst {\n  Dialog\n} = DOM;\nconst {\n  Key,\n  config\n} = CloudCmd;\nCloudCmd.Terminal = exports;\nlet Loaded;\nlet Terminal;\nlet Socket;\nconst loadAll = async () => {\n  const {\n    prefix\n  } = CloudCmd;\n  const prefixGritty = getPrefix();\n  const js = `${prefixGritty}/gritty.js`;\n  const css = `${prefix}/dist/terminal.css`;\n  const [e] = await tryToCatch(loadParallel, [js, css]);\n  if (e) {\n    const src = e.target.src.replace(window.location.href, '');\n    return Dialog.alert(`file ${src} could not be loaded`);\n  }\n  Loaded = true;\n};\nmodule.exports.init = async () => {\n  if (!config('terminal')) return;\n  Images.show.load('top');\n  await CloudCmd.View();\n  await loadAll();\n  create();\n};\nmodule.exports.show = show;\nmodule.exports.hide = hide;\nfunction hide() {\n  CloudCmd.View.hide();\n}\nfunction getPrefix() {\n  return CloudCmd.prefix + '/gritty';\n}\nfunction getPrefixSocket() {\n  return CloudCmd.prefixSocket + '/gritty';\n}\nfunction getEnv() {\n  return {\n    ACTIVE_DIR: DOM.getCurrentDirPath,\n    PASSIVE_DIR: DOM.getNotCurrentDirPath,\n    CURRENT_NAME: DOM.getCurrentName,\n    CURRENT_PATH: DOM.getCurrentPath\n  };\n}\nfunction create() {\n  const options = {\n    env: getEnv(),\n    prefix: getPrefixSocket(),\n    socketPath: CloudCmd.prefix,\n    fontFamily: 'Droid Sans Mono'\n  };\n  const {\n    socket,\n    terminal\n  } = gritty(document.body, options);\n  Socket = socket;\n  Terminal = terminal;\n  Terminal.onKey(_ref => {\n    let {\n      domEvent\n    } = _ref;\n    const {\n      keyCode,\n      shiftKey\n    } = domEvent;\n    if (shiftKey && keyCode === Key.ESC) {\n      hide();\n    }\n  });\n  Socket.on('connect', exec.with(authCheck, socket));\n}\nfunction authCheck(spawn) {\n  spawn.emit('auth', config('username'), config('password'));\n  spawn.on('reject', () => {\n    Dialog.alert('Wrong credentials!');\n  });\n}\nfunction show() {\n  if (!Loaded) return;\n  if (!config('terminal')) return;\n  CloudCmd.View.show(Terminal.element, {\n    afterShow: () => {\n      Terminal.focus();\n    }\n  });\n}\n\n//# sourceURL=file://cloudcmd/client/modules/terminal.js");
+eval("\n\n/* global CloudCmd */\n/* global gritty */\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\n__webpack_require__(/*! ../../css/terminal.css */ \"./css/terminal.css\");\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst load = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\");\nconst DOM = __webpack_require__(/*! ../dom */ \"./client/dom/index.js\");\nconst Images = __webpack_require__(/*! ../dom/images */ \"./client/dom/images.js\");\nconst loadParallel = load.parallel;\nconst {\n  Dialog\n} = DOM;\nconst {\n  Key,\n  config\n} = CloudCmd;\nCloudCmd.Terminal = exports;\nlet Loaded;\nlet Terminal;\nlet Socket;\nconst loadAll = async () => {\n  const {\n    prefix\n  } = CloudCmd;\n  const prefixGritty = getPrefix();\n  const js = `${prefixGritty}/gritty.js`;\n  const css = `${prefix}/dist/terminal.css`;\n  const [e] = await tryToCatch(loadParallel, [js, css]);\n  if (e) {\n    const src = e.target.src.replace(window.location.href, '');\n    return Dialog.alert(`file ${src} could not be loaded`);\n  }\n  Loaded = true;\n};\nmodule.exports.init = async () => {\n  if (!config('terminal')) return;\n  Images.show.load('top');\n  await CloudCmd.View();\n  await loadAll();\n  create();\n};\nmodule.exports.show = show;\nmodule.exports.hide = hide;\nfunction hide() {\n  CloudCmd.View.hide();\n}\nfunction getPrefix() {\n  return CloudCmd.prefix + '/gritty';\n}\nfunction getPrefixSocket() {\n  return CloudCmd.prefixSocket + '/gritty';\n}\nfunction getEnv() {\n  return {\n    ACTIVE_DIR: DOM.getCurrentDirPath,\n    PASSIVE_DIR: DOM.getNotCurrentDirPath,\n    CURRENT_NAME: DOM.getCurrentName,\n    CURRENT_PATH: DOM.getCurrentPath\n  };\n}\nfunction create() {\n  const options = {\n    env: getEnv(),\n    prefix: getPrefixSocket(),\n    socketPath: CloudCmd.prefix,\n    fontFamily: 'Droid Sans Mono'\n  };\n  const {\n    socket,\n    terminal\n  } = gritty(document.body, options);\n  Socket = socket;\n  Terminal = terminal;\n  Terminal.onKey(({\n    domEvent\n  }) => {\n    const {\n      keyCode,\n      shiftKey\n    } = domEvent;\n    if (shiftKey && keyCode === Key.ESC) {\n      hide();\n    }\n  });\n  Socket.on('connect', exec.with(authCheck, socket));\n}\nfunction authCheck(spawn) {\n  spawn.emit('auth', config('username'), config('password'));\n  spawn.on('reject', () => {\n    Dialog.alert('Wrong credentials!');\n  });\n}\nfunction show() {\n  if (!Loaded) return;\n  if (!config('terminal')) return;\n  CloudCmd.View.show(Terminal.element, {\n    afterShow: () => {\n      Terminal.focus();\n    }\n  });\n}\n\n//# sourceURL=file://cloudcmd/client/modules/terminal.js");
 
 /***/ })
 

package/dist-dev/modules/upload.js

@@ -163,7 +163,7 @@
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("/* global CloudCmd, DOM */\n\n\n\nCloudCmd.Upload = exports;\nconst Files = __webpack_require__(/*! ../dom/files */ \"./client/dom/files.js\");\nconst Images = __webpack_require__(/*! ../dom/images */ \"./client/dom/images.js\");\nconst uploadFiles = __webpack_require__(/*! ../dom/upload-files */ \"./client/dom/upload-files.js\");\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nmodule.exports.init = async () => {\n  Images.show.load('top');\n  await CloudCmd.View();\n};\nmodule.exports.show = show;\nmodule.exports.hide = hide;\nasync function show() {\n  Images.show.load('top');\n  const innerHTML = await Files.get('upload');\n  const autoSize = true;\n  const el = createElement('div', {\n    innerHTML\n  });\n  CloudCmd.View.show(el, {\n    autoSize,\n    afterShow\n  });\n  const fontFamily = ['\"Droid Sans Mono\"', '\"Ubuntu Mono\"', '\"Consolas\"', 'monospace'].join(', ');\n  createElement('style', {\n    dataName: 'upload-css',\n    innerText: `[data-name=js-upload-file-button] {\n                      font-family: ${fontFamily};\n                      font-size: 16px;\n                      margin: 10px 0 10px 0;\n                   }`\n  });\n}\nfunction hide() {\n  CloudCmd.View.hide();\n}\nfunction afterShow() {\n  const button = DOM.getByDataName('js-upload-file-button');\n  Images.hide();\n  DOM.Events.add('change', button, _ref => {\n    let {\n      target\n    } = _ref;\n    const {\n      files\n    } = target;\n    hide();\n    uploadFiles(files);\n  });\n}\n\n//# sourceURL=file://cloudcmd/client/modules/upload.js");
+eval("/* global CloudCmd, DOM */\n\n\n\nCloudCmd.Upload = exports;\nconst Files = __webpack_require__(/*! ../dom/files */ \"./client/dom/files.js\");\nconst Images = __webpack_require__(/*! ../dom/images */ \"./client/dom/images.js\");\nconst uploadFiles = __webpack_require__(/*! ../dom/upload-files */ \"./client/dom/upload-files.js\");\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nmodule.exports.init = async () => {\n  Images.show.load('top');\n  await CloudCmd.View();\n};\nmodule.exports.show = show;\nmodule.exports.hide = hide;\nasync function show() {\n  Images.show.load('top');\n  const innerHTML = await Files.get('upload');\n  const autoSize = true;\n  const el = createElement('div', {\n    innerHTML\n  });\n  CloudCmd.View.show(el, {\n    autoSize,\n    afterShow\n  });\n  const fontFamily = ['\"Droid Sans Mono\"', '\"Ubuntu Mono\"', '\"Consolas\"', 'monospace'].join(', ');\n  createElement('style', {\n    dataName: 'upload-css',\n    innerText: `[data-name=js-upload-file-button] {\n                      font-family: ${fontFamily};\n                      font-size: 16px;\n                      margin: 10px 0 10px 0;\n                   }`\n  });\n}\nfunction hide() {\n  CloudCmd.View.hide();\n}\nfunction afterShow() {\n  const button = DOM.getByDataName('js-upload-file-button');\n  Images.hide();\n  DOM.Events.add('change', button, ({\n    target\n  }) => {\n    const {\n      files\n    } = target;\n    hide();\n    uploadFiles(files);\n  });\n}\n\n//# sourceURL=file://cloudcmd/client/modules/upload.js");
 
 /***/ })
 

package/dist-dev/modules/user-menu.js

@@ -175,7 +175,7 @@ eval("\n\nmodule.exports = menuFn => {\n  const module = {};\n  const fn = Funct
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global CloudCmd, DOM */\n__webpack_require__(/*! ../../../css/user-menu.css */ \"./css/user-menu.css\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst wraptile = __webpack_require__(/*! wraptile */ \"./node_modules/wraptile/lib/wraptile.js\");\nconst fullstore = __webpack_require__(/*! fullstore */ \"./node_modules/fullstore/lib/fullstore.js\");\nconst load = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\");\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst tryCatch = __webpack_require__(/*! try-catch */ \"./node_modules/try-catch/lib/try-catch.js\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst {\n  codeFrameColumns\n} = __webpack_require__(/*! @babel/code-frame */ \"./node_modules/@babel/code-frame/lib/index.js\");\nconst Images = __webpack_require__(/*! ../../dom/images */ \"./client/dom/images.js\");\nconst Dialog = __webpack_require__(/*! ../../dom/dialog */ \"./client/dom/dialog.js\");\nconst getUserMenu = __webpack_require__(/*! ./get-user-menu */ \"./client/modules/user-menu/get-user-menu.js\");\nconst navigate = __webpack_require__(/*! ./navigate */ \"./client/modules/user-menu/navigate.js\");\nconst parseError = __webpack_require__(/*! ./parse-error */ \"./client/modules/user-menu/parse-error.js\");\nconst parseUserMenu = __webpack_require__(/*! ./parse-user-menu */ \"./client/modules/user-menu/parse-user-menu.js\");\nconst {\n  runSelected\n} = __webpack_require__(/*! ./run */ \"./client/modules/user-menu/run.js\");\nconst loadCSS = load.css;\nconst sourceStore = fullstore();\nconst Name = 'UserMenu';\nCloudCmd[Name] = module.exports;\nconst {\n  Key\n} = CloudCmd;\nmodule.exports.init = async () => {\n  await Promise.all([loadCSS(`${CloudCmd.prefix}/dist/user-menu.css`), CloudCmd.View()]);\n};\nmodule.exports.show = show;\nmodule.exports.hide = hide;\nconst {\n  CurrentInfo\n} = DOM;\nasync function show() {\n  Images.show.load('top');\n  const {\n    dirPath\n  } = CurrentInfo;\n  const res = await fetch(`${CloudCmd.prefix}/api/v1/user-menu?dir=${dirPath}`);\n  const source = await res.text();\n  const [error, userMenu] = tryCatch(getUserMenu, source);\n  Images.hide();\n  if (error) return Dialog.alert(getCodeFrame({\n    error,\n    source\n  }));\n  sourceStore(source);\n  const {\n    names,\n    keys,\n    items,\n    settings\n  } = parseUserMenu(userMenu);\n  if (settings.run) return runSelected(settings.select, items, runUserMenu);\n  const button = createElement('button', {\n    className: 'cloudcmd-user-menu-button',\n    innerText: 'User Menu',\n    notAppend: true\n  });\n  const select = createElement('select', {\n    className: 'cloudcmd-user-menu',\n    innerHTML: fillTemplate(names),\n    notAppend: true,\n    size: 10\n  });\n  button.addEventListener('click', onButtonClick(userMenu, select));\n  select.addEventListener('dblclick', onDblClick(userMenu));\n  select.addEventListener('keydown', onKeyDown({\n    keys,\n    userMenu\n  }));\n  const afterShow = () => select.focus();\n  const autoSize = true;\n  CloudCmd.View.show([button, select], {\n    autoSize,\n    afterShow\n  });\n}\nfunction fillTemplate(options) {\n  const result = [];\n  for (const option of options) result.push(`<option>${option}</option>`);\n  return result.join('');\n}\nfunction hide() {\n  CloudCmd.View.hide();\n}\nconst onDblClick = currify(async (items, e) => {\n  const {\n    value\n  } = e.target;\n  await runUserMenu(items[value]);\n});\nconst onButtonClick = wraptile(async (items, _ref) => {\n  let {\n    value\n  } = _ref;\n  await runUserMenu(items[value]);\n});\nconst onKeyDown = currify(async (_ref2, e) => {\n  let {\n    keys,\n    userMenu\n  } = _ref2;\n  const {\n    keyCode,\n    target\n  } = e;\n  const keyName = e.key.toUpperCase();\n  e.preventDefault();\n  e.stopPropagation();\n  let value;\n  if (keyCode === Key.ESC) return hide();\n  if (keyCode === Key.ENTER) value = userMenu[target.value];else if (keys[keyName]) value = keys[keyName];else return navigate(target, e);\n  await runUserMenu(value);\n});\nconst runUserMenu = async fn => {\n  hide();\n  const [error] = await tryToCatch(fn, {\n    DOM,\n    CloudCmd,\n    tryToCatch\n  });\n  if (!error) return;\n  const source = sourceStore();\n  return Dialog.alert(getCodeFrame({\n    error,\n    source\n  }));\n};\nfunction getCodeFrame(_ref3) {\n  let {\n    error,\n    source\n  } = _ref3;\n  const {\n    code\n  } = error;\n  if (!code || code === 'frame') return error.message;\n  const [line, column] = parseError(error);\n  const start = {\n    line,\n    column\n  };\n  const location = {\n    start\n  };\n  const frame = codeFrameColumns(source, location, {\n    message: error.message,\n    highlightCode: false\n  });\n  return `<pre>${frame}</pre>`;\n}\n\n//# sourceURL=file://cloudcmd/client/modules/user-menu/index.js");
+eval("\n\n/* global CloudCmd, DOM */\n__webpack_require__(/*! ../../../css/user-menu.css */ \"./css/user-menu.css\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst wraptile = __webpack_require__(/*! wraptile */ \"./node_modules/wraptile/lib/wraptile.js\");\nconst fullstore = __webpack_require__(/*! fullstore */ \"./node_modules/fullstore/lib/fullstore.js\");\nconst load = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\");\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst tryCatch = __webpack_require__(/*! try-catch */ \"./node_modules/try-catch/lib/try-catch.js\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst {\n  codeFrameColumns\n} = __webpack_require__(/*! @babel/code-frame */ \"./node_modules/@babel/code-frame/lib/index.js\");\nconst Images = __webpack_require__(/*! ../../dom/images */ \"./client/dom/images.js\");\nconst Dialog = __webpack_require__(/*! ../../dom/dialog */ \"./client/dom/dialog.js\");\nconst getUserMenu = __webpack_require__(/*! ./get-user-menu */ \"./client/modules/user-menu/get-user-menu.js\");\nconst navigate = __webpack_require__(/*! ./navigate */ \"./client/modules/user-menu/navigate.js\");\nconst parseError = __webpack_require__(/*! ./parse-error */ \"./client/modules/user-menu/parse-error.js\");\nconst parseUserMenu = __webpack_require__(/*! ./parse-user-menu */ \"./client/modules/user-menu/parse-user-menu.js\");\nconst {\n  runSelected\n} = __webpack_require__(/*! ./run */ \"./client/modules/user-menu/run.js\");\nconst loadCSS = load.css;\nconst sourceStore = fullstore();\nconst Name = 'UserMenu';\nCloudCmd[Name] = module.exports;\nconst {\n  Key\n} = CloudCmd;\nmodule.exports.init = async () => {\n  await Promise.all([loadCSS(`${CloudCmd.prefix}/dist/user-menu.css`), CloudCmd.View()]);\n};\nmodule.exports.show = show;\nmodule.exports.hide = hide;\nconst {\n  CurrentInfo\n} = DOM;\nasync function show() {\n  Images.show.load('top');\n  const {\n    dirPath\n  } = CurrentInfo;\n  const res = await fetch(`${CloudCmd.prefix}/api/v1/user-menu?dir=${dirPath}`);\n  const source = await res.text();\n  const [error, userMenu] = tryCatch(getUserMenu, source);\n  Images.hide();\n  if (error) return Dialog.alert(getCodeFrame({\n    error,\n    source\n  }));\n  sourceStore(source);\n  const {\n    names,\n    keys,\n    items,\n    settings\n  } = parseUserMenu(userMenu);\n  if (settings.run) return runSelected(settings.select, items, runUserMenu);\n  const button = createElement('button', {\n    className: 'cloudcmd-user-menu-button',\n    innerText: 'User Menu',\n    notAppend: true\n  });\n  const select = createElement('select', {\n    className: 'cloudcmd-user-menu',\n    innerHTML: fillTemplate(names),\n    notAppend: true,\n    size: 10\n  });\n  button.addEventListener('click', onButtonClick(userMenu, select));\n  select.addEventListener('dblclick', onDblClick(userMenu));\n  select.addEventListener('keydown', onKeyDown({\n    keys,\n    userMenu\n  }));\n  const afterShow = () => select.focus();\n  const autoSize = true;\n  CloudCmd.View.show([button, select], {\n    autoSize,\n    afterShow\n  });\n}\nfunction fillTemplate(options) {\n  const result = [];\n  for (const option of options) result.push(`<option>${option}</option>`);\n  return result.join('');\n}\nfunction hide() {\n  CloudCmd.View.hide();\n}\nconst onDblClick = currify(async (items, e) => {\n  const {\n    value\n  } = e.target;\n  await runUserMenu(items[value]);\n});\nconst onButtonClick = wraptile(async (items, {\n  value\n}) => {\n  await runUserMenu(items[value]);\n});\nconst onKeyDown = currify(async ({\n  keys,\n  userMenu\n}, e) => {\n  const {\n    keyCode,\n    target\n  } = e;\n  const keyName = e.key.toUpperCase();\n  e.preventDefault();\n  e.stopPropagation();\n  let value;\n  if (keyCode === Key.ESC) return hide();\n  if (keyCode === Key.ENTER) value = userMenu[target.value];else if (keys[keyName]) value = keys[keyName];else return navigate(target, e);\n  await runUserMenu(value);\n});\nconst runUserMenu = async fn => {\n  hide();\n  const [error] = await tryToCatch(fn, {\n    DOM,\n    CloudCmd,\n    tryToCatch\n  });\n  if (!error) return;\n  const source = sourceStore();\n  return Dialog.alert(getCodeFrame({\n    error,\n    source\n  }));\n};\nfunction getCodeFrame({\n  error,\n  source\n}) {\n  const {\n    code\n  } = error;\n  if (!code || code === 'frame') return error.message;\n  const [line, column] = parseError(error);\n  const start = {\n    line,\n    column\n  };\n  const location = {\n    start\n  };\n  const frame = codeFrameColumns(source, location, {\n    message: error.message,\n    highlightCode: false\n  });\n  return `<pre>${frame}</pre>`;\n}\n\n//# sourceURL=file://cloudcmd/client/modules/user-menu/index.js");
 
 /***/ }),
 
@@ -187,7 +187,7 @@ eval("\n\n/* global CloudCmd, DOM */\n__webpack_require__(/*! ../../../css/user-
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nconst fullstore = __webpack_require__(/*! fullstore */ \"./node_modules/fullstore/lib/fullstore.js\");\nconst {\n  J,\n  K,\n  UP,\n  DOWN\n} = __webpack_require__(/*! ../../key/key.js */ \"./client/key/key.js\");\nconst store = fullstore(1);\nconst isDigit = a => /^\\d+$/.test(a);\nmodule.exports = (el, _ref) => {\n  let {\n    key,\n    keyCode\n  } = _ref;\n  if (isDigit(key)) {\n    store(Number(key));\n  }\n  if (keyCode === DOWN || keyCode === J) {\n    const count = store();\n    store(1);\n    return down(el, count);\n  }\n  if (keyCode === UP || keyCode === K) {\n    const count = store();\n    store(1);\n    return up(el, count);\n  }\n};\nfunction down(el, count) {\n  const {\n    length\n  } = el;\n  if (el.selectedIndex === length - 1) el.selectedIndex = 0;else el.selectedIndex += count;\n  if (el.selectedIndex < 0) el.selectedIndex = length - 1;\n}\nfunction up(el, count) {\n  const {\n    length\n  } = el;\n  if (!el.selectedIndex) el.selectedIndex = length - 1;else el.selectedIndex -= count;\n  if (el.selectedIndex < 0) el.selectedIndex = 0;\n}\n\n//# sourceURL=file://cloudcmd/client/modules/user-menu/navigate.js");
+eval("\n\nconst fullstore = __webpack_require__(/*! fullstore */ \"./node_modules/fullstore/lib/fullstore.js\");\nconst {\n  J,\n  K,\n  UP,\n  DOWN\n} = __webpack_require__(/*! ../../key/key.js */ \"./client/key/key.js\");\nconst store = fullstore(1);\nconst isDigit = a => /^\\d+$/.test(a);\nmodule.exports = (el, {\n  key,\n  keyCode\n}) => {\n  if (isDigit(key)) {\n    store(Number(key));\n  }\n  if (keyCode === DOWN || keyCode === J) {\n    const count = store();\n    store(1);\n    return down(el, count);\n  }\n  if (keyCode === UP || keyCode === K) {\n    const count = store();\n    store(1);\n    return up(el, count);\n  }\n};\nfunction down(el, count) {\n  const {\n    length\n  } = el;\n  if (el.selectedIndex === length - 1) el.selectedIndex = 0;else el.selectedIndex += count;\n  if (el.selectedIndex < 0) el.selectedIndex = length - 1;\n}\nfunction up(el, count) {\n  const {\n    length\n  } = el;\n  if (!el.selectedIndex) el.selectedIndex = length - 1;else el.selectedIndex -= count;\n  if (el.selectedIndex < 0) el.selectedIndex = 0;\n}\n\n//# sourceURL=file://cloudcmd/client/modules/user-menu/navigate.js");
 
 /***/ }),