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/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 */

index.js

@@ -44,6 +44,7 @@ export { defineComponents } from './abstract/defineComponents.js';
 export { defineLocale } from './abstract/localeRegistry.js';
 export { loadFileUploaderFrom } from './abstract/loadFileUploaderFrom.js';
 export { toKebabCase } from './utils/toKebabCase.js';
+export { UploadSource, ExternalUploadSource } from './blocks/utils/UploadSource.js';
 
 export * from './env.js';