feat: added export UploadSource, ExternalUploadSource

abstract/UploaderBlock.js

@@ -419,13 +419,12 @@ export class UploaderBlock extends ActivityBlock {
     const data = entriesIds.map((itemId) => this.api.getOutputItem(itemId));
     return data;
   }
-
-  getList() {
-    return UploaderBlock.sourceTypes;
-  }
 }
 
-/** @enum {String} */
+/**
+ * @deprecated Use list sources ExternalUploadSource from from blocks/utils/UploadSource.js
+ * @enum {String}
+ */
 UploaderBlock.extSrcList = Object.freeze({
   FACEBOOK: 'facebook',
   DROPBOX: 'dropbox',
@@ -440,13 +439,14 @@ UploaderBlock.extSrcList = Object.freeze({
   HUDDLE: 'huddle',
 });
 
-/** @enum {String} */
+/**
+ * @deprecated Use list sources UploadSource from from blocks/utils/UploadSource.js
+ * @enum {String}
+ */
 UploaderBlock.sourceTypes = Object.freeze({
   LOCAL: 'local',
   URL: 'url',
   CAMERA: 'camera',
   DRAW: 'draw',
   ...UploaderBlock.extSrcList,
 });
-
-/** @typedef {(typeof UploaderBlock)['sourceTypes']} SourceTypes */

abstract/UploaderPublicApi.js

@@ -330,11 +330,6 @@ export class UploaderPublicApi {
     return this._ctx.$['*currentActivity'];
   };
 
-  /** @returns {Readonly<import('./UploaderBlock.js').SourceTypes>} */
-  getSourceTypes = () => {
-    return this._ctx.getList();
-  };
-
   /** @param {boolean} opened */
   setModalState = (opened) => {
     if (opened && !this._ctx.$['*currentActivity']) {

blocks/DropArea/DropArea.js

@@ -151,7 +151,7 @@ export class DropArea extends UploaderBlock {
     this.subConfigValue('sourceList', (value) => {
       const list = stringToArray(value);
       // Enable drop area if local files are allowed
-      this.$.isEnabled = list.includes(UploaderBlock.sourceTypes.LOCAL);
+      this.$.isEnabled = list.includes(UploadSource.LOCAL);
       // Show drop area if it's enabled or default slot is overrided
       this.$.isVisible = this.$.isEnabled || !this.querySelector('[data-default-slot]');
     });

blocks/EditorFilerobotImage/EditorFilerobotImage.js

@@ -0,0 +1,53 @@
+import { uploadFile } from '@uploadcare/upload-client';
+import { ActivityBlock } from '../../abstract/ActivityBlock.js';
+import { UploaderBlock } from '../../abstract/UploaderBlock.js';
+import FilerobotImageEditor from 'filerobot-image-editor';
+
+export class EditorFilerobotImage extends UploaderBlock {
+  couldBeCtxOwner = true;
+  activityType = ActivityBlock.activities.EDITOR_FILEROBOT_IMAGE;
+  static styleAttrs = ['uc-editor-filerobot-image'];
+
+  get activityParams() {
+    const params = super.activityParams;
+    if ('internalId' in params) {
+      return params;
+    }
+    throw new Error(`Cloud Image Editor activity params not found`);
+  }
+
+  initCallback() {
+    super.initCallback();
+
+    this.registerActivity(this.activityType, {
+      onActivate: () => this.mounted(),
+      onDeactivate: () => this.unmounted(),
+    });
+
+    console.log('EditorFilerobotImage');
+  }
+
+  mounted() {
+    const { internalId } = this.activityParams;
+    this._entry = this.uploadCollection.read(internalId);
+
+    if (!this._entry) {
+      throw new Error(`Entry with internalId "${internalId}" not found`);
+    }
+
+    const file = this._entry.getValue('file');
+    const cdnUrl = this._entry.getValue('cdnUrl');
+
+    const instance = null;
+
+    this._instance = instance;
+  }
+
+  unmounted() {
+    this._instance = undefined;
+    this._entry = undefined;
+    this.innerHTML = '';
+  }
+}
+
+EditorFilerobotImage.template = ``;

blocks/SourceBtn/SourceBtn.js

@@ -1,6 +1,7 @@
 // @ts-check
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 import { ActivityBlock } from '../../abstract/ActivityBlock.js';
+import { ExternalUploadSource, UploadSource } from '../utils/UploadSource.js';
 
 const L10N_PREFIX = 'src-type-';
 
@@ -37,19 +38,19 @@ export class SourceBtn extends UploaderBlock {
 
   initTypes() {
     this.registerType({
-      type: UploaderBlock.sourceTypes.LOCAL,
+      type: UploadSource.LOCAL,
       activate: () => {
         this.api.openSystemDialog();
         return false;
       },
     });
     this.registerType({
-      type: UploaderBlock.sourceTypes.URL,
+      type: UploadSource.URL,
       activity: ActivityBlock.activities.URL,
       textKey: 'from-url',
     });
     this.registerType({
-      type: UploaderBlock.sourceTypes.CAMERA,
+      type: UploadSource.CAMERA,
       activity: ActivityBlock.activities.CAMERA,
       activate: () => {
         const supportsCapture = 'capture' in document.createElement('input');
@@ -65,7 +66,7 @@ export class SourceBtn extends UploaderBlock {
       icon: 'edit-draw',
     });
 
-    for (let externalSourceType of Object.values(UploaderBlock.extSrcList)) {
+    for (let externalSourceType of Object.values(ExternalUploadSource)) {
       this.registerType({
         type: externalSourceType,
         activity: ActivityBlock.activities.EXTERNAL,

blocks/UrlSource/UrlSource.js

@@ -13,7 +13,7 @@ export class UrlSource extends UploaderBlock {
       e.preventDefault();
 
       let url = this.ref.input['value'];
-      this.api.addFileFromUrl(url, { source: UploadSource.URL_TAB });
+      this.api.addFileFromUrl(url, { source: UploadSource.URL });
       this.$['*currentActivity'] = ActivityBlock.activities.UPLOAD_LIST;
     },
     onCancel: () => {

blocks/utils/UploadSource.js

@@ -1,8 +1,27 @@
+// @ts-check
+export const ExternalUploadSource = Object.freeze({
+  FACEBOOK: 'facebook',
+  DROPBOX: 'dropbox',
+  GDRIVE: 'gdrive',
+  GPHOTOS: 'gphotos',
+  INSTAGRAM: 'instagram',
+  FLICKR: 'flickr',
+  VK: 'vk',
+  EVERNOTE: 'evernote',
+  BOX: 'box',
+  ONEDRIVE: 'onedrive',
+  HUDDLE: 'huddle',
+});
+
 export const UploadSource = Object.freeze({
   LOCAL: 'local',
   DROP_AREA: 'drop-area',
-  URL_TAB: 'url-tab',
   CAMERA: 'camera',
   EXTERNAL: 'external',
   API: 'js-api',
+  URL: 'url',
+  DRAW: 'draw',
+  ...ExternalUploadSource,
 });
+
+/** @typedef {typeof UploadSource} SourceTypes */