cloudcmd 16.16.0 → 16.16.2

package/dist-dev/cloudcmd.common.js

@@ -8,7 +8,7 @@
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global CloudCmd */\nconst tryToPromiseAll = __webpack_require__(/*! ../../common/try-to-promise-all */ \"./common/try-to-promise-all.js\");\nconst Storage = __webpack_require__(/*! ./storage */ \"./client/dom/storage.js\");\nconst DOM = __webpack_require__(/*! ./ */ \"./client/dom/index.js\");\nmodule.exports = new BufferProto();\nfunction BufferProto() {\n  const Info = DOM.CurrentInfo;\n  const CLASS = 'cut-file';\n  const COPY = 'copy';\n  const CUT = 'cut';\n  const Buffer = {\n    cut: callIfEnabled.bind(null, cut),\n    copy: callIfEnabled.bind(null, copy),\n    clear: callIfEnabled.bind(null, clear),\n    paste: callIfEnabled.bind(null, paste)\n  };\n  function showMessage(msg) {\n    DOM.Dialog.alert(msg);\n  }\n  function getNames() {\n    const files = DOM.getActiveFiles();\n    const names = DOM.getFilenames(files);\n    return names;\n  }\n  function addCutClass() {\n    const files = DOM.getActiveFiles();\n    for (const element of files) {\n      element.classList.add(CLASS);\n    }\n  }\n  function rmCutClass() {\n    const files = DOM.getByClassAll(CLASS);\n    for (const element of files) {\n      element.classList.remove(CLASS);\n    }\n  }\n  function callIfEnabled(callback) {\n    const is = CloudCmd.config('buffer');\n    if (is) return callback();\n    showMessage('Buffer disabled in config!');\n  }\n  async function readBuffer() {\n    const [e, cp, ct] = await tryToPromiseAll([Storage.getJson(COPY), Storage.getJson(CUT)]);\n    return [e, cp, ct];\n  }\n  async function copy() {\n    const names = getNames();\n    const from = Info.dirPath;\n    await clear();\n    if (!names.length) return;\n    await Storage.remove(CUT);\n    await Storage.setJson(COPY, {\n      from,\n      names\n    });\n  }\n  async function cut() {\n    const names = getNames();\n    const from = Info.dirPath;\n    await clear();\n    if (!names.length) return;\n    addCutClass();\n    await Storage.setJson(CUT, {\n      from,\n      names\n    });\n  }\n  async function clear() {\n    await Storage.remove(COPY);\n    await Storage.remove(CUT);\n    rmCutClass();\n  }\n  async function paste() {\n    const [error, cp, ct] = await readBuffer();\n    if (error || !cp && !ct) return showMessage(error || 'Buffer is empty!');\n    const opStr = cp ? 'copy' : 'move';\n    const data = cp || ct;\n    const {\n      Operation\n    } = CloudCmd;\n    const msg = 'Path is same!';\n    const to = Info.dirPath;\n    if (data.from === to) return showMessage(msg);\n    Operation.show(opStr, {\n      ...data,\n      to\n    });\n    await clear();\n  }\n  return Buffer;\n}\n\n//# sourceURL=file://cloudcmd/client/dom/buffer.js");
+eval("\n\n/* global CloudCmd */\nconst tryToPromiseAll = __webpack_require__(/*! ../../common/try-to-promise-all */ \"./common/try-to-promise-all.js\");\nconst Storage = __webpack_require__(/*! ./storage */ \"./client/dom/storage.js\");\nconst DOM = __webpack_require__(/*! ./ */ \"./client/dom/index.js\");\nmodule.exports = new BufferProto();\nfunction BufferProto() {\n  const Info = DOM.CurrentInfo;\n  const CLASS = 'cut-file';\n  const COPY = 'copy';\n  const CUT = 'cut';\n  const Buffer = {\n    cut: callIfEnabled.bind(null, cut),\n    copy: callIfEnabled.bind(null, copy),\n    clear: callIfEnabled.bind(null, clear),\n    paste: callIfEnabled.bind(null, paste)\n  };\n  function showMessage(msg) {\n    DOM.Dialog.alert(msg);\n  }\n  function getNames() {\n    const files = DOM.getActiveFiles();\n    return DOM.getFilenames(files);\n  }\n  function addCutClass() {\n    const files = DOM.getActiveFiles();\n    for (const element of files) {\n      element.classList.add(CLASS);\n    }\n  }\n  function rmCutClass() {\n    const files = DOM.getByClassAll(CLASS);\n    for (const element of files) {\n      element.classList.remove(CLASS);\n    }\n  }\n  function callIfEnabled(callback) {\n    const is = CloudCmd.config('buffer');\n    if (is) return callback();\n    showMessage('Buffer disabled in config!');\n  }\n  async function readBuffer() {\n    const [e, cp, ct] = await tryToPromiseAll([Storage.getJson(COPY), Storage.getJson(CUT)]);\n    return [e, cp, ct];\n  }\n  async function copy() {\n    const names = getNames();\n    const from = Info.dirPath;\n    await clear();\n    if (!names.length) return;\n    await Storage.remove(CUT);\n    await Storage.setJson(COPY, {\n      from,\n      names\n    });\n  }\n  async function cut() {\n    const names = getNames();\n    const from = Info.dirPath;\n    await clear();\n    if (!names.length) return;\n    addCutClass();\n    await Storage.setJson(CUT, {\n      from,\n      names\n    });\n  }\n  async function clear() {\n    await Storage.remove(COPY);\n    await Storage.remove(CUT);\n    rmCutClass();\n  }\n  async function paste() {\n    const [error, cp, ct] = await readBuffer();\n    if (error || !cp && !ct) return showMessage(error || 'Buffer is empty!');\n    const opStr = cp ? 'copy' : 'move';\n    const data = cp || ct;\n    const {\n      Operation\n    } = CloudCmd;\n    const msg = 'Path is same!';\n    const to = Info.dirPath;\n    if (data.from === to) return showMessage(msg);\n    Operation.show(opStr, {\n      ...data,\n      to\n    });\n    await clear();\n  }\n  return Buffer;\n}\n\n//# sourceURL=file://cloudcmd/client/dom/buffer.js");
 
 /***/ }),
 
@@ -20,7 +20,7 @@ eval("\n\n/* global CloudCmd */\nconst tryToPromiseAll = __webpack_require__(/*!
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global DOM */\n/* global CloudCmd */\nconst {\n  atob,\n  btoa\n} = __webpack_require__(/*! ../../common/base64 */ \"./common/base64.js\");\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst {\n  encode,\n  decode\n} = __webpack_require__(/*! ../../common/entity */ \"./common/entity.js\");\nconst {\n  getTitle,\n  FS\n} = __webpack_require__(/*! ../../common/cloudfunc */ \"./common/cloudfunc.js\");\nlet Title;\nconst CURRENT_FILE = 'current-file';\nconst encodeNBSP = a => a === null || a === void 0 ? void 0 : a.replace('\\xa0', ' ');\nconst decodeNBSP = a => a === null || a === void 0 ? void 0 : a.replace(' ', '\\xa0');\nmodule.exports._CURRENT_FILE = CURRENT_FILE;\n/**\n * set name from current (or param) file\n *\n * @param name\n * @param current\n */\nmodule.exports.setCurrentName = (name, current) => {\n  const Info = DOM.CurrentInfo;\n  const {\n    link\n  } = Info;\n  const {\n    prefix\n  } = CloudCmd;\n  const dir = prefix + FS + Info.dirPath;\n  const encoded = encode(name);\n  link.title = encoded;\n  link.href = dir + encoded;\n  link.innerHTML = encoded;\n  current.setAttribute('data-name', createNameAttribute(name));\n  CloudCmd.emit('current-file', current);\n  return link;\n};\n\n/**\n * get name from current (or param) file\n *\n * @param currentFile\n */\nmodule.exports.getCurrentName = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  if (!current) return '';\n  return parseNameAttribute(current.getAttribute('data-name'));\n};\n\n/**\n * Generate a `data-name` attribute for the given filename\n * @param name The string name to encode\n */\nconst createNameAttribute = name => {\n  const encoded = btoa(encodeURI(name));\n  return `js-file-${encoded}`;\n};\n\n/**\n * Parse a `data-name` attribute string back into the original filename\n * @param attribute The string we wish to decode\n */\nconst parseNameAttribute = attribute => {\n  attribute = attribute.replace('js-file-', '');\n  return decodeNBSP(decodeURI(atob(attribute)));\n};\nmodule.exports._parseNameAttribute = parseNameAttribute;\nconst parseHrefAttribute = (prefix, attribute) => {\n  attribute = attribute.replace(RegExp('^' + prefix + FS), '');\n  return decode(decodeNBSP(attribute));\n};\nmodule.exports._parseHrefAttribute = parseHrefAttribute;\n/**\n * get current direcotory path\n */\nmodule.exports.getCurrentDirPath = function () {\n  let panel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DOM.getPanel();\n  const path = DOM.getByDataName('js-path', panel);\n  return path.textContent;\n};\n\n/**\n * get link from current (or param) file\n *\n * @param currentFile - current file by default\n */\nmodule.exports.getCurrentPath = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const [element] = DOM.getByTag('a', current);\n  const {\n    prefix\n  } = CloudCmd;\n  return parseHrefAttribute(prefix, element.getAttribute('href'));\n};\n\n/**\n * get current direcotory name\n */\nmodule.exports.getCurrentDirName = () => {\n  const href = DOM.getCurrentDirPath().replace(/\\/$/, '');\n  const substr = href.substr(href, href.lastIndexOf('/'));\n  const ret = href.replace(`${substr}/`, '') || '/';\n  return ret;\n};\n\n/**\n * get current direcotory path\n */\nmodule.exports.getParentDirPath = panel => {\n  const path = DOM.getCurrentDirPath(panel);\n  const dirName = DOM.getCurrentDirName() + '/';\n  const index = path.lastIndexOf(dirName);\n  if (path === '/') return path;\n  return path.slice(0, index);\n};\n\n/**\n * get not current direcotory path\n */\nmodule.exports.getNotCurrentDirPath = () => {\n  const panel = DOM.getPanel({\n    active: false\n  });\n  return DOM.getCurrentDirPath(panel);\n};\n\n/**\n * unified way to get current file\n *\n * @currentFile\n */\nmodule.exports.getCurrentFile = () => {\n  return DOM.getByClass(CURRENT_FILE);\n};\n\n/**\n * get current file by name\n */\nmodule.exports.getCurrentByName = function (name) {\n  let panel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DOM.CurrentInfo.panel;\n  const dataName = 'js-file-' + btoa(encodeURI(encodeNBSP(name)));\n  return DOM.getByDataName(dataName, panel);\n};\n\n/**\n * private function thet unset currentfile\n *\n * @currentFile\n */\nfunction unsetCurrentFile(currentFile) {\n  const is = DOM.isCurrentFile(currentFile);\n  if (!is) return;\n  currentFile.classList.remove(CURRENT_FILE);\n}\n\n/**\n * unified way to set current file\n */\nmodule.exports.setCurrentFile = (currentFile, options) => {\n  const o = options;\n  const currentFileWas = DOM.getCurrentFile();\n  if (!currentFile) return DOM;\n  let pathWas = '';\n  if (currentFileWas) {\n    pathWas = DOM.getCurrentDirPath();\n    unsetCurrentFile(currentFileWas);\n  }\n  currentFile.classList.add(CURRENT_FILE);\n  const path = DOM.getCurrentDirPath();\n  const name = CloudCmd.config('name');\n  if (path !== pathWas) {\n    DOM.setTitle(getTitle({\n      name,\n      path\n    }));\n\n    /* history could be present\n     * but it should be false\n     * to prevent default behavior\n     */\n    if (!o || o.history) {\n      const historyPath = path === '/' ? path : FS + path;\n      DOM.setHistory(historyPath, null, historyPath);\n    }\n  }\n\n  /* scrolling to current file */\n  const CENTER = true;\n  DOM.scrollIntoViewIfNeeded(currentFile, CENTER);\n  CloudCmd.emit('current-file', currentFile);\n  CloudCmd.emit('current-path', path);\n  CloudCmd.emit('current-name', DOM.getCurrentName(currentFile));\n  return DOM;\n};\nthis.setCurrentByName = name => {\n  const current = DOM.getCurrentByName(name);\n  return DOM.setCurrentFile(current);\n};\n\n/*\n  * set current file by position\n  *\n  * @param layer    - element\n  * @param          - position {x, y}\n  */\nmodule.exports.getCurrentByPosition = _ref => {\n  let {\n    x,\n    y\n  } = _ref;\n  const element = document.elementFromPoint(x, y);\n  const getEl = el => {\n    const {\n      tagName\n    } = el;\n    const isChild = /A|SPAN|LI/.test(tagName);\n    if (!isChild) return null;\n    if (tagName === 'A') return el.parentElement.parentElement;\n    if (tagName === 'SPAN') return el.parentElement;\n    return el;\n  };\n  const el = getEl(element);\n  if (el && el.tagName !== 'LI') return null;\n  return el;\n};\n\n/**\n * current file check\n *\n * @param currentFile\n */\nmodule.exports.isCurrentFile = currentFile => {\n  if (!currentFile) return false;\n  return DOM.isContainClass(currentFile, CURRENT_FILE);\n};\n\n/**\n * set title or create title element\n *\n * @param name\n */\nmodule.exports.setTitle = name => {\n  if (!Title) Title = DOM.getByTag('title')[0] || createElement('title', {\n    innerHTML: name,\n    parent: document.head\n  });\n  Title.textContent = name;\n  return DOM;\n};\n\n/**\n * check is current file is a directory\n *\n * @param currentFile\n */\nmodule.exports.isCurrentIsDir = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const path = DOM.getCurrentPath(current);\n  const fileType = DOM.getCurrentType(current);\n  const isZip = /\\.zip$/.test(path);\n  const isDir = /^directory(-link)?/.test(fileType);\n  return isDir || isZip;\n};\nmodule.exports.getCurrentType = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const el = DOM.getByDataName('js-type', current);\n  const type = el.className.split(' ').pop();\n  return type;\n};\n\n//# sourceURL=file://cloudcmd/client/dom/current-file.js");
+eval("\n\n/* global DOM */\n/* global CloudCmd */\nconst {\n  atob,\n  btoa\n} = __webpack_require__(/*! ../../common/base64 */ \"./common/base64.js\");\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst {\n  encode,\n  decode\n} = __webpack_require__(/*! ../../common/entity */ \"./common/entity.js\");\nconst {\n  getTitle,\n  FS\n} = __webpack_require__(/*! ../../common/cloudfunc */ \"./common/cloudfunc.js\");\nlet Title;\nconst CURRENT_FILE = 'current-file';\nconst encodeNBSP = a => a === null || a === void 0 ? void 0 : a.replace('\\xa0', ' ');\nconst decodeNBSP = a => a === null || a === void 0 ? void 0 : a.replace(' ', '\\xa0');\nmodule.exports._CURRENT_FILE = CURRENT_FILE;\n/**\n * set name from current (or param) file\n *\n * @param name\n * @param current\n */\nmodule.exports.setCurrentName = (name, current) => {\n  const Info = DOM.CurrentInfo;\n  const {\n    link\n  } = Info;\n  const {\n    prefix\n  } = CloudCmd;\n  const dir = prefix + FS + Info.dirPath;\n  const encoded = encode(name);\n  link.title = encoded;\n  link.href = dir + encoded;\n  link.innerHTML = encoded;\n  current.setAttribute('data-name', createNameAttribute(name));\n  CloudCmd.emit('current-file', current);\n  return link;\n};\n\n/**\n * get name from current (or param) file\n *\n * @param currentFile\n */\nmodule.exports.getCurrentName = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  if (!current) return '';\n  return parseNameAttribute(current.getAttribute('data-name'));\n};\n\n/**\n * Generate a `data-name` attribute for the given filename\n * @param name The string name to encode\n */\nconst createNameAttribute = name => {\n  const encoded = btoa(encodeURI(name));\n  return `js-file-${encoded}`;\n};\n\n/**\n * Parse a `data-name` attribute string back into the original filename\n * @param attribute The string we wish to decode\n */\nconst parseNameAttribute = attribute => {\n  attribute = attribute.replace('js-file-', '');\n  return decodeNBSP(decodeURI(atob(attribute)));\n};\nmodule.exports._parseNameAttribute = parseNameAttribute;\nconst parseHrefAttribute = (prefix, attribute) => {\n  attribute = attribute.replace(RegExp('^' + prefix + FS), '');\n  return decode(decodeNBSP(attribute));\n};\nmodule.exports._parseHrefAttribute = parseHrefAttribute;\n/**\n * get current direcotory path\n */\nmodule.exports.getCurrentDirPath = (panel = DOM.getPanel()) => {\n  const path = DOM.getByDataName('js-path', panel);\n  return path.textContent;\n};\n\n/**\n * get link from current (or param) file\n *\n * @param currentFile - current file by default\n */\nmodule.exports.getCurrentPath = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const [element] = DOM.getByTag('a', current);\n  const {\n    prefix\n  } = CloudCmd;\n  return parseHrefAttribute(prefix, element.getAttribute('href'));\n};\n\n/**\n * get current direcotory name\n */\nmodule.exports.getCurrentDirName = () => {\n  const href = DOM.getCurrentDirPath().replace(/\\/$/, '');\n  const substr = href.substr(href, href.lastIndexOf('/'));\n  return href.replace(`${substr}/`, '') || '/';\n};\n\n/**\n * get current direcotory path\n */\nmodule.exports.getParentDirPath = panel => {\n  const path = DOM.getCurrentDirPath(panel);\n  const dirName = DOM.getCurrentDirName() + '/';\n  const index = path.lastIndexOf(dirName);\n  if (path === '/') return path;\n  return path.slice(0, index);\n};\n\n/**\n * get not current direcotory path\n */\nmodule.exports.getNotCurrentDirPath = () => {\n  const panel = DOM.getPanel({\n    active: false\n  });\n  return DOM.getCurrentDirPath(panel);\n};\n\n/**\n * unified way to get current file\n *\n * @currentFile\n */\nmodule.exports.getCurrentFile = () => {\n  return DOM.getByClass(CURRENT_FILE);\n};\n\n/**\n * get current file by name\n */\nmodule.exports.getCurrentByName = (name, panel = DOM.CurrentInfo.panel) => {\n  const dataName = 'js-file-' + btoa(encodeURI(encodeNBSP(name)));\n  return DOM.getByDataName(dataName, panel);\n};\n\n/**\n * private function thet unset currentfile\n *\n * @currentFile\n */\nfunction unsetCurrentFile(currentFile) {\n  const is = DOM.isCurrentFile(currentFile);\n  if (!is) return;\n  currentFile.classList.remove(CURRENT_FILE);\n}\n\n/**\n * unified way to set current file\n */\nmodule.exports.setCurrentFile = (currentFile, options) => {\n  const o = options;\n  const currentFileWas = DOM.getCurrentFile();\n  if (!currentFile) return DOM;\n  let pathWas = '';\n  if (currentFileWas) {\n    pathWas = DOM.getCurrentDirPath();\n    unsetCurrentFile(currentFileWas);\n  }\n  currentFile.classList.add(CURRENT_FILE);\n  const path = DOM.getCurrentDirPath();\n  const name = CloudCmd.config('name');\n  if (path !== pathWas) {\n    DOM.setTitle(getTitle({\n      name,\n      path\n    }));\n\n    /* history could be present\n     * but it should be false\n     * to prevent default behavior\n     */\n    if (!o || o.history) {\n      const historyPath = path === '/' ? path : FS + path;\n      DOM.setHistory(historyPath, null, historyPath);\n    }\n  }\n\n  /* scrolling to current file */\n  const CENTER = true;\n  DOM.scrollIntoViewIfNeeded(currentFile, CENTER);\n  CloudCmd.emit('current-file', currentFile);\n  CloudCmd.emit('current-path', path);\n  CloudCmd.emit('current-name', DOM.getCurrentName(currentFile));\n  return DOM;\n};\nthis.setCurrentByName = name => {\n  const current = DOM.getCurrentByName(name);\n  return DOM.setCurrentFile(current);\n};\n\n/*\n  * set current file by position\n  *\n  * @param layer    - element\n  * @param          - position {x, y}\n  */\nmodule.exports.getCurrentByPosition = ({\n  x,\n  y\n}) => {\n  const element = document.elementFromPoint(x, y);\n  const getEl = el => {\n    const {\n      tagName\n    } = el;\n    const isChild = /A|SPAN|LI/.test(tagName);\n    if (!isChild) return null;\n    if (tagName === 'A') return el.parentElement.parentElement;\n    if (tagName === 'SPAN') return el.parentElement;\n    return el;\n  };\n  const el = getEl(element);\n  if (el && el.tagName !== 'LI') return null;\n  return el;\n};\n\n/**\n * current file check\n *\n * @param currentFile\n */\nmodule.exports.isCurrentFile = currentFile => {\n  if (!currentFile) return false;\n  return DOM.isContainClass(currentFile, CURRENT_FILE);\n};\n\n/**\n * set title or create title element\n *\n * @param name\n */\nmodule.exports.setTitle = name => {\n  if (!Title) Title = DOM.getByTag('title')[0] || createElement('title', {\n    innerHTML: name,\n    parent: document.head\n  });\n  Title.textContent = name;\n  return DOM;\n};\n\n/**\n * check is current file is a directory\n *\n * @param currentFile\n */\nmodule.exports.isCurrentIsDir = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const path = DOM.getCurrentPath(current);\n  const fileType = DOM.getCurrentType(current);\n  const isZip = /\\.zip$/.test(path);\n  const isDir = /^directory(-link)?/.test(fileType);\n  return isDir || isZip;\n};\nmodule.exports.getCurrentType = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const el = DOM.getByDataName('js-type', current);\n  const type = el.className.split(' ').pop();\n  return type;\n};\n\n//# sourceURL=file://cloudcmd/client/dom/current-file.js");
 
 /***/ }),
 
@@ -32,7 +32,7 @@ eval("\n\n/* global DOM */\n/* global CloudCmd */\nconst {\n  atob,\n  btoa\n} =
 /***/ (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\");\nconst {\n  alert,\n  prompt,\n  confirm,\n  progress\n} = __webpack_require__(/*! smalltalk */ \"./node_modules/smalltalk/lib/smalltalk.js\");\nconst title = 'Cloud Commander';\nmodule.exports.alert = function () {\n  for (var _len = arguments.length, a = new Array(_len), _key = 0; _key < _len; _key++) {\n    a[_key] = arguments[_key];\n  }\n  return alert(title, ...a, {\n    cancel: false\n  });\n};\nmodule.exports.prompt = function () {\n  for (var _len2 = arguments.length, a = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n    a[_key2] = arguments[_key2];\n  }\n  return tryToCatch(prompt, title, ...a);\n};\nmodule.exports.confirm = function () {\n  for (var _len3 = arguments.length, a = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n    a[_key3] = arguments[_key3];\n  }\n  return tryToCatch(confirm, title, ...a);\n};\nmodule.exports.progress = function () {\n  for (var _len4 = arguments.length, a = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {\n    a[_key4] = arguments[_key4];\n  }\n  return progress(title, ...a);\n};\nmodule.exports.alert.noFiles = () => {\n  return alert(title, 'No files selected!', {\n    cancel: false\n  });\n};\n\n//# sourceURL=file://cloudcmd/client/dom/dialog.js");
+eval("\n\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst {\n  alert,\n  prompt,\n  confirm,\n  progress\n} = __webpack_require__(/*! smalltalk */ \"./node_modules/smalltalk/lib/smalltalk.js\");\nconst title = 'Cloud Commander';\nmodule.exports.alert = (...a) => alert(title, ...a, {\n  cancel: false\n});\nmodule.exports.prompt = (...a) => tryToCatch(prompt, title, ...a);\nmodule.exports.confirm = (...a) => tryToCatch(confirm, title, ...a);\nmodule.exports.progress = (...a) => progress(title, ...a);\nmodule.exports.alert.noFiles = () => {\n  return alert(title, 'No files selected!', {\n    cancel: false\n  });\n};\n\n//# sourceURL=file://cloudcmd/client/dom/dialog.js");
 
 /***/ }),
 
@@ -44,7 +44,7 @@ eval("\n\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_mo
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global CloudCmd */\nconst philip = __webpack_require__(/*! philip */ \"./node_modules/philip/legacy/philip.js\");\nconst Images = __webpack_require__(/*! ./images */ \"./client/dom/images.js\");\nconst {\n  FS\n} = __webpack_require__(/*! ../../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst DOM = __webpack_require__(/*! . */ \"./client/dom/index.js\");\nconst Dialog = __webpack_require__(/*! ./dialog */ \"./client/dom/dialog.js\");\nconst {\n  getCurrentDirPath: getPathWhenRootEmpty\n} = DOM;\nmodule.exports = items => {\n  if (items.length) Images.show('top');\n  const entries = Array.from(items).map(item => item.webkitGetAsEntry());\n  const dirPath = getPathWhenRootEmpty();\n  const path = dirPath.replace(/\\/$/, '');\n  const progress = Dialog.progress('Uploading...');\n  progress.catch(() => {\n    Dialog.alert('Upload aborted');\n    uploader.abort();\n  });\n  const uploader = philip(entries, (type, name, data, i, n, callback) => {\n    const {\n      prefixURL\n    } = CloudCmd;\n    const full = prefixURL + FS + path + name;\n    let upload;\n    switch (type) {\n      case 'file':\n        upload = uploadFile(full, data);\n        break;\n      case 'directory':\n        upload = uploadDir(full);\n        break;\n    }\n    upload.on('end', callback);\n    upload.on('progress', count => {\n      const current = percent(i, n);\n      const next = percent(i + 1, n);\n      const max = next - current;\n      const value = current + percent(count, 100, max);\n      progress.setProgress(value);\n    });\n  });\n  uploader.on('error', error => {\n    Dialog.alert(error);\n    uploader.abort();\n  });\n  uploader.on('end', CloudCmd.refresh);\n};\nfunction percent(i, n) {\n  let per = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 100;\n  return Math.round(i * per / n);\n}\nfunction uploadFile(url, data) {\n  return DOM.load.put(url, data);\n}\nfunction uploadDir(url) {\n  return DOM.load.put(`${url}?dir`);\n}\n\n//# sourceURL=file://cloudcmd/client/dom/directory.js");
+eval("\n\n/* global CloudCmd */\nconst philip = __webpack_require__(/*! philip */ \"./node_modules/philip/legacy/philip.js\");\nconst Images = __webpack_require__(/*! ./images */ \"./client/dom/images.js\");\nconst {\n  FS\n} = __webpack_require__(/*! ../../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst DOM = __webpack_require__(/*! . */ \"./client/dom/index.js\");\nconst Dialog = __webpack_require__(/*! ./dialog */ \"./client/dom/dialog.js\");\nconst {\n  getCurrentDirPath: getPathWhenRootEmpty\n} = DOM;\nmodule.exports = items => {\n  if (items.length) Images.show('top');\n  const entries = Array.from(items).map(item => item.webkitGetAsEntry());\n  const dirPath = getPathWhenRootEmpty();\n  const path = dirPath.replace(/\\/$/, '');\n  const progress = Dialog.progress('Uploading...');\n  progress.catch(() => {\n    Dialog.alert('Upload aborted');\n    uploader.abort();\n  });\n  const uploader = philip(entries, (type, name, data, i, n, callback) => {\n    const {\n      prefixURL\n    } = CloudCmd;\n    const full = prefixURL + FS + path + name;\n    let upload;\n    switch (type) {\n      case 'file':\n        upload = uploadFile(full, data);\n        break;\n      case 'directory':\n        upload = uploadDir(full);\n        break;\n    }\n    upload.on('end', callback);\n    upload.on('progress', count => {\n      const current = percent(i, n);\n      const next = percent(i + 1, n);\n      const max = next - current;\n      const value = current + percent(count, 100, max);\n      progress.setProgress(value);\n    });\n  });\n  uploader.on('error', error => {\n    Dialog.alert(error);\n    uploader.abort();\n  });\n  uploader.on('end', CloudCmd.refresh);\n};\nfunction percent(i, n, per = 100) {\n  return Math.round(i * per / n);\n}\nfunction uploadFile(url, data) {\n  return DOM.load.put(url, data);\n}\nfunction uploadDir(url) {\n  return DOM.load.put(`${url}?dir`);\n}\n\n//# sourceURL=file://cloudcmd/client/dom/directory.js");
 
 /***/ }),
 
@@ -56,7 +56,7 @@ eval("\n\n/* global CloudCmd */\nconst philip = __webpack_require__(/*! philip *
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst DOM = module.exports;\n\n/**\n * check class of element\n *\n * @param element\n * @param className\n */\nconst isContainClass = (element, className) => {\n  if (!element) throw Error('element could not be empty!');\n  if (!className) throw Error('className could not be empty!');\n  if (Array.isArray(className)) return className.some(currify(isContainClass, element));\n  const {\n    classList\n  } = element;\n  return classList.contains(className);\n};\nmodule.exports.isContainClass = isContainClass;\n/**\n * Function search element by tag\n * @param tag - className\n * @param element - element\n */\nmodule.exports.getByTag = function (tag) {\n  let element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;\n  return element.getElementsByTagName(tag);\n};\n\n/**\n * Function search element by id\n * @param Id - id\n */\nmodule.exports.getById = function (id) {\n  let element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;\n  return element.querySelector(`#${id}`);\n};\n\n/**\n * Function search first element by class name\n * @param className - className\n * @param element - element\n */\nmodule.exports.getByClass = function (className) {\n  let element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;\n  return DOM.getByClassAll(className, element)[0];\n};\nmodule.exports.getByDataName = function (attribute) {\n  let element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;\n  const selector = '[' + 'data-name=\"' + attribute + '\"]';\n  return element.querySelector(selector);\n};\n\n/**\n * Function search element by class name\n * @param pClass - className\n * @param element - element\n */\nmodule.exports.getByClassAll = (className, element) => {\n  return (element || document).getElementsByClassName(className);\n};\n\n/**\n * add class=hidden to element\n *\n * @param element\n */\nmodule.exports.hide = element => {\n  element.classList.add('hidden');\n  return DOM;\n};\nmodule.exports.show = element => {\n  element.classList.remove('hidden');\n  return DOM;\n};\n\n//# sourceURL=file://cloudcmd/client/dom/dom-tree.js");
+eval("\n\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst DOM = module.exports;\n\n/**\n * check class of element\n *\n * @param element\n * @param className\n */\nconst isContainClass = (element, className) => {\n  if (!element) throw Error('element could not be empty!');\n  if (!className) throw Error('className could not be empty!');\n  if (Array.isArray(className)) return className.some(currify(isContainClass, element));\n  const {\n    classList\n  } = element;\n  return classList.contains(className);\n};\nmodule.exports.isContainClass = isContainClass;\n/**\n * Function search element by tag\n * @param tag - className\n * @param element - element\n */\nmodule.exports.getByTag = (tag, element = document) => {\n  return element.getElementsByTagName(tag);\n};\n\n/**\n * Function search element by id\n * @param Id - id\n */\nmodule.exports.getById = (id, element = document) => {\n  return element.querySelector(`#${id}`);\n};\n\n/**\n * Function search first element by class name\n * @param className - className\n * @param element - element\n */\nmodule.exports.getByClass = (className, element = document) => DOM.getByClassAll(className, element)[0];\nmodule.exports.getByDataName = (attribute, element = document) => {\n  const selector = '[' + 'data-name=\"' + attribute + '\"]';\n  return element.querySelector(selector);\n};\n\n/**\n * Function search element by class name\n * @param pClass - className\n * @param element - element\n */\nmodule.exports.getByClassAll = (className, element) => {\n  return (element || document).getElementsByClassName(className);\n};\n\n/**\n * add class=hidden to element\n *\n * @param element\n */\nmodule.exports.hide = element => {\n  element.classList.add('hidden');\n  return DOM;\n};\nmodule.exports.show = element => {\n  element.classList.remove('hidden');\n  return DOM;\n};\n\n//# sourceURL=file://cloudcmd/client/dom/dom-tree.js");
 
 /***/ }),
 
@@ -80,7 +80,7 @@ eval("\n\nlet list = [];\nmodule.exports.add = (el, name, fn) => {\n  list.push(
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nconst itype = __webpack_require__(/*! itype */ \"./node_modules/itype/lib/itype.js\");\nconst EventStore = __webpack_require__(/*! ./event-store */ \"./client/dom/events/event-store.js\");\nmodule.exports = new EventsProto();\nfunction EventsProto() {\n  const Events = this;\n  const getEventOptions = eventName => {\n    if (eventName !== 'touchstart') return false;\n    return {\n      passive: true\n    };\n  };\n  function parseArgs(eventName, element, listener, callback) {\n    let isFunc;\n    const args = [eventName, element, listener, callback];\n    const EVENT_NAME = 1;\n    const ELEMENT = 0;\n    const type = itype(eventName);\n    switch (type) {\n      default:\n        if (!type.endsWith('element')) throw Error(`unknown eventName: ${type}`);\n        parseArgs(args[EVENT_NAME], args[ELEMENT], listener, callback);\n        break;\n      case 'string':\n        isFunc = itype.function(element);\n        if (isFunc) {\n          listener = element;\n          element = null;\n        }\n        if (!element) element = window;\n        callback(element, [eventName, listener, getEventOptions(eventName)]);\n        break;\n      case 'array':\n        for (const name of eventName) {\n          parseArgs(name, element, listener, callback);\n        }\n        break;\n      case 'object':\n        for (const name of Object.keys(eventName)) {\n          const eventListener = eventName[name];\n          parseArgs(name, element, eventListener, callback);\n        }\n        break;\n    }\n  }\n\n  /**\n   * safe add event listener\n   *\n   * @param type\n   * @param element {document by default}\n   * @param listener\n   */\n  this.add = (type, element, listener) => {\n    checkType(type);\n    parseArgs(type, element, listener, (element, args) => {\n      const [name, fn, options] = args;\n      element.addEventListener(name, fn, options);\n      EventStore.add(element, name, fn);\n    });\n    return Events;\n  };\n\n  /**\n   * safe add event listener\n   *\n   * @param type\n   * @param listener\n   * @param element {document by default}\n   */\n  this.addOnce = (type, element, listener) => {\n    const once = event => {\n      Events.remove(type, element, once);\n      listener(event);\n    };\n    if (!listener) {\n      listener = element;\n      element = null;\n    }\n    this.add(type, element, once);\n    return Events;\n  };\n\n  /**\n   * safe remove event listener\n   *\n   * @param type\n   * @param listener\n   * @param element {document by default}\n   */\n  this.remove = (type, element, listener) => {\n    checkType(type);\n    parseArgs(type, element, listener, (element, args) => {\n      element.removeEventListener(...args);\n    });\n    return Events;\n  };\n\n  /**\n   * remove all added event listeners\n   *\n   * @param listener\n   */\n  this.removeAll = () => {\n    const events = EventStore.get();\n    for (const [el, name, fn] of events) el.removeEventListener(name, fn);\n    EventStore.clear();\n  };\n\n  /**\n   * safe add event keydown listener\n   *\n   * @param listener\n   */\n  this.addKey = function () {\n    const name = 'keydown';\n    for (var _len = arguments.length, argsArr = new Array(_len), _key = 0; _key < _len; _key++) {\n      argsArr[_key] = arguments[_key];\n    }\n    const args = [name, ...argsArr];\n    return Events.add(...args);\n  };\n\n  /**\n   * safe remove event click listener\n   *\n   * @param listener\n   */\n  this.rmKey = function () {\n    const name = 'keydown';\n    for (var _len2 = arguments.length, argsArr = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      argsArr[_key2] = arguments[_key2];\n    }\n    const args = [name, ...argsArr];\n    return Events.remove(...args);\n  };\n\n  /**\n   * safe add event click listener\n   *\n   * @param listener\n   */\n  this.addClick = function () {\n    const name = 'click';\n    for (var _len3 = arguments.length, argsArr = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n      argsArr[_key3] = arguments[_key3];\n    }\n    const args = [name, ...argsArr];\n    return Events.add(...args);\n  };\n\n  /**\n   * safe remove event click listener\n   *\n   * @param listener\n   */\n  this.rmClick = function () {\n    const name = 'click';\n    for (var _len4 = arguments.length, argsArr = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {\n      argsArr[_key4] = arguments[_key4];\n    }\n    const args = [name, ...argsArr];\n    return Events.remove(...args);\n  };\n  this.addContextMenu = function () {\n    const name = 'contextmenu';\n    for (var _len5 = arguments.length, argsArr = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {\n      argsArr[_key5] = arguments[_key5];\n    }\n    const args = [name, ...argsArr];\n    return Events.add(...args);\n  };\n\n  /**\n   * safe add event click listener\n   *\n   * @param listener\n   */\n  this.addError = function () {\n    const name = 'error';\n    for (var _len6 = arguments.length, argsArr = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {\n      argsArr[_key6] = arguments[_key6];\n    }\n    const args = [name, ...argsArr];\n    return Events.add(...args);\n  };\n\n  /**\n   * safe add load click listener\n   *\n   * @param listener\n   */\n  this.addLoad = function () {\n    const name = 'load';\n    for (var _len7 = arguments.length, argsArr = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {\n      argsArr[_key7] = arguments[_key7];\n    }\n    const args = [name, ...argsArr];\n    return Events.add(...args);\n  };\n  function checkType(type) {\n    if (!type) throw Error('type could not be empty!');\n  }\n}\n\n//# sourceURL=file://cloudcmd/client/dom/events/index.js");
+eval("\n\nconst itype = __webpack_require__(/*! itype */ \"./node_modules/itype/lib/itype.js\");\nconst EventStore = __webpack_require__(/*! ./event-store */ \"./client/dom/events/event-store.js\");\nmodule.exports = new EventsProto();\nfunction EventsProto() {\n  const Events = this;\n  const getEventOptions = eventName => {\n    if (eventName !== 'touchstart') return false;\n    return {\n      passive: true\n    };\n  };\n  function parseArgs(eventName, element, listener, callback) {\n    let isFunc;\n    const args = [eventName, element, listener, callback];\n    const EVENT_NAME = 1;\n    const ELEMENT = 0;\n    const type = itype(eventName);\n    switch (type) {\n      default:\n        if (!type.endsWith('element')) throw Error(`unknown eventName: ${type}`);\n        parseArgs(args[EVENT_NAME], args[ELEMENT], listener, callback);\n        break;\n      case 'string':\n        isFunc = itype.function(element);\n        if (isFunc) {\n          listener = element;\n          element = null;\n        }\n        if (!element) element = window;\n        callback(element, [eventName, listener, getEventOptions(eventName)]);\n        break;\n      case 'array':\n        for (const name of eventName) {\n          parseArgs(name, element, listener, callback);\n        }\n        break;\n      case 'object':\n        for (const name of Object.keys(eventName)) {\n          const eventListener = eventName[name];\n          parseArgs(name, element, eventListener, callback);\n        }\n        break;\n    }\n  }\n\n  /**\n   * safe add event listener\n   *\n   * @param type\n   * @param element {document by default}\n   * @param listener\n   */\n  this.add = (type, element, listener) => {\n    checkType(type);\n    parseArgs(type, element, listener, (element, args) => {\n      const [name, fn, options] = args;\n      element.addEventListener(name, fn, options);\n      EventStore.add(element, name, fn);\n    });\n    return Events;\n  };\n\n  /**\n   * safe add event listener\n   *\n   * @param type\n   * @param listener\n   * @param element {document by default}\n   */\n  this.addOnce = (type, element, listener) => {\n    const once = event => {\n      Events.remove(type, element, once);\n      listener(event);\n    };\n    if (!listener) {\n      listener = element;\n      element = null;\n    }\n    this.add(type, element, once);\n    return Events;\n  };\n\n  /**\n   * safe remove event listener\n   *\n   * @param type\n   * @param listener\n   * @param element {document by default}\n   */\n  this.remove = (type, element, listener) => {\n    checkType(type);\n    parseArgs(type, element, listener, (element, args) => {\n      element.removeEventListener(...args);\n    });\n    return Events;\n  };\n\n  /**\n   * remove all added event listeners\n   *\n   * @param listener\n   */\n  this.removeAll = () => {\n    const events = EventStore.get();\n    for (const [el, name, fn] of events) el.removeEventListener(name, fn);\n    EventStore.clear();\n  };\n\n  /**\n   * safe add event keydown listener\n   *\n   * @param listener\n   */\n  this.addKey = function (...argsArr) {\n    const name = 'keydown';\n    const args = [name, ...argsArr];\n    return Events.add(...args);\n  };\n\n  /**\n   * safe remove event click listener\n   *\n   * @param listener\n   */\n  this.rmKey = function (...argsArr) {\n    const name = 'keydown';\n    const args = [name, ...argsArr];\n    return Events.remove(...args);\n  };\n\n  /**\n   * safe add event click listener\n   *\n   * @param listener\n   */\n  this.addClick = function (...argsArr) {\n    const name = 'click';\n    const args = [name, ...argsArr];\n    return Events.add(...args);\n  };\n\n  /**\n   * safe remove event click listener\n   *\n   * @param listener\n   */\n  this.rmClick = function (...argsArr) {\n    const name = 'click';\n    const args = [name, ...argsArr];\n    return Events.remove(...args);\n  };\n  this.addContextMenu = function (...argsArr) {\n    const name = 'contextmenu';\n    const args = [name, ...argsArr];\n    return Events.add(...args);\n  };\n\n  /**\n   * safe add event click listener\n   *\n   * @param listener\n   */\n  this.addError = function (...argsArr) {\n    const name = 'error';\n    const args = [name, ...argsArr];\n    return Events.add(...args);\n  };\n\n  /**\n   * safe add load click listener\n   *\n   * @param listener\n   */\n  this.addLoad = function (...argsArr) {\n    const name = 'load';\n    const args = [name, ...argsArr];\n    return Events.add(...args);\n  };\n  function checkType(type) {\n    if (!type) throw Error('type could not be empty!');\n  }\n}\n\n//# sourceURL=file://cloudcmd/client/dom/events/index.js");
 
 /***/ }),
 
@@ -116,7 +116,7 @@ eval("/* global DOM */\n\n\n\nconst createElement = __webpack_require__(/*! @clo
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global CloudCmd */\nconst Util = __webpack_require__(/*! ../../common/util */ \"./common/util.js\");\nconst Images = __webpack_require__(/*! ./images */ \"./client/dom/images.js\");\nconst RESTful = __webpack_require__(/*! ./rest */ \"./client/dom/rest.js\");\nconst Storage = __webpack_require__(/*! ./storage */ \"./client/dom/storage.js\");\nconst renameCurrent = __webpack_require__(/*! ./operations/rename-current */ \"./client/dom/operations/rename-current.js\");\nconst CurrentFile = __webpack_require__(/*! ./current-file */ \"./client/dom/current-file.js\");\nconst DOMTree = __webpack_require__(/*! ./dom-tree */ \"./client/dom/dom-tree.js\");\nconst Cmd = module.exports;\nconst DOM = {\n  ...DOMTree,\n  ...CurrentFile,\n  ...Cmd\n};\nconst CurrentInfo = {};\nDOM.Images = Images;\nDOM.load = __webpack_require__(/*! ./load */ \"./client/dom/load.js\");\nDOM.Files = __webpack_require__(/*! ./files */ \"./client/dom/files.js\");\nDOM.RESTful = RESTful;\nDOM.IO = __webpack_require__(/*! ./io */ \"./client/dom/io/index.js\");\nDOM.Storage = Storage;\nDOM.Dialog = __webpack_require__(/*! ./dialog */ \"./client/dom/dialog.js\");\nDOM.CurrentInfo = CurrentInfo;\nmodule.exports = DOM;\nDOM.uploadDirectory = __webpack_require__(/*! ./directory */ \"./client/dom/directory.js\");\nDOM.Buffer = __webpack_require__(/*! ./buffer */ \"./client/dom/buffer.js\");\nDOM.Events = __webpack_require__(/*! ./events */ \"./client/dom/events/index.js\");\nconst loadRemote = __webpack_require__(/*! ./load-remote */ \"./client/dom/load-remote.js\");\nconst selectByPattern = __webpack_require__(/*! ./select-by-pattern */ \"./client/dom/select-by-pattern.js\");\nconst SELECTED_FILE = 'selected-file';\nconst TabPanel = {\n  'js-left': null,\n  'js-right': null\n};\nmodule.exports.loadRemote = (name, options, callback) => {\n  loadRemote(name, options, callback);\n  return DOM;\n};\nmodule.exports.loadSocket = callback => {\n  DOM.loadRemote('socket', {\n    name: 'io'\n  }, callback);\n  return DOM;\n};\n\n/**\n * create new folder\n *\n */\nmodule.exports.promptNewDir = async function () {\n  await promptNew('directory');\n};\n\n/**\n * create new file\n *\n * @typeName\n * @type\n */\nmodule.exports.promptNewFile = async () => {\n  await promptNew('file');\n};\nasync function promptNew(typeName) {\n  const {\n    Dialog\n  } = DOM;\n  const dir = DOM.getCurrentDirPath();\n  const msg = `New ${typeName}` || 'File';\n  const getName = () => {\n    const name = DOM.getCurrentName();\n    if (name === '..') return '';\n    return name;\n  };\n  const name = getName();\n  const [cancel, currentName] = await Dialog.prompt(msg, name);\n  if (cancel) return;\n  const path = `${dir}${currentName}`;\n  if (typeName === 'directory') await RESTful.createDirectory(path);else await RESTful.write(path);\n  await CloudCmd.refresh({\n    currentName\n  });\n}\n\n/**\n * get current direcotory name\n */\nmodule.exports.getCurrentDirName = () => {\n  const href = DOM.getCurrentDirPath().replace(/\\/$/, '');\n  const substr = href.substr(href, href.lastIndexOf('/'));\n  const ret = href.replace(`${substr}/`, '') || '/';\n  return ret;\n};\n\n/**\n * get current direcotory path\n */\nmodule.exports.getParentDirPath = panel => {\n  const path = DOM.getCurrentDirPath(panel);\n  const dirName = DOM.getCurrentDirName() + '/';\n  const index = path.lastIndexOf(dirName);\n  if (path !== '/') return path.slice(0, index);\n  return path;\n};\n\n/**\n * get not current direcotory path\n */\nmodule.exports.getNotCurrentDirPath = () => {\n  const panel = DOM.getPanel({\n    active: false\n  });\n  const path = DOM.getCurrentDirPath(panel);\n  return path;\n};\n\n/**\n * unified way to get selected files\n *\n * @currentFile\n */\nmodule.exports.getSelectedFiles = () => {\n  const panel = DOM.getPanel();\n  const selected = DOM.getByClassAll(SELECTED_FILE, panel);\n  return Array.from(selected);\n};\n\n/*\n * unselect all files\n */\nmodule.exports.unselectFiles = files => {\n  files = files || DOM.getSelectedFiles();\n  Array.from(files).forEach(DOM.toggleSelectedFile);\n};\n\n/**\n * get all selected files or current when none selected\n *\n * @currentFile\n */\nmodule.exports.getActiveFiles = () => {\n  const current = DOM.getCurrentFile();\n  const files = DOM.getSelectedFiles();\n  const name = DOM.getCurrentName(current);\n  if (!files.length && name !== '..') return [current];\n  return files;\n};\nmodule.exports.getCurrentDate = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const date = DOM.getByDataName('js-date', current).textContent;\n  return date;\n};\n\n/**\n * get size\n * @currentFile\n */\nmodule.exports.getCurrentSize = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n\n  /* если это папка - возвращаем слово dir вместо размера*/\n  const size = DOM.getByDataName('js-size', current).textContent.replace(/^<|>$/g, '');\n  return size;\n};\n\n/**\n * get size\n * @currentFile\n */\nmodule.exports.loadCurrentSize = async currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const query = '?size';\n  const link = DOM.getCurrentPath(current);\n  Images.show.load();\n  if (name === '..') return;\n  const [, size] = await RESTful.read(link + query);\n  DOM.setCurrentSize(size, current);\n  Images.hide();\n  return current;\n};\n\n/**\n * load hash\n * @callback\n * @currentFile\n */\nmodule.exports.loadCurrentHash = async currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const query = '?hash';\n  const link = DOM.getCurrentPath(current);\n  const [, data] = await RESTful.read(link + query);\n  return data;\n};\n\n/**\n * set size\n * @currentFile\n */\nmodule.exports.setCurrentSize = (size, currentFile) => {\n  const current = currentFile || DOM.getCurrentFile();\n  const sizeElement = DOM.getByDataName('js-size', current);\n  sizeElement.textContent = size;\n};\n\n/**\n * @currentFile\n */\nmodule.exports.getCurrentMode = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const mode = DOM.getByDataName('js-mode', current);\n  return mode.textContent;\n};\n\n/**\n * @currentFile\n */\nmodule.exports.getCurrentOwner = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const owner = DOM.getByDataName('js-owner', current);\n  return owner.textContent;\n};\n\n/**\n * unified way to get current file content\n *\n * @param currentFile\n */\nmodule.exports.getCurrentData = async currentFile => {\n  const {\n    Dialog\n  } = DOM;\n  const Info = DOM.CurrentInfo;\n  const current = currentFile || DOM.getCurrentFile();\n  const path = DOM.getCurrentPath(current);\n  const isDir = DOM.isCurrentIsDir(current);\n  if (Info.name === '..') {\n    Dialog.alert.noFiles();\n    return [Error('No Files')];\n  }\n  if (isDir) return await RESTful.read(path);\n  const [hashNew, hash] = await DOM.checkStorageHash(path);\n  if (!hashNew) return [Error(`Can't get hash of a file`)];\n  if (hash === hashNew) return [null, await Storage.get(`${path}-data`)];\n  const [e, data] = await RESTful.read(path);\n  if (e) return [e, null];\n  const ONE_MEGABYTE = 1024 ** 2 * 1024;\n  const {\n    length\n  } = data;\n  if (hash && length < ONE_MEGABYTE) await DOM.saveDataToStorage(path, data, hashNew);\n  return [null, data];\n};\n\n/**\n * unified way to get RefreshButton\n */\nmodule.exports.getRefreshButton = function () {\n  let panel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DOM.getPanel();\n  return DOM.getByDataName('js-refresh', panel);\n};\n\n/**\n * select current file\n * @param currentFile\n */\nmodule.exports.selectFile = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  current.classList.add(SELECTED_FILE);\n  return Cmd;\n};\nmodule.exports.unselectFile = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  current.classList.remove(SELECTED_FILE);\n  return Cmd;\n};\nmodule.exports.toggleSelectedFile = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const name = DOM.getCurrentName(current);\n  if (name === '..') return Cmd;\n  current.classList.toggle(SELECTED_FILE);\n  return Cmd;\n};\nmodule.exports.toggleAllSelectedFiles = () => {\n  DOM.getAllFiles().map(DOM.toggleSelectedFile);\n  return Cmd;\n};\nmodule.exports.selectAllFiles = () => {\n  DOM.getAllFiles().map(DOM.selectFile);\n  return Cmd;\n};\nmodule.exports.getAllFiles = () => {\n  const panel = DOM.getPanel();\n  const files = DOM.getFiles(panel);\n  const name = DOM.getCurrentName(files[0]);\n  const from = a => a === '..' ? 1 : 0;\n  const i = from(name);\n  return Array.from(files).slice(i);\n};\n\n/**\n * open dialog with expand selection\n */\nmodule.exports.expandSelection = () => {\n  const msg = 'expand';\n  const {\n    files\n  } = CurrentInfo;\n  selectByPattern(msg, files);\n};\n\n/**\n * open dialog with shrink selection\n */\nmodule.exports.shrinkSelection = () => {\n  const msg = 'shrink';\n  const {\n    files\n  } = CurrentInfo;\n  selectByPattern(msg, files);\n};\n\n/**\n * setting history wrapper\n */\nmodule.exports.setHistory = (data, title, url) => {\n  const ret = window.history;\n  const {\n    prefix\n  } = CloudCmd;\n  url = prefix + url;\n  if (ret) history.pushState(data, title, url);\n  return ret;\n};\n\n/**\n * selected file check\n *\n * @param currentFile\n */\nmodule.exports.isSelected = selected => {\n  if (!selected) return false;\n  return DOM.isContainClass(selected, SELECTED_FILE);\n};\n\n/**\n * get link from current (or param) file\n *\n * @param currentFile - current file by default\n */\nmodule.exports.getCurrentLink = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const link = DOM.getByTag('a', current);\n  return link[0];\n};\nmodule.exports.getFilenames = files => {\n  if (!files) throw Error('AllFiles could not be empty');\n  const first = files[0] || DOM.getCurrentFile();\n  const name = DOM.getCurrentName(first);\n  const allFiles = Array.from(files);\n  if (name === '..') allFiles.shift();\n  const names = allFiles.map(current => {\n    return DOM.getCurrentName(current);\n  });\n  return names;\n};\n\n/**\n * check storage hash\n */\nmodule.exports.checkStorageHash = async name => {\n  const nameHash = `${name}-hash`;\n  if (typeof name !== 'string') throw Error('name should be a string!');\n  const [loadHash, storeHash] = await Promise.all([DOM.loadCurrentHash(), Storage.get(nameHash)]);\n  return [loadHash, storeHash];\n};\n\n/**\n * save data to storage\n *\n * @param name\n * @param data\n * @param hash\n * @param callback\n */\nmodule.exports.saveDataToStorage = async (name, data, hash) => {\n  const isDir = DOM.isCurrentIsDir();\n  if (isDir) return;\n  hash = hash || (await DOM.loadCurrentHash());\n  const nameHash = `${name}-hash`;\n  const nameData = `${name}-data`;\n  await Storage.set(nameHash, hash);\n  await Storage.set(nameData, data);\n  return hash;\n};\nmodule.exports.getFM = () => DOM.getPanel().parentElement;\nmodule.exports.getPanelPosition = panel => {\n  panel = panel || DOM.getPanel();\n  return panel.dataset.name.replace('js-', '');\n};\n\n/** function getting panel active, or passive\n * @param options = {active: true}\n */\nmodule.exports.getPanel = options => {\n  let files;\n  let panel;\n  let isLeft;\n  let dataName = 'js-';\n  const current = DOM.getCurrentFile();\n  if (!current) {\n    panel = DOM.getByDataName('js-left');\n  } else {\n    files = current.parentElement;\n    panel = files.parentElement;\n    isLeft = panel.getAttribute('data-name') === 'js-left';\n  }\n\n  /* if {active : false} getting passive panel */\n  if (options && !options.active) {\n    dataName += isLeft ? 'right' : 'left';\n    panel = DOM.getByDataName(dataName);\n  }\n\n  /* if two panels showed\n   * then always work with passive\n   * panel\n   */\n  if (window.innerWidth < CloudCmd.MIN_ONE_PANEL_WIDTH) panel = DOM.getByDataName('js-left');\n  if (!panel) throw Error('can not find Active Panel!');\n  return panel;\n};\nmodule.exports.getFiles = element => {\n  const files = DOM.getByDataName('js-files', element);\n  return files.children || [];\n};\n\n/**\n * shows panel right or left (or active)\n */\nmodule.exports.showPanel = active => {\n  const panel = DOM.getPanel({\n    active\n  });\n  if (!panel) return false;\n  DOM.show(panel);\n  return true;\n};\n\n/**\n * hides panel right or left (or active)\n */\nmodule.exports.hidePanel = active => {\n  const panel = DOM.getPanel({\n    active\n  });\n  if (!panel) return false;\n  return DOM.hide(panel);\n};\n\n/**\n * remove child of element\n * @param pChild\n * @param element\n */\nmodule.exports.remove = (child, element) => {\n  const parent = element || document.body;\n  parent.removeChild(child);\n  return DOM;\n};\n\n/**\n * remove current file from file table\n * @param current\n *\n */\nmodule.exports.deleteCurrent = current => {\n  if (!current) DOM.getCurrentFile();\n  const parent = current === null || current === void 0 ? void 0 : current.parentElement;\n  const name = DOM.getCurrentName(current);\n  if (current && name !== '..') {\n    const next = current.nextSibling;\n    const prev = current.previousSibling;\n    DOM.setCurrentFile(next || prev);\n    parent.removeChild(current);\n  }\n};\n\n/**\n * remove selected files from file table\n * @Selected\n */\nmodule.exports.deleteSelected = selected => {\n  selected = selected || DOM.getSelectedFiles();\n  if (!selected) return;\n  selected.map(DOM.deleteCurrent);\n};\n\n/**\n * rename current file\n *\n * @currentFile\n */\nmodule.exports.renameCurrent = renameCurrent;\n/**\n * unified way to scrollIntoViewIfNeeded\n * (native suporte by webkit only)\n * @param element\n * @param center - to scroll as small as possible param should be false\n */\nmodule.exports.scrollIntoViewIfNeeded = function (element) {\n  let center = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n  if (!element || !element.scrollIntoViewIfNeeded) return;\n  element.scrollIntoViewIfNeeded(center);\n};\n\n/* scroll on one page */\nmodule.exports.scrollByPages = (element, pPages) => {\n  const ret = (element === null || element === void 0 ? void 0 : element.scrollByPages) && pPages;\n  if (ret) element.scrollByPages(pPages);\n  return ret;\n};\nmodule.exports.changePanel = () => {\n  const Info = CurrentInfo;\n  let panel = DOM.getPanel();\n  CloudCmd.emit('passive-dir', Info.dirPath);\n  const panelPassive = DOM.getPanel({\n    active: false\n  });\n  let name = DOM.getCurrentName();\n  const filesPassive = DOM.getFiles(panelPassive);\n  let dataName = panel.getAttribute('data-name');\n  TabPanel[dataName] = name;\n  panel = panelPassive;\n  dataName = panel.getAttribute('data-name');\n  name = TabPanel[dataName];\n  let files;\n  let current;\n  if (name) {\n    current = DOM.getCurrentByName(name, panel);\n    if (current) files = current.parentElement;\n  }\n  if (!files || !files.parentElement) {\n    current = DOM.getCurrentByName(name, panel);\n    if (!current) [current] = filesPassive;\n  }\n  DOM.setCurrentFile(current, {\n    history: true\n  });\n  CloudCmd.emit('active-dir', Info.dirPath);\n  return DOM;\n};\nmodule.exports.getPackerExt = type => {\n  if (type === 'zip') return '.zip';\n  return '.tar.gz';\n};\nmodule.exports.goToDirectory = async () => {\n  const msg = 'Go to directory:';\n  const {\n    Dialog\n  } = DOM;\n  const {\n    dirPath\n  } = CurrentInfo;\n  const [cancel, path = dirPath] = await Dialog.prompt(msg, dirPath);\n  if (cancel) return;\n  await CloudCmd.changeDir(path);\n};\nmodule.exports.duplicatePanel = async () => {\n  const Info = CurrentInfo;\n  const {\n    isDir\n  } = Info;\n  const panel = Info.panelPassive;\n  const noCurrent = !Info.isOnePanel;\n  const getPath = isDir => {\n    if (isDir) return Info.path;\n    return Info.dirPath;\n  };\n  const path = getPath(isDir);\n  await CloudCmd.changeDir(path, {\n    panel,\n    noCurrent\n  });\n};\nmodule.exports.swapPanels = async () => {\n  const Info = CurrentInfo;\n  const {\n    panel,\n    files,\n    element,\n    panelPassive\n  } = Info;\n  const path = DOM.getCurrentDirPath();\n  const dirPathPassive = DOM.getNotCurrentDirPath();\n  let currentIndex = files.indexOf(element);\n  await CloudCmd.changeDir(path, {\n    panel: panelPassive,\n    noCurrent: true\n  });\n  await CloudCmd.changeDir(dirPathPassive, {\n    panel\n  });\n  const length = Info.files.length - 1;\n  if (currentIndex > length) currentIndex = length;\n  const el = Info.files[currentIndex];\n  DOM.setCurrentFile(el);\n};\nmodule.exports.CurrentInfo = CurrentInfo;\nmodule.exports.updateCurrentInfo = currentFile => {\n  const info = DOM.CurrentInfo;\n  const current = currentFile || DOM.getCurrentFile();\n  const files = current.parentElement;\n  const panelPassive = DOM.getPanel({\n    active: false\n  });\n  const filesPassive = DOM.getFiles(panelPassive);\n  const name = DOM.getCurrentName(current);\n  info.dir = DOM.getCurrentDirName();\n  info.dirPath = DOM.getCurrentDirPath();\n  info.parentDirPath = DOM.getParentDirPath();\n  info.element = current;\n  info.ext = Util.getExt(name);\n  info.files = Array.from(files.children);\n  info.filesPassive = Array.from(filesPassive);\n  info.first = files.firstChild;\n  info.getData = DOM.getCurrentData;\n  info.last = files.lastChild;\n  info.link = DOM.getCurrentLink(current);\n  info.mode = DOM.getCurrentMode(current);\n  info.name = name;\n  info.path = DOM.getCurrentPath(current);\n  info.panel = files.parentElement || DOM.getPanel();\n  info.panelPassive = panelPassive;\n  info.size = DOM.getCurrentSize(current);\n  info.isDir = DOM.isCurrentIsDir();\n  info.isSelected = DOM.isSelected(current);\n  info.panelPosition = DOM.getPanel().dataset.name.replace('js-', '');\n  info.isOnePanel = info.panel.getAttribute('data-name') === info.panelPassive.getAttribute('data-name');\n};\n\n//# sourceURL=file://cloudcmd/client/dom/index.js");
+eval("\n\n/* global CloudCmd */\nconst Util = __webpack_require__(/*! ../../common/util */ \"./common/util.js\");\nconst Images = __webpack_require__(/*! ./images */ \"./client/dom/images.js\");\nconst RESTful = __webpack_require__(/*! ./rest */ \"./client/dom/rest.js\");\nconst Storage = __webpack_require__(/*! ./storage */ \"./client/dom/storage.js\");\nconst renameCurrent = __webpack_require__(/*! ./operations/rename-current */ \"./client/dom/operations/rename-current.js\");\nconst CurrentFile = __webpack_require__(/*! ./current-file */ \"./client/dom/current-file.js\");\nconst DOMTree = __webpack_require__(/*! ./dom-tree */ \"./client/dom/dom-tree.js\");\nconst Cmd = module.exports;\nconst DOM = {\n  ...DOMTree,\n  ...CurrentFile,\n  ...Cmd\n};\nconst CurrentInfo = {};\nDOM.Images = Images;\nDOM.load = __webpack_require__(/*! ./load */ \"./client/dom/load.js\");\nDOM.Files = __webpack_require__(/*! ./files */ \"./client/dom/files.js\");\nDOM.RESTful = RESTful;\nDOM.IO = __webpack_require__(/*! ./io */ \"./client/dom/io/index.js\");\nDOM.Storage = Storage;\nDOM.Dialog = __webpack_require__(/*! ./dialog */ \"./client/dom/dialog.js\");\nDOM.CurrentInfo = CurrentInfo;\nmodule.exports = DOM;\nDOM.uploadDirectory = __webpack_require__(/*! ./directory */ \"./client/dom/directory.js\");\nDOM.Buffer = __webpack_require__(/*! ./buffer */ \"./client/dom/buffer.js\");\nDOM.Events = __webpack_require__(/*! ./events */ \"./client/dom/events/index.js\");\nconst loadRemote = __webpack_require__(/*! ./load-remote */ \"./client/dom/load-remote.js\");\nconst selectByPattern = __webpack_require__(/*! ./select-by-pattern */ \"./client/dom/select-by-pattern.js\");\nconst isString = a => typeof a === 'string';\nconst SELECTED_FILE = 'selected-file';\nconst TabPanel = {\n  'js-left': null,\n  'js-right': null\n};\nmodule.exports.loadRemote = (name, options, callback) => {\n  loadRemote(name, options, callback);\n  return DOM;\n};\nmodule.exports.loadSocket = callback => {\n  DOM.loadRemote('socket', {\n    name: 'io'\n  }, callback);\n  return DOM;\n};\n\n/**\n * create new folder\n *\n */\nmodule.exports.promptNewDir = async function () {\n  await promptNew('directory');\n};\n\n/**\n * create new file\n *\n * @typeName\n * @type\n */\nmodule.exports.promptNewFile = async () => {\n  await promptNew('file');\n};\nasync function promptNew(typeName) {\n  const {\n    Dialog\n  } = DOM;\n  const dir = DOM.getCurrentDirPath();\n  const msg = `New ${typeName}` || 'File';\n  const getName = () => {\n    const name = DOM.getCurrentName();\n    if (name === '..') return '';\n    return name;\n  };\n  const name = getName();\n  const [cancel, currentName] = await Dialog.prompt(msg, name);\n  if (cancel) return;\n  const path = `${dir}${currentName}`;\n  if (typeName === 'directory') await RESTful.createDirectory(path);else await RESTful.write(path);\n  await CloudCmd.refresh({\n    currentName\n  });\n}\n\n/**\n * get current direcotory name\n */\nmodule.exports.getCurrentDirName = () => {\n  const href = DOM.getCurrentDirPath().replace(/\\/$/, '');\n  const substr = href.substr(href, href.lastIndexOf('/'));\n  return href.replace(`${substr}/`, '') || '/';\n};\n\n/**\n * get current direcotory path\n */\nmodule.exports.getParentDirPath = panel => {\n  const path = DOM.getCurrentDirPath(panel);\n  const dirName = DOM.getCurrentDirName() + '/';\n  const index = path.lastIndexOf(dirName);\n  if (path !== '/') return path.slice(0, index);\n  return path;\n};\n\n/**\n * get not current direcotory path\n */\nmodule.exports.getNotCurrentDirPath = () => {\n  const panel = DOM.getPanel({\n    active: false\n  });\n  return DOM.getCurrentDirPath(panel);\n};\n\n/**\n * unified way to get selected files\n *\n * @currentFile\n */\nmodule.exports.getSelectedFiles = () => {\n  const panel = DOM.getPanel();\n  const selected = DOM.getByClassAll(SELECTED_FILE, panel);\n  return Array.from(selected);\n};\n\n/*\n * unselect all files\n */\nmodule.exports.unselectFiles = files => {\n  files = files || DOM.getSelectedFiles();\n  Array.from(files).forEach(DOM.toggleSelectedFile);\n};\n\n/**\n * get all selected files or current when none selected\n *\n * @currentFile\n */\nmodule.exports.getActiveFiles = () => {\n  const current = DOM.getCurrentFile();\n  const files = DOM.getSelectedFiles();\n  const name = DOM.getCurrentName(current);\n  if (!files.length && name !== '..') return [current];\n  return files;\n};\nmodule.exports.getCurrentDate = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  return DOM.getByDataName('js-date', current).textContent;\n};\n\n/**\n * get size\n * @currentFile\n */\nmodule.exports.getCurrentSize = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n\n  /* если это папка - возвращаем слово dir вместо размера*/\n  const size = DOM.getByDataName('js-size', current).textContent.replace(/^<|>$/g, '');\n  return size;\n};\n\n/**\n * get size\n * @currentFile\n */\nmodule.exports.loadCurrentSize = async currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const query = '?size';\n  const link = DOM.getCurrentPath(current);\n  Images.show.load();\n  if (name === '..') return;\n  const [, size] = await RESTful.read(link + query);\n  DOM.setCurrentSize(size, current);\n  Images.hide();\n  return current;\n};\n\n/**\n * load hash\n * @callback\n * @currentFile\n */\nmodule.exports.loadCurrentHash = async currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const query = '?hash';\n  const link = DOM.getCurrentPath(current);\n  const [, data] = await RESTful.read(link + query);\n  return data;\n};\n\n/**\n * set size\n * @currentFile\n */\nmodule.exports.setCurrentSize = (size, currentFile) => {\n  const current = currentFile || DOM.getCurrentFile();\n  const sizeElement = DOM.getByDataName('js-size', current);\n  sizeElement.textContent = size;\n};\n\n/**\n * @currentFile\n */\nmodule.exports.getCurrentMode = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const mode = DOM.getByDataName('js-mode', current);\n  return mode.textContent;\n};\n\n/**\n * @currentFile\n */\nmodule.exports.getCurrentOwner = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const owner = DOM.getByDataName('js-owner', current);\n  return owner.textContent;\n};\n\n/**\n * unified way to get current file content\n *\n * @param currentFile\n */\nmodule.exports.getCurrentData = async currentFile => {\n  const {\n    Dialog\n  } = DOM;\n  const Info = DOM.CurrentInfo;\n  const current = currentFile || DOM.getCurrentFile();\n  const path = DOM.getCurrentPath(current);\n  const isDir = DOM.isCurrentIsDir(current);\n  if (Info.name === '..') {\n    Dialog.alert.noFiles();\n    return [Error('No Files')];\n  }\n  if (isDir) return await RESTful.read(path);\n  const [hashNew, hash] = await DOM.checkStorageHash(path);\n  if (!hashNew) return [Error(`Can't get hash of a file`)];\n  if (hash === hashNew) return [null, await Storage.get(`${path}-data`)];\n  const [e, data] = await RESTful.read(path);\n  if (e) return [e, null];\n  const ONE_MEGABYTE = 1024 ** 2 * 1024;\n  const {\n    length\n  } = data;\n  if (hash && length < ONE_MEGABYTE) await DOM.saveDataToStorage(path, data, hashNew);\n  return [null, data];\n};\n\n/**\n * unified way to get RefreshButton\n */\nmodule.exports.getRefreshButton = (panel = DOM.getPanel()) => {\n  return DOM.getByDataName('js-refresh', panel);\n};\n\n/**\n * select current file\n * @param currentFile\n */\nmodule.exports.selectFile = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  current.classList.add(SELECTED_FILE);\n  return Cmd;\n};\nmodule.exports.unselectFile = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  current.classList.remove(SELECTED_FILE);\n  return Cmd;\n};\nmodule.exports.toggleSelectedFile = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const name = DOM.getCurrentName(current);\n  if (name === '..') return Cmd;\n  current.classList.toggle(SELECTED_FILE);\n  return Cmd;\n};\nmodule.exports.toggleAllSelectedFiles = () => {\n  DOM.getAllFiles().map(DOM.toggleSelectedFile);\n  return Cmd;\n};\nmodule.exports.selectAllFiles = () => {\n  DOM.getAllFiles().map(DOM.selectFile);\n  return Cmd;\n};\nmodule.exports.getAllFiles = () => {\n  const panel = DOM.getPanel();\n  const files = DOM.getFiles(panel);\n  const name = DOM.getCurrentName(files[0]);\n  const from = a => a === '..' ? 1 : 0;\n  const i = from(name);\n  return Array.from(files).slice(i);\n};\n\n/**\n * open dialog with expand selection\n */\nmodule.exports.expandSelection = () => {\n  const msg = 'expand';\n  const {\n    files\n  } = CurrentInfo;\n  selectByPattern(msg, files);\n};\n\n/**\n * open dialog with shrink selection\n */\nmodule.exports.shrinkSelection = () => {\n  const msg = 'shrink';\n  const {\n    files\n  } = CurrentInfo;\n  selectByPattern(msg, files);\n};\n\n/**\n * setting history wrapper\n */\nmodule.exports.setHistory = (data, title, url) => {\n  const ret = window.history;\n  const {\n    prefix\n  } = CloudCmd;\n  url = prefix + url;\n  if (ret) history.pushState(data, title, url);\n  return ret;\n};\n\n/**\n * selected file check\n *\n * @param currentFile\n */\nmodule.exports.isSelected = selected => {\n  if (!selected) return false;\n  return DOM.isContainClass(selected, SELECTED_FILE);\n};\n\n/**\n * get link from current (or param) file\n *\n * @param currentFile - current file by default\n */\nmodule.exports.getCurrentLink = currentFile => {\n  const current = currentFile || DOM.getCurrentFile();\n  const link = DOM.getByTag('a', current);\n  return link[0];\n};\nmodule.exports.getFilenames = files => {\n  if (!files) throw Error('AllFiles could not be empty');\n  const first = files[0] || DOM.getCurrentFile();\n  const name = DOM.getCurrentName(first);\n  const allFiles = Array.from(files);\n  if (name === '..') allFiles.shift();\n  const names = allFiles.map(current => {\n    return DOM.getCurrentName(current);\n  });\n  return names;\n};\n\n/**\n * check storage hash\n */\nmodule.exports.checkStorageHash = async name => {\n  const nameHash = `${name}-hash`;\n  if (!isString(name)) throw Error('name should be a string!');\n  const [loadHash, storeHash] = await Promise.all([DOM.loadCurrentHash(), Storage.get(nameHash)]);\n  return [loadHash, storeHash];\n};\n\n/**\n * save data to storage\n *\n * @param name\n * @param data\n * @param hash\n * @param callback\n */\nmodule.exports.saveDataToStorage = async (name, data, hash) => {\n  const isDir = DOM.isCurrentIsDir();\n  if (isDir) return;\n  hash = hash || (await DOM.loadCurrentHash());\n  const nameHash = `${name}-hash`;\n  const nameData = `${name}-data`;\n  await Storage.set(nameHash, hash);\n  await Storage.set(nameData, data);\n  return hash;\n};\nmodule.exports.getFM = () => DOM.getPanel().parentElement;\nmodule.exports.getPanelPosition = panel => {\n  panel = panel || DOM.getPanel();\n  return panel.dataset.name.replace('js-', '');\n};\n\n/** function getting panel active, or passive\n * @param options = {active: true}\n */\nmodule.exports.getPanel = options => {\n  let files;\n  let panel;\n  let isLeft;\n  let dataName = 'js-';\n  const current = DOM.getCurrentFile();\n  if (!current) {\n    panel = DOM.getByDataName('js-left');\n  } else {\n    files = current.parentElement;\n    panel = files.parentElement;\n    isLeft = panel.getAttribute('data-name') === 'js-left';\n  }\n\n  /* if {active : false} getting passive panel */\n  if (options && !options.active) {\n    dataName += isLeft ? 'right' : 'left';\n    panel = DOM.getByDataName(dataName);\n  }\n\n  /* if two panels showed\n   * then always work with passive\n   * panel\n   */\n  if (window.innerWidth < CloudCmd.MIN_ONE_PANEL_WIDTH) panel = DOM.getByDataName('js-left');\n  if (!panel) throw Error('can not find Active Panel!');\n  return panel;\n};\nmodule.exports.getFiles = element => {\n  const files = DOM.getByDataName('js-files', element);\n  return files.children || [];\n};\n\n/**\n * shows panel right or left (or active)\n */\nmodule.exports.showPanel = active => {\n  const panel = DOM.getPanel({\n    active\n  });\n  if (!panel) return false;\n  DOM.show(panel);\n  return true;\n};\n\n/**\n * hides panel right or left (or active)\n */\nmodule.exports.hidePanel = active => {\n  const panel = DOM.getPanel({\n    active\n  });\n  if (!panel) return false;\n  return DOM.hide(panel);\n};\n\n/**\n * remove child of element\n * @param pChild\n * @param element\n */\nmodule.exports.remove = (child, element) => {\n  const parent = element || document.body;\n  parent.removeChild(child);\n  return DOM;\n};\n\n/**\n * remove current file from file table\n * @param current\n *\n */\nmodule.exports.deleteCurrent = current => {\n  if (!current) DOM.getCurrentFile();\n  const parent = current === null || current === void 0 ? void 0 : current.parentElement;\n  const name = DOM.getCurrentName(current);\n  if (current && name !== '..') {\n    const next = current.nextSibling;\n    const prev = current.previousSibling;\n    DOM.setCurrentFile(next || prev);\n    parent.removeChild(current);\n  }\n};\n\n/**\n * remove selected files from file table\n * @Selected\n */\nmodule.exports.deleteSelected = selected => {\n  selected = selected || DOM.getSelectedFiles();\n  if (!selected) return;\n  selected.map(DOM.deleteCurrent);\n};\n\n/**\n * rename current file\n *\n * @currentFile\n */\nmodule.exports.renameCurrent = renameCurrent;\n/**\n * unified way to scrollIntoViewIfNeeded\n * (native suporte by webkit only)\n * @param element\n * @param center - to scroll as small as possible param should be false\n */\nmodule.exports.scrollIntoViewIfNeeded = (element, center = false) => {\n  if (!element || !element.scrollIntoViewIfNeeded) return;\n  element.scrollIntoViewIfNeeded(center);\n};\n\n/* scroll on one page */\nmodule.exports.scrollByPages = (element, pPages) => {\n  const ret = (element === null || element === void 0 ? void 0 : element.scrollByPages) && pPages;\n  if (ret) element.scrollByPages(pPages);\n  return ret;\n};\nmodule.exports.changePanel = () => {\n  const Info = CurrentInfo;\n  let panel = DOM.getPanel();\n  CloudCmd.emit('passive-dir', Info.dirPath);\n  const panelPassive = DOM.getPanel({\n    active: false\n  });\n  let name = DOM.getCurrentName();\n  const filesPassive = DOM.getFiles(panelPassive);\n  let dataName = panel.getAttribute('data-name');\n  TabPanel[dataName] = name;\n  panel = panelPassive;\n  dataName = panel.getAttribute('data-name');\n  name = TabPanel[dataName];\n  let files;\n  let current;\n  if (name) {\n    current = DOM.getCurrentByName(name, panel);\n    if (current) files = current.parentElement;\n  }\n  if (!files || !files.parentElement) {\n    current = DOM.getCurrentByName(name, panel);\n    if (!current) [current] = filesPassive;\n  }\n  DOM.setCurrentFile(current, {\n    history: true\n  });\n  CloudCmd.emit('active-dir', Info.dirPath);\n  return DOM;\n};\nmodule.exports.getPackerExt = type => {\n  if (type === 'zip') return '.zip';\n  return '.tar.gz';\n};\nmodule.exports.goToDirectory = async () => {\n  const msg = 'Go to directory:';\n  const {\n    Dialog\n  } = DOM;\n  const {\n    dirPath\n  } = CurrentInfo;\n  const [cancel, path = dirPath] = await Dialog.prompt(msg, dirPath);\n  if (cancel) return;\n  await CloudCmd.changeDir(path);\n};\nmodule.exports.duplicatePanel = async () => {\n  const Info = CurrentInfo;\n  const {\n    isDir\n  } = Info;\n  const panel = Info.panelPassive;\n  const noCurrent = !Info.isOnePanel;\n  const getPath = isDir => {\n    if (isDir) return Info.path;\n    return Info.dirPath;\n  };\n  const path = getPath(isDir);\n  await CloudCmd.changeDir(path, {\n    panel,\n    noCurrent\n  });\n};\nmodule.exports.swapPanels = async () => {\n  const Info = CurrentInfo;\n  const {\n    panel,\n    files,\n    element,\n    panelPassive\n  } = Info;\n  const path = DOM.getCurrentDirPath();\n  const dirPathPassive = DOM.getNotCurrentDirPath();\n  let currentIndex = files.indexOf(element);\n  await CloudCmd.changeDir(path, {\n    panel: panelPassive,\n    noCurrent: true\n  });\n  await CloudCmd.changeDir(dirPathPassive, {\n    panel\n  });\n  const length = Info.files.length - 1;\n  if (currentIndex > length) currentIndex = length;\n  const el = Info.files[currentIndex];\n  DOM.setCurrentFile(el);\n};\nmodule.exports.CurrentInfo = CurrentInfo;\nmodule.exports.updateCurrentInfo = currentFile => {\n  const info = DOM.CurrentInfo;\n  const current = currentFile || DOM.getCurrentFile();\n  const files = current.parentElement;\n  const panelPassive = DOM.getPanel({\n    active: false\n  });\n  const filesPassive = DOM.getFiles(panelPassive);\n  const name = DOM.getCurrentName(current);\n  info.dir = DOM.getCurrentDirName();\n  info.dirPath = DOM.getCurrentDirPath();\n  info.parentDirPath = DOM.getParentDirPath();\n  info.element = current;\n  info.ext = Util.getExt(name);\n  info.files = Array.from(files.children);\n  info.filesPassive = Array.from(filesPassive);\n  info.first = files.firstChild;\n  info.getData = DOM.getCurrentData;\n  info.last = files.lastChild;\n  info.link = DOM.getCurrentLink(current);\n  info.mode = DOM.getCurrentMode(current);\n  info.name = name;\n  info.path = DOM.getCurrentPath(current);\n  info.panel = files.parentElement || DOM.getPanel();\n  info.panelPassive = panelPassive;\n  info.size = DOM.getCurrentSize(current);\n  info.isDir = DOM.isCurrentIsDir();\n  info.isSelected = DOM.isSelected(current);\n  info.panelPosition = DOM.getPanel().dataset.name.replace('js-', '');\n  info.isOnePanel = info.panel.getAttribute('data-name') === info.panelPassive.getAttribute('data-name');\n};\n\n//# sourceURL=file://cloudcmd/client/dom/index.js");
 
 /***/ }),
 
@@ -128,7 +128,7 @@ eval("\n\n/* global CloudCmd */\nconst Util = __webpack_require__(/*! ../../comm
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nconst {\n  FS\n} = __webpack_require__(/*! ../../../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst sendRequest = __webpack_require__(/*! ./send-request */ \"./client/dom/io/send-request.js\");\nconst imgPosition = {\n  top: true\n};\nmodule.exports.delete = async (url, data) => {\n  return await sendRequest({\n    method: 'DELETE',\n    url: FS + url,\n    data,\n    imgPosition: {\n      top: Boolean(data)\n    }\n  });\n};\nmodule.exports.patch = async (url, data) => {\n  return await sendRequest({\n    method: 'PATCH',\n    url: FS + url,\n    data,\n    imgPosition\n  });\n};\nmodule.exports.write = async (url, data) => {\n  return await sendRequest({\n    method: 'PUT',\n    url: FS + url,\n    data,\n    imgPosition\n  });\n};\nmodule.exports.createDirectory = async url => {\n  return await sendRequest({\n    method: 'PUT',\n    url: `${FS}${url}?dir`,\n    imgPosition\n  });\n};\nmodule.exports.read = async function (url) {\n  let dataType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'text';\n  const notLog = !url.includes('?');\n  return await sendRequest({\n    method: 'GET',\n    url: FS + url,\n    notLog,\n    dataType\n  });\n};\nmodule.exports.copy = async (from, to, names) => {\n  return await sendRequest({\n    method: 'PUT',\n    url: '/copy',\n    data: {\n      from,\n      to,\n      names\n    },\n    imgPosition\n  });\n};\nmodule.exports.pack = async data => {\n  return await sendRequest({\n    method: 'PUT',\n    url: '/pack',\n    data\n  });\n};\nmodule.exports.extract = async data => {\n  return await sendRequest({\n    method: 'PUT',\n    url: '/extract',\n    data\n  });\n};\nmodule.exports.move = async (from, to, names) => {\n  return await sendRequest({\n    method: 'PUT',\n    url: '/move',\n    data: {\n      from,\n      to,\n      names\n    },\n    imgPosition\n  });\n};\nmodule.exports.rename = async (from, to) => {\n  return await sendRequest({\n    method: 'PUT',\n    url: '/rename',\n    data: {\n      from,\n      to\n    },\n    imgPosition\n  });\n};\nmodule.exports.Config = {\n  read: async () => {\n    return await sendRequest({\n      method: 'GET',\n      url: '/config',\n      imgPosition,\n      notLog: true\n    });\n  },\n  write: async data => {\n    return await sendRequest({\n      method: 'PATCH',\n      url: '/config',\n      data,\n      imgPosition\n    });\n  }\n};\nmodule.exports.Markdown = {\n  read: async url => {\n    return await sendRequest({\n      method: 'GET',\n      url: `/markdown${url}`,\n      imgPosition,\n      notLog: true\n    });\n  },\n  render: async data => {\n    return await sendRequest({\n      method: 'PUT',\n      url: '/markdown',\n      data,\n      imgPosition,\n      notLog: true\n    });\n  }\n};\n\n//# sourceURL=file://cloudcmd/client/dom/io/index.js");
+eval("\n\nconst {\n  FS\n} = __webpack_require__(/*! ../../../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst sendRequest = __webpack_require__(/*! ./send-request */ \"./client/dom/io/send-request.js\");\nconst imgPosition = {\n  top: true\n};\nmodule.exports.delete = async (url, data) => {\n  return await sendRequest({\n    method: 'DELETE',\n    url: FS + url,\n    data,\n    imgPosition: {\n      top: Boolean(data)\n    }\n  });\n};\nmodule.exports.patch = async (url, data) => {\n  return await sendRequest({\n    method: 'PATCH',\n    url: FS + url,\n    data,\n    imgPosition\n  });\n};\nmodule.exports.write = async (url, data) => {\n  return await sendRequest({\n    method: 'PUT',\n    url: FS + url,\n    data,\n    imgPosition\n  });\n};\nmodule.exports.createDirectory = async url => {\n  return await sendRequest({\n    method: 'PUT',\n    url: `${FS}${url}?dir`,\n    imgPosition\n  });\n};\nmodule.exports.read = async (url, dataType = 'text') => {\n  const notLog = !url.includes('?');\n  return await sendRequest({\n    method: 'GET',\n    url: FS + url,\n    notLog,\n    dataType\n  });\n};\nmodule.exports.copy = async (from, to, names) => {\n  return await sendRequest({\n    method: 'PUT',\n    url: '/copy',\n    data: {\n      from,\n      to,\n      names\n    },\n    imgPosition\n  });\n};\nmodule.exports.pack = async data => {\n  return await sendRequest({\n    method: 'PUT',\n    url: '/pack',\n    data\n  });\n};\nmodule.exports.extract = async data => {\n  return await sendRequest({\n    method: 'PUT',\n    url: '/extract',\n    data\n  });\n};\nmodule.exports.move = async (from, to, names) => {\n  return await sendRequest({\n    method: 'PUT',\n    url: '/move',\n    data: {\n      from,\n      to,\n      names\n    },\n    imgPosition\n  });\n};\nmodule.exports.rename = async (from, to) => {\n  return await sendRequest({\n    method: 'PUT',\n    url: '/rename',\n    data: {\n      from,\n      to\n    },\n    imgPosition\n  });\n};\nmodule.exports.Config = {\n  read: async () => {\n    return await sendRequest({\n      method: 'GET',\n      url: '/config',\n      imgPosition,\n      notLog: true\n    });\n  },\n  write: async data => {\n    return await sendRequest({\n      method: 'PATCH',\n      url: '/config',\n      data,\n      imgPosition\n    });\n  }\n};\nmodule.exports.Markdown = {\n  read: async url => {\n    return await sendRequest({\n      method: 'GET',\n      url: `/markdown${url}`,\n      imgPosition,\n      notLog: true\n    });\n  },\n  render: async data => {\n    return await sendRequest({\n      method: 'PUT',\n      url: '/markdown',\n      data,\n      imgPosition,\n      notLog: true\n    });\n  }\n};\n\n//# sourceURL=file://cloudcmd/client/dom/io/index.js");
 
 /***/ }),
 
@@ -152,7 +152,7 @@ eval("\n\n/* global CloudCmd */\nconst {\n  promisify\n} = __webpack_require__(/
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global CloudCmd */\nconst rendy = __webpack_require__(/*! rendy */ \"./node_modules/rendy/lib/rendy.js\");\nconst itype = __webpack_require__(/*! itype */ \"./node_modules/itype/lib/itype.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  findObjByNameInArr\n} = __webpack_require__(/*! ../../common/util */ \"./common/util.js\");\nconst Files = __webpack_require__(/*! ./files */ \"./client/dom/files.js\");\nmodule.exports = function (name, options) {\n  let callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : options;\n  const {\n    prefix,\n    config\n  } = CloudCmd;\n  const o = options;\n  if (o.name && window[o.name]) return callback();\n  Files.get('modules').then(async modules => {\n    const online = config('online') && navigator.onLine;\n    const module = findObjByNameInArr(modules.remote, name);\n    const isArray = itype.array(module.local);\n    const {\n      version\n    } = module;\n    let remoteTmpls;\n    let local;\n    if (isArray) {\n      remoteTmpls = module.remote;\n      local = module.local;\n    } else {\n      remoteTmpls = [module.remote];\n      local = [module.local];\n    }\n    const localURL = local.map(url => prefix + url);\n    const remoteURL = remoteTmpls.map(tmpl => {\n      return rendy(tmpl, {\n        version\n      });\n    });\n    if (online) {\n      const [e] = await tryToCatch(load.parallel, remoteURL);\n      if (!e) return callback();\n    }\n    const [e] = await tryToCatch(load.parallel, localURL);\n    callback(e);\n  });\n};\n\n//# sourceURL=file://cloudcmd/client/dom/load-remote.js");
+eval("\n\n/* global CloudCmd */\nconst rendy = __webpack_require__(/*! rendy */ \"./node_modules/rendy/lib/rendy.js\");\nconst itype = __webpack_require__(/*! itype */ \"./node_modules/itype/lib/itype.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  findObjByNameInArr\n} = __webpack_require__(/*! ../../common/util */ \"./common/util.js\");\nconst Files = __webpack_require__(/*! ./files */ \"./client/dom/files.js\");\nmodule.exports = (name, options, callback = options) => {\n  const {\n    prefix,\n    config\n  } = CloudCmd;\n  const o = options;\n  if (o.name && window[o.name]) return callback();\n  Files.get('modules').then(async modules => {\n    const online = config('online') && navigator.onLine;\n    const module = findObjByNameInArr(modules.remote, name);\n    const isArray = itype.array(module.local);\n    const {\n      version\n    } = module;\n    let remoteTmpls;\n    let local;\n    if (isArray) {\n      remoteTmpls = module.remote;\n      local = module.local;\n    } else {\n      remoteTmpls = [module.remote];\n      local = [module.local];\n    }\n    const localURL = local.map(url => prefix + url);\n    const remoteURL = remoteTmpls.map(tmpl => {\n      return rendy(tmpl, {\n        version\n      });\n    });\n    if (online) {\n      const [e] = await tryToCatch(load.parallel, remoteURL);\n      if (!e) return callback();\n    }\n    const [e] = await tryToCatch(load.parallel, localURL);\n    callback(e);\n  });\n};\n\n//# sourceURL=file://cloudcmd/client/dom/load-remote.js");
 
 /***/ }),
 
@@ -188,7 +188,7 @@ eval("\n\n/* global CloudCmd */\nconst capitalize = __webpack_require__(/*! just
 /***/ (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\");\nconst {\n  encode\n} = __webpack_require__(/*! ../../common/entity */ \"./common/entity.js\");\nconst Images = __webpack_require__(/*! ./images */ \"./client/dom/images.js\");\nconst IO = __webpack_require__(/*! ./io */ \"./client/dom/io/index.js\");\nconst Dialog = __webpack_require__(/*! ./dialog */ \"./client/dom/dialog.js\");\nconst handleError = promise => async function () {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n  const [e, data] = await tryToCatch(promise, ...args);\n  if (!e) return [e, data];\n  const encoded = encode(e.message);\n  Images.show.error(encoded);\n  Dialog.alert(encoded);\n  return [e, data];\n};\nmodule.exports.delete = handleError(IO.delete);\nmodule.exports.patch = handleError(IO.patch);\nmodule.exports.write = handleError(IO.write);\nmodule.exports.createDirectory = handleError(IO.createDirectory);\nmodule.exports.read = handleError(IO.read);\nmodule.exports.copy = handleError(IO.copy);\nmodule.exports.pack = handleError(IO.pack);\nmodule.exports.extract = handleError(IO.extract);\nmodule.exports.move = handleError(IO.move);\nmodule.exports.rename = handleError(IO.rename);\nmodule.exports.Config = {\n  read: handleError(IO.Config.read),\n  write: handleError(IO.Config.write)\n};\nmodule.exports.Markdown = {\n  read: handleError(IO.Markdown.read),\n  render: handleError(IO.Markdown.render)\n};\n\n//# sourceURL=file://cloudcmd/client/dom/rest.js");
+eval("\n\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 Images = __webpack_require__(/*! ./images */ \"./client/dom/images.js\");\nconst IO = __webpack_require__(/*! ./io */ \"./client/dom/io/index.js\");\nconst Dialog = __webpack_require__(/*! ./dialog */ \"./client/dom/dialog.js\");\nconst handleError = promise => async (...args) => {\n  const [e, data] = await tryToCatch(promise, ...args);\n  if (!e) return [e, data];\n  const encoded = encode(e.message);\n  Images.show.error(encoded);\n  Dialog.alert(encoded);\n  return [e, data];\n};\nmodule.exports.delete = handleError(IO.delete);\nmodule.exports.patch = handleError(IO.patch);\nmodule.exports.write = handleError(IO.write);\nmodule.exports.createDirectory = handleError(IO.createDirectory);\nmodule.exports.read = handleError(IO.read);\nmodule.exports.copy = handleError(IO.copy);\nmodule.exports.pack = handleError(IO.pack);\nmodule.exports.extract = handleError(IO.extract);\nmodule.exports.move = handleError(IO.move);\nmodule.exports.rename = handleError(IO.rename);\nmodule.exports.Config = {\n  read: handleError(IO.Config.read),\n  write: handleError(IO.Config.write)\n};\nmodule.exports.Markdown = {\n  read: handleError(IO.Markdown.read),\n  render: handleError(IO.Markdown.render)\n};\n\n//# sourceURL=file://cloudcmd/client/dom/rest.js");
 
 /***/ }),
 
@@ -224,7 +224,7 @@ eval("\n\nconst {\n  parse,\n  stringify\n} = JSON;\nmodule.exports.set = async
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global CloudCmd */\nconst {\n  eachSeries\n} = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst wraptile = __webpack_require__(/*! wraptile */ \"./node_modules/wraptile/lib/wraptile.js\");\nconst load = __webpack_require__(/*! ./load */ \"./client/dom/load.js\");\nconst Images = __webpack_require__(/*! ./images */ \"./client/dom/images.js\");\nconst {\n  alert\n} = __webpack_require__(/*! ./dialog */ \"./client/dom/dialog.js\");\nconst {\n  FS\n} = __webpack_require__(/*! ../../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst {\n  getCurrentDirPath: getPathWhenRootEmpty\n} = __webpack_require__(/*! . */ \"./client/dom/index.js\");\nconst loadFile = wraptile(_loadFile);\nconst onEnd = wraptile(_onEnd);\nmodule.exports = (dir, files) => {\n  if (!files) {\n    files = dir;\n    dir = getPathWhenRootEmpty();\n  }\n  const n = files.length;\n  if (!n) return;\n  const array = Array.from(files);\n  const {\n    name\n  } = files[0];\n  eachSeries(array, loadFile(dir, n), onEnd(name));\n};\nfunction _onEnd(currentName) {\n  CloudCmd.refresh({\n    currentName\n  });\n}\nfunction _loadFile(dir, n, file, callback) {\n  let i = 0;\n  const {\n    name\n  } = file;\n  const path = dir + name;\n  const {\n    prefixURL\n  } = CloudCmd;\n  const api = prefixURL + FS;\n  const percent = function (i, n) {\n    let per = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 100;\n    return Math.round(i * per / n);\n  };\n  const step = n => 100 / n;\n  ++i;\n  load.put(api + path, file).on('error', showError).on('end', callback).on('progress', count => {\n    const max = step(n);\n    const value = (i - 1) * max + percent(count, 100, max);\n    Images.show.load('top');\n    Images.setProgress(Math.round(value));\n  });\n}\nfunction showError(_ref) {\n  let {\n    message\n  } = _ref;\n  alert(message);\n}\n\n//# sourceURL=file://cloudcmd/client/dom/upload-files.js");
+eval("\n\n/* global CloudCmd */\nconst {\n  eachSeries\n} = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst wraptile = __webpack_require__(/*! wraptile */ \"./node_modules/wraptile/lib/wraptile.js\");\nconst load = __webpack_require__(/*! ./load */ \"./client/dom/load.js\");\nconst Images = __webpack_require__(/*! ./images */ \"./client/dom/images.js\");\nconst {\n  alert\n} = __webpack_require__(/*! ./dialog */ \"./client/dom/dialog.js\");\nconst {\n  FS\n} = __webpack_require__(/*! ../../common/cloudfunc */ \"./common/cloudfunc.js\");\nconst {\n  getCurrentDirPath: getPathWhenRootEmpty\n} = __webpack_require__(/*! . */ \"./client/dom/index.js\");\nconst loadFile = wraptile(_loadFile);\nconst onEnd = wraptile(_onEnd);\nmodule.exports = (dir, files) => {\n  if (!files) {\n    files = dir;\n    dir = getPathWhenRootEmpty();\n  }\n  const n = files.length;\n  if (!n) return;\n  const array = Array.from(files);\n  const {\n    name\n  } = files[0];\n  eachSeries(array, loadFile(dir, n), onEnd(name));\n};\nfunction _onEnd(currentName) {\n  CloudCmd.refresh({\n    currentName\n  });\n}\nfunction _loadFile(dir, n, file, callback) {\n  let i = 0;\n  const {\n    name\n  } = file;\n  const path = dir + name;\n  const {\n    prefixURL\n  } = CloudCmd;\n  const api = prefixURL + FS;\n  const percent = (i, n, per = 100) => {\n    return Math.round(i * per / n);\n  };\n  const step = n => 100 / n;\n  ++i;\n  load.put(api + path, file).on('error', showError).on('end', callback).on('progress', count => {\n    const max = step(n);\n    const value = (i - 1) * max + percent(count, 100, max);\n    Images.show.load('top');\n    Images.setProgress(Math.round(value));\n  });\n}\nfunction showError({\n  message\n}) {\n  alert(message);\n}\n\n//# sourceURL=file://cloudcmd/client/dom/upload-files.js");
 
 /***/ }),
 
@@ -260,7 +260,7 @@ eval("/* WEBPACK VAR INJECTION */(function(Buffer) {\n\nmodule.exports.btoa = st
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nconst rendy = __webpack_require__(/*! rendy */ \"./node_modules/rendy/lib/rendy.js\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst store = __webpack_require__(/*! fullstore */ \"./node_modules/fullstore/lib/fullstore.js\");\nconst {\n  encode\n} = __webpack_require__(/*! ./entity */ \"./common/entity.js\");\nconst {\n  btoa\n} = __webpack_require__(/*! ./base64 */ \"./common/base64.js\");\nconst getHeaderField = currify(_getHeaderField);\n\n/* КОНСТАНТЫ (общие для клиента и сервера)*/\n/* название программы */\nconst NAME = 'Cloud Commander';\nconst FS = '/fs';\nconst Path = store();\nPath('/');\nmodule.exports.FS = FS;\nmodule.exports.apiURL = '/api/v1';\nmodule.exports.MAX_FILE_SIZE = 500 * 1024;\nmodule.exports.getHeaderField = getHeaderField;\nmodule.exports.getPathLink = getPathLink;\nmodule.exports.getDotDot = getDotDot;\nmodule.exports.formatMsg = (msg, name, status) => {\n  status = status || 'ok';\n  name = name || '';\n  if (name) name = `(\"${name}\")`;\n  return `${msg}: ${status}${name}`;\n};\n\n/**\n * Функция возвращает заголовок веб страницы\n * @path\n */\nmodule.exports.getTitle = options => {\n  options = options || {};\n  const {\n    path = Path(),\n    name\n  } = options;\n  const array = [name || NAME, path];\n  return array.filter(Boolean).join(' - ');\n};\n\n/** Функция получает адреса каждого каталога в пути\n * возвращаеться массив каталогов\n * @param url -  адрес каталога\n */\nfunction getPathLink(url, prefix, template) {\n  if (!url) throw Error('url could not be empty!');\n  if (!template) throw Error('template could not be empty!');\n  const names = url.split('/').slice(1, -1);\n  const allNames = ['/', ...names];\n  const lines = [];\n  const n = allNames.length;\n  let path = '/';\n  for (let i = 0; i < n; i++) {\n    const name = allNames[i];\n    const isLast = i === n - 1;\n    if (i) path += `${name}/`;\n    if (i && isLast) {\n      lines.push(`${name}/`);\n      continue;\n    }\n    const slash = i ? '/' : '';\n    lines.push(rendy(template, {\n      path,\n      name,\n      slash,\n      prefix\n    }));\n  }\n  return lines.join('');\n}\nconst getDataName = name => {\n  const encoded = btoa(encodeURI(name));\n  return `data-name=\"js-file-${encoded}\" `;\n};\n\n/**\n * Функция строит таблицу файлв из JSON-информации о файлах\n * @param params - информация о файлах\n *\n */\nmodule.exports.buildFromJSON = params => {\n  const {\n    prefix,\n    template,\n    sort = 'name',\n    order = 'asc'\n  } = params;\n  const templateFile = template.file;\n  const templateLink = template.link;\n  const json = params.data;\n  const path = encode(json.path);\n  const {\n    files\n  } = json;\n\n  /*\n   * Строим путь каталога в котором мы находимся\n   * со всеми подкаталогами\n   */\n  const htmlPath = getPathLink(path, prefix, template.pathLink);\n  let fileTable = rendy(template.path, {\n    link: prefix + FS + path,\n    fullPath: path,\n    path: htmlPath\n  });\n  const owner = 'owner';\n  const mode = 'mode';\n  const getFieldName = getHeaderField(sort, order);\n  const name = getFieldName('name');\n  const size = getFieldName('size');\n  const date = getFieldName('date');\n  const header = rendy(templateFile, {\n    tag: 'div',\n    attribute: 'data-name=\"js-fm-header\" ',\n    className: 'fm-header',\n    type: '',\n    name,\n    size,\n    date,\n    owner,\n    mode\n  });\n\n  /* сохраняем путь */\n  Path(path);\n  fileTable += `${header}<ul data-name=\"js-files\" class=\"files\">`;\n\n  /* Если мы не в корне */\n  if (path !== '/') {\n    const dotDot = getDotDot(path);\n    const link = prefix + FS + dotDot;\n    const linkResult = rendy(template.link, {\n      link,\n      title: '..',\n      name: '..'\n    });\n    const dataName = getDataName('..');\n    const attribute = `draggable=\"true\" ${dataName}`;\n\n    /* Сохраняем путь к каталогу верхнего уровня*/\n    fileTable += rendy(template.file, {\n      tag: 'li',\n      attribute,\n      className: '',\n      type: 'directory',\n      name: linkResult,\n      size: '&lt;dir&gt;',\n      date: '--.--.----',\n      owner: '.',\n      mode: '--- --- ---'\n    });\n  }\n  fileTable += files.map(updateField).map(file => {\n    const name = encode(file.name);\n    const link = prefix + FS + path + name;\n    const {\n      type,\n      mode,\n      date,\n      owner,\n      size\n    } = file;\n    const linkResult = rendy(templateLink, {\n      link,\n      title: name,\n      name,\n      attribute: getAttribute(file.type)\n    });\n    const dataName = getDataName(file.name);\n    const attribute = `draggable=\"true\" ${dataName}`;\n    return rendy(templateFile, {\n      tag: 'li',\n      attribute,\n      className: '',\n      type,\n      name: linkResult,\n      size,\n      date,\n      owner,\n      mode\n    });\n  }).join('');\n  fileTable += '</ul>';\n  return fileTable;\n};\nfunction updateField(file) {\n  return {\n    ...file,\n    date: file.date || '--.--.----',\n    owner: file.owner || 'root',\n    size: getSize(file)\n  };\n}\nfunction getAttribute(type) {\n  if (type === 'directory') return '';\n  return 'target=\"_blank\" ';\n}\nmodule.exports._getSize = getSize;\nfunction getSize(_ref) {\n  let {\n    size,\n    type\n  } = _ref;\n  if (type === 'directory') return '&lt;dir&gt;';\n  if (/link/.test(type)) return '&lt;link&gt;';\n  return size;\n}\nfunction _getHeaderField(sort, order, name) {\n  const arrow = order === 'asc' ? '↑' : '↓';\n  if (sort !== name) return name;\n  if (sort === 'name' && order === 'asc') return name;\n  return `${name}${arrow}`;\n}\nfunction getDotDot(path) {\n  // убираем последний слеш и каталог в котором мы сейчас находимся\n  const lastSlash = path.substr(path, path.lastIndexOf('/'));\n  const dotDot = lastSlash.substr(lastSlash, lastSlash.lastIndexOf('/'));\n  if (!dotDot) return '/';\n  return dotDot;\n}\n\n//# sourceURL=file://cloudcmd/common/cloudfunc.js");
+eval("\n\nconst rendy = __webpack_require__(/*! rendy */ \"./node_modules/rendy/lib/rendy.js\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst store = __webpack_require__(/*! fullstore */ \"./node_modules/fullstore/lib/fullstore.js\");\nconst {\n  encode\n} = __webpack_require__(/*! ./entity */ \"./common/entity.js\");\nconst {\n  btoa\n} = __webpack_require__(/*! ./base64 */ \"./common/base64.js\");\nconst getHeaderField = currify(_getHeaderField);\n\n/* КОНСТАНТЫ (общие для клиента и сервера)*/\n/* название программы */\nconst NAME = 'Cloud Commander';\nconst FS = '/fs';\nconst Path = store();\nPath('/');\nmodule.exports.FS = FS;\nmodule.exports.apiURL = '/api/v1';\nmodule.exports.MAX_FILE_SIZE = 500 * 1024;\nmodule.exports.getHeaderField = getHeaderField;\nmodule.exports.getPathLink = getPathLink;\nmodule.exports.getDotDot = getDotDot;\nmodule.exports.formatMsg = (msg, name, status) => {\n  status = status || 'ok';\n  name = name || '';\n  if (name) name = `(\"${name}\")`;\n  return `${msg}: ${status}${name}`;\n};\n\n/**\n * Функция возвращает заголовок веб страницы\n * @path\n */\nmodule.exports.getTitle = options => {\n  options = options || {};\n  const {\n    path = Path(),\n    name\n  } = options;\n  const array = [name || NAME, path];\n  return array.filter(Boolean).join(' - ');\n};\n\n/** Функция получает адреса каждого каталога в пути\n * возвращаеться массив каталогов\n * @param url -  адрес каталога\n */\nfunction getPathLink(url, prefix, template) {\n  if (!url) throw Error('url could not be empty!');\n  if (!template) throw Error('template could not be empty!');\n  const names = url.split('/').slice(1, -1);\n  const allNames = ['/', ...names];\n  const lines = [];\n  const n = allNames.length;\n  let path = '/';\n  for (let i = 0; i < n; i++) {\n    const name = allNames[i];\n    const isLast = i === n - 1;\n    if (i) path += `${name}/`;\n    if (i && isLast) {\n      lines.push(`${name}/`);\n      continue;\n    }\n    const slash = i ? '/' : '';\n    lines.push(rendy(template, {\n      path,\n      name,\n      slash,\n      prefix\n    }));\n  }\n  return lines.join('');\n}\nconst getDataName = name => {\n  const encoded = btoa(encodeURI(name));\n  return `data-name=\"js-file-${encoded}\" `;\n};\n\n/**\n * Функция строит таблицу файлв из JSON-информации о файлах\n * @param params - информация о файлах\n *\n */\nmodule.exports.buildFromJSON = params => {\n  const {\n    prefix,\n    template,\n    sort = 'name',\n    order = 'asc'\n  } = params;\n  const templateFile = template.file;\n  const templateLink = template.link;\n  const json = params.data;\n  const path = encode(json.path);\n  const {\n    files\n  } = json;\n\n  /*\n   * Строим путь каталога в котором мы находимся\n   * со всеми подкаталогами\n   */\n  const htmlPath = getPathLink(path, prefix, template.pathLink);\n  let fileTable = rendy(template.path, {\n    link: prefix + FS + path,\n    fullPath: path,\n    path: htmlPath\n  });\n  const owner = 'owner';\n  const mode = 'mode';\n  const getFieldName = getHeaderField(sort, order);\n  const name = getFieldName('name');\n  const size = getFieldName('size');\n  const date = getFieldName('date');\n  const header = rendy(templateFile, {\n    tag: 'div',\n    attribute: 'data-name=\"js-fm-header\" ',\n    className: 'fm-header',\n    type: '',\n    name,\n    size,\n    date,\n    owner,\n    mode\n  });\n\n  /* сохраняем путь */\n  Path(path);\n  fileTable += `${header}<ul data-name=\"js-files\" class=\"files\">`;\n\n  /* Если мы не в корне */\n  if (path !== '/') {\n    const dotDot = getDotDot(path);\n    const link = prefix + FS + dotDot;\n    const linkResult = rendy(template.link, {\n      link,\n      title: '..',\n      name: '..'\n    });\n    const dataName = getDataName('..');\n    const attribute = `draggable=\"true\" ${dataName}`;\n\n    /* Сохраняем путь к каталогу верхнего уровня*/\n    fileTable += rendy(template.file, {\n      tag: 'li',\n      attribute,\n      className: '',\n      type: 'directory',\n      name: linkResult,\n      size: '&lt;dir&gt;',\n      date: '--.--.----',\n      owner: '.',\n      mode: '--- --- ---'\n    });\n  }\n  fileTable += files.map(updateField).map(file => {\n    const name = encode(file.name);\n    const link = prefix + FS + path + name;\n    const {\n      type,\n      mode,\n      date,\n      owner,\n      size\n    } = file;\n    const linkResult = rendy(templateLink, {\n      link,\n      title: name,\n      name,\n      attribute: getAttribute(file.type)\n    });\n    const dataName = getDataName(file.name);\n    const attribute = `draggable=\"true\" ${dataName}`;\n    return rendy(templateFile, {\n      tag: 'li',\n      attribute,\n      className: '',\n      type,\n      name: linkResult,\n      size,\n      date,\n      owner,\n      mode\n    });\n  }).join('');\n  fileTable += '</ul>';\n  return fileTable;\n};\nfunction updateField(file) {\n  return {\n    ...file,\n    date: file.date || '--.--.----',\n    owner: file.owner || 'root',\n    size: getSize(file)\n  };\n}\nfunction getAttribute(type) {\n  if (type === 'directory') return '';\n  return 'target=\"_blank\" ';\n}\nmodule.exports._getSize = getSize;\nfunction getSize({\n  size,\n  type\n}) {\n  if (type === 'directory') return '&lt;dir&gt;';\n  if (/link/.test(type)) return '&lt;link&gt;';\n  return size;\n}\nfunction _getHeaderField(sort, order, name) {\n  const arrow = order === 'asc' ? '↑' : '↓';\n  if (sort !== name) return name;\n  if (sort === 'name' && order === 'asc') return name;\n  return `${name}${arrow}`;\n}\nfunction getDotDot(path) {\n  // убираем последний слеш и каталог в котором мы сейчас находимся\n  const lastSlash = path.substr(path, path.lastIndexOf('/'));\n  const dotDot = lastSlash.substr(lastSlash, lastSlash.lastIndexOf('/'));\n  if (!dotDot) return '/';\n  return dotDot;\n}\n\n//# sourceURL=file://cloudcmd/common/cloudfunc.js");
 
 /***/ }),
 
@@ -296,7 +296,7 @@ eval("\n\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_mo
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nmodule.exports.escapeRegExp = str => {\n  const isStr = typeof str === 'string';\n  if (isStr) str = str.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, '\\\\$&');\n  return str;\n};\n\n/**\n * get regexp from wild card\n */\nmodule.exports.getRegExp = wildcard => {\n  const escaped = `^${wildcard // search from start of line\n  .replace(/\\./g, '\\\\.').replace(/\\*/g, '.*').replace('?', '.?')}$`;\n\n  // search to end of line\n  return RegExp(escaped);\n};\nmodule.exports.exec = exec;\n/**\n * function gets file extension\n *\n * @param name\n * @return ext\n */\nmodule.exports.getExt = name => {\n  const isStr = typeof name === 'string';\n  if (!isStr) return '';\n  const dot = name.lastIndexOf('.');\n  if (~dot) return name.substr(dot);\n  return '';\n};\n\n/**\n * find object by name in arrray\n *\n * @param array\n * @param name\n */\nmodule.exports.findObjByNameInArr = (array, name) => {\n  let ret;\n  if (!Array.isArray(array)) throw Error('array should be array!');\n  if (typeof name !== 'string') throw Error('name should be string!');\n  array.some(item => {\n    const is = item.name === name;\n    const isArray = Array.isArray(item);\n    if (is) {\n      ret = item;\n      return is;\n    }\n    if (!isArray) return is;\n    return item.some(item => {\n      const is = item.name === name;\n      if (is) ret = item.data;\n      return is;\n    });\n  });\n  return ret;\n};\n\n/**\n * start timer\n * @param name\n */\nmodule.exports.time = name => {\n  exec.ifExist(console, 'time', [name]);\n};\n\n/**\n * stop timer\n * @param name\n */\nmodule.exports.timeEnd = name => {\n  exec.ifExist(console, 'timeEnd', [name]);\n};\n\n//# sourceURL=file://cloudcmd/common/util.js");
+eval("\n\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst isString = a => typeof a === 'string';\nmodule.exports.escapeRegExp = str => {\n  const isStr = isString(str);\n  if (isStr) str = str.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, '\\\\$&');\n  return str;\n};\n\n/**\n * get regexp from wild card\n */\nmodule.exports.getRegExp = wildcard => {\n  const escaped = `^${wildcard // search from start of line\n  .replace(/\\./g, '\\\\.').replace(/\\*/g, '.*').replace('?', '.?')}$`;\n\n  // search to end of line\n  return RegExp(escaped);\n};\nmodule.exports.exec = exec;\n/**\n * function gets file extension\n *\n * @param name\n * @return ext\n */\nmodule.exports.getExt = name => {\n  const isStr = isString(name);\n  if (!isStr) return '';\n  const dot = name.lastIndexOf('.');\n  if (~dot) return name.substr(dot);\n  return '';\n};\n\n/**\n * find object by name in arrray\n *\n * @param array\n * @param name\n */\nmodule.exports.findObjByNameInArr = (array, name) => {\n  let ret;\n  if (!Array.isArray(array)) throw Error('array should be array!');\n  if (!isString(name)) throw Error('name should be string!');\n  array.some(item => {\n    const is = item.name === name;\n    const isArray = Array.isArray(item);\n    if (is) {\n      ret = item;\n      return is;\n    }\n    if (!isArray) return is;\n    return item.some(item => {\n      const is = item.name === name;\n      if (is) ret = item.data;\n      return is;\n    });\n  });\n  return ret;\n};\n\n/**\n * start timer\n * @param name\n */\nmodule.exports.time = name => {\n  exec.ifExist(console, 'time', [name]);\n};\n\n/**\n * stop timer\n * @param name\n */\nmodule.exports.timeEnd = name => {\n  exec.ifExist(console, 'timeEnd', [name]);\n};\n\n//# sourceURL=file://cloudcmd/common/util.js");
 
 /***/ }),
 
@@ -319,7 +319,55 @@ eval("// removed by extract-text-webpack-plugin\n\n//# sourceURL=file://cloudcmd
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("/* WEBPACK VAR INJECTION */(function(process) {\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.codeFrameColumns = codeFrameColumns;\nexports.default = _default;\nvar _highlight = __webpack_require__(/*! @babel/highlight */ \"./node_modules/@babel/highlight/lib/index.js\");\nlet deprecationWarningShown = false;\nfunction getDefs(chalk) {\n  return {\n    gutter: chalk.grey,\n    marker: chalk.red.bold,\n    message: chalk.red.bold\n  };\n}\nconst NEWLINE = /\\r\\n|[\\n\\r\\u2028\\u2029]/;\nfunction getMarkerLines(loc, source, opts) {\n  const startLoc = Object.assign({\n    column: 0,\n    line: -1\n  }, loc.start);\n  const endLoc = Object.assign({}, startLoc, loc.end);\n  const {\n    linesAbove = 2,\n    linesBelow = 3\n  } = opts || {};\n  const startLine = startLoc.line;\n  const startColumn = startLoc.column;\n  const endLine = endLoc.line;\n  const endColumn = endLoc.column;\n  let start = Math.max(startLine - (linesAbove + 1), 0);\n  let end = Math.min(source.length, endLine + linesBelow);\n  if (startLine === -1) {\n    start = 0;\n  }\n  if (endLine === -1) {\n    end = source.length;\n  }\n  const lineDiff = endLine - startLine;\n  const markerLines = {};\n  if (lineDiff) {\n    for (let i = 0; i <= lineDiff; i++) {\n      const lineNumber = i + startLine;\n      if (!startColumn) {\n        markerLines[lineNumber] = true;\n      } else if (i === 0) {\n        const sourceLength = source[lineNumber - 1].length;\n        markerLines[lineNumber] = [startColumn, sourceLength - startColumn + 1];\n      } else if (i === lineDiff) {\n        markerLines[lineNumber] = [0, endColumn];\n      } else {\n        const sourceLength = source[lineNumber - i].length;\n        markerLines[lineNumber] = [0, sourceLength];\n      }\n    }\n  } else {\n    if (startColumn === endColumn) {\n      if (startColumn) {\n        markerLines[startLine] = [startColumn, 0];\n      } else {\n        markerLines[startLine] = true;\n      }\n    } else {\n      markerLines[startLine] = [startColumn, endColumn - startColumn];\n    }\n  }\n  return {\n    start,\n    end,\n    markerLines\n  };\n}\nfunction codeFrameColumns(rawLines, loc, opts = {}) {\n  const highlighted = (opts.highlightCode || opts.forceColor) && (0, _highlight.shouldHighlight)(opts);\n  const chalk = (0, _highlight.getChalk)(opts);\n  const defs = getDefs(chalk);\n  const maybeHighlight = (chalkFn, string) => {\n    return highlighted ? chalkFn(string) : string;\n  };\n  const lines = rawLines.split(NEWLINE);\n  const {\n    start,\n    end,\n    markerLines\n  } = getMarkerLines(loc, lines, opts);\n  const hasColumns = loc.start && typeof loc.start.column === \"number\";\n  const numberMaxWidth = String(end).length;\n  const highlightedLines = highlighted ? (0, _highlight.default)(rawLines, opts) : rawLines;\n  let frame = highlightedLines.split(NEWLINE, end).slice(start, end).map((line, index) => {\n    const number = start + 1 + index;\n    const paddedNumber = ` ${number}`.slice(-numberMaxWidth);\n    const gutter = ` ${paddedNumber} |`;\n    const hasMarker = markerLines[number];\n    const lastMarkerLine = !markerLines[number + 1];\n    if (hasMarker) {\n      let markerLine = \"\";\n      if (Array.isArray(hasMarker)) {\n        const markerSpacing = line.slice(0, Math.max(hasMarker[0] - 1, 0)).replace(/[^\\t]/g, \" \");\n        const numberOfMarkers = hasMarker[1] || 1;\n        markerLine = [\"\\n \", maybeHighlight(defs.gutter, gutter.replace(/\\d/g, \" \")), \" \", markerSpacing, maybeHighlight(defs.marker, \"^\").repeat(numberOfMarkers)].join(\"\");\n        if (lastMarkerLine && opts.message) {\n          markerLine += \" \" + maybeHighlight(defs.message, opts.message);\n        }\n      }\n      return [maybeHighlight(defs.marker, \">\"), maybeHighlight(defs.gutter, gutter), line.length > 0 ? ` ${line}` : \"\", markerLine].join(\"\");\n    } else {\n      return ` ${maybeHighlight(defs.gutter, gutter)}${line.length > 0 ? ` ${line}` : \"\"}`;\n    }\n  }).join(\"\\n\");\n  if (opts.message && !hasColumns) {\n    frame = `${\" \".repeat(numberMaxWidth + 1)}${opts.message}\\n${frame}`;\n  }\n  if (highlighted) {\n    return chalk.reset(frame);\n  } else {\n    return frame;\n  }\n}\nfunction _default(rawLines, lineNumber, colNumber, opts = {}) {\n  if (!deprecationWarningShown) {\n    deprecationWarningShown = true;\n    const message = \"Passing lineNumber and colNumber is deprecated to @babel/code-frame. Please use `codeFrameColumns`.\";\n    if (process.emitWarning) {\n      process.emitWarning(message, \"DeprecationWarning\");\n    } else {\n      const deprecationError = new Error(message);\n      deprecationError.name = \"DeprecationWarning\";\n      console.warn(new Error(message));\n    }\n  }\n  colNumber = Math.max(colNumber, 0);\n  const location = {\n    start: {\n      column: colNumber,\n      line: lineNumber\n    }\n  };\n  return codeFrameColumns(rawLines, location, opts);\n}\n\n//# sourceMappingURL=index.js.map\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../process/browser.js */ \"./node_modules/process/browser.js\")))\n\n//# sourceURL=file://cloudcmd/node_modules/@babel/code-frame/lib/index.js");
+eval("/* WEBPACK VAR INJECTION */(function(process) {\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.codeFrameColumns = codeFrameColumns;\nexports.default = _default;\nvar _highlight = __webpack_require__(/*! @babel/highlight */ \"./node_modules/@babel/highlight/lib/index.js\");\nvar _chalk2 = __webpack_require__(/*! chalk */ \"./node_modules/@babel/code-frame/node_modules/chalk/index.js\");\nconst chalk = _chalk2;\nlet chalkWithForcedColor = undefined;\nfunction getChalk(forceColor) {\n  if (forceColor) {\n    var _chalkWithForcedColor;\n    (_chalkWithForcedColor = chalkWithForcedColor) != null ? _chalkWithForcedColor : chalkWithForcedColor = new chalk.constructor({\n      enabled: true,\n      level: 1\n    });\n    return chalkWithForcedColor;\n  }\n  return chalk;\n}\nlet deprecationWarningShown = false;\nfunction getDefs(chalk) {\n  return {\n    gutter: chalk.grey,\n    marker: chalk.red.bold,\n    message: chalk.red.bold\n  };\n}\nconst NEWLINE = /\\r\\n|[\\n\\r\\u2028\\u2029]/;\nfunction getMarkerLines(loc, source, opts) {\n  const startLoc = Object.assign({\n    column: 0,\n    line: -1\n  }, loc.start);\n  const endLoc = Object.assign({}, startLoc, loc.end);\n  const {\n    linesAbove = 2,\n    linesBelow = 3\n  } = opts || {};\n  const startLine = startLoc.line;\n  const startColumn = startLoc.column;\n  const endLine = endLoc.line;\n  const endColumn = endLoc.column;\n  let start = Math.max(startLine - (linesAbove + 1), 0);\n  let end = Math.min(source.length, endLine + linesBelow);\n  if (startLine === -1) {\n    start = 0;\n  }\n  if (endLine === -1) {\n    end = source.length;\n  }\n  const lineDiff = endLine - startLine;\n  const markerLines = {};\n  if (lineDiff) {\n    for (let i = 0; i <= lineDiff; i++) {\n      const lineNumber = i + startLine;\n      if (!startColumn) {\n        markerLines[lineNumber] = true;\n      } else if (i === 0) {\n        const sourceLength = source[lineNumber - 1].length;\n        markerLines[lineNumber] = [startColumn, sourceLength - startColumn + 1];\n      } else if (i === lineDiff) {\n        markerLines[lineNumber] = [0, endColumn];\n      } else {\n        const sourceLength = source[lineNumber - i].length;\n        markerLines[lineNumber] = [0, sourceLength];\n      }\n    }\n  } else {\n    if (startColumn === endColumn) {\n      if (startColumn) {\n        markerLines[startLine] = [startColumn, 0];\n      } else {\n        markerLines[startLine] = true;\n      }\n    } else {\n      markerLines[startLine] = [startColumn, endColumn - startColumn];\n    }\n  }\n  return {\n    start,\n    end,\n    markerLines\n  };\n}\nfunction codeFrameColumns(rawLines, loc, opts = {}) {\n  const highlighted = (opts.highlightCode || opts.forceColor) && (0, _highlight.shouldHighlight)(opts);\n  const chalk = getChalk(opts.forceColor);\n  const defs = getDefs(chalk);\n  const maybeHighlight = (chalkFn, string) => {\n    return highlighted ? chalkFn(string) : string;\n  };\n  const lines = rawLines.split(NEWLINE);\n  const {\n    start,\n    end,\n    markerLines\n  } = getMarkerLines(loc, lines, opts);\n  const hasColumns = loc.start && typeof loc.start.column === \"number\";\n  const numberMaxWidth = String(end).length;\n  const highlightedLines = highlighted ? (0, _highlight.default)(rawLines, opts) : rawLines;\n  let frame = highlightedLines.split(NEWLINE, end).slice(start, end).map((line, index) => {\n    const number = start + 1 + index;\n    const paddedNumber = ` ${number}`.slice(-numberMaxWidth);\n    const gutter = ` ${paddedNumber} |`;\n    const hasMarker = markerLines[number];\n    const lastMarkerLine = !markerLines[number + 1];\n    if (hasMarker) {\n      let markerLine = \"\";\n      if (Array.isArray(hasMarker)) {\n        const markerSpacing = line.slice(0, Math.max(hasMarker[0] - 1, 0)).replace(/[^\\t]/g, \" \");\n        const numberOfMarkers = hasMarker[1] || 1;\n        markerLine = [\"\\n \", maybeHighlight(defs.gutter, gutter.replace(/\\d/g, \" \")), \" \", markerSpacing, maybeHighlight(defs.marker, \"^\").repeat(numberOfMarkers)].join(\"\");\n        if (lastMarkerLine && opts.message) {\n          markerLine += \" \" + maybeHighlight(defs.message, opts.message);\n        }\n      }\n      return [maybeHighlight(defs.marker, \">\"), maybeHighlight(defs.gutter, gutter), line.length > 0 ? ` ${line}` : \"\", markerLine].join(\"\");\n    } else {\n      return ` ${maybeHighlight(defs.gutter, gutter)}${line.length > 0 ? ` ${line}` : \"\"}`;\n    }\n  }).join(\"\\n\");\n  if (opts.message && !hasColumns) {\n    frame = `${\" \".repeat(numberMaxWidth + 1)}${opts.message}\\n${frame}`;\n  }\n  if (highlighted) {\n    return chalk.reset(frame);\n  } else {\n    return frame;\n  }\n}\nfunction _default(rawLines, lineNumber, colNumber, opts = {}) {\n  if (!deprecationWarningShown) {\n    deprecationWarningShown = true;\n    const message = \"Passing lineNumber and colNumber is deprecated to @babel/code-frame. Please use `codeFrameColumns`.\";\n    if (process.emitWarning) {\n      process.emitWarning(message, \"DeprecationWarning\");\n    } else {\n      const deprecationError = new Error(message);\n      deprecationError.name = \"DeprecationWarning\";\n      console.warn(new Error(message));\n    }\n  }\n  colNumber = Math.max(colNumber, 0);\n  const location = {\n    start: {\n      column: colNumber,\n      line: lineNumber\n    }\n  };\n  return codeFrameColumns(rawLines, location, opts);\n}\n\n//# sourceMappingURL=index.js.map\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../process/browser.js */ \"./node_modules/process/browser.js\")))\n\n//# sourceURL=file://cloudcmd/node_modules/@babel/code-frame/lib/index.js");
+
+/***/ }),
+
+/***/ "./node_modules/@babel/code-frame/node_modules/ansi-styles/index.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@babel/code-frame/node_modules/ansi-styles/index.js ***!
+  \**************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("/* WEBPACK VAR INJECTION */(function(module) {\nconst colorConvert = __webpack_require__(/*! color-convert */ \"./node_modules/color-convert/index.js\");\n\nconst wrapAnsi16 = (fn, offset) => function () {\n\tconst code = fn.apply(colorConvert, arguments);\n\treturn `\\u001B[${code + offset}m`;\n};\n\nconst wrapAnsi256 = (fn, offset) => function () {\n\tconst code = fn.apply(colorConvert, arguments);\n\treturn `\\u001B[${38 + offset};5;${code}m`;\n};\n\nconst wrapAnsi16m = (fn, offset) => function () {\n\tconst rgb = fn.apply(colorConvert, arguments);\n\treturn `\\u001B[${38 + offset};2;${rgb[0]};${rgb[1]};${rgb[2]}m`;\n};\n\nfunction assembleStyles() {\n\tconst codes = new Map();\n\tconst styles = {\n\t\tmodifier: {\n\t\t\treset: [0, 0],\n\t\t\t// 21 isn't widely supported and 22 does the same thing\n\t\t\tbold: [1, 22],\n\t\t\tdim: [2, 22],\n\t\t\titalic: [3, 23],\n\t\t\tunderline: [4, 24],\n\t\t\tinverse: [7, 27],\n\t\t\thidden: [8, 28],\n\t\t\tstrikethrough: [9, 29]\n\t\t},\n\t\tcolor: {\n\t\t\tblack: [30, 39],\n\t\t\tred: [31, 39],\n\t\t\tgreen: [32, 39],\n\t\t\tyellow: [33, 39],\n\t\t\tblue: [34, 39],\n\t\t\tmagenta: [35, 39],\n\t\t\tcyan: [36, 39],\n\t\t\twhite: [37, 39],\n\t\t\tgray: [90, 39],\n\n\t\t\t// Bright color\n\t\t\tredBright: [91, 39],\n\t\t\tgreenBright: [92, 39],\n\t\t\tyellowBright: [93, 39],\n\t\t\tblueBright: [94, 39],\n\t\t\tmagentaBright: [95, 39],\n\t\t\tcyanBright: [96, 39],\n\t\t\twhiteBright: [97, 39]\n\t\t},\n\t\tbgColor: {\n\t\t\tbgBlack: [40, 49],\n\t\t\tbgRed: [41, 49],\n\t\t\tbgGreen: [42, 49],\n\t\t\tbgYellow: [43, 49],\n\t\t\tbgBlue: [44, 49],\n\t\t\tbgMagenta: [45, 49],\n\t\t\tbgCyan: [46, 49],\n\t\t\tbgWhite: [47, 49],\n\n\t\t\t// Bright color\n\t\t\tbgBlackBright: [100, 49],\n\t\t\tbgRedBright: [101, 49],\n\t\t\tbgGreenBright: [102, 49],\n\t\t\tbgYellowBright: [103, 49],\n\t\t\tbgBlueBright: [104, 49],\n\t\t\tbgMagentaBright: [105, 49],\n\t\t\tbgCyanBright: [106, 49],\n\t\t\tbgWhiteBright: [107, 49]\n\t\t}\n\t};\n\n\t// Fix humans\n\tstyles.color.grey = styles.color.gray;\n\n\tfor (const groupName of Object.keys(styles)) {\n\t\tconst group = styles[groupName];\n\n\t\tfor (const styleName of Object.keys(group)) {\n\t\t\tconst style = group[styleName];\n\n\t\t\tstyles[styleName] = {\n\t\t\t\topen: `\\u001B[${style[0]}m`,\n\t\t\t\tclose: `\\u001B[${style[1]}m`\n\t\t\t};\n\n\t\t\tgroup[styleName] = styles[styleName];\n\n\t\t\tcodes.set(style[0], style[1]);\n\t\t}\n\n\t\tObject.defineProperty(styles, groupName, {\n\t\t\tvalue: group,\n\t\t\tenumerable: false\n\t\t});\n\n\t\tObject.defineProperty(styles, 'codes', {\n\t\t\tvalue: codes,\n\t\t\tenumerable: false\n\t\t});\n\t}\n\n\tconst ansi2ansi = n => n;\n\tconst rgb2rgb = (r, g, b) => [r, g, b];\n\n\tstyles.color.close = '\\u001B[39m';\n\tstyles.bgColor.close = '\\u001B[49m';\n\n\tstyles.color.ansi = {\n\t\tansi: wrapAnsi16(ansi2ansi, 0)\n\t};\n\tstyles.color.ansi256 = {\n\t\tansi256: wrapAnsi256(ansi2ansi, 0)\n\t};\n\tstyles.color.ansi16m = {\n\t\trgb: wrapAnsi16m(rgb2rgb, 0)\n\t};\n\n\tstyles.bgColor.ansi = {\n\t\tansi: wrapAnsi16(ansi2ansi, 10)\n\t};\n\tstyles.bgColor.ansi256 = {\n\t\tansi256: wrapAnsi256(ansi2ansi, 10)\n\t};\n\tstyles.bgColor.ansi16m = {\n\t\trgb: wrapAnsi16m(rgb2rgb, 10)\n\t};\n\n\tfor (let key of Object.keys(colorConvert)) {\n\t\tif (typeof colorConvert[key] !== 'object') {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst suite = colorConvert[key];\n\n\t\tif (key === 'ansi16') {\n\t\t\tkey = 'ansi';\n\t\t}\n\n\t\tif ('ansi16' in suite) {\n\t\t\tstyles.color.ansi[key] = wrapAnsi16(suite.ansi16, 0);\n\t\t\tstyles.bgColor.ansi[key] = wrapAnsi16(suite.ansi16, 10);\n\t\t}\n\n\t\tif ('ansi256' in suite) {\n\t\t\tstyles.color.ansi256[key] = wrapAnsi256(suite.ansi256, 0);\n\t\t\tstyles.bgColor.ansi256[key] = wrapAnsi256(suite.ansi256, 10);\n\t\t}\n\n\t\tif ('rgb' in suite) {\n\t\t\tstyles.color.ansi16m[key] = wrapAnsi16m(suite.rgb, 0);\n\t\t\tstyles.bgColor.ansi16m[key] = wrapAnsi16m(suite.rgb, 10);\n\t\t}\n\t}\n\n\treturn styles;\n}\n\n// Make the export immutable\nObject.defineProperty(module, 'exports', {\n\tenumerable: true,\n\tget: assembleStyles\n});\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../../webpack/buildin/module.js */ \"./node_modules/webpack/buildin/module.js\")(module)))\n\n//# sourceURL=file://cloudcmd/node_modules/@babel/code-frame/node_modules/ansi-styles/index.js");
+
+/***/ }),
+
+/***/ "./node_modules/@babel/code-frame/node_modules/chalk/index.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@babel/code-frame/node_modules/chalk/index.js ***!
+  \********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("/* WEBPACK VAR INJECTION */(function(process) {\nconst escapeStringRegexp = __webpack_require__(/*! escape-string-regexp */ \"./node_modules/@babel/code-frame/node_modules/escape-string-regexp/index.js\");\nconst ansiStyles = __webpack_require__(/*! ansi-styles */ \"./node_modules/@babel/code-frame/node_modules/ansi-styles/index.js\");\nconst stdoutColor = __webpack_require__(/*! supports-color */ \"./node_modules/supports-color/browser.js\").stdout;\n\nconst template = __webpack_require__(/*! ./templates.js */ \"./node_modules/@babel/code-frame/node_modules/chalk/templates.js\");\n\nconst isSimpleWindowsTerm = process.platform === 'win32' && !(process.env.TERM || '').toLowerCase().startsWith('xterm');\n\n// `supportsColor.level` → `ansiStyles.color[name]` mapping\nconst levelMapping = ['ansi', 'ansi', 'ansi256', 'ansi16m'];\n\n// `color-convert` models to exclude from the Chalk API due to conflicts and such\nconst skipModels = new Set(['gray']);\n\nconst styles = Object.create(null);\n\nfunction applyOptions(obj, options) {\n\toptions = options || {};\n\n\t// Detect level if not set manually\n\tconst scLevel = stdoutColor ? stdoutColor.level : 0;\n\tobj.level = options.level === undefined ? scLevel : options.level;\n\tobj.enabled = 'enabled' in options ? options.enabled : obj.level > 0;\n}\n\nfunction Chalk(options) {\n\t// We check for this.template here since calling `chalk.constructor()`\n\t// by itself will have a `this` of a previously constructed chalk object\n\tif (!this || !(this instanceof Chalk) || this.template) {\n\t\tconst chalk = {};\n\t\tapplyOptions(chalk, options);\n\n\t\tchalk.template = function () {\n\t\t\tconst args = [].slice.call(arguments);\n\t\t\treturn chalkTag.apply(null, [chalk.template].concat(args));\n\t\t};\n\n\t\tObject.setPrototypeOf(chalk, Chalk.prototype);\n\t\tObject.setPrototypeOf(chalk.template, chalk);\n\n\t\tchalk.template.constructor = Chalk;\n\n\t\treturn chalk.template;\n\t}\n\n\tapplyOptions(this, options);\n}\n\n// Use bright blue on Windows as the normal blue color is illegible\nif (isSimpleWindowsTerm) {\n\tansiStyles.blue.open = '\\u001B[94m';\n}\n\nfor (const key of Object.keys(ansiStyles)) {\n\tansiStyles[key].closeRe = new RegExp(escapeStringRegexp(ansiStyles[key].close), 'g');\n\n\tstyles[key] = {\n\t\tget() {\n\t\t\tconst codes = ansiStyles[key];\n\t\t\treturn build.call(this, this._styles ? this._styles.concat(codes) : [codes], this._empty, key);\n\t\t}\n\t};\n}\n\nstyles.visible = {\n\tget() {\n\t\treturn build.call(this, this._styles || [], true, 'visible');\n\t}\n};\n\nansiStyles.color.closeRe = new RegExp(escapeStringRegexp(ansiStyles.color.close), 'g');\nfor (const model of Object.keys(ansiStyles.color.ansi)) {\n\tif (skipModels.has(model)) {\n\t\tcontinue;\n\t}\n\n\tstyles[model] = {\n\t\tget() {\n\t\t\tconst level = this.level;\n\t\t\treturn function () {\n\t\t\t\tconst open = ansiStyles.color[levelMapping[level]][model].apply(null, arguments);\n\t\t\t\tconst codes = {\n\t\t\t\t\topen,\n\t\t\t\t\tclose: ansiStyles.color.close,\n\t\t\t\t\tcloseRe: ansiStyles.color.closeRe\n\t\t\t\t};\n\t\t\t\treturn build.call(this, this._styles ? this._styles.concat(codes) : [codes], this._empty, model);\n\t\t\t};\n\t\t}\n\t};\n}\n\nansiStyles.bgColor.closeRe = new RegExp(escapeStringRegexp(ansiStyles.bgColor.close), 'g');\nfor (const model of Object.keys(ansiStyles.bgColor.ansi)) {\n\tif (skipModels.has(model)) {\n\t\tcontinue;\n\t}\n\n\tconst bgModel = 'bg' + model[0].toUpperCase() + model.slice(1);\n\tstyles[bgModel] = {\n\t\tget() {\n\t\t\tconst level = this.level;\n\t\t\treturn function () {\n\t\t\t\tconst open = ansiStyles.bgColor[levelMapping[level]][model].apply(null, arguments);\n\t\t\t\tconst codes = {\n\t\t\t\t\topen,\n\t\t\t\t\tclose: ansiStyles.bgColor.close,\n\t\t\t\t\tcloseRe: ansiStyles.bgColor.closeRe\n\t\t\t\t};\n\t\t\t\treturn build.call(this, this._styles ? this._styles.concat(codes) : [codes], this._empty, model);\n\t\t\t};\n\t\t}\n\t};\n}\n\nconst proto = Object.defineProperties(() => {}, styles);\n\nfunction build(_styles, _empty, key) {\n\tconst builder = function () {\n\t\treturn applyStyle.apply(builder, arguments);\n\t};\n\n\tbuilder._styles = _styles;\n\tbuilder._empty = _empty;\n\n\tconst self = this;\n\n\tObject.defineProperty(builder, 'level', {\n\t\tenumerable: true,\n\t\tget() {\n\t\t\treturn self.level;\n\t\t},\n\t\tset(level) {\n\t\t\tself.level = level;\n\t\t}\n\t});\n\n\tObject.defineProperty(builder, 'enabled', {\n\t\tenumerable: true,\n\t\tget() {\n\t\t\treturn self.enabled;\n\t\t},\n\t\tset(enabled) {\n\t\t\tself.enabled = enabled;\n\t\t}\n\t});\n\n\t// See below for fix regarding invisible grey/dim combination on Windows\n\tbuilder.hasGrey = this.hasGrey || key === 'gray' || key === 'grey';\n\n\t// `__proto__` is used because we must return a function, but there is\n\t// no way to create a function with a different prototype\n\tbuilder.__proto__ = proto; // eslint-disable-line no-proto\n\n\treturn builder;\n}\n\nfunction applyStyle() {\n\t// Support varags, but simply cast to string in case there's only one arg\n\tconst args = arguments;\n\tconst argsLen = args.length;\n\tlet str = String(arguments[0]);\n\n\tif (argsLen === 0) {\n\t\treturn '';\n\t}\n\n\tif (argsLen > 1) {\n\t\t// Don't slice `arguments`, it prevents V8 optimizations\n\t\tfor (let a = 1; a < argsLen; a++) {\n\t\t\tstr += ' ' + args[a];\n\t\t}\n\t}\n\n\tif (!this.enabled || this.level <= 0 || !str) {\n\t\treturn this._empty ? '' : str;\n\t}\n\n\t// Turns out that on Windows dimmed gray text becomes invisible in cmd.exe,\n\t// see https://github.com/chalk/chalk/issues/58\n\t// If we're on Windows and we're dealing with a gray color, temporarily make 'dim' a noop.\n\tconst originalDim = ansiStyles.dim.open;\n\tif (isSimpleWindowsTerm && this.hasGrey) {\n\t\tansiStyles.dim.open = '';\n\t}\n\n\tfor (const code of this._styles.slice().reverse()) {\n\t\t// Replace any instances already present with a re-opening code\n\t\t// otherwise only the part of the string until said closing code\n\t\t// will be colored, and the rest will simply be 'plain'.\n\t\tstr = code.open + str.replace(code.closeRe, code.open) + code.close;\n\n\t\t// Close the styling before a linebreak and reopen\n\t\t// after next line to fix a bleed issue on macOS\n\t\t// https://github.com/chalk/chalk/pull/92\n\t\tstr = str.replace(/\\r?\\n/g, `${code.close}$&${code.open}`);\n\t}\n\n\t// Reset the original `dim` if we changed it to work around the Windows dimmed gray issue\n\tansiStyles.dim.open = originalDim;\n\n\treturn str;\n}\n\nfunction chalkTag(chalk, strings) {\n\tif (!Array.isArray(strings)) {\n\t\t// If chalk() was called by itself or with a string,\n\t\t// return the string itself as a string.\n\t\treturn [].slice.call(arguments, 1).join(' ');\n\t}\n\n\tconst args = [].slice.call(arguments, 2);\n\tconst parts = [strings.raw[0]];\n\n\tfor (let i = 1; i < strings.length; i++) {\n\t\tparts.push(String(args[i - 1]).replace(/[{}\\\\]/g, '\\\\$&'));\n\t\tparts.push(String(strings.raw[i]));\n\t}\n\n\treturn template(chalk, parts.join(''));\n}\n\nObject.defineProperties(Chalk.prototype, styles);\n\nmodule.exports = Chalk(); // eslint-disable-line new-cap\nmodule.exports.supportsColor = stdoutColor;\nmodule.exports.default = module.exports; // For TypeScript\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../../process/browser.js */ \"./node_modules/process/browser.js\")))\n\n//# sourceURL=file://cloudcmd/node_modules/@babel/code-frame/node_modules/chalk/index.js");
+
+/***/ }),
+
+/***/ "./node_modules/@babel/code-frame/node_modules/chalk/templates.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/@babel/code-frame/node_modules/chalk/templates.js ***!
+  \************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\nconst TEMPLATE_REGEX = /(?:\\\\(u[a-f\\d]{4}|x[a-f\\d]{2}|.))|(?:\\{(~)?(\\w+(?:\\([^)]*\\))?(?:\\.\\w+(?:\\([^)]*\\))?)*)(?:[ \\t]|(?=\\r?\\n)))|(\\})|((?:.|[\\r\\n\\f])+?)/gi;\nconst STYLE_REGEX = /(?:^|\\.)(\\w+)(?:\\(([^)]*)\\))?/g;\nconst STRING_REGEX = /^(['\"])((?:\\\\.|(?!\\1)[^\\\\])*)\\1$/;\nconst ESCAPE_REGEX = /\\\\(u[a-f\\d]{4}|x[a-f\\d]{2}|.)|([^\\\\])/gi;\n\nconst ESCAPES = new Map([\n\t['n', '\\n'],\n\t['r', '\\r'],\n\t['t', '\\t'],\n\t['b', '\\b'],\n\t['f', '\\f'],\n\t['v', '\\v'],\n\t['0', '\\0'],\n\t['\\\\', '\\\\'],\n\t['e', '\\u001B'],\n\t['a', '\\u0007']\n]);\n\nfunction unescape(c) {\n\tif ((c[0] === 'u' && c.length === 5) || (c[0] === 'x' && c.length === 3)) {\n\t\treturn String.fromCharCode(parseInt(c.slice(1), 16));\n\t}\n\n\treturn ESCAPES.get(c) || c;\n}\n\nfunction parseArguments(name, args) {\n\tconst results = [];\n\tconst chunks = args.trim().split(/\\s*,\\s*/g);\n\tlet matches;\n\n\tfor (const chunk of chunks) {\n\t\tif (!isNaN(chunk)) {\n\t\t\tresults.push(Number(chunk));\n\t\t} else if ((matches = chunk.match(STRING_REGEX))) {\n\t\t\tresults.push(matches[2].replace(ESCAPE_REGEX, (m, escape, chr) => escape ? unescape(escape) : chr));\n\t\t} else {\n\t\t\tthrow new Error(`Invalid Chalk template style argument: ${chunk} (in style '${name}')`);\n\t\t}\n\t}\n\n\treturn results;\n}\n\nfunction parseStyle(style) {\n\tSTYLE_REGEX.lastIndex = 0;\n\n\tconst results = [];\n\tlet matches;\n\n\twhile ((matches = STYLE_REGEX.exec(style)) !== null) {\n\t\tconst name = matches[1];\n\n\t\tif (matches[2]) {\n\t\t\tconst args = parseArguments(name, matches[2]);\n\t\t\tresults.push([name].concat(args));\n\t\t} else {\n\t\t\tresults.push([name]);\n\t\t}\n\t}\n\n\treturn results;\n}\n\nfunction buildStyle(chalk, styles) {\n\tconst enabled = {};\n\n\tfor (const layer of styles) {\n\t\tfor (const style of layer.styles) {\n\t\t\tenabled[style[0]] = layer.inverse ? null : style.slice(1);\n\t\t}\n\t}\n\n\tlet current = chalk;\n\tfor (const styleName of Object.keys(enabled)) {\n\t\tif (Array.isArray(enabled[styleName])) {\n\t\t\tif (!(styleName in current)) {\n\t\t\t\tthrow new Error(`Unknown Chalk style: ${styleName}`);\n\t\t\t}\n\n\t\t\tif (enabled[styleName].length > 0) {\n\t\t\t\tcurrent = current[styleName].apply(current, enabled[styleName]);\n\t\t\t} else {\n\t\t\t\tcurrent = current[styleName];\n\t\t\t}\n\t\t}\n\t}\n\n\treturn current;\n}\n\nmodule.exports = (chalk, tmp) => {\n\tconst styles = [];\n\tconst chunks = [];\n\tlet chunk = [];\n\n\t// eslint-disable-next-line max-params\n\ttmp.replace(TEMPLATE_REGEX, (m, escapeChar, inverse, style, close, chr) => {\n\t\tif (escapeChar) {\n\t\t\tchunk.push(unescape(escapeChar));\n\t\t} else if (style) {\n\t\t\tconst str = chunk.join('');\n\t\t\tchunk = [];\n\t\t\tchunks.push(styles.length === 0 ? str : buildStyle(chalk, styles)(str));\n\t\t\tstyles.push({inverse, styles: parseStyle(style)});\n\t\t} else if (close) {\n\t\t\tif (styles.length === 0) {\n\t\t\t\tthrow new Error('Found extraneous } in Chalk template literal');\n\t\t\t}\n\n\t\t\tchunks.push(buildStyle(chalk, styles)(chunk.join('')));\n\t\t\tchunk = [];\n\t\t\tstyles.pop();\n\t\t} else {\n\t\t\tchunk.push(chr);\n\t\t}\n\t});\n\n\tchunks.push(chunk.join(''));\n\n\tif (styles.length > 0) {\n\t\tconst errMsg = `Chalk template literal is missing ${styles.length} closing bracket${styles.length === 1 ? '' : 's'} (\\`}\\`)`;\n\t\tthrow new Error(errMsg);\n\t}\n\n\treturn chunks.join('');\n};\n\n\n//# sourceURL=file://cloudcmd/node_modules/@babel/code-frame/node_modules/chalk/templates.js");
+
+/***/ }),
+
+/***/ "./node_modules/@babel/code-frame/node_modules/escape-string-regexp/index.js":
+/*!***********************************************************************************!*\
+  !*** ./node_modules/@babel/code-frame/node_modules/escape-string-regexp/index.js ***!
+  \***********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar matchOperatorsRe = /[|\\\\{}()[\\]^$+*?.]/g;\n\nmodule.exports = function (str) {\n\tif (typeof str !== 'string') {\n\t\tthrow new TypeError('Expected a string');\n\t}\n\n\treturn str.replace(matchOperatorsRe, '\\\\$&');\n};\n\n\n//# sourceURL=file://cloudcmd/node_modules/@babel/code-frame/node_modules/escape-string-regexp/index.js");
 
 /***/ }),
 
@@ -367,7 +415,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = highlight;\nexports.getChalk = getChalk;\nexports.shouldHighlight = shouldHighlight;\nvar _jsTokens = __webpack_require__(/*! js-tokens */ \"./node_modules/js-tokens/index.js\");\nvar _helperValidatorIdentifier = __webpack_require__(/*! @babel/helper-validator-identifier */ \"./node_modules/@babel/helper-validator-identifier/lib/index.js\");\nvar _chalk = __webpack_require__(/*! chalk */ \"./node_modules/@babel/highlight/node_modules/chalk/index.js\");\nconst sometimesKeywords = new Set([\"as\", \"async\", \"from\", \"get\", \"of\", \"set\"]);\nfunction getDefs(chalk) {\n  return {\n    keyword: chalk.cyan,\n    capitalized: chalk.yellow,\n    jsxIdentifier: chalk.yellow,\n    punctuator: chalk.yellow,\n    number: chalk.magenta,\n    string: chalk.green,\n    regex: chalk.magenta,\n    comment: chalk.grey,\n    invalid: chalk.white.bgRed.bold\n  };\n}\nconst NEWLINE = /\\r\\n|[\\n\\r\\u2028\\u2029]/;\nconst BRACKET = /^[()[\\]{}]$/;\nlet tokenize;\n{\n  const JSX_TAG = /^[a-z][\\w-]*$/i;\n  const getTokenType = function (token, offset, text) {\n    if (token.type === \"name\") {\n      if ((0, _helperValidatorIdentifier.isKeyword)(token.value) || (0, _helperValidatorIdentifier.isStrictReservedWord)(token.value, true) || sometimesKeywords.has(token.value)) {\n        return \"keyword\";\n      }\n      if (JSX_TAG.test(token.value) && (text[offset - 1] === \"<\" || text.slice(offset - 2, offset) == \"</\")) {\n        return \"jsxIdentifier\";\n      }\n      if (token.value[0] !== token.value[0].toLowerCase()) {\n        return \"capitalized\";\n      }\n    }\n    if (token.type === \"punctuator\" && BRACKET.test(token.value)) {\n      return \"bracket\";\n    }\n    if (token.type === \"invalid\" && (token.value === \"@\" || token.value === \"#\")) {\n      return \"punctuator\";\n    }\n    return token.type;\n  };\n  tokenize = function* (text) {\n    let match;\n    while (match = _jsTokens.default.exec(text)) {\n      const token = _jsTokens.matchToToken(match);\n      yield {\n        type: getTokenType(token, match.index, text),\n        value: token.value\n      };\n    }\n  };\n}\nfunction highlightTokens(defs, text) {\n  let highlighted = \"\";\n  for (const {\n    type,\n    value\n  } of tokenize(text)) {\n    const colorize = defs[type];\n    if (colorize) {\n      highlighted += value.split(NEWLINE).map(str => colorize(str)).join(\"\\n\");\n    } else {\n      highlighted += value;\n    }\n  }\n  return highlighted;\n}\nfunction shouldHighlight(options) {\n  return !!_chalk.supportsColor || options.forceColor;\n}\nfunction getChalk(options) {\n  return options.forceColor ? new _chalk.constructor({\n    enabled: true,\n    level: 1\n  }) : _chalk;\n}\nfunction highlight(code, options = {}) {\n  if (code !== \"\" && shouldHighlight(options)) {\n    const chalk = getChalk(options);\n    const defs = getDefs(chalk);\n    return highlightTokens(defs, code);\n  } else {\n    return code;\n  }\n}\n\n//# sourceMappingURL=index.js.map\n\n\n//# sourceURL=file://cloudcmd/node_modules/@babel/highlight/lib/index.js");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = highlight;\nexports.shouldHighlight = shouldHighlight;\nvar _jsTokens = __webpack_require__(/*! js-tokens */ \"./node_modules/js-tokens/index.js\");\nvar _helperValidatorIdentifier = __webpack_require__(/*! @babel/helper-validator-identifier */ \"./node_modules/@babel/helper-validator-identifier/lib/index.js\");\nvar _chalk2 = __webpack_require__(/*! chalk */ \"./node_modules/@babel/highlight/node_modules/chalk/index.js\");\nconst chalk = _chalk2;\nconst sometimesKeywords = new Set([\"as\", \"async\", \"from\", \"get\", \"of\", \"set\"]);\nfunction getDefs(chalk) {\n  return {\n    keyword: chalk.cyan,\n    capitalized: chalk.yellow,\n    jsxIdentifier: chalk.yellow,\n    punctuator: chalk.yellow,\n    number: chalk.magenta,\n    string: chalk.green,\n    regex: chalk.magenta,\n    comment: chalk.grey,\n    invalid: chalk.white.bgRed.bold\n  };\n}\nconst NEWLINE = /\\r\\n|[\\n\\r\\u2028\\u2029]/;\nconst BRACKET = /^[()[\\]{}]$/;\nlet tokenize;\n{\n  const JSX_TAG = /^[a-z][\\w-]*$/i;\n  const getTokenType = function (token, offset, text) {\n    if (token.type === \"name\") {\n      if ((0, _helperValidatorIdentifier.isKeyword)(token.value) || (0, _helperValidatorIdentifier.isStrictReservedWord)(token.value, true) || sometimesKeywords.has(token.value)) {\n        return \"keyword\";\n      }\n      if (JSX_TAG.test(token.value) && (text[offset - 1] === \"<\" || text.slice(offset - 2, offset) == \"</\")) {\n        return \"jsxIdentifier\";\n      }\n      if (token.value[0] !== token.value[0].toLowerCase()) {\n        return \"capitalized\";\n      }\n    }\n    if (token.type === \"punctuator\" && BRACKET.test(token.value)) {\n      return \"bracket\";\n    }\n    if (token.type === \"invalid\" && (token.value === \"@\" || token.value === \"#\")) {\n      return \"punctuator\";\n    }\n    return token.type;\n  };\n  tokenize = function* (text) {\n    let match;\n    while (match = _jsTokens.default.exec(text)) {\n      const token = _jsTokens.matchToToken(match);\n      yield {\n        type: getTokenType(token, match.index, text),\n        value: token.value\n      };\n    }\n  };\n}\nfunction highlightTokens(defs, text) {\n  let highlighted = \"\";\n  for (const {\n    type,\n    value\n  } of tokenize(text)) {\n    const colorize = defs[type];\n    if (colorize) {\n      highlighted += value.split(NEWLINE).map(str => colorize(str)).join(\"\\n\");\n    } else {\n      highlighted += value;\n    }\n  }\n  return highlighted;\n}\nfunction shouldHighlight(options) {\n  return !!chalk.supportsColor || options.forceColor;\n}\nlet chalkWithForcedColor = undefined;\nfunction getChalk(forceColor) {\n  if (forceColor) {\n    var _chalkWithForcedColor;\n    (_chalkWithForcedColor = chalkWithForcedColor) != null ? _chalkWithForcedColor : chalkWithForcedColor = new chalk.constructor({\n      enabled: true,\n      level: 1\n    });\n    return chalkWithForcedColor;\n  }\n  return chalk;\n}\n{\n  {\n    exports.getChalk = options => getChalk(options.forceColor);\n  }\n}\nfunction highlight(code, options = {}) {\n  if (code !== \"\" && shouldHighlight(options)) {\n    const defs = getDefs(getChalk(options.forceColor));\n    return highlightTokens(defs, code);\n  } else {\n    return code;\n  }\n}\n\n//# sourceMappingURL=index.js.map\n\n\n//# sourceURL=file://cloudcmd/node_modules/@babel/highlight/lib/index.js");
 
 /***/ }),