@scaleflex/widget-core 4.0.6 → 4.0.7-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -16
- package/package.json +4 -4
- package/CHANGELOG.md +0 -7496
package/README.md
CHANGED
|
@@ -14,22 +14,12 @@
|
|
|
14
14
|
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]
|
|
15
15
|
|
|
16
16
|
<div align='center'>
|
|
17
|
-
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate
|
|
17
|
+
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate%20Branding/%5B2025%5D%20ALL%20LOGOS%20+%20ICONS/SCALEFLEX/VXP%20logo/Horizontal%20Black/VXP%20logo%20BLACK.png?vh=13b506&w=300" width="300"/>
|
|
18
18
|
</div>
|
|
19
19
|
|
|
20
|
-
The **SMAW** is a file uploader and media gallery in one easy-to-integrate modal or inline widget. It is the storefront of the [**Scaleflex**](https://scaleflex.com) DAM (Digital Asset Management) and enables accelerated uploads through Scaleflex's content ingestion network and reverse CDN.
|
|
21
|
-
|
|
22
|
-
Various plugins like for example the [**Scaleflex Image Editor**](https://www.npmjs.com/package/@scaleflex/widget-image-editor/#scaleflexwidgetimage-editor) can be enabled to address use cases requiring the interaction with images, videos and static files in your web application. The modular architecture only loads relevant code, thus making the widget as lightweight as possible.
|
|
23
|
-
|
|
24
|
-
<!-- <img src="https://cdn.scaleflex.com/demo/widget-npm_v8.gif?vh=4780be" title="Overview of the widget GIF" alt="Overview of the widget GIF" width="600" /> -->
|
|
25
|
-
|
|
26
|
-
**[Check it live in action](https://cdn.scaleflex.com/plugins/widget/v4/demo/index.html)**
|
|
27
|
-
|
|
28
20
|
<details>
|
|
29
21
|
<summary>Table of contents</summary>
|
|
30
22
|
|
|
31
|
-
|
|
32
|
-
- [Scaleflex Media Asset Widget (SMAW)](#scaleflex-media-asset-widget-smaw)
|
|
33
23
|
- [What is the SMAW?](#what-is-the-smaw)
|
|
34
24
|
- [Installation (minimal drag and drop upload zone)](#installation-minimal-drag-and-drop-upload-zone)
|
|
35
25
|
- [ReactJS (over package manager)](#reactjs-over-package-manager)
|
|
@@ -42,7 +32,7 @@ Various plugins like for example the [**Scaleflex Image Editor**](https://www.np
|
|
|
42
32
|
- [Adding the progress panel](#adding-the-progress-panel)
|
|
43
33
|
- [Customizing the Uploader and listening to events](#customizing-the-uploader-and-listening-to-events)
|
|
44
34
|
- [Asset Picker mode (for searching and selecting assets from the Scaleflex DAM)](#asset-picker-mode-for-searching-and-selecting-assets-from-the-scaleflex-dam)
|
|
45
|
-
- [
|
|
35
|
+
- [Inserting selected selected assets into your application](#inserting-selected-selected-assets-into-your-application)
|
|
46
36
|
- [Customizing the Asset Picker experience](#customizing-the-asset-picker-experience)
|
|
47
37
|
- [Asset Manager mode (light DAM)](#asset-manager-mode-light-dam)
|
|
48
38
|
- [Documentation (Core package)](#documentation-core-package)
|
|
@@ -63,11 +53,11 @@ Various plugins like for example the [**Scaleflex Image Editor**](https://www.np
|
|
|
63
53
|
# What is the SMAW?
|
|
64
54
|
|
|
65
55
|
The **Scaleflex Media Asset Widget (SMAW)** is a combined file uploader and media library browser. It is the user-facing gateway to your Scaleflex Digital Asset Management (DAM), allowing users to upload files into a central storage or search in the DAM library, all through a unified widget from your host application.
|
|
66
|
-
It can be extended and customized by a robust ecosystem of [plugins](
|
|
56
|
+
It can be extended and customized by a robust ecosystem of [plugins](#user-content-core-package-and-plugins).
|
|
67
57
|
|
|
68
|
-
> Check out the
|
|
58
|
+
> Check out the <a href="https://scaleflex.cloudimg.io/v7/plugins/widget/v4/demo/index.html?func=proxy" target="_blank" rel="noopener noreferrer">interactive sandbox</a> to try the different widget modes and play with its parameters.
|
|
69
59
|
|
|
70
|
-
> You need a Scaleflex DAM account to use the SMAW. Get one
|
|
60
|
+
> You need a Scaleflex DAM account to use the SMAW. Get one <a href="https://www.scaleflex.com/filerobot-free-trial" target="_blank" rel="noopener noreferrer">here</a> for free.
|
|
71
61
|
|
|
72
62
|
**Key features:**
|
|
73
63
|
|
|
@@ -338,7 +328,7 @@ To customize the upload experience, you can use optional parameters from [Explor
|
|
|
338
328
|
- target folder through [*uploadToFolderPath*](https://www.npmjs.com/package/@scaleflex/widget-xhr-upload#uploadToFolderPath)
|
|
339
329
|
- upload limits and file format restrictions through [*restrictions*](https://www.npmjs.com/package/@scaleflex/widget-core#restrictions)
|
|
340
330
|
|
|
341
|
-
When the upload is completed, you can be notified via the `upload-success` event hook. The widget fires multiple events listed [here](https://www.npmjs.com/package/@scaleflex/widget-core#events).
|
|
331
|
+
When the upload is completed, you can be notified via the `upload-success` event hook. The widget fires multiple events listed [here](https://www.npmjs.com/package/@scaleflex/widget-core#events-and-callbacks).
|
|
342
332
|
|
|
343
333
|
## Asset Picker mode (for searching and selecting assets from the Scaleflex DAM)
|
|
344
334
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@scaleflex/widget-core",
|
|
3
3
|
"description": "Core module for the extensible JavaScript file upload widget with support for drag&drop, resumable uploads, previews, restrictions, file processing/encoding, remote providers like Instagram, Dropbox, Google Drive, Box, One Drive, S3 and more.",
|
|
4
|
-
"version": "4.0.
|
|
4
|
+
"version": "4.0.7-beta.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"style": "dist/style.min.css",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"@reduxjs/toolkit": "^1.9.5",
|
|
19
19
|
"@scaleflex/icons": "^3.0.0-beta.11",
|
|
20
20
|
"@scaleflex/ui": "^3.0.0-beta.11",
|
|
21
|
-
"@scaleflex/widget-utils": "^4.0.
|
|
21
|
+
"@scaleflex/widget-utils": "^4.0.7",
|
|
22
22
|
"@transloadit/prettier-bytes": "0.1.0",
|
|
23
23
|
"cuid": "^3.0.0",
|
|
24
24
|
"lodash.throttle": "^4.1.1",
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"react": ">=19.0.0",
|
|
35
35
|
"react-dom": ">=19.0.0"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
38
|
-
}
|
|
37
|
+
"gitHead": "a940492ab76142f7041379f9a8a1d0bc8367214f"
|
|
38
|
+
}
|