@loaders.gl/video 3.3.0-alpha.4 → 3.3.0-alpha.6

package/dist/es5/bundle.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var moduleExports = require('./index');
-
 globalThis.loaders = globalThis.loaders || {};
 module.exports = Object.assign(globalThis.loaders, moduleExports);
 //# sourceMappingURL=bundle.js.map

package/dist/es5/bundle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/bundle.ts"],"names":["moduleExports","require","globalThis","loaders","module","exports","Object","assign"],"mappings":";;AACA,IAAMA,aAAa,GAAGC,OAAO,CAAC,SAAD,CAA7B;;AACAC,UAAU,CAACC,OAAX,GAAqBD,UAAU,CAACC,OAAX,IAAsB,EAA3C;AACAC,MAAM,CAACC,OAAP,GAAiBC,MAAM,CAACC,MAAP,CAAcL,UAAU,CAACC,OAAzB,EAAkCH,aAAlC,CAAjB","sourcesContent":["// @ts-nocheck\nconst moduleExports = require('./index');\nglobalThis.loaders = globalThis.loaders || {};\nmodule.exports = Object.assign(globalThis.loaders, moduleExports);\n"],"file":"bundle.js"}
+{"version":3,"file":"bundle.js","names":["moduleExports","require","globalThis","loaders","module","exports","Object","assign"],"sources":["../../src/bundle.ts"],"sourcesContent":["// @ts-nocheck\nconst moduleExports = require('./index');\nglobalThis.loaders = globalThis.loaders || {};\nmodule.exports = Object.assign(globalThis.loaders, moduleExports);\n"],"mappings":";;AACA,IAAMA,aAAa,GAAGC,OAAO,CAAC,SAAS,CAAC;AACxCC,UAAU,CAACC,OAAO,GAAGD,UAAU,CAACC,OAAO,IAAI,CAAC,CAAC;AAC7CC,MAAM,CAACC,OAAO,GAAGC,MAAM,CAACC,MAAM,CAACL,UAAU,CAACC,OAAO,EAAEH,aAAa,CAAC"}

package/dist/es5/gif-builder.js

@@ -1,49 +1,45 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assert = require("./lib/utils/assert");
-
 var _gifshot = _interopRequireDefault(require("./lib/gifshot/gifshot"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var GIF_BUILDER_OPTIONS = {
   source: 'images',
   width: 200,
   height: 200,
+
   crossOrigin: 'Anonymous',
+
   progressCallback: function progressCallback(captureProgress) {},
   completeCallback: function completeCallback() {},
+
   numWorkers: 2,
   sampleInterval: 10,
   interval: 0.1,
   offset: null,
   numFrames: 10,
   frameDuration: 1,
+
   filter: '',
+
   waterMark: null,
   waterMarkHeight: null,
   waterMarkWidth: null,
   waterMarkXCoordinate: 1,
   waterMarkYCoordinate: 1,
+
   text: '',
   showFrameText: true,
   fontWeight: 'normal',
@@ -56,23 +52,25 @@ var GIF_BUILDER_OPTIONS = {
   textBaseline: 'bottom',
   textXCoordinate: null,
   textYCoordinate: null,
+
   webcamVideoElement: null,
   keepCameraOn: false,
   cameraStream: null,
+
   saveRenderingContexts: false,
   savedRenderingContexts: []
 };
-
 var GIFBuilder = function () {
   function GIFBuilder(options) {
     (0, _classCallCheck2.default)(this, GIFBuilder);
     this.options = _objectSpread({}, options);
     this.source = options.source;
     delete options.source;
+
     this.files = [];
+
     this.gifshot = _gifshot.default;
   }
-
   (0, _createClass2.default)(GIFBuilder, [{
     key: "initialize",
     value: function () {
@@ -87,11 +85,9 @@ var GIFBuilder = function () {
           }
         }, _callee);
       }));
-
       function initialize(_x) {
         return _initialize.apply(this, arguments);
       }
-
       return initialize;
     }()
   }, {
@@ -104,10 +100,8 @@ var GIFBuilder = function () {
               case 0:
                 _context2.next = 2;
                 return this.initialize();
-
               case 2:
                 this.files.push(file);
-
               case 3:
               case "end":
                 return _context2.stop();
@@ -115,11 +109,9 @@ var GIFBuilder = function () {
           }
         }, _callee2, this);
       }));
-
       function add(_x2) {
         return _add.apply(this, arguments);
       }
-
       return add;
     }()
   }, {
@@ -132,36 +124,27 @@ var GIFBuilder = function () {
               case 0:
                 _context3.next = 2;
                 return this.initialize();
-
               case 2:
                 this._cleanOptions(this.options);
-
                 _context3.t0 = this.source;
                 _context3.next = _context3.t0 === 'images' ? 6 : _context3.t0 === 'video' ? 8 : _context3.t0 === 'webcam' ? 10 : 12;
                 break;
-
               case 6:
                 this.options.images = this.files;
                 return _context3.abrupt("break", 13);
-
               case 8:
                 this.options.video = this.files;
                 return _context3.abrupt("break", 13);
-
               case 10:
                 (0, _assert.assert)(this.files.length === 0);
                 return _context3.abrupt("break", 13);
-
               case 12:
                 throw new Error('GIFBuilder: invalid source');
-
               case 13:
                 _context3.next = 15;
                 return this._createGIF();
-
               case 15:
                 return _context3.abrupt("return", _context3.sent);
-
               case 16:
               case "end":
                 return _context3.stop();
@@ -169,11 +152,9 @@ var GIFBuilder = function () {
           }
         }, _callee3, this);
       }));
-
       function build() {
         return _build.apply(this, arguments);
       }
-
       return build;
     }()
   }, {
@@ -181,22 +162,22 @@ var GIFBuilder = function () {
     value: function () {
       var _createGIF2 = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee4() {
         var _this = this;
-
         return _regenerator.default.wrap(function _callee4$(_context4) {
           while (1) {
             switch (_context4.prev = _context4.next) {
               case 0:
                 return _context4.abrupt("return", new Promise(function (resolve, reject) {
                   _this.gifshot.createGIF(_this.options, function (result) {
+
                     if (result.error) {
                       reject(result.errorMsg);
                       return;
                     }
 
                     resolve(result.image);
+
                   });
                 }));
-
               case 1:
               case "end":
                 return _context4.stop();
@@ -204,22 +185,22 @@ var GIFBuilder = function () {
           }
         }, _callee4);
       }));
-
       function _createGIF() {
         return _createGIF2.apply(this, arguments);
       }
-
       return _createGIF;
     }()
   }, {
     key: "_cleanOptions",
-    value: function _cleanOptions(options) {
+    value:
+    function _cleanOptions(options) {
       if (options.video || options.images || options.gifWidth || options.gifHeight) {
         console.warn('GIFBuilder: ignoring options');
       }
 
       delete options.video;
       delete options.images;
+
       options.gifWidth = options.width;
       options.gifHeight = options.height;
       delete options.width;
@@ -240,6 +221,5 @@ var GIFBuilder = function () {
   }]);
   return GIFBuilder;
 }();
-
 exports.default = GIFBuilder;
 //# sourceMappingURL=gif-builder.js.map

package/dist/es5/gif-builder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/gif-builder.ts"],"names":["GIF_BUILDER_OPTIONS","source","width","height","crossOrigin","progressCallback","captureProgress","completeCallback","numWorkers","sampleInterval","interval","offset","numFrames","frameDuration","filter","waterMark","waterMarkHeight","waterMarkWidth","waterMarkXCoordinate","waterMarkYCoordinate","text","showFrameText","fontWeight","fontSize","minFontSize","resizeFont","fontFamily","fontColor","textAlign","textBaseline","textXCoordinate","textYCoordinate","webcamVideoElement","keepCameraOn","cameraStream","saveRenderingContexts","savedRenderingContexts","GIFBuilder","options","files","gifshot","file","initialize","push","_cleanOptions","images","video","length","Error","_createGIF","Promise","resolve","reject","createGIF","result","error","errorMsg","image","gifWidth","gifHeight","console","warn","id","name","extensions","mimeTypes","builder"],"mappings":"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","sourcesContent":["// A GIFBuilder based on the gifshot module\n// @ts-nocheck\nimport {assert} from './lib/utils/assert';\nimport gifshot from './lib/gifshot/gifshot'; // TODO - load dynamically to avoid bloating\n\n// These are gifshot module options\nconst GIF_BUILDER_OPTIONS = {\n  source: 'images',\n  width: 200, // Desired width of the image\n  height: 200, // Desired height of the image\n\n  crossOrigin: 'Anonymous', // Options are 'Anonymous', 'use-credentials', or a falsy value to not set a CORS attribute.\n\n  // CALLBACKS\n  progressCallback: (captureProgress) => {}, // Callback that provides the current progress of the current image\n  completeCallback: () => {}, // Callback function that is called when the current image is completed\n\n  // QUALITY SETTINGS\n  numWorkers: 2, // how many web workers to use to process the animated GIF frames. Default is 2.\n  sampleInterval: 10, // pixels to skip when creating the palette. Default is 10. Less is better, but slower.\n  interval: 0.1, // The amount of time (in seconds) to wait between each frame capture\n  offset: null, // The amount of time (in seconds) to start capturing the GIF (only for HTML5 videos)\n  numFrames: 10, // The number of frames to use to create the animated GIF. Note: Each frame is captured every 100 milliseconds of a video and every ms for existing images\n  frameDuration: 1, // The amount of time (10 = 1s) to stay on each frame\n\n  // CSS FILTER OPTIONS\n  filter: '', // CSS filter that will be applied to the image (eg. blur(5px))\n\n  // WATERMARK OPTIONS\n  waterMark: null, // If an image is given here, it will be stamped on top of the GIF frames\n  waterMarkHeight: null, // Height of the waterMark\n  waterMarkWidth: null, // Height of the waterMark\n  waterMarkXCoordinate: 1, // The X (horizontal) Coordinate of the watermark image\n  waterMarkYCoordinate: 1, // The Y (vertical) Coordinate of the watermark image\n\n  // TEXT OPTIONS\n  text: '', // The text that covers the animated GIF\n  showFrameText: true, // If frame-specific text is supplied with the image array, you can force to not be displayed\n  fontWeight: 'normal', // The font weight of the text that covers the animated GIF\n  fontSize: '16px', // The font size of the text that covers the animated GIF\n  minFontSize: '10px', // The minimum font size of the text that covers the animated GIF\n  resizeFont: false, // Whether or not the animated GIF text will be resized to fit within the GIF container\n  fontFamily: 'sans-serif', // The font family of the text that covers the animated GIF\n  fontColor: '#ffffff', // The font color of the text that covers the animated GIF\n  textAlign: 'center', // The horizontal text alignment of the text that covers the animated GIF\n  textBaseline: 'bottom', // The vertical text alignment of the text that covers the animated GIF\n  textXCoordinate: null, // The X (horizontal) Coordinate of the text that covers the animated GIF\n  textYCoordinate: null, // The Y (vertical) Coordinate of the text that covers the animated GIF\n\n  // ADVANCED OPTIONS\n\n  // WEBCAM CAPTURE OPTIONS\n  webcamVideoElement: null, // You can pass an existing video element to use for the webcam GIF creation process,\n  keepCameraOn: false, // Whether or not you would like the user's camera to stay on after the GIF is created\n  cameraStream: null, // Expects a cameraStream Media object\n\n  // CANVAS OPTIMIZATION OPTIONS\n  saveRenderingContexts: false, // Whether or not you would like to save all of the canvas image binary data\n  savedRenderingContexts: [] // Array of canvas image data\n};\n\nexport default class GIFBuilder {\n  static get properties() {\n    return {\n      id: 'gif',\n      name: 'GIF',\n      extensions: ['gif'],\n      mimeTypes: ['image/gif'],\n      builder: GIFBuilder,\n      options: GIF_BUILDER_OPTIONS\n    };\n  }\n\n  constructor(options) {\n    this.options = {...options};\n    this.source = options.source;\n    delete options.source;\n\n    // Allow files to be added\n    this.files = [];\n\n    // Expose the gifshot module so that the full gifshot API is available to apps (Experimental)\n    this.gifshot = gifshot;\n  }\n\n  async initialize(options): Promise<void> {\n    // Expose the gifshot module so that the full gifshot API is available to apps (Experimental)\n    // this.gifshot = await loadGifshotModule(options);\n  }\n\n  async add(file): void {\n    await this.initialize();\n    this.files.push(file);\n  }\n\n  async build(): Promise<string> {\n    await this.initialize();\n    this._cleanOptions(this.options);\n\n    switch (this.source) {\n      case 'images':\n        this.options.images = this.files;\n        break;\n      case 'video':\n        this.options.video = this.files;\n        break;\n      case 'webcam':\n        assert(this.files.length === 0);\n        break;\n      default:\n        throw new Error('GIFBuilder: invalid source');\n    }\n\n    return await this._createGIF();\n  }\n\n  // PRIVATE\n\n  async _createGIF(): Promise<string> {\n    return new Promise((resolve, reject) => {\n      this.gifshot.createGIF(this.options, (result) => {\n        // callback object properties\n        // --------------------------\n        // image - Base 64 image\n        // cameraStream - The webRTC MediaStream object\n        // error - Boolean that determines if an error occurred\n        // errorCode - Helpful error label\n        // errorMsg - Helpful error message\n        // savedRenderingContexts - An array of canvas image data (will only be set if the saveRenderingContexts option was used)\n\n        if (result.error) {\n          reject(result.errorMsg);\n          return;\n        }\n\n        // image - Base 64 image\n        resolve(result.image);\n\n        // var image = obj.image,\n        // animatedImage = document.createElement('img');\n        // animatedImage.src = image;\n        // document.body.appendChild(animatedImage);\n      });\n    });\n  }\n\n  // Remove some gifshot options\n  _cleanOptions(options): void {\n    if (options.video || options.images || options.gifWidth || options.gifHeight) {\n      console.warn('GIFBuilder: ignoring options'); // eslint-disable-line\n    }\n\n    // We control these through options.source instead\n    delete options.video;\n    delete options.images;\n\n    // Use width/height props (to standardize across builders)\n    options.gifWidth = options.width;\n    options.gifHeight = options.height;\n    delete options.width;\n    delete options.height;\n  }\n}\n"],"file":"gif-builder.js"}
+{"version":3,"file":"gif-builder.js","names":["GIF_BUILDER_OPTIONS","source","width","height","crossOrigin","progressCallback","captureProgress","completeCallback","numWorkers","sampleInterval","interval","offset","numFrames","frameDuration","filter","waterMark","waterMarkHeight","waterMarkWidth","waterMarkXCoordinate","waterMarkYCoordinate","text","showFrameText","fontWeight","fontSize","minFontSize","resizeFont","fontFamily","fontColor","textAlign","textBaseline","textXCoordinate","textYCoordinate","webcamVideoElement","keepCameraOn","cameraStream","saveRenderingContexts","savedRenderingContexts","GIFBuilder","options","files","gifshot","file","initialize","push","_cleanOptions","images","video","assert","length","Error","_createGIF","Promise","resolve","reject","createGIF","result","error","errorMsg","image","gifWidth","gifHeight","console","warn","id","name","extensions","mimeTypes","builder"],"sources":["../../src/gif-builder.ts"],"sourcesContent":["// A GIFBuilder based on the gifshot module\n// @ts-nocheck\nimport {assert} from './lib/utils/assert';\nimport gifshot from './lib/gifshot/gifshot'; // TODO - load dynamically to avoid bloating\n\n// These are gifshot module options\nconst GIF_BUILDER_OPTIONS = {\n  source: 'images',\n  width: 200, // Desired width of the image\n  height: 200, // Desired height of the image\n\n  crossOrigin: 'Anonymous', // Options are 'Anonymous', 'use-credentials', or a falsy value to not set a CORS attribute.\n\n  // CALLBACKS\n  progressCallback: (captureProgress) => {}, // Callback that provides the current progress of the current image\n  completeCallback: () => {}, // Callback function that is called when the current image is completed\n\n  // QUALITY SETTINGS\n  numWorkers: 2, // how many web workers to use to process the animated GIF frames. Default is 2.\n  sampleInterval: 10, // pixels to skip when creating the palette. Default is 10. Less is better, but slower.\n  interval: 0.1, // The amount of time (in seconds) to wait between each frame capture\n  offset: null, // The amount of time (in seconds) to start capturing the GIF (only for HTML5 videos)\n  numFrames: 10, // The number of frames to use to create the animated GIF. Note: Each frame is captured every 100 milliseconds of a video and every ms for existing images\n  frameDuration: 1, // The amount of time (10 = 1s) to stay on each frame\n\n  // CSS FILTER OPTIONS\n  filter: '', // CSS filter that will be applied to the image (eg. blur(5px))\n\n  // WATERMARK OPTIONS\n  waterMark: null, // If an image is given here, it will be stamped on top of the GIF frames\n  waterMarkHeight: null, // Height of the waterMark\n  waterMarkWidth: null, // Height of the waterMark\n  waterMarkXCoordinate: 1, // The X (horizontal) Coordinate of the watermark image\n  waterMarkYCoordinate: 1, // The Y (vertical) Coordinate of the watermark image\n\n  // TEXT OPTIONS\n  text: '', // The text that covers the animated GIF\n  showFrameText: true, // If frame-specific text is supplied with the image array, you can force to not be displayed\n  fontWeight: 'normal', // The font weight of the text that covers the animated GIF\n  fontSize: '16px', // The font size of the text that covers the animated GIF\n  minFontSize: '10px', // The minimum font size of the text that covers the animated GIF\n  resizeFont: false, // Whether or not the animated GIF text will be resized to fit within the GIF container\n  fontFamily: 'sans-serif', // The font family of the text that covers the animated GIF\n  fontColor: '#ffffff', // The font color of the text that covers the animated GIF\n  textAlign: 'center', // The horizontal text alignment of the text that covers the animated GIF\n  textBaseline: 'bottom', // The vertical text alignment of the text that covers the animated GIF\n  textXCoordinate: null, // The X (horizontal) Coordinate of the text that covers the animated GIF\n  textYCoordinate: null, // The Y (vertical) Coordinate of the text that covers the animated GIF\n\n  // ADVANCED OPTIONS\n\n  // WEBCAM CAPTURE OPTIONS\n  webcamVideoElement: null, // You can pass an existing video element to use for the webcam GIF creation process,\n  keepCameraOn: false, // Whether or not you would like the user's camera to stay on after the GIF is created\n  cameraStream: null, // Expects a cameraStream Media object\n\n  // CANVAS OPTIMIZATION OPTIONS\n  saveRenderingContexts: false, // Whether or not you would like to save all of the canvas image binary data\n  savedRenderingContexts: [] // Array of canvas image data\n};\n\nexport default class GIFBuilder {\n  static get properties() {\n    return {\n      id: 'gif',\n      name: 'GIF',\n      extensions: ['gif'],\n      mimeTypes: ['image/gif'],\n      builder: GIFBuilder,\n      options: GIF_BUILDER_OPTIONS\n    };\n  }\n\n  constructor(options) {\n    this.options = {...options};\n    this.source = options.source;\n    delete options.source;\n\n    // Allow files to be added\n    this.files = [];\n\n    // Expose the gifshot module so that the full gifshot API is available to apps (Experimental)\n    this.gifshot = gifshot;\n  }\n\n  async initialize(options): Promise<void> {\n    // Expose the gifshot module so that the full gifshot API is available to apps (Experimental)\n    // this.gifshot = await loadGifshotModule(options);\n  }\n\n  async add(file): void {\n    await this.initialize();\n    this.files.push(file);\n  }\n\n  async build(): Promise<string> {\n    await this.initialize();\n    this._cleanOptions(this.options);\n\n    switch (this.source) {\n      case 'images':\n        this.options.images = this.files;\n        break;\n      case 'video':\n        this.options.video = this.files;\n        break;\n      case 'webcam':\n        assert(this.files.length === 0);\n        break;\n      default:\n        throw new Error('GIFBuilder: invalid source');\n    }\n\n    return await this._createGIF();\n  }\n\n  // PRIVATE\n\n  async _createGIF(): Promise<string> {\n    return new Promise((resolve, reject) => {\n      this.gifshot.createGIF(this.options, (result) => {\n        // callback object properties\n        // --------------------------\n        // image - Base 64 image\n        // cameraStream - The webRTC MediaStream object\n        // error - Boolean that determines if an error occurred\n        // errorCode - Helpful error label\n        // errorMsg - Helpful error message\n        // savedRenderingContexts - An array of canvas image data (will only be set if the saveRenderingContexts option was used)\n\n        if (result.error) {\n          reject(result.errorMsg);\n          return;\n        }\n\n        // image - Base 64 image\n        resolve(result.image);\n\n        // var image = obj.image,\n        // animatedImage = document.createElement('img');\n        // animatedImage.src = image;\n        // document.body.appendChild(animatedImage);\n      });\n    });\n  }\n\n  // Remove some gifshot options\n  _cleanOptions(options): void {\n    if (options.video || options.images || options.gifWidth || options.gifHeight) {\n      console.warn('GIFBuilder: ignoring options'); // eslint-disable-line\n    }\n\n    // We control these through options.source instead\n    delete options.video;\n    delete options.images;\n\n    // Use width/height props (to standardize across builders)\n    options.gifWidth = options.width;\n    options.gifHeight = options.height;\n    delete options.width;\n    delete options.height;\n  }\n}\n"],"mappings":"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"}

package/dist/es5/index.js

@@ -1,24 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "VideoLoader", {
+Object.defineProperty(exports, "GIFBuilder", {
   enumerable: true,
   get: function get() {
-    return _videoLoader.VideoLoader;
+    return _gifBuilder.default;
   }
 });
-Object.defineProperty(exports, "GIFBuilder", {
+Object.defineProperty(exports, "VideoLoader", {
   enumerable: true,
   get: function get() {
-    return _gifBuilder.default;
+    return _videoLoader.VideoLoader;
   }
 });
-
 var _videoLoader = require("./video-loader");
-
 var _gifBuilder = _interopRequireDefault(require("./gif-builder"));
 //# sourceMappingURL=index.js.map

package/dist/es5/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AAEA","sourcesContent":["export {VideoLoader} from './video-loader';\n\nexport {default as GIFBuilder} from './gif-builder';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export {VideoLoader} from './video-loader';\n\nexport {default as GIFBuilder} from './gif-builder';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAEA"}

package/dist/es5/lib/gifshot/gifshot-loader.js

@@ -1,51 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.loadGifshotModule = loadGifshotModule;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _workerUtils = require("@loaders.gl/worker-utils");
 
 var loadGifshotPromise;
-
 function loadGifshotModule() {
   return _loadGifshotModule.apply(this, arguments);
 }
-
 function _loadGifshotModule() {
   _loadGifshotModule = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee() {
     var options,
-        modules,
-        _args = arguments;
+      modules,
+      _args = arguments;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
             options = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
             modules = options.modules || {};
-
             if (!modules.gifshot) {
               _context.next = 4;
               break;
             }
-
             return _context.abrupt("return", modules.gifshot);
-
           case 4:
             loadGifshotPromise = loadGifshotPromise || loadGifshot(options);
             _context.next = 7;
             return loadGifshotPromise;
-
           case 7:
             return _context.abrupt("return", _context.sent);
-
           case 8:
           case "end":
             return _context.stop();
@@ -55,11 +44,9 @@ function _loadGifshotModule() {
   }));
   return _loadGifshotModule.apply(this, arguments);
 }
-
 function loadGifshot(_x) {
   return _loadGifshot.apply(this, arguments);
 }
-
 function _loadGifshot() {
   _loadGifshot = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee2(options) {
     var gifshot;
@@ -70,11 +57,9 @@ function _loadGifshot() {
             options.libraryPath = options.libraryPath || 'libs/';
             _context2.next = 3;
             return (0, _workerUtils.loadLibrary)('gifshot.js', 'gifshot', options);
-
           case 3:
             gifshot = _context2.sent;
             return _context2.abrupt("return", gifshot || globalThis.gifshot);
-
           case 5:
           case "end":
             return _context2.stop();

package/dist/es5/lib/gifshot/gifshot-loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/gifshot/gifshot-loader.ts"],"names":["loadGifshotPromise","loadGifshotModule","options","modules","gifshot","loadGifshot","libraryPath","globalThis"],"mappings":";;;;;;;;;;;;;AACA;;AAEA,IAAIA,kBAAJ;;SAEsBC,iB;;;;;iFAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAiCC,YAAAA,OAAjC,2DAA2C,EAA3C;AACCC,YAAAA,OADD,GACWD,OAAO,CAACC,OAAR,IAAmB,EAD9B;;AAAA,iBAEDA,OAAO,CAACC,OAFP;AAAA;AAAA;AAAA;;AAAA,6CAGID,OAAO,CAACC,OAHZ;;AAAA;AAKLJ,YAAAA,kBAAkB,GAAGA,kBAAkB,IAAIK,WAAW,CAACH,OAAD,CAAtD;AALK;AAAA,mBAMQF,kBANR;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,G;;;;SASQK,W;;;;;2EAAf,kBAA2BH,OAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AACEA,YAAAA,OAAO,CAACI,WAAR,GAAsBJ,OAAO,CAACI,WAAR,IAAuB,OAA7C;AADF;AAAA,mBAEwB,8BAAY,YAAZ,EAA0B,SAA1B,EAAqCJ,OAArC,CAFxB;;AAAA;AAEQE,YAAAA,OAFR;AAAA,8CAMSA,OAAO,IAAIG,UAAU,CAACH,OAN/B;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,G","sourcesContent":["// @ts-nocheck\nimport {loadLibrary} from '@loaders.gl/worker-utils';\n\nlet loadGifshotPromise;\n\nexport async function loadGifshotModule(options = {}) {\n  const modules = options.modules || {};\n  if (modules.gifshot) {\n    return modules.gifshot;\n  }\n  loadGifshotPromise = loadGifshotPromise || loadGifshot(options);\n  return await loadGifshotPromise;\n}\n\nasync function loadGifshot(options) {\n  options.libraryPath = options.libraryPath || 'libs/';\n  const gifshot = await loadLibrary('gifshot.js', 'gifshot', options);\n\n  // Depends on how import happened...\n  // @ts-ignore TS2339: Property does not exist on type\n  return gifshot || globalThis.gifshot;\n}\n"],"file":"gifshot-loader.js"}
+{"version":3,"file":"gifshot-loader.js","names":["loadGifshotPromise","loadGifshotModule","options","modules","gifshot","loadGifshot","libraryPath","loadLibrary","globalThis"],"sources":["../../../../src/lib/gifshot/gifshot-loader.ts"],"sourcesContent":["// @ts-nocheck\nimport {loadLibrary} from '@loaders.gl/worker-utils';\n\nlet loadGifshotPromise;\n\nexport async function loadGifshotModule(options = {}) {\n  const modules = options.modules || {};\n  if (modules.gifshot) {\n    return modules.gifshot;\n  }\n  loadGifshotPromise = loadGifshotPromise || loadGifshot(options);\n  return await loadGifshotPromise;\n}\n\nasync function loadGifshot(options) {\n  options.libraryPath = options.libraryPath || 'libs/';\n  const gifshot = await loadLibrary('gifshot.js', 'gifshot', options);\n\n  // Depends on how import happened...\n  // @ts-ignore TS2339: Property does not exist on type\n  return gifshot || globalThis.gifshot;\n}\n"],"mappings":";;;;;;;;;AACA;;AAEA,IAAIA,kBAAkB;AAAC,SAEDC,iBAAiB;EAAA;AAAA;AAAA;EAAA,+EAAhC;IAAA;MAAA;MAAA;IAAA;MAAA;QAAA;UAAA;YAAiCC,OAAO,2DAAG,CAAC,CAAC;YAC5CC,OAAO,GAAGD,OAAO,CAACC,OAAO,IAAI,CAAC,CAAC;YAAA,KACjCA,OAAO,CAACC,OAAO;cAAA;cAAA;YAAA;YAAA,iCACVD,OAAO,CAACC,OAAO;UAAA;YAExBJ,kBAAkB,GAAGA,kBAAkB,IAAIK,WAAW,CAACH,OAAO,CAAC;YAAC;YAAA,OACnDF,kBAAkB;UAAA;YAAA;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA;EAAA,CAChC;EAAA;AAAA;AAAA,SAEcK,WAAW;EAAA;AAAA;AAAA;EAAA,yEAA1B,kBAA2BH,OAAO;IAAA;IAAA;MAAA;QAAA;UAAA;YAChCA,OAAO,CAACI,WAAW,GAAGJ,OAAO,CAACI,WAAW,IAAI,OAAO;YAAC;YAAA,OAC/B,IAAAC,wBAAW,EAAC,YAAY,EAAE,SAAS,EAAEL,OAAO,CAAC;UAAA;YAA7DE,OAAO;YAAA,kCAINA,OAAO,IAAII,UAAU,CAACJ,OAAO;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA;EAAA,CACrC;EAAA;AAAA"}