@atlaskit/media-client 16.0.0 → 17.1.0

package/dist/cjs/uploader.js

@@ -1,210 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.uploadFile = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _chunkinator = require("@atlaskit/chunkinator");
-
-var _from = require("rxjs/observable/from");
-
-var _concatMap = require("rxjs/operators/concatMap");
-
-var _hasherCreator = require("./utils/hashing/hasherCreator");
-
-var hashingFunction = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(blob) {
-    var hasher;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return (0, _hasherCreator.createHasher)();
-
-          case 2:
-            hasher = _context.sent;
-            return _context.abrupt("return", hasher.hash(blob));
-
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function hashingFunction(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-var createProbingFunction = function createProbingFunction(store, collection) {
-  return /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(chunks) {
-      var response, results;
-      return _regenerator.default.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return store.probeChunks(hashedChunks(chunks), collection);
-
-            case 2:
-              response = _context2.sent;
-              results = response.data.results;
-              return _context2.abrupt("return", Object.values(results).map(function (result) {
-                return result.exists;
-              }));
-
-            case 5:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-
-    return function (_x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-};
-
-var createUploadingFunction = function createUploadingFunction(store, collection) {
-  return function (chunk) {
-    return store.uploadChunk(chunk.hash, chunk.blob, collection);
-  };
-};
-
-var createProcessingFunction = function createProcessingFunction(store, deferredUploadId, collection) {
-  var offset = 0;
-  return /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(chunks) {
-      return _regenerator.default.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.t0 = store;
-              _context3.next = 3;
-              return deferredUploadId;
-
-            case 3:
-              _context3.t1 = _context3.sent;
-              _context3.t2 = {
-                chunks: hashedChunks(chunks),
-                offset: offset
-              };
-              _context3.t3 = collection;
-              _context3.next = 8;
-              return _context3.t0.appendChunksToUpload.call(_context3.t0, _context3.t1, _context3.t2, _context3.t3);
-
-            case 8:
-              offset += chunks.length;
-
-            case 9:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3);
-    }));
-
-    return function (_x3) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-};
-
-var createFileFromUpload = /*#__PURE__*/function () {
-  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(file, store, uploadableFileUpfrontIds, uploadId) {
-    var collection, name, mimeType, id, occurrenceKey;
-    return _regenerator.default.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            collection = file.collection, name = file.name, mimeType = file.mimeType;
-            id = uploadableFileUpfrontIds.id, occurrenceKey = uploadableFileUpfrontIds.occurrenceKey;
-            return _context4.abrupt("return", store.createFileFromUpload({
-              uploadId: uploadId,
-              name: name,
-              mimeType: mimeType
-            }, {
-              occurrenceKey: occurrenceKey,
-              collection: collection,
-              replaceFileId: id
-            }));
-
-          case 3:
-          case "end":
-            return _context4.stop();
-        }
-      }
-    }, _callee4);
-  }));
-
-  return function createFileFromUpload(_x4, _x5, _x6, _x7) {
-    return _ref4.apply(this, arguments);
-  };
-}();
-
-var uploadFile = function uploadFile(file, store, uploadableFileUpfrontIds, callbacks) {
-  var chunkSize = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 4 * 1024 * 1024;
-  var processingBatchSize = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1000;
-  var content = file.content,
-      collection = file.collection;
-  var deferredUploadId = uploadableFileUpfrontIds.deferredUploadId;
-  var chunkinatorObservable = (0, _chunkinator.chunkinator)(content, {
-    hashingFunction: hashingFunction,
-    hashingConcurrency: 5,
-    probingBatchSize: 100,
-    chunkSize: chunkSize,
-    uploadingConcurrency: 3,
-    uploadingFunction: createUploadingFunction(store, collection),
-    probingFunction: createProbingFunction(store, collection),
-    processingBatchSize: processingBatchSize,
-    processingFunction: createProcessingFunction(store, deferredUploadId, collection)
-  }, {
-    onProgress: function onProgress(progress) {
-      if (callbacks) {
-        callbacks.onProgress(progress);
-      }
-    }
-  });
-
-  var onUploadFinish = callbacks && callbacks.onUploadFinish || function () {};
-
-  var subscription = (0, _from.from)(deferredUploadId).pipe((0, _concatMap.concatMap)(function (uploadId) {
-    return chunkinatorObservable.pipe((0, _concatMap.concatMap)(function () {
-      return (0, _from.from)(createFileFromUpload(file, store, uploadableFileUpfrontIds, uploadId));
-    }));
-  })).subscribe({
-    error: function error(err) {
-      return onUploadFinish(err);
-    },
-    complete: function complete() {
-      return onUploadFinish();
-    }
-  });
-  return {
-    cancel: function cancel() {
-      subscription.unsubscribe();
-      onUploadFinish('canceled');
-    }
-  };
-};
-
-exports.uploadFile = uploadFile;
-
-var hashedChunks = function hashedChunks(chunks) {
-  return chunks.map(function (chunk) {
-    return chunk.hash;
-  });
-};

package/dist/esm/uploader.js

@@ -1,194 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import { chunkinator } from '@atlaskit/chunkinator';
-import { from } from 'rxjs/observable/from';
-import { concatMap } from 'rxjs/operators/concatMap';
-import { createHasher } from './utils/hashing/hasherCreator'; // TODO: Allow to pass multiple files
-
-var hashingFunction = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(blob) {
-    var hasher;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return createHasher();
-
-          case 2:
-            hasher = _context.sent;
-            return _context.abrupt("return", hasher.hash(blob));
-
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function hashingFunction(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-var createProbingFunction = function createProbingFunction(store, collection) {
-  return /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(chunks) {
-      var response, results;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return store.probeChunks(hashedChunks(chunks), collection);
-
-            case 2:
-              response = _context2.sent;
-              results = response.data.results;
-              return _context2.abrupt("return", Object.values(results).map(function (result) {
-                return result.exists;
-              }));
-
-            case 5:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-
-    return function (_x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-};
-
-var createUploadingFunction = function createUploadingFunction(store, collection) {
-  return function (chunk) {
-    return store.uploadChunk(chunk.hash, chunk.blob, collection);
-  };
-};
-
-var createProcessingFunction = function createProcessingFunction(store, deferredUploadId, collection) {
-  var offset = 0;
-  return /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(chunks) {
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.t0 = store;
-              _context3.next = 3;
-              return deferredUploadId;
-
-            case 3:
-              _context3.t1 = _context3.sent;
-              _context3.t2 = {
-                chunks: hashedChunks(chunks),
-                offset: offset
-              };
-              _context3.t3 = collection;
-              _context3.next = 8;
-              return _context3.t0.appendChunksToUpload.call(_context3.t0, _context3.t1, _context3.t2, _context3.t3);
-
-            case 8:
-              offset += chunks.length;
-
-            case 9:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3);
-    }));
-
-    return function (_x3) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-};
-
-var createFileFromUpload = /*#__PURE__*/function () {
-  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(file, store, uploadableFileUpfrontIds, uploadId) {
-    var collection, name, mimeType, id, occurrenceKey;
-    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            collection = file.collection, name = file.name, mimeType = file.mimeType;
-            id = uploadableFileUpfrontIds.id, occurrenceKey = uploadableFileUpfrontIds.occurrenceKey;
-            return _context4.abrupt("return", store.createFileFromUpload({
-              uploadId: uploadId,
-              name: name,
-              mimeType: mimeType
-            }, {
-              occurrenceKey: occurrenceKey,
-              collection: collection,
-              replaceFileId: id
-            }));
-
-          case 3:
-          case "end":
-            return _context4.stop();
-        }
-      }
-    }, _callee4);
-  }));
-
-  return function createFileFromUpload(_x4, _x5, _x6, _x7) {
-    return _ref4.apply(this, arguments);
-  };
-}();
-
-export var uploadFile = function uploadFile(file, store, uploadableFileUpfrontIds, callbacks) {
-  var chunkSize = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 4 * 1024 * 1024;
-  var processingBatchSize = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1000;
-  var content = file.content,
-      collection = file.collection;
-  var deferredUploadId = uploadableFileUpfrontIds.deferredUploadId;
-  var chunkinatorObservable = chunkinator(content, {
-    hashingFunction: hashingFunction,
-    hashingConcurrency: 5,
-    probingBatchSize: 100,
-    chunkSize: chunkSize,
-    uploadingConcurrency: 3,
-    uploadingFunction: createUploadingFunction(store, collection),
-    probingFunction: createProbingFunction(store, collection),
-    processingBatchSize: processingBatchSize,
-    processingFunction: createProcessingFunction(store, deferredUploadId, collection)
-  }, {
-    onProgress: function onProgress(progress) {
-      if (callbacks) {
-        callbacks.onProgress(progress);
-      }
-    }
-  });
-
-  var onUploadFinish = callbacks && callbacks.onUploadFinish || function () {};
-
-  var subscription = from(deferredUploadId).pipe(concatMap(function (uploadId) {
-    return chunkinatorObservable.pipe(concatMap(function () {
-      return from(createFileFromUpload(file, store, uploadableFileUpfrontIds, uploadId));
-    }));
-  })).subscribe({
-    error: function error(err) {
-      return onUploadFinish(err);
-    },
-    complete: function complete() {
-      return onUploadFinish();
-    }
-  });
-  return {
-    cancel: function cancel() {
-      subscription.unsubscribe();
-      onUploadFinish('canceled');
-    }
-  };
-};
-
-var hashedChunks = function hashedChunks(chunks) {
-  return chunks.map(function (chunk) {
-    return chunk.hash;
-  });
-};

package/dist/types/utils/toMediaSubscribable.d.ts

@@ -1,20 +0,0 @@
-import { ReplaySubject } from 'rxjs/ReplaySubject';
-import { MediaSubscribableItem } from './../models/media-subscribable';
-export declare type MediaSubscription = {
-    unsubscribe: () => void;
-};
-declare type PartialObserver<T extends MediaSubscribableItem> = {
-    next?: (value: T) => void;
-    error?: (err: any) => void;
-    complete?: () => void;
-};
-declare type NextObserver<T extends MediaSubscribableItem> = PartialObserver<T> & Required<Pick<PartialObserver<T>, 'next'>>;
-declare type ErrorObserver<T extends MediaSubscribableItem> = PartialObserver<T> & Required<Pick<PartialObserver<T>, 'error'>>;
-declare type CompletionObserver<T extends MediaSubscribableItem> = PartialObserver<T> & Required<Pick<PartialObserver<T>, 'complete'>>;
-export declare type MediaObserver<T extends MediaSubscribableItem> = NextObserver<T> | ErrorObserver<T> | CompletionObserver<T> | ((value: T) => void);
-export declare type MediaSubscribable<T extends MediaSubscribableItem> = {
-    subscribe(observer?: MediaObserver<T>): MediaSubscription;
-};
-export declare function toMediaSubscribable<T extends MediaSubscribableItem>(observable: ReplaySubject<T>): MediaSubscribable<T>;
-export declare function createMediaSubscribable<T extends MediaSubscribableItem>(mediaSubscribableItem?: T | Error): MediaSubscribable<T>;
-export {};

package/example-helpers/styled.ts

@@ -1,77 +0,0 @@
-import styled from 'styled-components';
-import { FileStatus } from '../src';
-
-export const Wrapper: React.ComponentClass<React.HTMLAttributes<{}>> = styled.div`
-  display: flex;
-`;
-
-export const ImagePreview: React.ComponentClass<React.ImgHTMLAttributes<{}>> = styled.img`
-  width: 300px;
-`;
-
-export const PreviewWrapper: React.ComponentClass<React.HTMLAttributes<{}>> = styled.div`
-  flex: 1;
-`;
-
-export const MetadataWrapper: React.ComponentClass<React.HTMLAttributes<{}>> = styled.pre`
-  width: 400px;
-  overflow: scroll;
-  flex: 1;
-`;
-
-export const FileInput: any = styled.input`
-  color: transparent;
-`;
-
-export const FilesWrapper = styled.div``;
-
-export interface FilesWrapperProps {
-  status: FileStatus;
-}
-
-const statusColorMap: { [key in FileStatus]: string } = {
-  uploading: 'cornflowerblue',
-  processing: 'peachpuff',
-  processed: 'darkseagreen',
-  error: 'indianred',
-  'failed-processing': 'indianred',
-};
-
-export const FileWrapper = styled.div`
-  padding: 5px;
-  margin: 10px;
-  display: inline-block;
-  width: 315px;
-  background-color: ${({ status }: FilesWrapperProps) =>
-    statusColorMap[status]};
-`;
-
-export const CardsWrapper = styled.div`
-  width: 900px;
-  padding: 10px;
-  border-right: 1px solid #ccc;
-
-  h1 {
-    text-align: center;
-    border-bottom: 1px solid #ccc;
-  }
-
-  > div {
-    width: auto;
-    display: inline-block;
-    margin: 10px;
-  }
-`;
-
-export const Header = styled.div`
-  button {
-    margin: 5px;
-  }
-`;
-
-export const FileStateWrapper = styled.div`
-  border: 1px solid;
-  margin: 10px;
-  padding: 10px;
-  width: 500px;
-`;