/** Link to the resizer area. */
var _resizer;
/** Link to the left editor component. */
var _left;

/**
 * Opens a file.
 * @param {string} file optional file name
 */
function openFile(file) {
  if(_editor.historySize().undo > 0 && !confirm("Replace editor contents?")) return;

  var name = file || fileName();
  return request("editor-open?name=" + encodeURIComponent(name)).then((text) => {
    _editor.setValue(text);
    finishFile(name, "File was opened.");
  }).catch((response) => {
    showError(response, name);
  });
}

/**
 * Saves a file.
 */
function saveFile() {
  // append file suffix
  var name = fileName();
  if(!name.includes(".")) name += ".xq";
 
  var fileString = document.getElementById("editor").value;
  return request("editor-save?name=" + encodeURIComponent(name), fileString).then((text) => {
    finishFile(name, "File was saved.");
    refreshDataList(text.split("/"));
  }).catch((response) => {
    showError(response, name);
  });
}

/**
 * Closes a file.
 */
function closeFile() {
  var name = fileName();
  return name ? request("editor-close?name=" + encodeURIComponent(name)).then((text) => {
    _editor.setValue("");
    finishFile("", "File was closed.");
    refreshDataList(text.split("/"));
  }).catch((response) => {
    showError(response);
  }) : Promise.resolve();
}

/**
 * Finishes a file operation.
 * @param {string} name new filename
 * @param {string} info info message
 */
function finishFile(name, info) {
  document.getElementById("file").value = name;
  var disabled = name && !name.match(/\.xq(m|l|uery)?$/i);
  document.getElementById("run").disabled = disabled;
  _editor.clearHistory();
  checkButtons();
  setText(info, "info");
  _editor.focus();
}

/**
 * Refreshes the list of editable files.
 * @param {array} names editable files
 */
function refreshDataList(names) {
  var files = document.getElementById("files");
  while(files.firstChild) {
    files.removeChild(files.firstChild);
  }
  for(var name of names) {
    var opt = document.createElement("option");
    opt.value = name;
    files.appendChild(opt);
  }
}

/**
 * Refreshes the editor buttons.
 */
function checkButtons() {
  var name = fileName();
  (document.getElementById("open") || {}).disabled = !fileExists(name);
  (document.getElementById("save") || {}).disabled = !name;
  (document.getElementById("close") || {}).disabled = !name;
}

/**
 * Checks if the specified file exists.
 * @param {string} name filename
 * @returns {boolean} result of check
 */
function fileExists(name) {
  const files = document.getElementById("files");
  return files && Array.from(files.children).some(file => file.value === name);
}

/**
 * Returns the current file name without file suffix
 * @returns {string} file name
 */
function fileName() {
  const file = document.getElementById("file")
  if(file) return file.value.trim();
}

/**
 * Initializes the panel resizer.
 */
function initResizer() {
  _left = document.getElementById("left");
  _resizer = document.querySelector(".resizer");

  _left.style.width = (localStorage.getItem("editorWidth") || 50) + "%";
  _resizer.addEventListener("pointerdown", e => {
    document.addEventListener("pointermove", resize);
    document.addEventListener("pointerup", stopResize);
    _resizer.setPointerCapture(e.pointerId);
  });
}

/**
 * Resizes the left panel.
 * @param {e} event
 */
function resize(e) {
  const w = (-28 + e.clientX) / _left.parentElement.clientWidth * 100;
  _left.style.width = Math.min(85, Math.max(10, w)) + "%";
}

/**
 * Stops resizing.
 * @param {e} event
 */
function stopResize(e) {
  document.removeEventListener("pointermove", resize);
  document.removeEventListener("pointerup", stopResize);
  _resizer.releasePointerCapture(e.pointerId);
  localStorage.setItem("editorWidth", _left.style.width.replace(/%/, ''));
}