videomail-client 8.3.1 → 8.3.2

package/src/js/wrappers/dimension.js

@@ -1,149 +0,0 @@
-import numberIsInteger from "number-is-integer";
-
-import VideomailError from "./../util/videomailError";
-
-function getOuterWidth(element) {
-  let outerWidth = 0;
-  let rect = element.getBoundingClientRect();
-
-  if (rect) {
-    outerWidth = rect.right - rect.left;
-  }
-
-  if (outerWidth < 1) {
-    // last effort, can happen when replaying only
-    rect = document.body.getBoundingClientRect();
-    outerWidth = rect.right - rect.left;
-  }
-
-  return outerWidth;
-}
-
-function figureMinHeight(height, options) {
-  if (options.hasDefinedHeight()) {
-    if (!height) {
-      height = options.video.height;
-    } else {
-      height = Math.min(options.video.height, height);
-    }
-  }
-
-  if (numberIsInteger(height) && height < 1) {
-    throw VideomailError.create(
-      `Got a video height less than 1 (${height}) while figuring out the minimum!`,
-      options,
-    );
-  }
-
-  // just return it, can be "auto"
-  return height;
-}
-
-export default {
-  limitWidth(element, width, options) {
-    let limitedWidth;
-
-    const outerWidth = getOuterWidth(element);
-
-    if (width) {
-      // only when that element has a defined width, apply this logic
-      limitedWidth = outerWidth > 0 && outerWidth < width ? outerWidth : width;
-    } else {
-      // else apply the outer width when the element has no defined width yet
-      limitedWidth = outerWidth;
-    }
-
-    if (numberIsInteger(limitedWidth) && limitedWidth < 1) {
-      throw VideomailError.create("Limited width cannot be less than 1!", options);
-    } else {
-      return limitedWidth;
-    }
-  },
-
-  /*
-   * this is difficult to compute and is not entirely correct.
-   * but good enough for now to ensure some stability.
-   */
-  limitHeight(height, options) {
-    if (numberIsInteger(height) && height < 1) {
-      throw VideomailError.create(
-        "Passed limit-height argument cannot be less than 1!",
-        options,
-      );
-    } else {
-      const limitedHeight = Math.min(
-        height,
-        // document.body.scrollHeight,
-        document.documentElement.clientHeight,
-      );
-
-      if (limitedHeight < 1) {
-        throw VideomailError.create("Limited height cannot be less than 1!", options);
-      } else {
-        return limitedHeight;
-      }
-    }
-  },
-
-  calculateWidth(options) {
-    let height = options.videoHeight || null;
-    const ratio = options.ratio || options.getRatio();
-
-    height = figureMinHeight(height, options);
-
-    if (options.responsive) {
-      height = this.limitHeight(height, options);
-    }
-
-    if (numberIsInteger(height) && height < 1) {
-      throw VideomailError.create(
-        "Height cannot be smaller than 1 when calculating width.",
-        options,
-      );
-    } else {
-      const calculatedWidth = parseInt(height / ratio);
-
-      if (calculatedWidth < 1) {
-        throw VideomailError.create(
-          "Calculated width cannot be smaller than 1!",
-          options,
-        );
-      } else {
-        return calculatedWidth;
-      }
-    }
-  },
-
-  calculateHeight(element, options) {
-    let width = options.videoWidth || null;
-    let height;
-
-    const ratio = options.ratio || options.getRatio();
-
-    if (options.hasDefinedWidth()) {
-      width = options.video.width;
-    }
-
-    if (numberIsInteger(width) && width < 1) {
-      throw VideomailError.create(
-        "Unable to calculate height when width is less than 1.",
-        options,
-      );
-    } else if (options.responsive) {
-      width = this.limitWidth(element, width, options);
-    }
-
-    if (width) {
-      height = parseInt(width * ratio);
-    }
-
-    if (numberIsInteger(height) && height < 1) {
-      throw VideomailError.create(
-        "Just calculated a height less than 1 which is wrong.",
-        options,
-      );
-    } else {
-      return figureMinHeight(height, options);
-    }
-  },
-};

package/src/js/wrappers/form.js

@@ -1,319 +0,0 @@
-import getFormData from "get-form-data";
-import hidden from "hidden";
-import h from "hyperscript";
-import inherits from "inherits";
-
-import Events from "../events";
-import EventEmitter from "../util/eventEmitter";
-import VideomailError from "../util/videomailError";
-
-// fixes https://github.com/binarykitchen/videomail-client/issues/71
-function trimEmail(email) {
-  return email.replace(/(^[,\s]+)|([,\s]+$)/g, "");
-}
-
-const Form = function (container, formElement, options) {
-  EventEmitter.call(this, options, "Form");
-
-  const self = this;
-
-  let keyInput;
-
-  function getData() {
-    return getFormData(formElement, { includeDisabled: true });
-  }
-
-  this.transformFormData = function (formData) {
-    const FORM_FIELDS = {
-      subject: options.selectors.subjectInputName,
-      from: options.selectors.fromInputName,
-      to: options.selectors.toInputName,
-      cc: options.selectors.ccInputName,
-      bcc: options.selectors.bccInputName,
-      body: options.selectors.bodyInputName,
-      key: options.selectors.keyInputName,
-      parentKey: options.selectors.parentKeyInputName,
-      sendCopy: options.selectors.sendCopyInputName,
-    };
-
-    const transformedFormData = {};
-
-    Object.keys(FORM_FIELDS).forEach(function (key) {
-      const formFieldValue = FORM_FIELDS[key];
-
-      if (formFieldValue in formData) {
-        transformedFormData[key] = formData[formFieldValue];
-      }
-    });
-
-    if (transformedFormData.from) {
-      transformedFormData.from = trimEmail(transformedFormData.from);
-    }
-
-    if (transformedFormData.to) {
-      transformedFormData.to = trimEmail(transformedFormData.to);
-    }
-
-    if (transformedFormData.cc) {
-      transformedFormData.cc = trimEmail(transformedFormData.cc);
-    }
-
-    if (transformedFormData.bcc) {
-      transformedFormData.bcc = trimEmail(transformedFormData.bcc);
-    }
-
-    return transformedFormData;
-  };
-
-  this.getRecipients = function () {
-    const videomailFormData = this.transformFormData(getData());
-
-    const recipients = {};
-
-    if ("to" in videomailFormData) {
-      recipients.to = videomailFormData.to;
-    }
-
-    if ("cc" in videomailFormData) {
-      recipients.cc = videomailFormData.cc;
-    }
-
-    if ("bcc" in videomailFormData) {
-      recipients.bcc = videomailFormData.bcc;
-    }
-
-    return recipients;
-  };
-
-  this.loadVideomail = function (videomail) {
-    const limit = formElement.elements.length;
-
-    let input;
-    let name;
-
-    for (let i = 0; i < limit; i++) {
-      input = formElement.elements[i];
-      name = input.name;
-
-      if (videomail[name]) {
-        input.value = videomail[name];
-      }
-
-      if (
-        name === options.selectors.subjectInputName ||
-        name === options.selectors.bodyInputName
-      ) {
-        input.disabled = true;
-      }
-    }
-
-    formElement.setAttribute("method", "put");
-  };
-
-  function isNotButton(element) {
-    return element.tagName !== "BUTTON" && element.type !== "submit";
-  }
-
-  function setDisabled(disabled, buttonsToo) {
-    const limit = formElement.elements.length;
-
-    for (let i = 0; i < limit; i++) {
-      if (buttonsToo || (!buttonsToo && isNotButton(formElement.elements[i]))) {
-        formElement.elements[i].disabled = disabled;
-      }
-    }
-  }
-
-  function hideAll() {
-    const limit = formElement.elements.length;
-
-    for (let i = 0; i < limit; i++) {
-      hidden(formElement.elements[i], true);
-    }
-
-    hidden(formElement, true);
-  }
-
-  function getInputElements() {
-    return formElement.querySelectorAll("input, textarea");
-  }
-
-  function getSelectElements() {
-    return formElement.querySelectorAll("select");
-  }
-
-  this.disable = function (buttonsToo) {
-    setDisabled(true, buttonsToo);
-  };
-
-  this.enable = function (buttonsToo) {
-    setDisabled(false, buttonsToo);
-  };
-
-  this.build = function () {
-    if (options.enableAutoValidation) {
-      const inputElements = getInputElements();
-      let inputElement;
-
-      for (let i = 0, len = inputElements.length; i < len; i++) {
-        inputElement = inputElements[i];
-
-        if (inputElement.type === "radio") {
-          inputElement.addEventListener("change", function () {
-            container.validate();
-          });
-        } else {
-          inputElement.addEventListener("input", function () {
-            // let angular validate first, e.g. remove the custom error
-            setTimeout(function () {
-              container.validate();
-            }, 0);
-          });
-        }
-      }
-
-      const selectElements = getSelectElements();
-
-      for (let j = 0, len2 = selectElements.length; j < len2; j++) {
-        selectElements[j].addEventListener("change", function () {
-          container.validate();
-        });
-      }
-    }
-
-    keyInput = formElement.querySelector(
-      `input[name="${options.selectors.keyInputName}"]`,
-    );
-
-    if (!keyInput) {
-      keyInput = h("input", {
-        name: options.selectors.keyInputName,
-        type: "hidden",
-      });
-
-      formElement.appendChild(keyInput);
-    }
-
-    this.on(Events.PREVIEW, function (videomailKey) {
-      /*
-       * beware that preview doesn't always come with a key, i.E.
-       * container.show() can emit PREVIEW without a key when a replay already exists
-       * (can happen when showing - hiding - showing videomail over again)
-       */
-
-      // only emit error if key is missing AND the input has no key (value) yet
-      if (!videomailKey && !keyInput.value) {
-        self.emit(
-          Events.ERROR,
-          VideomailError.create("Videomail key for preview is missing!", options),
-        );
-      } else if (videomailKey) {
-        keyInput.value = videomailKey;
-      }
-      /*
-       * else
-       * leave as it and use existing keyInput.value
-       */
-    });
-
-    // fixes https://github.com/binarykitchen/videomail-client/issues/91
-    this.on(Events.GOING_BACK, () => {
-      keyInput.value = null;
-    });
-
-    this.on(Events.ERROR, function (err) {
-      /*
-       * since https://github.com/binarykitchen/videomail-client/issues/60
-       * we hide areas to make it easier for the user to process an error
-       * (= less distractions)
-       */
-      if (err.hideForm && err.hideForm() && options.adjustFormOnBrowserError) {
-        hideAll();
-      } else if (
-        err.hideButtons &&
-        err.hideButtons() &&
-        options.adjustFormOnBrowserError
-      ) {
-        hideSubmitButton();
-      }
-    });
-
-    this.on(Events.BUILT, function () {
-      startListeningToSubmitEvents();
-    });
-  };
-
-  function hideSubmitButton() {
-    const submitButton = self.findSubmitButton();
-    hidden(submitButton, true);
-  }
-
-  function startListeningToSubmitEvents() {
-    const submitButton = container.getSubmitButton();
-    submitButton.addEventListener("click", self.doTheSubmit.bind(self));
-  }
-
-  this.doTheSubmit = (e) => {
-    if (e) {
-      e.preventDefault();
-    }
-
-    /*
-     * only submit when there is a container,
-     * otherwise do nothing and leave as it
-     */
-    if (container.hasElement()) {
-      container.submitAll(
-        getData(),
-        formElement.getAttribute("method"),
-        formElement.getAttribute("action"),
-      );
-    }
-
-    return false; // important to stop submission
-  };
-
-  this.getInvalidElement = () => {
-    const inputElements = getInputElements();
-    let i = 0;
-
-    for (const len = inputElements.length; i < len; i++) {
-      if (!inputElements[i].validity.valid) {
-        return inputElements[i];
-      }
-    }
-
-    const selectElements = getSelectElements();
-    let j = 0;
-
-    for (const len2 = selectElements.length; j < len2; j++) {
-      if (!selectElements[j].validity.valid) {
-        return selectElements[j];
-      }
-    }
-
-    return null;
-  };
-
-  this.validate = function () {
-    const formIsValid = formElement.checkValidity();
-
-    return formIsValid;
-  };
-
-  this.findSubmitButton = function () {
-    return formElement.querySelector("[type='submit']");
-  };
-
-  this.hide = function () {
-    formElement && hidden(formElement, true);
-  };
-
-  this.show = function () {
-    formElement && hidden(formElement, false);
-  };
-};
-
-inherits(Form, EventEmitter);
-
-export default Form;

package/src/js/wrappers/optionsWrapper.js

@@ -1,81 +0,0 @@
-// enhances options with useful functions we can reuse everywhere
-import deepmerge from "deepmerge";
-
-export default {
-  addFunctions(options) {
-    let audioEnabled = options.audio && options.audio.enabled;
-
-    options.hasDefinedHeight = function () {
-      return this.video.height && this.video.height !== "auto";
-    };
-
-    options.hasDefinedWidth = function () {
-      return this.video.width && this.video.width !== "auto";
-    };
-
-    options.hasDefinedDimension = function () {
-      return this.hasDefinedWidth() || this.hasDefinedHeight();
-    };
-
-    options.hasDefinedDimensions = function () {
-      return this.hasDefinedWidth() && this.hasDefinedHeight();
-    };
-
-    options.getRatio = function () {
-      let ratio = 1; // just a default one when no computations are possible
-
-      // todo fix this, it's not really an option
-      const hasVideoDimensions = this.videoHeight && this.videoWidth;
-
-      if (this.hasDefinedDimensions()) {
-        if (hasVideoDimensions) {
-          // figure out first which one to pick
-          if (
-            this.videoHeight < this.video.height ||
-            this.videoWidth < this.video.width
-          ) {
-            ratio = this.videoHeight / this.videoWidth;
-          } else {
-            ratio = this.video.height / this.video.width;
-          }
-        } else {
-          ratio = this.video.height / this.video.width;
-        }
-      } else if (hasVideoDimensions) {
-        ratio = this.videoHeight / this.videoWidth;
-      }
-
-      return ratio;
-    };
-
-    options.isAudioEnabled = function () {
-      return audioEnabled;
-    };
-
-    options.setAudioEnabled = function (enabled) {
-      audioEnabled = enabled;
-    };
-
-    options.isAutoPauseEnabled = function () {
-      return this.enableAutoPause && this.enablePause;
-    };
-  },
-
-  /*
-   * not very elegant but works! and if you here are reading this, and
-   * start to doubt, rest assured, it's solid and run thousand times over
-   * and over again each day. and other large sites out there have their own
-   * tech debts. hope i have shattered your illusion on perfection?
-   */
-  merge(defaultOptions, newOptions) {
-    const options = deepmerge(defaultOptions, newOptions, {
-      arrayMerge(destination, source) {
-        return source;
-      },
-    });
-
-    this.addFunctions(options);
-
-    return options;
-  },
-};

package/src/js/wrappers/visuals/inside/recorder/countdown.js

@@ -1,83 +0,0 @@
-import h from "hyperscript";
-import hidden from "hidden";
-
-export default function (visuals, options) {
-  const self = this;
-
-  let countdownElement;
-  let intervalId;
-  let countdown;
-  let paused;
-
-  function fire(cb) {
-    self.unload();
-    self.hide();
-
-    // keep all callbacks async
-    setTimeout(function () {
-      cb();
-    }, 0);
-  }
-
-  function countBackward(cb) {
-    if (!paused) {
-      options.debug("Countdown", countdown);
-      countdown--;
-
-      if (countdown < 1) {
-        fire(cb);
-      } else {
-        countdownElement.innerHTML = countdown;
-      }
-    }
-  }
-
-  this.start = function (cb) {
-    countdownElement.innerHTML = countdown = options.video.countdown;
-
-    this.show();
-
-    intervalId = setInterval(countBackward.bind(this, cb), 950);
-  };
-
-  this.pause = function () {
-    paused = true;
-  };
-
-  this.resume = function () {
-    paused = false;
-  };
-
-  this.build = function () {
-    countdownElement = visuals.querySelector(".countdown");
-
-    if (!countdownElement) {
-      countdownElement = h("p.countdown");
-
-      this.hide();
-
-      visuals.appendChild(countdownElement);
-    } else {
-      this.hide();
-    }
-  };
-
-  this.show = function () {
-    hidden(countdownElement, false);
-  };
-
-  this.isCountingDown = function () {
-    return Boolean(intervalId);
-  };
-
-  this.unload = function () {
-    clearInterval(intervalId);
-    paused = false;
-    intervalId = null;
-  };
-
-  this.hide = function () {
-    hidden(countdownElement, true);
-    this.unload();
-  };
-}

package/src/js/wrappers/visuals/inside/recorder/facingMode.js

@@ -1,53 +0,0 @@
-import h from "hyperscript";
-import hidden from "hidden";
-
-import Events from "./../../../../events";
-import EventEmitter from "./../../../../util/eventEmitter";
-
-export default function (visuals, options) {
-  EventEmitter.call(this, options, "Facing Mode");
-
-  const self = this;
-  let facingModeElement;
-
-  function initEvents() {
-    self.on(Events.ERROR, function () {
-      self.hide();
-    });
-  }
-
-  this.build = function () {
-    facingModeElement = visuals.querySelector(".facingMode");
-
-    if (!facingModeElement) {
-      facingModeElement = h("button.facingMode");
-      facingModeElement.innerHTML = "⤾";
-
-      facingModeElement.onclick = (e) => {
-        e && e.preventDefault();
-
-        try {
-          self.emit(Events.SWITCH_FACING_MODE);
-        } catch (exc) {
-          self.emit(Events.ERROR, exc);
-        }
-      };
-
-      this.hide();
-
-      visuals.appendChild(facingModeElement);
-    } else {
-      this.hide();
-    }
-
-    initEvents();
-  };
-
-  this.hide = function () {
-    hidden(facingModeElement, true);
-  };
-
-  this.show = function () {
-    hidden(facingModeElement, false);
-  };
-}