1.11.3 (2024-12-12)
1.11.2 (2024-12-12)
1.11.0 (2024-12-04)
- camera-tab: video recording (#755) (8173852)
- social-sourcesЖ redesign & batch file selection (#750) (db836e0)
1.10.0 (2024-11-02)
- locale added support for Finnish locale, enabling full application functionality in Finnish. (#753) (d6aecca)
1.9.0 (2024-10-04)
1.8.1 (2024-10-02)
1.8.0 (2024-09-24)
1.7.0 (2024-09-19)
1.6.0 (2024-09-02)
- a11y: add
aria-liveattribute to the file item elements to make the uploading status observable by the screen readers (#733) (649db3b) - output-file-entry: add
sourceproperty to theOutputFileEntryobject. This property indicated from which upload source the file was added: local, camera, dropbox etc. (#736) (6fe5bcd)
1.5.2 (2024-08-26)
1.5.1 (2024-08-21)
1.5.0 (2024-08-15)
- cloud-image-editor: little memory leak where cloud image editor was holding some references that prevents from context destroying (70a9b2b)
- a11y: Added title to button (#723) (3090304)
- public-upload-api: add method
getCurrentActivity(3f5b127) - public-upload-api: allow to switch activity to the cloud image editor with predefined file opened (ef663fa)
1.4.0 (2024-08-14)
1.3.0 (2024-08-08)
1.2.0 (2024-08-01)
- rename package
@uploadcare/blocksto@uploadcare/file-uploader - method
connectBlocksFromrenamed toloadFileUploaderFrom(d083cb7) - method
registerBlocksrenamed todefineComponents(606f8fc) - rename all prefixes from
lrtouc(#698) (e28f2af)
See the migration guide for details.
0.50.1 (2024-07-16)
0.50.0 (2024-07-16)
See the secureDeliveryProxyUrlResolver docs for details.
0.49.0 (2024-07-03)
See the migration guide for details.
0.48.1 (2024-07-02)
0.48.0 (2024-07-02)
0.47.0 (2024-07-02)
- Extract public api to the composition class at the Uploader API instance that you can get using
getAPI()method of thelr-upload-ctx-providerblock. (#676) (ea29dd2).
See the migration guide for details.
0.46.3 (2024-07-01)
0.46.2 (2024-07-01)
0.46.1 (2024-06-28)
0.46.0 (2024-06-24)
- Significant improvements to accessibility and keyboard navigation, enhancing user experience and inclusivity (#671) (4acb8a0)
0.45.0 (2024-06-23)
- The previously deprecated API method
setUploadMetadatahas been removed. Usemetadatainstance property onlr-configblock instead. See metadata for more details. - The previously deprecated API method
addFileshas been removed. UseaddFileFromObject,addFileFromUrloraddFileFromUuidinstead. See File Uploader API for more details.
See the migration guide for details.
0.44.0 (2024-06-21)
- All theme variables of the previous version are deprecated and won't affect the look anymore.
- The default button that opens the uploader dialog (SimpleBtn) component now uses independent variables.
- By default, the theme now uses OKLCH color space. You can still override it using other color spaces, but we recommend converting your colors to OKLCH.
See the migration guide for details.
Full styling docs are available here.
0.43.0 (2024-06-14)
- added
collectionValidatorsandfileValidators: Custom validators are now supported for collections and files. This enhancement allows for the addition of necessary checks for uploaded files and collections, providing flexibility and control over compliance with requirements (#667) (d3260b0). See docs here.
0.42.1 (2024-05-30)
0.42.0 (2024-05-30)
0.41.1 (2024-05-27)
0.41.0 (2024-05-24)
- add
secureDeliveryProxyUrlResolveroption (c7cfcd0). See docs here. - add
secureUploadsExpireThresholdoption (0d9205d). See docs here. - add
secureUploadsSignatureResolveroption (226d36f). See docs here.
0.40.0 (2024-05-17)
- Icons are moved from CSS custom properties to SVG sprites. Overriding icons is
now done via the
iconHrefResolveroption. See the migration guide for details.
- image-editor: check for imageSize before commit (cdb87b4)
- image-editor: define icons size via css (080439f)
- load svg icons as sprite (9cf4c07)
0.39.1 (2024-05-15)
0.39.0 (2024-05-07)
0.38.3 (2024-05-07)
0.38.2 (2024-04-29)
0.38.1 (2024-04-29)
- upload-list: set fixed modal container width to avoid bouncy width (could lead to some l10n ui width glitches but we're ok with them) (#648) (167af55)
0.38.0 (2024-04-25)
- CSS configuration deprecated in v0.25.0 is removed. See the migration guide for v0.25.0 for more details.
- Localizations are removed from CSS.
Now we have a special APIdefineLocale, andlocale-nameandlocale-definition-overrideoptions. See the migration guide for more details.
0.37.0 (2024-04-15)
- activity switch races (#643) (fe365da)
- define config DOM property accessors on the class prototype to make it compatible with framework bindings (#638) (d47baf0)
0.36.0 (2024-03-21)
0.35.2 (2024-03-08)
0.35.1 (2024-03-07)
0.35.0 (2024-03-07)
0.34.0 (2024-03-05)
- show camera system dialog when camera is the only source (95f0287)
- specify camera input accept attribute value as simple
image/*to prevent OS to show unrelated sources (video/audio) (5ecacba) - switch camera source output format to JPEG to make it shrinkable (6da4212)
- add
cameraCaptureoption to specify inpit capture attribute value (9a77057) - lr-upload-ctx-provider: add method
addFileFromCdnUrlto add already uploaded files with predefined cdn url modifiers (#617) (8043d08) - lr-upload-ctx-provider: add method
removeFileByInternalId(#618) (c2492eb)
0.33.2 (2024-02-20)
0.33.1 (2024-02-20)
0.33.0 (2024-02-16)
0.32.4 (2024-02-15)
- cloud-image-editor: disable image enter transition (2abe55f)
- cloud-image-editor: weird ui glitches when updating
cdnUrlon change (c264c64)
0.32.3 (2024-02-13)
0.32.2 (2024-02-12)
0.32.1 (2024-02-06)
0.32.0 (2024-02-05)
- Global events are removed. I.e.
window.addEventListener('LR_UPLOAD_FINISH', ...)will not work anymore. Now you need to uselr-upload-ctx-providerblock to subscribe to the events. See the migration guide for more details. - All existing events and their payloads are changed. See the migration guide for more details.
lr-data-outputblock is removed.- To handle HTML forms you need to use
lr-form-inputblock. - Groups output moved to the
lr-upload-ctx-providerevents - Console debugging output now enabled with the
debugattribute onlr-config
- To handle HTML forms you need to use
lr-message-boxblock is removed.
See the migration guide for more details.
0.31.1 (2024-01-30)
0.31.0 (2024-01-29)
- lr-img: preview blur (f42967a)
0.30.9 (2024-01-18)
- cloud-image-editor: ignore unsupported cdn operations and print console warning (#587) (503eaae)
- external-source: disallow to select multiple files when multiple mode is off (#589) (d5c43cd)
0.30.8 (2023-12-29)
- shadow-wrapper: do not call success callback on the second
css-srcattribute change (#583) (eb9618a)
0.30.7 (2023-12-27)
- lr-img: Do not append
-/format/auto/and-/quality/smart/by default to the resulting CDN URL. Now, the defaults of these settings are preserved within the project settings on the dashboard. See the release notes for the Auto formatting and CDN updates.
- lr-img:: Ignore breakpoints config when applying
image-setfor the background image usingis-background-foroption.
0.30.6 (2023-12-20)
- upload-ctx-provider: execute destroy context callback async to ensure all sync callbacks are run (#575) (cbb9a21)
0.30.5 (2023-12-07)
- activity-block: check for the
*modalActivekey presence in state before subscribing it (0e50b4f) - destroy upload collection when the last block in context is being destroyed (42e501a)
0.30.4 (2023-12-06)
- activity: run activity deactivation callback when modal became closed (2e84268)
- cloud-image-editor: do no try to update image when element is disconnected from DOM (1b417a9)
- cloud-image-editor: init
*tabIdglobal state key in the main editor block instead of deeper toolbar block (511d3e1) - start-from: add missing scroll area (680a282)
- window-height-tracker: prevent infinite loop (7576ece)
0.30.3 (2023-12-04)
- block: destroy both local and global contexts (bdd4a33)
- cloud-image-editor: destroy context (deb9d25)
- config: do not overwrite config values inside context (c1f6a0f)
- drop-area: destroy global registry context if there are no items inside (ad89e56)
- img: destroy context (05ba451)
- typed-collection: destroy context (a7c136d)
- upload-collection: destroy upload collection (bcc4d46)
0.30.2 (2023-12-01)
- start-from: styles (#566) (7367b1d)
- upload-ctx-provider: run parent init callback before accessing event emitter (#565) (a313c5c)
0.30.1 (2023-11-30)
0.30.0 (2023-11-14)
- drop-area: show pointer on clickable drop areas (6990cd4)
- add
cancelbutton on the start from activity (#554) (44bd845) - move global events to the
lr-upload-ctx-providerscope (c452eeb)
0.29.1 (2023-10-31)
- modal: buggy click handlers to close modal on outside click (#551) (8949948)
- types: bump @uploadcare/upload-client with fixed types for
imageInfo.datetimeOriginal(#550) (8babfab)
0.29.0 (2023-10-27)
- add property
fullPathto the output entry (9e4707f) - pass output entry to the metadata callback (9153826)
config.metadata = (fileEntry) => ({
type: 'cat',
fileName: fileEntry.name,
fullPath: fileEntry.fullPath,
});0.28.0 (2023-10-26)
Before: The LR_DATA_OUTPUT event only contained uploaded files and fired only when a file was uploaded, deleted, or edited.
Now: The LR_DATA_OUTPUT event now includes all the files in the upload list, including those not yet uploaded, and it fires whenever there is any change in the file list.
The event firing is debounced with a 100ms delay. So, in this event, you receive a complete snapshot of the upload list's state. *Please note that if the file hasn't been uploaded yet, the data will be incomplete. Properties such as uuid, cdnUrl and others will not be accessible. Before accessing them, you should check the isUploaded flag, which is described below.
window.addEventListener('LR_DATA_OUTPUT', (e) => {
const entries = e.detail.data;
for (const entry of entries) {
if (entry.isUploaded) {
console.log('Uploaded', entry.uuid);
} else {
console.log('Not uploaded', entry.uploadProgress);
}
}
});- make
LR_DATA_OUTPUTevent frequent and contain all the files (69105e4)
Before: The lr-data-output event mirrors the LR_DATA_OUTPUT event. When the group-output option is enabled or the use-group attribute is present, it always creates a group for the file list.
Now: The lr-data-output event mirrors the LR_DATA_OUTPUT event. When the group-output option is enabled or the use-group attribute is present, a group is only created if all files are uploaded, and there are no validation errors.
Otherwise, the event contains undefined groupData and a list of files.
The following events are affected:
LR_DATA_OUTPUTLR_UPLOAD_FINISHLR_REMOVELR_UPLOAD_STARTlr-data-output
What file properties have been added:
validationErrorMessage: string | null; // message with the validation error
uploadError: Error | null; // error object with the upload error
file: File | Blob | null; // file object
externalUrl: string | null; // external URL for the file (when uploading from URL or external source)
isValid: boolean; // is file valid (passed validation checks)
isUploaded: boolean; // is file uploaded
uploadProgress: number; // upload progress in percents- add new properties to the output file entry (2821bf3)
- lr-data-output: improve native form validation (c329d4c)
- lr-config: validate passed settings (6012581)
- show inline validation message for the
multiple-minrequirement check fail (8af0fec)
0.27.6 (2023-10-20)
0.27.5 (2023-10-19)
0.27.4 (2023-10-12)
- require
ctx-nameattribute for all the public blocks and wait for it with 300ms timeout (11d5a94)
0.27.3 (2023-10-10)
- cloud-image-editor: make
crop-presetandtabsattributes reactive (8545c71) - uploader: append
previewoperation when setting initial crop withcrop-presetdefined (5f1036c)
0.27.2 (2023-10-10)
0.27.1 (2023-10-06)
0.27.0 (2023-10-06)
- drag-n-drop: do not show drop cursor when it's not over the drop target (05a08dc)
- simple-btn: add flag to toggle drop-zone (5f4fae2)
Example:
class CustomSimpleBtn extends LR.SimpleBtn {
dropzone = false;
}
LR.registerBlocks({ ...LR, SimpleBtn: CustomSimpleBtn });or
<lr-simple-btn dropzone="false"></lr-simple-btn>0.26.0 (2023-10-03)
Defines the list of tabs in the cloud image editor. See the configuration reference for more details.
- cloud-image-editor: add ability to hide unnecessary editor tabs (crop, tuning or filters) (af15f51)
Defines the crop behavior. When uploading images, your users can select a crop area with defined aspect ratio. See the configuration reference for more details.
- cloud-image-editor: add crop preset setting (923f4ca)
- uploader: force defined aspect ration for the output images (26eda66)
- external-sources: add files to the upload list after done button click (0089370)
0.25.6 (2023-09-01)
0.25.5 (2023-08-28)
0.25.4 (2023-08-08)
- add-file-from: handle upload collection initial state when called before initialization (6f932d3)
- inline: show upload list if there are any file in the list (96e44e6)
- minimal: show upload list if there are any file in the list (174c4a7)
0.25.3 (2023-08-08)
0.25.2 (2023-08-07)
0.25.1 (2023-07-24)
0.25.0 (2023-07-24)
-
Configuration in CSS is now deprecated. Although it currently works, it will be removed shortly. In lieu of this, we are introducing a new lr-config block for configuration definitions.
-
The
css-srcattribute is now required on solution blocks. This implies that the use of Shadow DOM is enforced. -
The
ctx-nameattribute is required for the each block on the page. -
Method
setUploadMetadatais deprecated in favour ofmetadataDOM property on thelr-configblock. -
CloudEditor(lr-cloud-editor) solution block is renamed toCloudImageEditor(lr-cloud-image-editor). -
CloudImageEditor(lr-cloud-image-editor) activity is was renamed toCloudImageEditorActivity(lr-cloud-image-editor-activity). -
All solution bundles are prefixed with
lr-prefix:
file-uploader-regular.min.js->lr-file-uploader-regular.min.jsfile-uploader-regular.min.css->lr-file-uploader-regular.min.cssfile-uploader-inline.min.js->lr-file-uploader-inline.min.jsfile-uploader-inline.min.css->lr-file-uploader-inline.min.cssfile-uploader-minimal.min.js->lr-file-uploader-minimal.min.jsfile-uploader-minimal.min.css->lr-file-uploader-minimal.min.css
- Solution bundles do not automatically register blocks. You will need to manually register them:
import * as LR from 'https://cdn.jsdelivr.net/npm/@uploadcare/blocks/web/lr-file-uploader-regular.min.js';
LR.registerBlocks(LR);-
Bundle
blocks.iife.jsis renamed toblocks.iife.min.js. -
Bundle
blocks-browser.min.jsis deprecated. Useblocks.iife.min.jsinstead.
This migration guide is also available at: https://uploadcare.com/docs/file-uploader/migration-to-0.25.0/
First and foremost, you need to shift all the configuration from CSS to the lr-config block.
For instance, if you have the following CSS:
.config {
--ctx-name: 'my-uploader';
--cfg-pubkey: 'YOUR_PUBLIC_KEY';
--cfg-multiple-min: 0;
--cfg-multiple-max: 3;
}Move it to the lr-config block:
<lr-config ctx-name="my-uploader" pubkey="YOUR_PUBLIC_KEY" multiple-min="0" multiple-max="3"></lr-config>Subsequently, you should link your solution block to the lr-config block using the ctx-name attribute:
<lr-file-uploader-regular
ctx-name="my-uploader"
css-src="https://cdn.jsdelivr.net/npm/@uploadcare/blocks/web/lr-file-uploader-regular.min.css"
></lr-file-uploader-regular>The property names remain the same but without the --cfg prefix. For example,
--cfg-pubkey becomes simply pubkey.
See the [configuration reference][file-uploader-configuration] for more details.
If you have dynamically updated CSS configuration like this:
const uploader = document.querySelector('lr-file-uploader-regular');
uploader.style.setProperty('--cfg-pubkey', 'YOUR_PUBLIC_KEY');
const uploaderCtx = document.querySelector('lr-upload-ctx-provider');
uploaderCtx.updateCtxCssData();You need to update it to the following:
const config = document.querySelector('lr-config');
config.setAttribute('pubkey', 'YOUR_PUBLIC_KEY'); // using attribute
config.pubkey = 'YOUR_PUBLIC_KEY'; // or using DOM propertyBoth attributes and DOM properties are reactive so you don't need to call
updateCtxCssData anymore.
Shadow DOM is now enforced for all the solution blocks. It means that you need
to use css-src attribute to attach CSS to the block.
If you previously attached CSS to the global like this:
<link href="https://cdn.jsdelivr.net/npm/@uploadcare/blocks/web/lr-file-uploader-regular.min.css" rel="stylesheet" />
<lr-file-uploader-regular class="lr-wgt-common"></lr-file-uploader-regular>You need to use css-src attribute instead:
<lr-file-uploader-regular
css-src="https://cdn.jsdelivr.net/npm/@uploadcare/blocks/web/lr-file-uploader-regular.min.css"
></lr-file-uploader-regular>(Other attributes are omitted for brevity)
ctx-name attribute is required for all the blocks now even if you have only
one block on the page. It's used to wire blocks to the lr-config block. For
example:
<lr-config ctx-name="my-uploader"></lr-config>
<lr-file-uploader-regular ctx-name="my-uploader"></lr-file-uploader-regular>
<lr-upload-ctx-provider ctx-name="my-uploader"></lr-upload-ctx-provider>
<lr-data-output ctx-name="my-uploader"></lr-data-output>(Other attributes are omitted for brevity)
If you was using setUploadMetadata method like this:
uploaderCtxProvider.setUploadMetadata({ foo: 'bar' });You need to replace it with metadata DOM property on the lr-config block:
const config = document.querySelector('lr-config');
config.metadata = { foo: 'bar' };
// or
config.metadata = () => Promise.resolve({ foo: 'bar' });See the [configuration reference][file-uploader-option-metadata] for more details.
If you was using standalone lr-cloud-editor solution block, you need to rename
it to lr-cloud-image-editor like this:
<lr-cloud-image-editor
uuid="7c167b79-9f27-4489-8032-3f3be1840605"
css-src="https://cdn.jsdelivr.net/npm/@uploadcare/blocks/web/lr-cloud-image-editor.min.css"
ctx-name="my-editor"
></lr-cloud-image-editor>If you was using lr-cloud-image-editor activity block inside your custom
Symbiote.js templates, you need to rename it to lr-cloud-image-editor-activity
like this:
FileUploaderRegular.template = /* HTML */ `
<lr-simple-btn></lr-simple-btn>
<lr-modal strokes block-body-scrolling>
<lr-start-from>
<lr-drop-area with-icon clickable></lr-drop-area>
<lr-source-list wrap></lr-source-list>
<lr-copyright></lr-copyright>
</lr-start-from>
<lr-upload-list></lr-upload-list>
<lr-camera-source></lr-camera-source>
<lr-url-source></lr-url-source>
<lr-external-source></lr-external-source>
<lr-cloud-image-editor-activity></lr-cloud-image-editor-activity>
<!-- here it is -->
</lr-modal>
<lr-message-box></lr-message-box>
<lr-progress-bar-common></lr-progress-bar-common>
`;Just rename all the imports according to the following table:
| Old name | New name |
|---|---|
file-uploader-regular.min.js |
lr-file-uploader-regular.min.js |
file-uploader-regular.min.css |
lr-file-uploader-regular.min.css |
file-uploader-inline.min.js |
lr-file-uploader-inline.min.js |
file-uploader-inline.min.css |
lr-file-uploader-inline.min.css |
file-uploader-minimal.min.js |
lr-file-uploader-minimal.min.js |
file-uploader-minimal.min.css |
lr-file-uploader-minimal.min.css |
For example:
<script type="module">
import * as LR from 'https://cdn.jsdelivr.net/npm/@uploadcare/blocks/web/file-uploader-regular.min.js';
LR.registerBlocks(LR);
</script>
<lr-config ctx-name="my-uploader" pubkey="YOUR_PUBLIC_KEY"></lr-config>
<lr-file-uploader-regular
ctx-name="my-uploader"
css-src="https://cdn.jsdelivr.net/npm/@uploadcare/blocks/web/file-uploader-regular.min.css"
></lr-file-uploader-regular>Became:
<script type="module">
import * as LR from 'https://cdn.jsdelivr.net/npm/@uploadcare/blocks/web/lr-file-uploader-regular.min.js';
LR.registerBlocks(LR);
</script>
<lr-config ctx-name="my-uploader" pubkey="YOUR_PUBLIC_KEY"></lr-config>
<lr-file-uploader-regular
ctx-name="my-uploader"
css-src="https://cdn.jsdelivr.net/npm/@uploadcare/blocks/web/lr-file-uploader-regular.min.css"
></lr-file-uploader-regular>If you have installed blocks using min.js bundles, you need to call
registerBlocks manually:
<script type="module">
import * as LR from 'https://cdn.jsdelivr.net/npm/@uploadcare/blocks/web/lr-file-uploader-regular.min.js';
LR.registerBlocks(LR);
</script>If you previously used the blocks.iife.js bundle, you need to rename it to
blocks.iife.min.js as follows:
<script src="https://cdn.jsdelivr.net/npm/@uploadcare/blocks/web/blocks.iife.min.js" async />If you were using the connectBlocksFrom method in conjunction with the
blocks-browser.min.js bundle, you need to rename it to blocks.iife.min.js,
as shown below:
connectBlocksFrom('https://cdn.jsdelivr.net/npm/@uploadcare/blocks/web/blocks.iife.min.js').then((LR) => {
LR.registerBlocks(LR);
// ...
});If you were using blocks-browser.min.js via a script tag with type="module",
you need to rename it to blocks.min.js, as shown below:
<script type="module">
import * as LR from 'https://cdn.jsdelivr.net/npm/@uploadcare/blocks/web/blocks.min.js';
LR.registerBlocks(LR);
</script>If you were using blocks-browser.min.js via a script tag without
type="module", you need to rename it to blocks.iife.min.js, as shown below:
<script src="https://cdn.jsdelivr.net/npm/@uploadcare/blocks/web/blocks.iife.min.js" async />0.24.2 (2023-07-20)
- update readme
0.24.1 (2023-06-27)
0.24.0 (2023-06-21)
- drag-n-drop: copy
typevalue fromDataTransferItemtoFileSystemFileEntrywhen doing drag'n'drop becauseFileSystemFileEntrydon't resolve type for HEIC (832ed55) - get
mimeTypefrom upload API from bothcontentInfoand provided type (33cf2f7) - validation: skip client validation if mime type or file name aren't available (0d7a96f)
0.23.0 (2023-06-14)
- add
uploadAllmethod to trigger upload (db69508) - add separate
addFileFromUrl,addFileFromUuidandaddFileFromObject(b5a89c4)
- method
addFilesis deprecated in favour ofaddFileFromUrl,addFileFromUuidandaddFileFromObjectabove
// `silent` option supresses `LR_UPLOAD_FINISH` event
// `fileName` options specifies file name
uploaderCtx.addFileFromUrl(url: string, { silent?: boolean, fileName?: string } = {});
uploaderCtx.addFileFromUuid(uuid: string, { silent?: boolean, fileName?: string } = {});
uploaderCtx.addFileFromObject(file: File, { silent?: boolean, fileName?: string } = {});
// Trigger uploading. Useful with `--cfg-confirm-upload: 1;` to force uploading predefined files.
uploaderCtx.uploadAll();0.22.13 (2023-06-14)
- external-source: safari iframe height (#479) (88b54d8)
- instagram: scaled & cropped photos (#484) (9f71221)
0.22.12 (2023-06-09)
- add IIFE bundle
web/blocks.iife.js(#480)
0.22.11 (2023-06-08)
0.22.10 (2023-06-08)
0.22.9 (2023-06-05)
0.22.8 (2023-05-31)
0.22.7 (2023-05-29)
0.22.6 (2023-05-26)
- cloud-editor: init editor on initCallback instead of connectedCallback to prevent cases when editor init is going before the block init (#467) (f6d92fd)
0.22.5 (2023-05-26)
- do not use host-context unsupported in firefox and safari (7ab7a98)
0.22.4 (2023-05-23)
- file-item: do not validate local files if no mime type provided (this is the case for drag'n'dropped HEICs) (e47497e)
- file-item: validate file extensions along with the mime types (b89ea0e)
0.22.3 (2023-05-19)
- external-source: configurable social base url (0cd7f94)
- drop-area: fix detection of the active dropzone (97dbb32)
- drop-area: prevent flickering on file being dragged before init (72b76a7)
- file-uploader-inline: update missing
init$usage that was leading to crash (51a7b10)
0.22.2 (2023-05-17)
- add empty export to the blocks-browser bundle to fix working under isolatedModules (#451) (683fb2b)
- cloud-editor: extend from ShadowWrapper (3c518a5)
- cloud-editor: solution bundle (89ad5af)
0.22.1 (2023-05-15)
- copyright: hide whole
lr-copyrightblock if it's disabled (2550d20) - get rid of
ctxOwnerflag due to it's buggy behaviour (6c5f374)
0.22.0 (2023-05-12)
- file-item: error while rewoke thumb (9dc73ff)
- progress-bar-common: ignore pointer events when not active (e6ddbf6)
- Don't show block re-registration warnings for the same block components
- Run upload requests in the queue (ed9d6de)
0.21.7 (2023-05-03)
- bump @uploadcare/upload-client to fix issues with Buffer polyfilling by CDNs (esm.sh, skypack) (#442) (afd1d7d)
0.21.6 (2023-04-28)
- file-uploader-inline: add
flex: 1css property to fill all available space inside flex column container (#439) (a781d20) - package.json: add types to exports field (#440) (718f432)
0.21.5 (2023-04-27)
0.21.4 (2023-04-27)
0.21.3 (2023-04-27)
0.21.2 (2023-04-27)
0.21.1 (2023-04-25)
- activity-block: reset current activity (e72f15c)
- activity-header: button colors in the darkmode (6c29b47)
- block: update css data when block is connected to the DOM only (23a99e2)
- drop-area: disable and hide drop area if local sources are not allowed (cf6bc8a)
- external-source: reactive style updates (bb6838b)
- message-box: reduce background lightness in the darkmode (221bd05)
- shadow-wrapper: prepend css-src style instead of append to make easier to override styles via
shadowStyles(7941e40) - simple-btn: safari icon fractional scaling (4400acd)
- solutions: export LR from web bundles (d5e718c)
- source-list: update children when source list is empty (75cbbd4)
- stub package exports for SSR (d528184)
- upload-list: do not try to handle file collection update while being disconnected from DOM (ef6f101)
0.21.0 (2023-04-19)
- add
--cfg-external-sources-preferred-typesoption to configure preferred mime types for the external sources (1d4e645)
0.20.1 (2023-04-11)
0.20.0 (2023-04-10)
- file-item: make ui reactive to css data (5d64a05)
- simple-btn: prevent dropzone flickering on initial render (82d9c1d)
- types: add type stub for
lr-upload-ctx-provider(560502f) - uploader-block: add missing external source types to the UploaderBlock's
sourceTypesstatic property (0a7c2fc)
- add
--cfg-remove-copyrightoption (e128953) - block: add method
updateCtxCssDatato update css data for all the blocks in the context (5a89749)
0.19.0 (2023-03-10)
- cloud-editor: refetch image on container resize (67ea66f)
- cloud-editor: use resize observer to wait for non-zero container size (5686965)
0.18.1 (2023-03-09)
- docs: set cloud-editor examples body height (#398) (690760e)
- lr-data-output: create dynamic inputs container even if
input-requiredis not defined (#401) (cdfce56)
0.18.0 (2023-02-17)
- modal: backdrop color definition (d8fcf51)
- modal: do not manipulate
openattr if dialog is supported (4a286b9)
- data-output: add
input-requiredattribute (0fb1370) - file-uploader-minimal: include
lr-data-outputto the bundle (a6e7802)
0.17.1 (2023-02-14)
0.17.0 (2023-02-08)
- cloud-image-editor: dispatch events with
bubbleandcomposedflags (58733c4) - cloud-image-editor: fix extraction of
filteroperation with undefined value (351b080) - cloud-image-editor: pause render until container get non-zero size (1e5a4a8)
- cloud-image-editor: Add
changeevent (1fff5fb)
0.16.1 (2023-02-06)
- do not call init flow without user interaction (#380) (be100a5)
- file-uploader-inline: show back button (#381) (cb83ebe)
0.16.0 (2023-02-03)
- file-uploader-inline: hide close button (4026508)
- add
LR_DONE_FLOWandLR_INIT_FLOWevents (b5828ad)
0.15.2 (2023-02-03)
0.15.1 (2023-02-02)
0.15.0 (2023-01-31)
We are excited to announce the launch of a brand-new design. This new design offers a more modern look and feels, making it easier and faster to use. We have also made several other UI improvements, such as improved navigation and a better overall user experience. We hope you enjoy the new design and experience.
If you haven't used custom templates, then there shouldn't be any breaking changes for you.
If you're using custom templates, you will need to update them to comply with the new version's default template.
- Content of
<lr-start-from />component was modified <lr-confirmation-dialog />was removed
Here is the basic template for the <lr-file-uploader-regular /> component:
<lr-simple-btn></lr-simple-btn>
<lr-modal strokes block-body-scrolling>
<lr-start-from>
<lr-drop-area with-icon clickable></lr-drop-area>
<lr-source-list wrap></lr-source-list>
<lr-copyright></lr-copyright>
</lr-start-from>
<lr-upload-list></lr-upload-list>
<lr-camera-source></lr-camera-source>
<lr-url-source></lr-url-source>
<lr-external-source></lr-external-source>
<lr-cloud-image-editor></lr-cloud-image-editor>
</lr-modal>
<lr-message-box></lr-message-box>
<lr-progress-bar-common></lr-progress-bar-common>- image-editor: restore transformations state from the cdn url (32b1858)
- shadow-wrapper: hide container until css load (ef9c552)
- specify image types for file input capture accept, fixes Firefox on Android (99b5f4f)
- allow custom pluralizers (62ecffb)
- do not confirm upload list clearing (c90c57a)
- show
cloud editorinstead ofupload details(036be6c) - drop-area: fullscreen mode
- upload-list: show upload errors inside file item
0.14.3 (2022-12-20)
- data-output: pass files or group URL to the hidden input (160b08f)
- events: emit
LR_DATA_OUTPUTon image edit (fa30140) - events: pass the whole file info object to to the
LR_CLOUD_MODIFICATIONevent (38440bd) - single source behaviour (#343) (d2929de)
0.14.2 (2022-11-22)
0.14.1 (2022-10-26)
- fix processing escaped css property values in Firefox
0.14.0 (2022-10-26)
- external-source: prevent iframe height overflow (4fc669b)
- store: set store to
autoby default (464a5ce)
- Block: use real window height instead of 100vh (577981e)
- camera-source: show user media denied error to the user (b4d167d)
- modal: use native
dialogelement & close modal on outside click (5ec02e0)
0.13.0 (2022-10-17)
- drop-area: open modal on files drop (6c112a8)
- simple-button: show drop area on files drag (25fa023)
0.12.4 (2022-10-11)
- modal: disable stroked backdrop by default (970b590)
0.12.3 (2022-10-10)
- register-blocks: remove optional chaining usage (935c8f3)
0.12.2 (2022-10-08)
- connect-blocks-from: remove optional chaining usage (f93ab07)
0.12.1 (2022-10-05)
0.12.0 (2022-10-03)
- count blocks number in the registry and unobserve upload collection when there are no any registred blocks (9134f9b)
- file-uploader-minimal: add missing translations (#291) (2ee8964)
- add export of
ShadowWrapper(6fedc7c)
0.11.1 (2022-09-28)
- file-item: check file mime type before upload (0ced1ef)
- file-item: check for allowed mime types list length before match (16cabec)
- file-item: do not handle empty mime types (3ce3e95)
- file-item: skip
isImagecheck for the external files before upload (7f19457) - uploader-block: fix array destructuring mistake (09d57f6)
0.11.0 (2022-09-26)
- lr-image: return data: and blob: sources as is (e83518b)
- lr-image: set provided custom
cdn-cnamewhen uuid attr passed (ff04d93) - svg image preview rendering in firefox (1231951)
- lr-image: don't proxify already uploaded images (4d0dc0d)
0.10.3 (2022-09-23)
- file-item: uploading from external url (typo) (#281) (ed5c741)
- unobserve upload collection on destroy (#282) (2c871e1)
0.10.2 (2022-09-22)
0.10.1 (2022-09-20)
- file-item: prevent flickering (d04ec9d)
- file-item: regenerate thumb on image edit (15e567d)
- rework history (f7e39f9)
- upload-list: do not close modal automatically if
--cfg-confirm-uploadenabled (68f3e93)
0.10.0 (2022-09-19)
- file-item: calculate state in the single place (8eb5f6e)
- file-item: proper request abort, restore state on new entry, optimize thumb generation (60038f2)
- upload-list: enable
Uploadbutton if any file isn't started uploading (9b980c4) - uploader-block: do not history back if no any files in the collection (34bbb7e)
- typed-collection: check type with instanceof (409feec)
- typed-collection: notify subscribers about added and removed items (624c282)
0.9.4 (2022-09-13)
- do not use
structuredClonedue to unsupport in safari <= 15.3 (#257) (8708b08) - message-box: specify text-align for message (#254) (2561eb6)
0.9.3 (2022-09-09)
- abort uploading on item remove (c53d730)
- core: deep clone shared initial state before use it (f48e7f3)
- file-uploader-minimal: add missing icons (91f08b4)
- file-uploader-minimal: do not show empty list (15c1fb4)
- upload-list: do not call upload done callback on empty list (522a8cb)
- upload-list: wrong scrollable content height on safari 15.3 (#248) (60573d8)
0.9.2 (2022-09-02)
0.9.1 (2022-08-31)
- DropArea > prevent activity change on empty list (f65806e)
0.9.0 (2022-08-31)
0.8.1 (2022-08-26)
- cloud-image-editor: errors while edit image multiple times (#232) (743220d)
- ctx-owner rendering issue (React) (0365765)
0.8.0 (2022-08-23)
- #BLOCKS-130 (165d9d2), closes #BLOCKS-130
- data output call bound to upload state and uploaded items removal + lr-img fix (863fe99)
- double slash bug with --cfg-cdn-cname trailing slash (6a121c9)
- merge issues (ba48502)
- modal layout in Safari (52bbc4a)
- TS error (f0babf1)
- add clickable attribute to DropArea (d486788)
- connectBlocksFrom added (4c80a97)
- custom base upload URL support (6d03fd1)
- drag-n-drop page img (0ec0e69)
- lr-drop-area is-image validation support (3bc8ae5)
- workflow evens (7709a1d)
0.7.2 (2022-08-11)
0.7.1 (2022-08-04)
- file-uploader-minimal: ensure current activity is always present (33ee804)
0.7.0 (2022-08-04)
- cloud-editor: create own context (db97b19)
- data-output: do not set value property (88c5deb)
- file-item: call IntersectionObserver.unobserve in the right places (3216ad7)
- move TypedCollection and TypedData from symbiote to our repo (#211) (eb99ce7)
- specify side-effects for .css files (#210) (30d7e51)
- use zero specific css selectors for common classes to allow user to override styles (#209) (959931b)
- volume range behavior (aede13b)
0.6.0 (2022-07-14)
0.5.2 (2022-07-07)
0.5.1 (2022-07-06)
- camera-source with symbiote updated (5d136e4)
0.5.0 (2022-07-06)
- TS fix (ed631f8)
0.4.1 (2022-06-29)
- add missing FileUploaderInline export (1fa0888)
- bump upload-client version (5b1df67)
- cloud-editor: do not initialize --cfg-cdn-cname with empty string (07a770b)
0.4.0 (2022-06-22)
- camera settings not depends to activity (7cd54c0)
- symbiote path (1e06783)
- ts error (55aae04)
- ts error (46fbfcf)
- ts errors in node_modules =( (a0ce5b5)
- add
setUploadMetadatapublic api method (#172) (d3b7301) - static docs generation (d8cf4e1)
- test:light (29106de)
0.3.0 (2022-06-15)
- add
type=buttonto all the buttons to prevent form submit (e681ca5) - FileItem: error icon (094eb7b)
- TS fix (72f6a91)
- upload-details: handle not-uploaded images and clear canvase before preview render (d522818)
- upload-details: render preview image with
format/autoandpreviewoperations (7c30d29) - upload-details: show/hide
cloud editbutton properly (b2efe40)
- add
--cfg-cdn-cnameoption (#154) - add
--cfg-preview-proxyoption state (#157) - add
--cfg-secure-expireand--cfg-secure-signature(#156) - cloud-image-editor: add separate config for the solution (f6b1726)
- Img: secure delivery support (a14baa1)
- optional grouping output support (3f9b23c)
- passthrough upload-client options (80c2226)
0.2.0 (2022-05-17)
- app-shell backdrop fallback for Firefox (f18ecc5)
- minor bugs (#149) (d88aff7)
- pass
cdnUrlModifiersto the output (#125) (c521c72)
current-activityattr (#124) (134adeb)remote-tab-session-key(#127) (66ca253)- file-max-size (#152) (e626a82)
- implement minmax files count limitation (#143) (dd46f04)
- make
--cfg-img-onlyoption work (#151) (fd3ff99) - uc-img src (dc4bae3)
0.1.3 (2022-04-27)
- uc-image breakpoint duplicates (8d3b542)
0.1.2 (2022-04-25)
0.1.1 (2022-04-21)
0.1.0 (2022-04-21)
- blocks page navigation (aba948f)
- camera-source: l10n fix (ddc1abd)
- closing slash for uc-img src + common test updates (7dc5e17)
- closing slash for uc-img src 2 (50d3ce0)
- cloud editor styles and behaviour (5a3fcec)
- cloud-image-editor: retry network button (b2ff5e0)
- edit button visibility (c45c60f)
- excess render calls for the FileItem on "Add more" (655747a)
- external source type (832d269)
- live-html indents (137d6a8)
- regular uploader demo (149d0c2)
- single source flow + minimal case activity (ff8c335)
- styles for modal sizes & content scrolls (892e3ea)
- app-shell (test) (be01d8a)
- app-shell (test) (0fd91bc)
- github contribution templates and conditions added (7c75ead)
- single source flow handle (a899c15)
- single source handle (ad7b8ce)
- single source handle WIP (5f19625)
- uc-image solution (340349a)
- uc-live-html - remove excess tree indents for innerHTML (920cbd4)