coolaj86 commented 3 years ago

Use Cases

I have two use cases for this:

Embedding images in an email template that are sent via web API
Resizing client-side before uploading to an imgur-like image API

As such this needs to fulfill two purposes:

Demo - show how all of the useful features can be accomplished, at all
Library
- Make it easy to reuse the resizing functionality
- Make it easy to bind to dom elements
  - Ex: file input (and paste), document body (drag and drop), url input

Roadmap

[x] Promisify, for example

function blobToDataURL(blob) {
   return new Promise(function (resolve, reject) {
       var a = new FileReader();
       a.onload = function (e) {
           resolve(e.target.result);
       };
       a.onerror = function (e) {
           reject(e);
       };
       a.readAsDataURL(blob);
   });
}

[x] Publish v0.5.0 to CDN (unpkg via npm, for example)

wrap in IIFE to make browser safe, for example:

var RESIZER;
(async function () {
  'use strict';

  // ...

  if ('undefined' === typeof module) {
      module.exports = RESIZER;
  }
}());

add documentation for exported functions

[ ] #20
[x] Accept paste from clipboard (reject non-images)
[x] Form for Width, Heigh, Quality, (and Smoothing)
[x] MVP.css https://github.com/andybrewer/mvp
[ ] Public v1.0.0