cloudcmd 18.4.0 → 18.5.0

package/dist-dev/cloudcmd.common.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 = (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");
+eval("\n\n/* global DOM */\n/* global CloudCmd */\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst {\n  atob,\n  btoa\n} = __webpack_require__(/*! ../../common/base64 */ \"./common/base64.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");
 
 /***/ }),
 
@@ -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/lib/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");
+eval("\n\n/* global CloudCmd */\nconst philip = __webpack_require__(/*! philip */ \"./node_modules/philip/lib/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};\nconst percent = (i, n, per = 100) => Math.round(i * per / n);\nconst uploadFile = (url, data) => DOM.load.put(url, data);\nconst uploadDir = url => DOM.load.put(`${url}?dir`);\n\n//# sourceURL=file://cloudcmd/client/dom/directory.js");
 
 /***/ }),
 
@@ -104,7 +104,7 @@ eval("\n\n/* global CloudCmd */\nconst itype = __webpack_require__(/*! itype */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("/* global DOM */\n\n\n\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst Images = module.exports;\nconst LOADING = 'loading';\nconst HIDDEN = 'hidden';\nconst ERROR = 'error';\nfunction getLoadingType() {\n  return isSVG() ? '-svg' : '-gif';\n}\nmodule.exports.get = getElement;\n/**\n * check SVG SMIL animation support\n */\nfunction isSVG() {\n  const createNS = document.createElementNS;\n  const SVG_URL = 'http://www.w3.org/2000/svg';\n  if (!createNS) return false;\n  const create = createNS.bind(document);\n  const svgNode = create(SVG_URL, 'animate');\n  const name = svgNode.toString();\n  return /SVGAnimate/.test(name);\n}\nfunction getElement() {\n  return createElement('span', {\n    id: 'js-status-image',\n    className: 'icon',\n    dataName: 'progress',\n    notAppend: true\n  });\n}\n\n/* Функция создаёт картинку загрузки */\nmodule.exports.loading = () => {\n  const element = getElement();\n  const {\n    classList\n  } = element;\n  const loadingImage = LOADING + getLoadingType();\n  classList.add(LOADING, loadingImage);\n  classList.remove(ERROR, HIDDEN);\n  return element;\n};\n\n/* Функция создаёт картинку ошибки загрузки */\nmodule.exports.error = () => {\n  const element = getElement();\n  const {\n    classList\n  } = element;\n  const loadingImage = LOADING + getLoadingType();\n  classList.add(ERROR);\n  classList.remove(HIDDEN, LOADING, loadingImage);\n  return element;\n};\nmodule.exports.show = show;\nmodule.exports.show.load = show;\nmodule.exports.show.error = error;\n/**\n* Function shows loading spinner\n* position = {top: true};\n*/\nfunction show(position, panel) {\n  const image = Images.loading();\n  const parent = image.parentElement;\n  const refreshButton = DOM.getRefreshButton(panel);\n  let current;\n  if (position === 'top') {\n    current = refreshButton.parentElement;\n  } else {\n    current = DOM.getCurrentFile();\n    if (current) current = DOM.getByDataName('js-name', current);else current = refreshButton.parentElement;\n  }\n  if (!parent || parent && parent !== current) current.appendChild(image);\n  DOM.show(image);\n  return image;\n}\nfunction error(text) {\n  const image = Images.error();\n  DOM.show(image);\n  image.title = text;\n  return image;\n}\n\n/**\n* hide load image\n*/\nmodule.exports.hide = () => {\n  const element = Images.get();\n  DOM.hide(element);\n  return Images;\n};\nmodule.exports.setProgress = (value, title) => {\n  const DATA = 'data-progress';\n  const element = Images.get();\n  if (!element) return Images;\n  element.setAttribute(DATA, `${value}%`);\n  if (title) element.title = title;\n  return Images;\n};\nmodule.exports.clearProgress = () => {\n  const DATA = 'data-progress';\n  const element = Images.get();\n  if (!element) return Images;\n  element.setAttribute(DATA, '');\n  element.title = '';\n  return Images;\n};\n\n//# sourceURL=file://cloudcmd/client/dom/images.js");
+eval("/* global DOM */\n\n\n\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst Images = module.exports;\nconst LOADING = 'loading';\nconst HIDDEN = 'hidden';\nconst ERROR = 'error';\nconst getLoadingType = () => isSVG() ? '-svg' : '-gif';\nmodule.exports.get = getElement;\n/**\n * check SVG SMIL animation support\n */\nfunction isSVG() {\n  const createNS = document.createElementNS;\n  const SVG_URL = 'http://www.w3.org/2000/svg';\n  if (!createNS) return false;\n  const create = createNS.bind(document);\n  const svgNode = create(SVG_URL, 'animate');\n  const name = svgNode.toString();\n  return /SVGAnimate/.test(name);\n}\nfunction getElement() {\n  return createElement('span', {\n    id: 'js-status-image',\n    className: 'icon',\n    dataName: 'progress',\n    notAppend: true\n  });\n}\n\n/* Функция создаёт картинку загрузки */\nmodule.exports.loading = () => {\n  const element = getElement();\n  const {\n    classList\n  } = element;\n  const loadingImage = LOADING + getLoadingType();\n  classList.add(LOADING, loadingImage);\n  classList.remove(ERROR, HIDDEN);\n  return element;\n};\n\n/* Функция создаёт картинку ошибки загрузки */\nmodule.exports.error = () => {\n  const element = getElement();\n  const {\n    classList\n  } = element;\n  const loadingImage = LOADING + getLoadingType();\n  classList.add(ERROR);\n  classList.remove(HIDDEN, LOADING, loadingImage);\n  return element;\n};\nmodule.exports.show = show;\nmodule.exports.show.load = show;\nmodule.exports.show.error = error;\n/**\n* Function shows loading spinner\n* position = {top: true};\n*/\nfunction show(position, panel) {\n  const image = Images.loading();\n  const parent = image.parentElement;\n  const refreshButton = DOM.getRefreshButton(panel);\n  let current;\n  if (position === 'top') {\n    current = refreshButton.parentElement;\n  } else {\n    current = DOM.getCurrentFile();\n    if (current) current = DOM.getByDataName('js-name', current);else current = refreshButton.parentElement;\n  }\n  if (!parent || parent && parent !== current) current.appendChild(image);\n  DOM.show(image);\n  return image;\n}\nfunction error(text) {\n  const image = Images.error();\n  DOM.show(image);\n  image.title = text;\n  return image;\n}\n\n/**\n* hide load image\n*/\nmodule.exports.hide = () => {\n  const element = Images.get();\n  DOM.hide(element);\n  return Images;\n};\nmodule.exports.setProgress = (value, title) => {\n  const DATA = 'data-progress';\n  const element = Images.get();\n  if (!element) return Images;\n  element.setAttribute(DATA, `${value}%`);\n  if (title) element.title = title;\n  return Images;\n};\nmodule.exports.clearProgress = () => {\n  const DATA = 'data-progress';\n  const element = Images.get();\n  if (!element) return Images;\n  element.setAttribute(DATA, '');\n  element.title = '';\n  return Images;\n};\n\n//# sourceURL=file://cloudcmd/client/dom/images.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('/');\nconst filterOutDotFiles = ({\n  showDotFiles\n}) => ({\n  name\n}) => {\n  if (showDotFiles) return true;\n  return !name.startsWith('.');\n};\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    showDotFiles\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.filter(filterOutDotFiles({\n    showDotFiles\n  })).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");
+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('/');\nconst filterOutDotFiles = ({\n  showDotFiles\n}) => ({\n  name\n}) => {\n  if (showDotFiles) return true;\n  return !name.startsWith('.');\n};\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    showDotFiles\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.filter(filterOutDotFiles({\n    showDotFiles\n  })).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};\nconst updateField = file => ({\n  ...file,\n  date: file.date || '--.--.----',\n  owner: file.owner || 'root',\n  size: getSize(file)\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");
 
 /***/ }),
 
@@ -319,7 +319,7 @@ 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', { value: true });\n\nvar picocolors = __webpack_require__(/*! picocolors */ \"./node_modules/picocolors/picocolors.browser.js\");\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\");\n\nfunction isColorSupported() {\n  return typeof process === \"object\" && (process.env.FORCE_COLOR === \"0\" || process.env.FORCE_COLOR === \"false\") ? false : picocolors.isColorSupported;\n}\nconst compose = (f, g) => v => f(g(v));\nfunction builDefs(colors) {\n  return {\n    keyword: colors.cyan,\n    capitalized: colors.yellow,\n    jsxIdentifier: colors.yellow,\n    punctuator: colors.yellow,\n    number: colors.magenta,\n    string: colors.green,\n    regex: colors.magenta,\n    comment: colors.gray,\n    invalid: compose(compose(colors.white, colors.bgRed), colors.bold),\n    gutter: colors.gray,\n    marker: compose(colors.red, colors.bold),\n    message: compose(colors.red, colors.bold),\n    reset: colors.reset\n  };\n}\nconst defsOn = builDefs(picocolors.createColors(true));\nconst defsOff = builDefs(picocolors.createColors(false));\nfunction getDefs(enabled) {\n  return enabled ? defsOn : defsOff;\n}\n\nconst sometimesKeywords = new Set([\"as\", \"async\", \"from\", \"get\", \"of\", \"set\"]);\nconst NEWLINE$1 = /\\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 (helperValidatorIdentifier.isKeyword(token.value) || 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 highlight(text) {\n  if (text === \"\") return \"\";\n  const defs = getDefs(true);\n  let highlighted = \"\";\n  for (const {\n    type,\n    value\n  } of tokenize(text)) {\n    if (type in defs) {\n      highlighted += value.split(NEWLINE$1).map(str => defs[type](str)).join(\"\\n\");\n    } else {\n      highlighted += value;\n    }\n  }\n  return highlighted;\n}\n\nlet deprecationWarningShown = false;\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 shouldHighlight = opts.forceColor || isColorSupported() && opts.highlightCode;\n  const defs = getDefs(shouldHighlight);\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 = shouldHighlight ? highlight(rawLines) : 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 \", defs.gutter(gutter.replace(/\\d/g, \" \")), \" \", markerSpacing, defs.marker(\"^\").repeat(numberOfMarkers)].join(\"\");\n        if (lastMarkerLine && opts.message) {\n          markerLine += \" \" + defs.message(opts.message);\n        }\n      }\n      return [defs.marker(\">\"), defs.gutter(gutter), line.length > 0 ? ` ${line}` : \"\", markerLine].join(\"\");\n    } else {\n      return ` ${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 (shouldHighlight) {\n    return defs.reset(frame);\n  } else {\n    return frame;\n  }\n}\nfunction index (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\nexports.codeFrameColumns = codeFrameColumns;\nexports.default = index;\nexports.highlight = highlight;\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', { value: true });\n\nvar picocolors = __webpack_require__(/*! picocolors */ \"./node_modules/picocolors/picocolors.browser.js\");\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\");\n\nfunction isColorSupported() {\n  return (typeof process === \"object\" && (process.env.FORCE_COLOR === \"0\" || process.env.FORCE_COLOR === \"false\") ? false : picocolors.isColorSupported\n  );\n}\nconst compose = (f, g) => v => f(g(v));\nfunction buildDefs(colors) {\n  return {\n    keyword: colors.cyan,\n    capitalized: colors.yellow,\n    jsxIdentifier: colors.yellow,\n    punctuator: colors.yellow,\n    number: colors.magenta,\n    string: colors.green,\n    regex: colors.magenta,\n    comment: colors.gray,\n    invalid: compose(compose(colors.white, colors.bgRed), colors.bold),\n    gutter: colors.gray,\n    marker: compose(colors.red, colors.bold),\n    message: compose(colors.red, colors.bold),\n    reset: colors.reset\n  };\n}\nconst defsOn = buildDefs(picocolors.createColors(true));\nconst defsOff = buildDefs(picocolors.createColors(false));\nfunction getDefs(enabled) {\n  return enabled ? defsOn : defsOff;\n}\n\nconst sometimesKeywords = new Set([\"as\", \"async\", \"from\", \"get\", \"of\", \"set\"]);\nconst NEWLINE$1 = /\\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 (helperValidatorIdentifier.isKeyword(token.value) || 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 highlight(text) {\n  if (text === \"\") return \"\";\n  const defs = getDefs(true);\n  let highlighted = \"\";\n  for (const {\n    type,\n    value\n  } of tokenize(text)) {\n    if (type in defs) {\n      highlighted += value.split(NEWLINE$1).map(str => defs[type](str)).join(\"\\n\");\n    } else {\n      highlighted += value;\n    }\n  }\n  return highlighted;\n}\n\nlet deprecationWarningShown = false;\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 shouldHighlight = opts.forceColor || isColorSupported() && opts.highlightCode;\n  const defs = getDefs(shouldHighlight);\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 = shouldHighlight ? highlight(rawLines) : 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 \", defs.gutter(gutter.replace(/\\d/g, \" \")), \" \", markerSpacing, defs.marker(\"^\").repeat(numberOfMarkers)].join(\"\");\n        if (lastMarkerLine && opts.message) {\n          markerLine += \" \" + defs.message(opts.message);\n        }\n      }\n      return [defs.marker(\">\"), defs.gutter(gutter), line.length > 0 ? ` ${line}` : \"\", markerLine].join(\"\");\n    } else {\n      return ` ${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 (shouldHighlight) {\n    return defs.reset(frame);\n  } else {\n    return frame;\n  }\n}\nfunction index (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\nexports.codeFrameColumns = codeFrameColumns;\nexports.default = index;\nexports.highlight = highlight;\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");
 
 /***/ }),
 
@@ -498,7 +498,7 @@ eval("\n\nexports.byteLength = byteLength\nexports.toByteArray = toByteArray\nex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"compute\", function() { return r; });\nconst t=t=>\"object\"==typeof t&&null!=t&&1===t.nodeType,e=(t,e)=>(!e||\"hidden\"!==t)&&(\"visible\"!==t&&\"clip\"!==t),n=(t,n)=>{if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){const o=getComputedStyle(t,null);return e(o.overflowY,n)||e(o.overflowX,n)||(t=>{const e=(t=>{if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}})(t);return!!e&&(e.clientHeight<t.scrollHeight||e.clientWidth<t.scrollWidth)})(t)}return!1},o=(t,e,n,o,l,r,i,s)=>r<t&&i>e||r>t&&i<e?0:r<=t&&s<=n||i>=e&&s>=n?r-t-o:i>e&&s<n||r<t&&s>n?i-e+l:0,l=t=>{const e=t.parentElement;return null==e?t.getRootNode().host||null:e},r=(e,r)=>{var i,s,d,h;if(\"undefined\"==typeof document)return[];const{scrollMode:c,block:f,inline:u,boundary:a,skipOverflowHiddenElements:g}=r,p=\"function\"==typeof a?a:t=>t!==a;if(!t(e))throw new TypeError(\"Invalid target\");const m=document.scrollingElement||document.documentElement,w=[];let W=e;for(;t(W)&&p(W);){if(W=l(W),W===m){w.push(W);break}null!=W&&W===document.body&&n(W)&&!n(document.documentElement)||null!=W&&n(W,g)&&w.push(W)}const b=null!=(s=null==(i=window.visualViewport)?void 0:i.width)?s:innerWidth,H=null!=(h=null==(d=window.visualViewport)?void 0:d.height)?h:innerHeight,{scrollX:y,scrollY:M}=window,{height:v,width:E,top:x,right:C,bottom:I,left:R}=e.getBoundingClientRect(),{top:T,right:B,bottom:F,left:V}=(t=>{const e=window.getComputedStyle(t);return{top:parseFloat(e.scrollMarginTop)||0,right:parseFloat(e.scrollMarginRight)||0,bottom:parseFloat(e.scrollMarginBottom)||0,left:parseFloat(e.scrollMarginLeft)||0}})(e);let k=\"start\"===f||\"nearest\"===f?x-T:\"end\"===f?I+F:x+v/2-T+F,D=\"center\"===u?R+E/2-V+B:\"end\"===u?C+B:R-V;const L=[];for(let t=0;t<w.length;t++){const e=w[t],{height:n,width:l,top:r,right:i,bottom:s,left:d}=e.getBoundingClientRect();if(\"if-needed\"===c&&x>=0&&R>=0&&I<=H&&C<=b&&x>=r&&I<=s&&R>=d&&C<=i)return L;const h=getComputedStyle(e),a=parseInt(h.borderLeftWidth,10),g=parseInt(h.borderTopWidth,10),p=parseInt(h.borderRightWidth,10),W=parseInt(h.borderBottomWidth,10);let T=0,B=0;const F=\"offsetWidth\"in e?e.offsetWidth-e.clientWidth-a-p:0,V=\"offsetHeight\"in e?e.offsetHeight-e.clientHeight-g-W:0,S=\"offsetWidth\"in e?0===e.offsetWidth?0:l/e.offsetWidth:0,X=\"offsetHeight\"in e?0===e.offsetHeight?0:n/e.offsetHeight:0;if(m===e)T=\"start\"===f?k:\"end\"===f?k-H:\"nearest\"===f?o(M,M+H,H,g,W,M+k,M+k+v,v):k-H/2,B=\"start\"===u?D:\"center\"===u?D-b/2:\"end\"===u?D-b:o(y,y+b,b,a,p,y+D,y+D+E,E),T=Math.max(0,T+M),B=Math.max(0,B+y);else{T=\"start\"===f?k-r-g:\"end\"===f?k-s+W+V:\"nearest\"===f?o(r,s,n,g,W+V,k,k+v,v):k-(r+n/2)+V/2,B=\"start\"===u?D-d-a:\"center\"===u?D-(d+l/2)+F/2:\"end\"===u?D-i+p+F:o(d,i,l,a,p+F,D,D+E,E);const{scrollLeft:t,scrollTop:h}=e;T=0===X?0:Math.max(0,Math.min(h+T/X,e.scrollHeight-n/X+V)),B=0===S?0:Math.max(0,Math.min(t+B/S,e.scrollWidth-l/S+F)),k+=h-T,D+=t-B}L.push({el:e,top:T,left:B})}return L};//# sourceMappingURL=index.js.map\n\n\n//# sourceURL=file://cloudcmd/node_modules/compute-scroll-into-view/dist/index.js");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"compute\", function() { return r; });\nconst t=t=>\"object\"==typeof t&&null!=t&&1===t.nodeType,e=(t,e)=>(!e||\"hidden\"!==t)&&(\"visible\"!==t&&\"clip\"!==t),n=(t,n)=>{if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){const o=getComputedStyle(t,null);return e(o.overflowY,n)||e(o.overflowX,n)||(t=>{const e=(t=>{if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}})(t);return!!e&&(e.clientHeight<t.scrollHeight||e.clientWidth<t.scrollWidth)})(t)}return!1},o=(t,e,n,o,l,r,i,s)=>r<t&&i>e||r>t&&i<e?0:r<=t&&s<=n||i>=e&&s>=n?r-t-o:i>e&&s<n||r<t&&s>n?i-e+l:0,l=t=>{const e=t.parentElement;return null==e?t.getRootNode().host||null:e},r=(e,r)=>{var i,s,d,h;if(\"undefined\"==typeof document)return[];const{scrollMode:c,block:f,inline:u,boundary:a,skipOverflowHiddenElements:g}=r,p=\"function\"==typeof a?a:t=>t!==a;if(!t(e))throw new TypeError(\"Invalid target\");const m=document.scrollingElement||document.documentElement,w=[];let W=e;for(;t(W)&&p(W);){if(W=l(W),W===m){w.push(W);break}null!=W&&W===document.body&&n(W)&&!n(document.documentElement)||null!=W&&n(W,g)&&w.push(W)}const b=null!=(s=null==(i=window.visualViewport)?void 0:i.width)?s:innerWidth,H=null!=(h=null==(d=window.visualViewport)?void 0:d.height)?h:innerHeight,{scrollX:y,scrollY:M}=window,{height:v,width:E,top:x,right:C,bottom:I,left:R}=e.getBoundingClientRect(),{top:T,right:B,bottom:F,left:V}=(t=>{const e=window.getComputedStyle(t);return{top:parseFloat(e.scrollMarginTop)||0,right:parseFloat(e.scrollMarginRight)||0,bottom:parseFloat(e.scrollMarginBottom)||0,left:parseFloat(e.scrollMarginLeft)||0}})(e);let k=\"start\"===f||\"nearest\"===f?x-T:\"end\"===f?I+F:x+v/2-T+F,D=\"center\"===u?R+E/2-V+B:\"end\"===u?C+B:R-V;const L=[];for(let t=0;t<w.length;t++){const e=w[t],{height:l,width:r,top:i,right:s,bottom:d,left:h}=e.getBoundingClientRect();if(\"if-needed\"===c&&x>=0&&R>=0&&I<=H&&C<=b&&(e===m&&!n(e)||x>=i&&I<=d&&R>=h&&C<=s))return L;const a=getComputedStyle(e),g=parseInt(a.borderLeftWidth,10),p=parseInt(a.borderTopWidth,10),W=parseInt(a.borderRightWidth,10),T=parseInt(a.borderBottomWidth,10);let B=0,F=0;const V=\"offsetWidth\"in e?e.offsetWidth-e.clientWidth-g-W:0,S=\"offsetHeight\"in e?e.offsetHeight-e.clientHeight-p-T:0,X=\"offsetWidth\"in e?0===e.offsetWidth?0:r/e.offsetWidth:0,Y=\"offsetHeight\"in e?0===e.offsetHeight?0:l/e.offsetHeight:0;if(m===e)B=\"start\"===f?k:\"end\"===f?k-H:\"nearest\"===f?o(M,M+H,H,p,T,M+k,M+k+v,v):k-H/2,F=\"start\"===u?D:\"center\"===u?D-b/2:\"end\"===u?D-b:o(y,y+b,b,g,W,y+D,y+D+E,E),B=Math.max(0,B+M),F=Math.max(0,F+y);else{B=\"start\"===f?k-i-p:\"end\"===f?k-d+T+S:\"nearest\"===f?o(i,d,l,p,T+S,k,k+v,v):k-(i+l/2)+S/2,F=\"start\"===u?D-h-g:\"center\"===u?D-(h+r/2)+V/2:\"end\"===u?D-s+W+V:o(h,s,r,g,W+V,D,D+E,E);const{scrollLeft:t,scrollTop:n}=e;B=0===Y?0:Math.max(0,Math.min(n+B/Y,e.scrollHeight-l/Y+S)),F=0===X?0:Math.max(0,Math.min(t+F/X,e.scrollWidth-r/X+V)),k+=n-B,D+=t-F}L.push({el:e,top:B,left:F})}return L};//# sourceMappingURL=index.js.map\n\n\n//# sourceURL=file://cloudcmd/node_modules/compute-scroll-into-view/dist/index.js");
 
 /***/ }),
 

package/dist-dev/cloudcmd.css

@@ -766,7 +766,7 @@ a:active {
 }
 @supports (overflow: overlay) {
     .files {
-        overflow-y: overlay;
+        overflow-y: auto;
     }
     
     .fm-header {

package/dist-dev/modules/edit.js

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

package/dist-dev/modules/konsole.js

@@ -163,7 +163,7 @@
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global CloudCmd */\n/* global Util */\n/* global DOM */\n/* global Console */\nCloudCmd.Konsole = exports;\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst loadJS = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\").js;\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst Images = __webpack_require__(/*! ../dom/images */ \"./client/dom/images.js\");\nconst {\n  Dialog,\n  CurrentInfo: Info\n} = DOM;\nconst rmLastSlash = a => a.replace(/\\/$/, '') || '/';\nlet konsole;\nconst {\n  config\n} = CloudCmd;\nconst cd = currify((fn, dir) => fn(`cd ${rmLastSlash(dir)}`));\nconst Name = 'Konsole';\nlet Element;\nlet Loaded;\nmodule.exports.init = async () => {\n  if (!config('console')) return;\n  Images.show.load('top');\n  await CloudCmd.View();\n  await load();\n  await create();\n};\nmodule.exports.hide = () => {\n  CloudCmd.View.hide();\n};\nmodule.exports.clear = () => {\n  konsole.clear();\n};\nfunction getPrefix() {\n  return CloudCmd.prefix + '/console';\n}\nfunction getPrefixSocket() {\n  return CloudCmd.prefixSocket + '/console';\n}\nfunction getEnv() {\n  return {\n    ACTIVE_DIR: DOM.getCurrentDirPath.bind(DOM),\n    PASSIVE_DIR: DOM.getNotCurrentDirPath.bind(DOM),\n    CURRENT_NAME: DOM.getCurrentName.bind(DOM),\n    CURRENT_PATH: () => Info.path\n  };\n}\nasync function onPath(path) {\n  if (Info.dirPath === path) return;\n  await CloudCmd.changeDir(path);\n}\nconst getDirPath = () => {\n  if (config('syncConsolePath')) return Info.dirPath;\n};\nconst create = async () => {\n  const options = {\n    cwd: getDirPath(),\n    env: getEnv(),\n    prefix: getPrefix(),\n    prefixSocket: getPrefixSocket(),\n    socketPath: CloudCmd.prefix\n  };\n  Element = createElement('div', {\n    className: 'console'\n  });\n  konsole = await Console(Element, options);\n  konsole.on('connect', exec.with(authCheck, konsole));\n  konsole.on('path', config.if('syncConsolePath', onPath));\n  CloudCmd.on('active-dir', config.if('syncConsolePath', cd(konsole.handler)));\n  konsole.addShortCuts({\n    P: () => {\n      const command = konsole.getPromptText();\n      const path = DOM.getCurrentDirPath();\n      konsole.setPromptText(command + path);\n    }\n  });\n};\nfunction authCheck(konsole) {\n  konsole.emit('auth', config('username'), config('password'));\n  konsole.on('reject', () => {\n    Dialog.alert('Wrong credentials!');\n  });\n}\nmodule.exports.show = callback => {\n  if (!Loaded) return;\n  if (!config('console')) return;\n  CloudCmd.View.show(Element, {\n    afterShow: () => {\n      konsole.focus();\n      exec(callback);\n    }\n  });\n};\nconst load = async () => {\n  Util.time(`${Name} load`);\n  const prefix = getPrefix();\n  const url = `${prefix}/console.js`;\n  const [error] = await tryToCatch(loadJS, url);\n  Loaded = true;\n  Util.timeEnd(`${Name} load`);\n  if (error) return Dialog.alert(error.message, {\n    cancel: false\n  });\n};\n\n//# sourceURL=file://cloudcmd/client/modules/konsole.js");
+eval("\n\n/* global CloudCmd */\n/* global Util */\n/* global DOM */\n/* global Console */\nCloudCmd.Konsole = exports;\nconst exec = __webpack_require__(/*! execon */ \"./node_modules/execon/lib/exec.js\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst loadJS = __webpack_require__(/*! load.js */ \"./node_modules/load.js/lib/load.js\").js;\nconst createElement = __webpack_require__(/*! @cloudcmd/create-element */ \"./node_modules/@cloudcmd/create-element/lib/create-element.js\");\nconst Images = __webpack_require__(/*! ../dom/images */ \"./client/dom/images.js\");\nconst {\n  Dialog,\n  CurrentInfo: Info\n} = DOM;\nconst rmLastSlash = a => a.replace(/\\/$/, '') || '/';\nlet konsole;\nconst {\n  config\n} = CloudCmd;\nconst cd = currify((fn, dir) => fn(`cd ${rmLastSlash(dir)}`));\nconst Name = 'Konsole';\nlet Element;\nlet Loaded;\nmodule.exports.init = async () => {\n  if (!config('console')) return;\n  Images.show.load('top');\n  await CloudCmd.View();\n  await load();\n  await create();\n};\nmodule.exports.hide = () => {\n  CloudCmd.View.hide();\n};\nmodule.exports.clear = () => {\n  konsole.clear();\n};\nconst getPrefix = () => CloudCmd.prefix + '/console';\nfunction getPrefixSocket() {\n  return CloudCmd.prefixSocket + '/console';\n}\nconst getEnv = () => ({\n  ACTIVE_DIR: DOM.getCurrentDirPath.bind(DOM),\n  PASSIVE_DIR: DOM.getNotCurrentDirPath.bind(DOM),\n  CURRENT_NAME: DOM.getCurrentName.bind(DOM),\n  CURRENT_PATH: () => Info.path\n});\nasync function onPath(path) {\n  if (Info.dirPath === path) return;\n  await CloudCmd.changeDir(path);\n}\nconst getDirPath = () => {\n  if (config('syncConsolePath')) return Info.dirPath;\n};\nconst create = async () => {\n  const options = {\n    cwd: getDirPath(),\n    env: getEnv(),\n    prefix: getPrefix(),\n    prefixSocket: getPrefixSocket(),\n    socketPath: CloudCmd.prefix\n  };\n  Element = createElement('div', {\n    className: 'console'\n  });\n  konsole = await Console(Element, options);\n  konsole.on('connect', exec.with(authCheck, konsole));\n  konsole.on('path', config.if('syncConsolePath', onPath));\n  CloudCmd.on('active-dir', config.if('syncConsolePath', cd(konsole.handler)));\n  konsole.addShortCuts({\n    P: () => {\n      const command = konsole.getPromptText();\n      const path = DOM.getCurrentDirPath();\n      konsole.setPromptText(command + path);\n    }\n  });\n};\nfunction authCheck(konsole) {\n  konsole.emit('auth', config('username'), config('password'));\n  konsole.on('reject', () => {\n    Dialog.alert('Wrong credentials!');\n  });\n}\nmodule.exports.show = callback => {\n  if (!Loaded) return;\n  if (!config('console')) return;\n  CloudCmd.View.show(Element, {\n    afterShow: () => {\n      konsole.focus();\n      exec(callback);\n    }\n  });\n};\nconst load = async () => {\n  Util.time(`${Name} load`);\n  const prefix = getPrefix();\n  const url = `${prefix}/console.js`;\n  const [error] = await tryToCatch(loadJS, url);\n  Loaded = true;\n  Util.timeEnd(`${Name} load`);\n  if (error) return Dialog.alert(error.message, {\n    cancel: false\n  });\n};\n\n//# sourceURL=file://cloudcmd/client/modules/konsole.js");
 
 /***/ })
 

package/dist-dev/modules/menu.js

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

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

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

package/dist-dev/modules/terminal.js

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

package/dist-dev/modules/upload.js

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

package/dist-dev/modules/view.js

@@ -175,7 +175,7 @@ eval("/* global CloudCmd, DOM */\n\n\n\n__webpack_require__(/*! ../../../css/vie
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nconst {\n  extname\n} = __webpack_require__(/*! node:path */ \"./node_modules/path-browserify/index.js\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst testRegExp = currify((name, reg) => reg.test(name));\nconst getRegExp = ext => RegExp(`\\\\.${ext}$`, 'i');\nconst isPDF = a => /\\.pdf$/i.test(a);\nconst isHTML = a => /\\.html$/.test(a);\nconst isMarkdown = a => /.\\.md$/.test(a);\nmodule.exports.getType = async path => {\n  const ext = extname(path);\n  if (!ext) path = await detectType(path);\n  if (isPDF(path)) return 'pdf';\n  if (isImage(path)) return 'image';\n  if (isMedia(path)) return 'media';\n  if (isHTML(path)) return 'html';\n  if (isMarkdown(path)) return 'markdown';\n};\nmodule.exports.isImage = isImage;\nfunction isImage(name) {\n  const images = ['jp(e|g|eg)', 'gif', 'png', 'bmp', 'webp', 'svg', 'ico'];\n  return images.map(getRegExp).some(testRegExp(name));\n}\nfunction isMedia(name) {\n  return isAudio(name) || isVideo(name);\n}\nmodule.exports.isAudio = isAudio;\nfunction isAudio(name) {\n  return /\\.(mp3|ogg|m4a)$/i.test(name);\n}\nfunction isVideo(name) {\n  return /\\.(mp4|avi|webm)$/i.test(name);\n}\nmodule.exports._detectType = detectType;\nasync function detectType(path) {\n  const {\n    headers\n  } = await fetch(path, {\n    method: 'HEAD'\n  });\n  for (const [name, value] of headers) {\n    if (name === 'content-type') return `.${value.split('/').pop()}`;\n  }\n  return '';\n}\n\n//# sourceURL=file://cloudcmd/client/modules/view/types.js");
+eval("\n\nconst {\n  extname\n} = __webpack_require__(/*! node:path */ \"./node_modules/path-browserify/index.js\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst isAudio = name => /\\.(mp3|ogg|m4a)$/i.test(name);\nconst testRegExp = currify((name, reg) => reg.test(name));\nconst getRegExp = ext => RegExp(`\\\\.${ext}$`, 'i');\nconst isPDF = a => /\\.pdf$/i.test(a);\nconst isHTML = a => /\\.html$/.test(a);\nconst isMarkdown = a => /.\\.md$/.test(a);\nmodule.exports.getType = async path => {\n  const ext = extname(path);\n  if (!ext) path = await detectType(path);\n  if (isPDF(path)) return 'pdf';\n  if (isImage(path)) return 'image';\n  if (isMedia(path)) return 'media';\n  if (isHTML(path)) return 'html';\n  if (isMarkdown(path)) return 'markdown';\n};\nmodule.exports.isImage = isImage;\nfunction isImage(name) {\n  const images = ['jp(e|g|eg)', 'gif', 'png', 'bmp', 'webp', 'svg', 'ico'];\n  return images.map(getRegExp).some(testRegExp(name));\n}\nfunction isMedia(name) {\n  return isAudio(name) || isVideo(name);\n}\nmodule.exports.isAudio = isAudio;\nfunction isVideo(name) {\n  return /\\.(mp4|avi|webm)$/i.test(name);\n}\nmodule.exports._detectType = detectType;\nasync function detectType(path) {\n  const {\n    headers\n  } = await fetch(path, {\n    method: 'HEAD'\n  });\n  for (const [name, value] of headers) {\n    if (name === 'content-type') return `.${value.split('/').pop()}`;\n  }\n  return '';\n}\n\n//# sourceURL=file://cloudcmd/client/modules/view/types.js");
 
 /***/ }),
 

package/dist-dev/sw.js

@@ -103,7 +103,7 @@ var serviceWorkerOption = {
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nconst process = __webpack_require__(/*! node:process */ \"./node_modules/process/browser.js\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst isDev = process.env.NODE_ENV === 'development';\nconst isGet = a => a.method === 'GET';\nconst isBasic = a => a.type === 'basic';\nconst wait = currify((f, e) => e.waitUntil(f()));\nconst respondWith = currify((f, e) => {\n  const {\n    request\n  } = e;\n  const {\n    url\n  } = request;\n  const pathname = getPathName(url);\n  if (url.endsWith('/') || /\\^\\/fs/.test(pathname)) return;\n  if (!isGet(request)) return;\n  if (!isBasic(request)) return;\n  if (pathname.startsWith('/api')) return;\n  if (/^socket.io/.test(pathname)) return;\n  e.respondWith(f(e));\n});\nconst getPathName = url => new URL(url).pathname;\nconst date = \"Fri Nov 22 2024 12:19:29 GMT+0200 (Eastern European Standard Time)\";\nconst NAME = `cloudcmd: ${date}`;\nconst createRequest = a => new Request(a, {\n  credentials: 'same-origin'\n});\nconst getRequest = (a, request) => {\n  if (a !== '/') return request;\n  return createRequest('/');\n};\nself.addEventListener('install', wait(onInstall));\nself.addEventListener('fetch', respondWith(onFetch));\nself.addEventListener('activate', wait(onActivate));\nasync function onActivate() {\n  console.info(`cloudcmd: sw: activate: ${NAME}`);\n  await self.clients.claim();\n  const keys = await caches.keys();\n  const deleteCache = caches.delete.bind(caches);\n  await Promise.all(keys.map(deleteCache));\n}\nasync function onInstall() {\n  console.info(`cloudcmd: sw: install: ${NAME}`);\n  await self.skipWaiting();\n}\nasync function onFetch(event) {\n  const {\n    request\n  } = event;\n  const {\n    url\n  } = request;\n  const pathname = getPathName(url);\n  const newRequest = getRequest(pathname, event.request);\n  const cache = await caches.open(NAME);\n  const response = await cache.match(request);\n  if (!isDev && response) return response;\n  const [e, resp] = await tryToCatch(fetch, newRequest, {\n    credentials: 'same-origin'\n  });\n  if (e) return new Response(e.message);\n  await addToCache(request, resp.clone());\n  return resp;\n}\nasync function addToCache(request, response) {\n  const cache = await caches.open(NAME);\n  return cache.put(request, response);\n}\n\n//# sourceURL=file://cloudcmd/client/sw/sw.js");
+eval("\n\nconst process = __webpack_require__(/*! node:process */ \"./node_modules/process/browser.js\");\nconst tryToCatch = __webpack_require__(/*! try-to-catch */ \"./node_modules/try-to-catch/lib/try-to-catch.js\");\nconst currify = __webpack_require__(/*! currify */ \"./node_modules/currify/lib/currify.js\");\nconst isDev = process.env.NODE_ENV === 'development';\nconst isGet = a => a.method === 'GET';\nconst isBasic = a => a.type === 'basic';\nconst wait = currify((f, e) => e.waitUntil(f()));\nconst respondWith = currify((f, e) => {\n  const {\n    request\n  } = e;\n  const {\n    url\n  } = request;\n  const pathname = getPathName(url);\n  if (url.endsWith('/') || /\\^\\/fs/.test(pathname)) return;\n  if (!isGet(request)) return;\n  if (!isBasic(request)) return;\n  if (pathname.startsWith('/api')) return;\n  if (/^socket.io/.test(pathname)) return;\n  e.respondWith(f(e));\n});\nconst getPathName = url => new URL(url).pathname;\nconst date = \"Mon Jan 20 2025 18:48:52 GMT+0200 (Eastern European Standard Time)\";\nconst NAME = `cloudcmd: ${date}`;\nconst createRequest = a => new Request(a, {\n  credentials: 'same-origin'\n});\nconst getRequest = (a, request) => {\n  if (a !== '/') return request;\n  return createRequest('/');\n};\nself.addEventListener('install', wait(onInstall));\nself.addEventListener('fetch', respondWith(onFetch));\nself.addEventListener('activate', wait(onActivate));\nasync function onActivate() {\n  console.info(`cloudcmd: sw: activate: ${NAME}`);\n  await self.clients.claim();\n  const keys = await caches.keys();\n  const deleteCache = caches.delete.bind(caches);\n  await Promise.all(keys.map(deleteCache));\n}\nasync function onInstall() {\n  console.info(`cloudcmd: sw: install: ${NAME}`);\n  await self.skipWaiting();\n}\nasync function onFetch(event) {\n  const {\n    request\n  } = event;\n  const {\n    url\n  } = request;\n  const pathname = getPathName(url);\n  const newRequest = getRequest(pathname, event.request);\n  const cache = await caches.open(NAME);\n  const response = await cache.match(request);\n  if (!isDev && response) return response;\n  const [e, resp] = await tryToCatch(fetch, newRequest, {\n    credentials: 'same-origin'\n  });\n  if (e) return new Response(e.message);\n  await addToCache(request, resp.clone());\n  return resp;\n}\nasync function addToCache(request, response) {\n  const cache = await caches.open(NAME);\n  return cache.put(request, response);\n}\n\n//# sourceURL=file://cloudcmd/client/sw/sw.js");
 
 /***/ }),
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudcmd",
-  "version": "18.4.0",
+  "version": "18.5.0",
   "type": "commonjs",
   "author": "coderaiser <mnemonic.enemy@gmail.com> (https://github.com/coderaiser)",
   "description": "File manager for the web with console and editor",
@@ -130,7 +130,7 @@
     "package-json": "^10.0.0",
     "ponse": "^7.0.0",
     "pullout": "^5.0.0",
-    "putout": "^36.0.2",
+    "putout": "^37.0.1",
     "redzip": "^3.0.0",
     "rendy": "^4.1.3",
     "restafary": "^12.0.0",
@@ -158,7 +158,7 @@
     "@cloudcmd/modal": "^3.0.0",
     "@cloudcmd/olark": "^3.0.2",
     "@cloudcmd/stub": "^4.0.1",
-    "@putout/babel": "^2.0.0",
+    "@putout/babel": "^3.0.0",
     "@types/node-fetch": "^2.6.11",
     "auto-globals": "^4.0.0",
     "babel-loader": "^8.0.0",

package/server/config.js

@@ -7,9 +7,7 @@ const path = require('node:path');
 const fs = require('node:fs');
 const Emitter = require('node:events');
 const {homedir} = require('node:os');
-const exit = require(`${DIR_SERVER}exit`);
 
-const CloudFunc = require(`${DIR_COMMON}cloudfunc`);
 const currify = require('currify');
 
 const wraptile = require('wraptile');
@@ -21,6 +19,10 @@ const jju = require('jju');
 const writejson = require('writejson');
 const tryCatch = require('try-catch');
 const criton = require('criton');
+const exit = require(`${DIR_SERVER}exit`);
+
+const CloudFunc = require(`${DIR_COMMON}cloudfunc`);
+const isUndefined = (a) => typeof a === 'undefined';
 const DIR = `${DIR_SERVER}../`;
 const HOME = homedir();
 
@@ -29,7 +31,9 @@ const formatMsg = currify((a, b) => CloudFunc.formatMsg(a, b));
 
 const {apiURL} = CloudFunc;
 
-const key = (a) => Object.keys(a).pop();
+const key = (a) => Object
+    .keys(a)
+    .pop();
 
 const ConfigPath = path.join(DIR, 'json/config.json');
 const ConfigHome = path.join(HOME, '.cloudcmd.json');
@@ -88,7 +92,7 @@ function createConfig({configPath} = {}) {
         if (key === '*')
             return config;
         
-        if (value === undefined)
+        if (isUndefined(value))
             return config[key];
         
         config[key] = value;

package/server/env.js

@@ -1,8 +1,8 @@
 'use strict';
 
+const {env} = require('node:process');
 const snake = require('just-snake-case');
 
-const {env} = require('node:process');
 const up = (a) => a.toUpperCase();
 
 module.exports = parse;

package/server/rest/index.js

@@ -21,7 +21,8 @@ const root = require(`../root`);
 const CloudFunc = require(`../../common/cloudfunc`);
 const markdown = require(`../markdown/index.js`);
 const info = require('./info');
-
+const isUndefined = (a) => typeof a === 'undefined';
+const isRootAll = (root, names) => names.some(isRootWin32(root));
 const isString = (a) => typeof a === 'string';
 const isFn = (a) => typeof a === 'function';
 const swap = wraptile((fn, a, b) => fn(b, a));
@@ -66,7 +67,7 @@ function rest({fs, config, moveFiles}, request, response) {
         if (options.name)
             params.name = options.name;
         
-        if (options.gzip !== undefined)
+        if (!isUndefined(options.gzip))
             params.gzip = options.gzip;
         
         if (options.query)
@@ -370,10 +371,6 @@ const isRootWin32 = currify((root, path) => {
 module.exports._isRootWin32 = isRootWin32;
 module.exports._isRootAll = isRootAll;
 
-function isRootAll(root, names) {
-    return names.some(isRootWin32(root));
-}
-
 module.exports._getWin32RootMsg = getWin32RootMsg;
 
 function getWin32RootMsg() {

package/server/terminal.js

@@ -8,9 +8,7 @@ const noop = (req, res, next) => {
 
 noop.listen = noop;
 
-function _getModule(a) {
-    return require(a);
-}
+const _getModule = (a) => require(a);
 
 module.exports = (config, arg, overrides = {}) => {
     const {

package/tmpl/config.hbs

@@ -50,7 +50,7 @@
         </select>
     </li>
     <li title="Visible Columns">
-        <select data-name="js-themes" class="form-control full-width" title="Visible Columns">
+        <select data-name="js-columns" class="form-control full-width" title="Visible Columns">
             <option {{ name-size-date-owner-mode-selected }}>name-size-date-owner-mode</option>
             <option {{ name-size-date-selected }}>name-size-date</option>
             <option {{ name-size-selected }}>name-size</option>