feat: added defaultValue property in lr-config and upload image

Author: Egor Didenko

Diff for: abstract/UploaderBlock.js

@@ -11,7 +11,7 @@ import { serializeCsv } from '../blocks/utils/comma-separated.js';
 import { debounce } from '../blocks/utils/debounce.js';
 import { customUserAgent } from '../blocks/utils/userAgent.js';
 import { buildCollectionFileError, buildOutputFileError } from '../utils/buildOutputError.js';
-import { createCdnUrl, createCdnUrlModifiers } from '../utils/cdn-utils.js';
+import { createCdnUrl, createCdnUrlModifiers, extractUuid, isValidURL } from '../utils/cdn-utils.js';
 import { IMAGE_ACCEPT_LIST, fileIsImage, matchExtension, matchMimeType, mergeFileTypes } from '../utils/fileTypes.js';
 import { prettyBytes } from '../utils/prettyBytes.js';
 import { stringToArray } from '../utils/stringToArray.js';
@@ -21,6 +21,7 @@ import { TypedCollection } from './TypedCollection.js';
 import { buildOutputCollectionState } from './buildOutputCollectionState.js';
 import { uploadEntrySchema } from './uploadEntrySchema.js';
 import { parseCdnUrl } from '../utils/parseCdnUrl.js';
+
 export class UploaderBlock extends ActivityBlock {
   couldBeCtxOwner = false;
   isCtxOwner = false;
@@ -822,6 +823,18 @@ export class UploaderBlock extends ActivityBlock {
     return configValue;
   }
 
+  getDefaultValue() {
+    /** @type {string[]} */
+    // @ts-ignore
+    const list = this.cfg.defaultValue ?? [];
+
+    for (const key of list) {
+      const uuid = isValidURL(key) ? extractUuid(key) : key;
+
+      this.addFileFromUuid(uuid);
+    }
+  }
+
   /** @returns {import('@uploadcare/upload-client').FileFromOptions} */
   getUploadClientOptions() {
     let options = {

Diff for: blocks/Config/Config.js

@@ -13,7 +13,7 @@ const allConfigKeys = /** @type {(keyof import('../../types').ConfigType)[]} */
  *
  * @type {(keyof import('../../types').ConfigComplexType)[]}
  */
-const complexConfigKeys = ['metadata'];
+const complexConfigKeys = ['metadata', 'defaultValue'];
 
 /** @type {(key: keyof import('../../types').ConfigType) => key is keyof import('../../types').ConfigComplexType} */
 const isComplexKey = (key) => complexConfigKeys.includes(key);

Diff for: blocks/Config/initialConfig.js

@@ -58,4 +58,5 @@ export const initialConfig = {
   debug: false,
 
   metadata: null,
+  defaultValue: null,
 };

Diff for: blocks/UploadList/UploadList.js

@@ -142,6 +142,9 @@ export class UploadList extends UploaderBlock {
     this.subConfigValue('multiple', this._throttledHandleCollectionUpdate);
     this.subConfigValue('multipleMin', this._throttledHandleCollectionUpdate);
     this.subConfigValue('multipleMax', this._throttledHandleCollectionUpdate);
+    this.subConfigValue('defaultValue', () => {
+      this.getDefaultValue();
+    });
 
     this.sub('*currentActivity', (currentActivity) => {
       if (!this.couldOpenActivity && currentActivity === this.activityType) {

Diff for: types/exported.d.ts

@@ -48,8 +48,9 @@ export type ConfigType = {
   userAgentIntegration: string;
   debug: boolean;
   metadata: Metadata | MetadataCallback | null;
+  defaultValue: string[] | null;
 };
-export type ConfigComplexType = Pick<ConfigType, 'metadata'>;
+export type ConfigComplexType = Pick<ConfigType, 'metadata' | 'defaultValue'>;
 export type ConfigPlainType = Omit<ConfigType, keyof ConfigComplexType>;
 export type ConfigAttributesType = KebabCaseKeys<ConfigPlainType> & LowerCaseKeys<ConfigPlainType>;
 

Diff for: utils/cdn-utils.js

@@ -187,3 +187,12 @@ export const createOriginalUrl = (cdnUrl, uuid) => {
   url.pathname = uuid + '/';
   return url.toString();
 };
+
+export const isValidURL = (url) => {
+  try {
+    new URL(url);
+    return true;
+  } catch (error) {
+    return false;
+  }
+};