OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 05:44:43 AM	rwxr-xr-x
📄 Conversions.ts	2.66 KB	02/20/2020 05:43:13 AM	rw-r--r--
📄 ImageScanner.ts	4.37 KB	02/20/2020 05:43:13 AM	rw-r--r--
📄 UploadStatus.ts	1.61 KB	02/20/2020 05:43:14 AM	rw-r--r--
📄 Uploader.ts	5.75 KB	02/20/2020 05:43:14 AM	rw-r--r--

Editing: ImageScanner.ts

/**
 * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 * Licensed under the LGPL or a commercial license.
 * For LGPL see License.txt in the project root for license information.
 * For commercial licenses see https://www.tiny.cloud/
 */

import { HTMLElement, HTMLImageElement } from '@ephox/dom-globals';
import { Fun, Arr } from '@ephox/katamari';
import Promise from '../api/util/Promise';
import Conversions from './Conversions';
import Env from '../api/Env';
import { BlobCache, BlobInfo } from '../api/file/BlobCache';

export interface BlobInfoImagePair {
  image: HTMLImageElement;
  blobInfo: BlobInfo;
}

export interface ImageScanner {
  findAll: (elm: HTMLElement, predicate?: (img: HTMLImageElement) => boolean) => Promise<BlobInfoImagePair[]>;
}

/**
 * Finds images with data uris or blob uris. If data uris are found it will convert them into blob uris.
 *
 * @private
 * @class tinymce.file.ImageScanner
 */

let count = 0;

const uniqueId = function (prefix?: string): string {
  return (prefix || 'blobid') + (count++);
};

const imageToBlobInfo = function (blobCache: BlobCache, img: HTMLImageElement, resolve, reject) {
  let base64, blobInfo;

if (img.src.indexOf('blob:') === 0) {
    blobInfo = blobCache.getByUri(img.src);

if (blobInfo) {
      resolve({
        image: img,
        blobInfo
      });
    } else {
      Conversions.uriToBlob(img.src).then(function (blob) {
        Conversions.blobToDataUri(blob).then(function (dataUri) {
          base64 = Conversions.parseDataUri(dataUri).data;
          blobInfo = blobCache.create(uniqueId(), blob, base64);
          blobCache.add(blobInfo);

resolve({
            image: img,
            blobInfo
          });
        });
      }, function (err) {
        reject(err);
      });
    }

return;
  }

base64 = Conversions.parseDataUri(img.src).data;
  blobInfo = blobCache.findFirst(function (cachedBlobInfo) {
    return cachedBlobInfo.base64() === base64;
  });

if (blobInfo) {
    resolve({
      image: img,
      blobInfo
    });
  } else {
    Conversions.uriToBlob(img.src).then(function (blob) {
      blobInfo = blobCache.create(uniqueId(), blob, base64);
      blobCache.add(blobInfo);

resolve({
        image: img,
        blobInfo
      });
    }, function (err) {
      reject(err);
    });
  }
};

const getAllImages = function (elm: HTMLElement): HTMLImageElement[] {
  return elm ? Arr.from(elm.getElementsByTagName('img')) : [];
};

export function ImageScanner(uploadStatus, blobCache: BlobCache): ImageScanner {
  const cachedPromises = {};

const findAll = function (elm: HTMLElement, predicate?: (img: HTMLImageElement) => boolean) {
    let images;

if (!predicate) {
      predicate = Fun.constant(true);
    }

images = Arr.filter(getAllImages(elm), function (img) {
      const src = img.src;

if (!Env.fileApi) {
        return false;
      }

if (img.hasAttribute('data-mce-bogus')) {
        return false;
      }

if (img.hasAttribute('data-mce-placeholder')) {
        return false;
      }

if (!src || src === Env.transparentSrc) {
        return false;
      }

if (src.indexOf('blob:') === 0) {
        return !uploadStatus.isUploaded(src) && predicate(img);
      }

if (src.indexOf('data:') === 0) {
        return predicate(img);
      }

return false;
    });

cachedPromises[img.src] = newPromise;

return newPromise;
    });

return Promise.all(promises);
  };

return {
    findAll
  };
}