Function constructor has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  constructor(apiKey: string) {
    super({
      apiKey,
      name: "pexels",
      icon: `<svg aria-hidden="true" viewbox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><path d="M21 0h-4v255l72 1h71v-35l1-35 4-1a97 97 0 0053-33 81 81 0 0013-22l7-22v-3-23-2l-1-3v-2a95 95 0 00-42-60l-3-3-13-6a98 98 0 00-30-6H21zm130 37a85 85 0 008 1l11 5a57 57 0 0131 62c-5 23-23 41-45 45l-20 1h-12v68H53v-91l1-91h97z" fill="#000" fill-rule="nonzero"/></svg>`,

Function clickPhoto has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  clickPhoto(params: IHandlersParams) {
    this.canvas = document.createElement("canvas");
    const video = params.uppload.container.querySelector(
      "video.camera-stream"
    ) as HTMLVideoElement | null;

Function getEffectsNavbar has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  private getEffectsNavbar() {
    return `<div class="effects-continue">
    <button class="effects-continue--cancel">${translate("cancel")}</button>
  </div><div class="effects-tabs"><div class="effects-tabs-flow">
      ${this.effects

Function showHelp has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

  showHelp(url: string) {
    this.emitter.emit("help", url);
    const aside = this.container.querySelector("aside");
    if (aside) aside.style.display = "none";
    const section = this.container.querySelector("section");

• Read up
  Read up

Function render has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

  private render() {
    return `
      ${this.error ? `<div class="uppload-error">${this.error}</div>` : ""}
      ${
        this.activeEffect

• Read up
  Read up

Function compressImage has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

export const compressImage = (
  file: Blob,
  settings: IUpploadSettings
): Promise<Blob> =>
  new Promise(resolve => {

• Read up
  Read up

Function constructor has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  constructor(apiKey: string) {
    super({
      apiKey,
      name: "unsplash",
      icon: `<svg aria-hidden="true" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><path d="M81 113v72h94v-72h81v143H0V113h81zM175 0v71H81V0h94z" fill="#000" fill-rule="evenodd"/></svg>`,

Function renderActiveEffect has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  private renderActiveEffect(file: IUpploadFile) {
    const activeEffects = this.effects.filter(
      effect => effect.name === this.activeEffect
    );
    if (!activeEffects.length) {

Function linkFunction has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      const linkFunction = (e: Event) => {
        const service = link.getAttribute("data-uppload-service");
        if (service) {
          this.navigate(service);
          const serviceDiv = this.container.querySelector(

Function install has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

  private install(plugin: UpploadService | UpploadEffect) {
    // Check if the browser supports this plugin
    if (!plugin.supports()) return;
    if (plugin.type === "service") {
      // Install this service if it isn't already installed

• Read up
  Read up

Function update has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

  update(params: IHandlersParams) {
    this.updateImages(params);
    if (params) this.handlers(params);
    const loader = params.uppload.container.querySelector(
      ".search-loader"

• Read up
  Read up

Function fitImageToContainer has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

export const fitImageToContainer = (
  params: IHandlersParams,
  image: HTMLImageElement | HTMLVideoElement
): Promise<void> => {
  return new Promise(resolve => {

• Read up
  Read up

Function helper has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

  helper: (text: string) => {
    // Replace all instances of $A$ with "a" or "an"
    const AAN = "$A$";
    while (text.indexOf(AAN) !== -1) {
      const index = text.indexOf(AAN);

• Read up
  Read up

Function handlers has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

  private handlers() {
    const openFunction = () => this.open();
    const closeFunction = () => this.close();

    /**

• Read up
  Read up

Function update has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

  update(params: IHandlersParams) {
    const loader = params.uppload.container.querySelector(
      ".microlink-loader"
    ) as HTMLDivElement;
    const container = params.uppload.container.querySelector(

• Read up
  Read up