Compile all modules in one with browserify.

Generate qiniu-uploader.js with sub modules.

Author: greatghoul

.gitignore

@@ -1 +1,2 @@
-/node_modules
+/node_modules
+/demo

Gruntfile.js

@@ -11,13 +11,13 @@ module.exports = function(grunt) {
       all: ['Gruntfile.js', 'src/**/*.js']
     },
 
-    babel: {
-      options: {
-        sourceMap: true
-      },
+    browserify: {
       dist: {
+        options: {
+          transform: [["babelify", { stage: 0 }]]
+        },
         files: {
-          'dist/qiniu-uploader.js': 'src/qiniu-uploader.js'
+          "dist/qiniu-uploader.js": "src/qiniu-uploader.js"
         }
       }
     },
@@ -44,8 +44,9 @@ module.exports = function(grunt) {
     },
   });
 
-  grunt.registerTask('build', ['jshint', 'babel', 'uglify']);
-  grunt.registerTask('default', ['build']);
+  grunt.registerTask('build', ['jshint', 'browserify', 'uglify']);
+  grunt.registerTask('default', ['build', 'watch']);
 
   grunt.loadNpmTasks('grunt-contrib-watch');
+  grunt.loadNpmTasks("grunt-browserify");
 };

dist/qiniu-uploader.js

@@ -1,38 +1,158 @@
-'use strict';
+(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+"use strict";
 
-var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
+var Profile = function Profile(uploader) {
+  var options = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
+
+  _classCallCheck(this, Profile);
+
+  this.uploader = uploader;
+
+  this.name = options.name;
+  this.bucket = options.bucket;
+  this.domain = options.domain;
+  this.ssl = options.ssl || false;
+  this.uptokenUrl = options.uptokenUrl;
+
+  this["public"] = true;
+  if (options["public"] !== undefined) {
+    this["public"] = options["public"];
+  }
+};
+
+exports["default"] = Profile;
+module.exports = exports["default"];
+
+},{}],2:[function(require,module,exports){
+"use strict";
+
+var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 var _profile = require('./profile');
 
 var _profile2 = _interopRequireDefault(_profile);
 
+var singleton = Symbol();
+var singletonEnforcer = Symbol();
+
 var QiniuUploader = (function () {
-  function QiniuUploader() {
-    var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
+  function QiniuUploader(enforcer) {
+    var _this = this;
+
+    var options = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
 
     _classCallCheck(this, QiniuUploader);
 
-    uptokenUrl = options.uptokenUrl;
+    if (enforcer != singletonEnforcer) {
+      throw "Cannot construct singleton";
+    } else {
+      this.uptokenUrl = options.uptokenUrl;
+      this.profiles = [];
+      this.files = [];
 
-    // Register profiles if any.
-    if (Array.isArray(options.profiles)) {
-      options.profiles.forEach(function (profile) {
-        register(profile);
-      });
+      // Register profiles if any.
+      if (Array.isArray(options.profiles)) {
+        options.profiles.forEach(function (profile) {
+          _this.register(profile);
+        });
+      }
     }
   }
 
   _createClass(QiniuUploader, [{
-    key: 'register',
+    key: "register",
     value: function register(profile) {
-      profiles[profile.name] = new _profile2['default'](uploader, profile);
+      this.profiles[profile.name] = new _profile2["default"](this, profile);
+    }
+  }, {
+    key: "_makeInput",
+    value: function _makeInput(element, profile) {
+      var uploader = this;
+      var input = document.createElement('input');
+      input.setAttribute('type', 'file');
+
+      Object.assign(input.style, {
+        visibility: 'hidden',
+        position: 'absolute',
+        width: '1px',
+        height: '1px'
+      });
+
+      document.body.appendChild(input);
+      input.addEventListener('change', function (e) {
+        if (e.target.value) {
+          uploader.addFiles(e.target.files, element, profile);
+        }
+
+        // Destroy the file input
+        input.parentNode.removeChild(input);
+      }, false);
+
+      return input;
+    }
+  }, {
+    key: "addFiles",
+    value: function addFiles(files, element, profile) {
+      for (var i = 0; i < files.length; i++) {
+        var file = files[i];
+
+        this.files.push(file);
+
+        var event = new CustomEvent('qinu:file:added', {
+          bubbles: true,
+          detail: {
+            'uploader': this,
+            'profile': profile
+          }
+        });
+
+        element.dispatchEvent(event);
+      }
+    }
+  }, {
+    key: "browse",
+    value: function browse(element, profileName) {
+      var profile = this.profiles[profileName];
+      if (!profile) throw "Profile '" + profileName + "' not registered";
+
+      var input = this._makeInput(element, profile);
+      input.click();
+    }
+  }], [{
+    key: "init",
+    value: function init() {
+      var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
+
+      if (this[singleton]) {
+        throw 'Uploader has initialized.';
+      }
+
+      this[singleton] = new QiniuUploader(singletonEnforcer, options);
+    }
+  }, {
+    key: "instance",
+    get: function get() {
+      if (this[singleton]) {
+        return this[singleton];
+      } else {
+        throw "Uploader not configured.";
+      }
     }
   }]);
 
   return QiniuUploader;
 })();
-//# sourceMappingURL=qiniu-uploader.js.map
+
+window.QiniuUploader = QiniuUploader;
+
+},{"./profile":1}]},{},[2]);

dist/qiniu-uploader.js.map

@@ -17,8 +17,9 @@
   },
   "homepage": "https://github.com/FellowPlusDev/FFQiniuUploader#readme",
   "devDependencies": {
+    "babelify": "^6.3.0",
     "grunt": "^0.4.5",
-    "grunt-babel": "^5.0.3",
+    "grunt-browserify": "^4.0.1",
     "grunt-contrib-jshint": "^0.11.3",
     "grunt-contrib-uglify": "^0.9.2",
     "grunt-contrib-watch": "^0.6.1",

dist/qiniu-uploader.min.js

@@ -1,4 +1,4 @@
-class Profile {
+export default class Profile {
   constructor(uploader, options={}) {
     this.uploader = uploader;
 
@@ -9,7 +9,8 @@ class Profile {
     this.uptokenUrl = options.uptokenUrl;
 
     this.public = true;
-    if (options.has('public'))
+    if (options.public !== undefined) {
       this.public = options.public;
+    }
   }
 }