From ef8a1a8b7c325bc50acfe49a7f80a8ae719039c0 Mon Sep 17 00:00:00 2001 From: nd0ut Date: Thu, 20 Jun 2024 14:03:42 +0300 Subject: [PATCH 01/13] Update angular example --- examples/angular-uploader/package-lock.json | 8 ++++---- examples/angular-uploader/package.json | 2 +- .../file-uploader/file-uploader.component.html | 7 ++++--- .../file-uploader/file-uploader.component.scss | 17 +++++------------ 4 files changed, 14 insertions(+), 20 deletions(-) diff --git a/examples/angular-uploader/package-lock.json b/examples/angular-uploader/package-lock.json index 4a29b6b..18a3a82 100644 --- a/examples/angular-uploader/package-lock.json +++ b/examples/angular-uploader/package-lock.json @@ -15,7 +15,7 @@ "@angular/platform-browser": "17.0.9", "@angular/platform-browser-dynamic": "17.0.9", "@angular/router": "17.0.9", - "@uploadcare/blocks": "0.39.0", + "@uploadcare/blocks": "0.44.0-alpha.20", "rxjs": "7.4.0", "tslib": "2.3.1", "zone.js": "0.14.4" @@ -5657,9 +5657,9 @@ } }, "node_modules/@uploadcare/blocks": { - "version": "0.39.0", - "resolved": "https://registry.npmjs.org/@uploadcare/blocks/-/blocks-0.39.0.tgz", - "integrity": "sha512-30dozifYnNnI0GIaVImNcM1QCkzh/XsbRQO0H9QEyC6KUkwaY2hz3fkzrcS4MrVZKJ+aZZ89IK5swve4wEDldg==", + "version": "0.44.0-alpha.20", + "resolved": "https://registry.npmjs.org/@uploadcare/blocks/-/blocks-0.44.0-alpha.20.tgz", + "integrity": "sha512-y2gQwHY9ysDZLWaUhuBAWJc1Df7KO9pbBdL2T0HrmUmexfX1/nHMElGD5T2TFSpGmt9NBi80p1Btrh+0CRnySQ==", "dependencies": { "@symbiotejs/symbiote": "^1.11.7", "@uploadcare/image-shrink": "^6.14.1", diff --git a/examples/angular-uploader/package.json b/examples/angular-uploader/package.json index aa10841..3a0e5b1 100644 --- a/examples/angular-uploader/package.json +++ b/examples/angular-uploader/package.json @@ -17,7 +17,7 @@ "@angular/platform-browser": "17.0.9", "@angular/platform-browser-dynamic": "17.0.9", "@angular/router": "17.0.9", - "@uploadcare/blocks": "0.39.0", + "@uploadcare/blocks": "0.44.0-alpha.20", "rxjs": "7.4.0", "tslib": "2.3.1", "zone.js": "0.14.4" diff --git a/examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.html b/examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.html index 594dacc..386cff5 100644 --- a/examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.html +++ b/examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.html @@ -7,9 +7,9 @@ Available options: https://uploadcare.com/docs/file-uploader/options/ Also note: Some options currently are not available via `lr-config`, - but may be set via CSS properties. E.g. `darkmode`. + but may be set via CSS properties or CSS classes. E.g. accent colors or darkmode - Here they are: https://github.com/uploadcare/blocks/blob/main/blocks/themes/lr-basic/config.css + Here they are: https://uploadcare.com/docs/file-uploader/styling/ --> Date: Thu, 20 Jun 2024 14:10:36 +0300 Subject: [PATCH 02/13] Update js example --- examples/composition/package-lock.json | 2 +- examples/composition/package.json | 2 +- examples/js-uploader/headless.html | 81 +----- examples/js-uploader/headless.js | 73 ++++++ examples/js-uploader/minimal.html | 116 ++------- examples/js-uploader/minimal.js | 62 +++++ examples/js-uploader/package-lock.json | 239 +++++++++++++++--- examples/js-uploader/package.json | 6 +- examples/js-uploader/regular.html | 67 +---- examples/js-uploader/regular.js | 62 +++++ examples/js-uploader/styles.css | 5 - .../next-uploader-adapter/package-lock.json | 2 +- examples/next-uploader/package-lock.json | 2 +- examples/next-uploader/package.json | 2 +- .../react-uploader-adapter/package-lock.json | 2 +- examples/react-uploader/package-lock.json | 8 +- examples/react-uploader/package.json | 2 +- examples/svelte-uploader/package-lock.json | 2 +- examples/svelte-uploader/package.json | 2 +- examples/vue-uploader/package-lock.json | 2 +- examples/vue-uploader/package.json | 2 +- 21 files changed, 455 insertions(+), 286 deletions(-) create mode 100644 examples/js-uploader/headless.js create mode 100644 examples/js-uploader/minimal.js create mode 100644 examples/js-uploader/regular.js diff --git a/examples/composition/package-lock.json b/examples/composition/package-lock.json index 72a0e8f..edf7a19 100644 --- a/examples/composition/package-lock.json +++ b/examples/composition/package-lock.json @@ -8,7 +8,7 @@ "name": "composition", "version": "0.1.0", "dependencies": { - "@uploadcare/blocks": "0.30.5" + "@uploadcare/blocks": "0.44.0-alpha.20" }, "devDependencies": { "@splidejs/splide": "4.1.4", diff --git a/examples/composition/package.json b/examples/composition/package.json index e093a24..4158456 100644 --- a/examples/composition/package.json +++ b/examples/composition/package.json @@ -15,6 +15,6 @@ "vite": "4.5.2" }, "dependencies": { - "@uploadcare/blocks": "0.30.5" + "@uploadcare/blocks": "0.44.0-alpha.20" } } diff --git a/examples/js-uploader/headless.html b/examples/js-uploader/headless.html index 370b67d..a1d1421 100644 --- a/examples/js-uploader/headless.html +++ b/examples/js-uploader/headless.html @@ -7,9 +7,7 @@ - - + @@ -20,86 +18,11 @@
- +
- - \ No newline at end of file diff --git a/examples/js-uploader/headless.js b/examples/js-uploader/headless.js new file mode 100644 index 0000000..565d05d --- /dev/null +++ b/examples/js-uploader/headless.js @@ -0,0 +1,73 @@ +import * as LR from "@uploadcare/blocks/web/lr-file-uploader-regular.min.js"; +import "@uploadcare/blocks/web/lr-file-uploader-regular.min.css"; +import "./styles.css"; + +LR.registerBlocks(LR); + +const providerNode = document.getElementById("my-uploader-provider"); +const previewsNode = document.getElementById("previews"); +const customButtonNode = document.getElementById("custom-button"); + +/* + Note: Here we use provider's API to init flow File Uploader state. + We use it here to show users how to use headless mode and work with File Uploader. + + See more: https://uploadcare.com/docs/file-uploader/api/ + */ + +const initFlow = () => providerNode.initFlow(); +customButtonNode.addEventListener("click", initFlow); + +/* + Note: Event binding is the main way to get data and other info from File Uploader. + There plenty of events you may use. + + See more: https://uploadcare.com/docs/file-uploader/events/ + */ +providerNode.addEventListener("change", handleChangeEvent); + +function handleChangeEvent(e) { + console.log("change event payload:", e); + + renderFiles(e.detail.allEntries.filter((f) => f.status === "success")); +} + +function renderFiles(files) { + const renderedFiles = files.map((file) => { + const fileNode = document.createElement("div"); + fileNode.setAttribute("class", "preview-wrapper"); + + const imgNode = document.createElement("img"); + imgNode.setAttribute("class", "preview-image"); + imgNode.setAttribute("src", file.cdnUrl + "/-/preview/-/resize/x400/"); + imgNode.setAttribute("width", "200"); + imgNode.setAttribute("height", "200"); + imgNode.setAttribute("alt", file.fileInfo.originalFilename); + imgNode.setAttribute("title", file.fileInfo.originalFilename); + + const imgNameNode = document.createElement("p"); + imgNameNode.setAttribute("class", "preview-data"); + imgNameNode.textContent = `${file.fileInfo.originalFilename}`; + + const imgSizeNode = document.createElement("p"); + imgSizeNode.setAttribute("class", "preview-data"); + imgSizeNode.textContent = `${formatSize(file.fileInfo.size)}`; + + fileNode.append(imgNode, imgNameNode, imgSizeNode); + + return fileNode; + }); + + previewsNode.replaceChildren(...renderedFiles); +} + +function formatSize(bytes) { + if (!bytes) return "0 Bytes"; + + const k = 1024; + const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"]; + + const i = Math.floor(Math.log(bytes) / Math.log(k)); + + return `${parseFloat((bytes / k ** i).toFixed(2))} ${sizes[i]}`; +} diff --git a/examples/js-uploader/minimal.html b/examples/js-uploader/minimal.html index 9b61f72..8140dc5 100644 --- a/examples/js-uploader/minimal.html +++ b/examples/js-uploader/minimal.html @@ -1,94 +1,28 @@ - - Uploadcare JS Minimal Example - - - - - - - - -

- ← All JS Examples -

-
- - - - -
- - - + + Uploadcare JS Minimal Example + + + + + + + +

+ ← All JS Examples +

+
+ + + + +
+ diff --git a/examples/js-uploader/minimal.js b/examples/js-uploader/minimal.js new file mode 100644 index 0000000..89836b7 --- /dev/null +++ b/examples/js-uploader/minimal.js @@ -0,0 +1,62 @@ +import * as LR from "@uploadcare/blocks/web/lr-file-uploader-minimal.min.js"; +import "@uploadcare/blocks/web/lr-file-uploader-minimal.min.css"; +import "./styles.css"; + +LR.registerBlocks(LR); + +const providerNode = document.getElementById("my-uploader-provider"); +const previewsNode = document.getElementById("previews"); + +/* + Note: Event binding is the main way to get data and other info from File Uploader. + There plenty of events you may use. + + See more: https://uploadcare.com/docs/file-uploader/events/ + */ +providerNode.addEventListener("change", handleChangeEvent); + +function handleChangeEvent(e) { + console.log("change event payload:", e); + + renderFiles(e.detail.allEntries.filter((f) => f.status === "success")); +} + +function renderFiles(files) { + const renderedFiles = files.map((file) => { + const fileNode = document.createElement("div"); + fileNode.setAttribute("class", "preview-wrapper"); + + const imgNode = document.createElement("img"); + imgNode.setAttribute("class", "preview-image"); + imgNode.setAttribute("src", file.cdnUrl + "/-/preview/-/resize/x400/"); + imgNode.setAttribute("width", "200"); + imgNode.setAttribute("height", "200"); + imgNode.setAttribute("alt", file.fileInfo.originalFilename); + imgNode.setAttribute("title", file.fileInfo.originalFilename); + + const imgNameNode = document.createElement("p"); + imgNameNode.setAttribute("class", "preview-data"); + imgNameNode.textContent = `${file.fileInfo.originalFilename}`; + + const imgSizeNode = document.createElement("p"); + imgSizeNode.setAttribute("class", "preview-data"); + imgSizeNode.textContent = `${formatSize(file.fileInfo.size)}`; + + fileNode.append(imgNode, imgNameNode, imgSizeNode); + + return fileNode; + }); + + previewsNode.replaceChildren(...renderedFiles); +} + +function formatSize(bytes) { + if (!bytes) return "0 Bytes"; + + const k = 1024; + const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"]; + + const i = Math.floor(Math.log(bytes) / Math.log(k)); + + return `${parseFloat((bytes / k ** i).toFixed(2))} ${sizes[i]}`; +} diff --git a/examples/js-uploader/package-lock.json b/examples/js-uploader/package-lock.json index b12bb15..22b799a 100644 --- a/examples/js-uploader/package-lock.json +++ b/examples/js-uploader/package-lock.json @@ -9,7 +9,10 @@ "version": "0.1.0", "dependencies": { "@codesandbox/nodebox": "0.1.9", - "serve": "14.2.1" + "@uploadcare/blocks": "^0.44.0-alpha.14" + }, + "devDependencies": { + "serve": "^14.2.3" } }, "node_modules/@codesandbox/nodebox": { @@ -21,15 +24,49 @@ "strict-event-emitter": "^0.4.3" } }, + "node_modules/@symbiotejs/symbiote": { + "version": "1.11.7", + "resolved": "https://registry.npmjs.org/@symbiotejs/symbiote/-/symbiote-1.11.7.tgz", + "integrity": "sha512-fUOJwzuldeApJ533YeTdrfnpp4nsA+ss1eiNBodX7RHf4LnhPB2Z9HP4fF3m2YhKYnxK0whjXaKA+wrxTRP5qA==" + }, + "node_modules/@uploadcare/blocks": { + "version": "0.44.0-alpha.14", + "resolved": "https://registry.npmjs.org/@uploadcare/blocks/-/blocks-0.44.0-alpha.14.tgz", + "integrity": "sha512-y2gQwHY9ysDZLWaUhuBAWJc1Df7KO9pbBdL2T0HrmUmexfX1/nHMElGD5T2TFSpGmt9NBi80p1Btrh+0CRnySQ==", + "dependencies": { + "@symbiotejs/symbiote": "^1.11.7", + "@uploadcare/image-shrink": "^6.14.1", + "@uploadcare/upload-client": "^6.14.1" + } + }, + "node_modules/@uploadcare/image-shrink": { + "version": "6.14.1", + "resolved": "https://registry.npmjs.org/@uploadcare/image-shrink/-/image-shrink-6.14.1.tgz", + "integrity": "sha512-r3uu+9xsgqNqL5hvBya7RDDQVPMpTF12C1MRN80O1H6ITVvWLfngtmUbP44qg7YhAraLoynDJlkmHMiHanCw0w==" + }, + "node_modules/@uploadcare/upload-client": { + "version": "6.14.1", + "resolved": "https://registry.npmjs.org/@uploadcare/upload-client/-/upload-client-6.14.1.tgz", + "integrity": "sha512-GvXLq6GGyXHjq7tebfv3IqHFpMzuOSuNPOhwCcNPquUbwoAlTEFPLjB2Ir/EZUuCtTWowluLjo4LPDQwvHbqyA==", + "dependencies": { + "form-data": "^4.0.0", + "ws": "^8.2.3" + }, + "engines": { + "node": ">=16" + } + }, "node_modules/@zeit/schemas": { - "version": "2.29.0", - "resolved": "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.29.0.tgz", - "integrity": "sha512-g5QiLIfbg3pLuYUJPlisNKY+epQJTcMDsOnVNkscrDP1oi7vmJnzOANYJI/1pZcVJ6umUkBv3aFtlg1UvUHGzA==" + "version": "2.36.0", + "resolved": "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.36.0.tgz", + "integrity": "sha512-7kjMwcChYEzMKjeex9ZFXkt1AyNov9R5HZtjBKVsmVpw7pa7ZtlCGvCBC2vnnXctaYN+aRI61HjIqeetZW5ROg==", + "dev": true }, "node_modules/accepts": { "version": "1.3.8", "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz", "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==", + "dev": true, "dependencies": { "mime-types": "~2.1.34", "negotiator": "0.6.3" @@ -39,9 +76,10 @@ } }, "node_modules/ajv": { - "version": "8.11.0", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz", - "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==", + "version": "8.12.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz", + "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==", + "dev": true, "dependencies": { "fast-deep-equal": "^3.1.1", "json-schema-traverse": "^1.0.0", @@ -57,6 +95,7 @@ "version": "3.0.1", "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz", "integrity": "sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==", + "dev": true, "dependencies": { "string-width": "^4.1.0" } @@ -65,6 +104,7 @@ "version": "5.0.1", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, "engines": { "node": ">=8" } @@ -72,12 +112,14 @@ "node_modules/ansi-align/node_modules/emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==" + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true }, "node_modules/ansi-align/node_modules/string-width": { "version": "4.2.3", "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", @@ -91,6 +133,7 @@ "version": "6.0.1", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, "dependencies": { "ansi-regex": "^5.0.1" }, @@ -102,6 +145,7 @@ "version": "6.0.1", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", + "dev": true, "engines": { "node": ">=12" }, @@ -113,6 +157,7 @@ "version": "6.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "dev": true, "engines": { "node": ">=12" }, @@ -124,6 +169,7 @@ "version": "2.2.0", "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz", "integrity": "sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==", + "dev": true, "funding": [ { "type": "github", @@ -142,17 +188,25 @@ "node_modules/arg": { "version": "5.0.2", "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz", - "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==" + "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==", + "dev": true + }, + "node_modules/asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==" }, "node_modules/balanced-match": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", - "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==" + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true }, "node_modules/boxen": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/boxen/-/boxen-7.0.0.tgz", "integrity": "sha512-j//dBVuyacJbvW+tvZ9HuH03fZ46QcaKvvhZickZqtB271DxJ7SNRSNxrV/dZX0085m7hISRZWbzWlJvx/rHSg==", + "dev": true, "dependencies": { "ansi-align": "^3.0.1", "camelcase": "^7.0.0", @@ -174,6 +228,7 @@ "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -183,6 +238,7 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==", + "dev": true, "engines": { "node": ">= 0.8" } @@ -191,6 +247,7 @@ "version": "7.0.1", "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-7.0.1.tgz", "integrity": "sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==", + "dev": true, "engines": { "node": ">=14.16" }, @@ -202,6 +259,7 @@ "version": "5.0.1", "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.0.1.tgz", "integrity": "sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==", + "dev": true, "engines": { "node": "^12.17.0 || ^14.13 || >=16.0.0" }, @@ -213,6 +271,7 @@ "version": "0.4.0", "resolved": "https://registry.npmjs.org/chalk-template/-/chalk-template-0.4.0.tgz", "integrity": "sha512-/ghrgmhfY8RaSdeo43hNXxpoHAtxdbskUHjPpfqUWGttFgycUhYPGx3YZBCnUCvOa7Doivn1IZec3DEGFoMgLg==", + "dev": true, "dependencies": { "chalk": "^4.1.2" }, @@ -227,6 +286,7 @@ "version": "4.3.0", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, "dependencies": { "color-convert": "^2.0.1" }, @@ -241,6 +301,7 @@ "version": "4.1.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -256,6 +317,7 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-3.0.0.tgz", "integrity": "sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==", + "dev": true, "engines": { "node": ">=10" }, @@ -267,6 +329,7 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/clipboardy/-/clipboardy-3.0.0.tgz", "integrity": "sha512-Su+uU5sr1jkUy1sGRpLKjKrvEOVXgSgiSInwa/qeID6aJ07yh+5NWc3h2QfjHjBnfX4LhtFcuAWKUsJ3r+fjbg==", + "dev": true, "dependencies": { "arch": "^2.2.0", "execa": "^5.1.1", @@ -283,6 +346,7 @@ "version": "2.0.1", "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, "dependencies": { "color-name": "~1.1.4" }, @@ -293,12 +357,25 @@ "node_modules/color-name": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "dependencies": { + "delayed-stream": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } }, "node_modules/compressible": { "version": "2.0.18", "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz", "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==", + "dev": true, "dependencies": { "mime-db": ">= 1.43.0 < 2" }, @@ -310,6 +387,7 @@ "version": "1.7.4", "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz", "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==", + "dev": true, "dependencies": { "accepts": "~1.3.5", "bytes": "3.0.0", @@ -326,12 +404,14 @@ "node_modules/concat-map": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", - "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==" + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true }, "node_modules/content-disposition": { "version": "0.5.2", "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", "integrity": "sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==", + "dev": true, "engines": { "node": ">= 0.6" } @@ -340,6 +420,7 @@ "version": "7.0.3", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "dev": true, "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", @@ -353,6 +434,7 @@ "version": "2.6.9", "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, "dependencies": { "ms": "2.0.0" } @@ -361,24 +443,36 @@ "version": "0.6.0", "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz", "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==", + "dev": true, "engines": { "node": ">=4.0.0" } }, + "node_modules/delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", + "engines": { + "node": ">=0.4.0" + } + }, "node_modules/eastasianwidth": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", - "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==" + "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", + "dev": true }, "node_modules/emoji-regex": { "version": "9.2.2", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", - "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==" + "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", + "dev": true }, "node_modules/execa": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz", "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==", + "dev": true, "dependencies": { "cross-spawn": "^7.0.3", "get-stream": "^6.0.0", @@ -400,20 +494,36 @@ "node_modules/fast-deep-equal": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", - "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==" + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true }, "node_modules/fast-url-parser": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/fast-url-parser/-/fast-url-parser-1.1.3.tgz", "integrity": "sha512-5jOCVXADYNuRkKFzNJ0dCCewsZiYo0dz8QNYljkOpFC6r2U4OBmKtvm/Tsuh4w1YYdDqDb31a8TVhBJ2OJKdqQ==", + "dev": true, "dependencies": { "punycode": "^1.3.2" } }, + "node_modules/form-data": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", + "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 6" + } + }, "node_modules/get-stream": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz", "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==", + "dev": true, "engines": { "node": ">=10" }, @@ -425,6 +535,7 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, "engines": { "node": ">=8" } @@ -433,6 +544,7 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz", "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==", + "dev": true, "engines": { "node": ">=10.17.0" } @@ -440,12 +552,14 @@ "node_modules/ini": { "version": "1.3.8", "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", - "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==" + "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==", + "dev": true }, "node_modules/is-docker": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz", "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==", + "dev": true, "bin": { "is-docker": "cli.js" }, @@ -460,6 +574,7 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true, "engines": { "node": ">=8" } @@ -468,6 +583,7 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/is-port-reachable/-/is-port-reachable-4.0.0.tgz", "integrity": "sha512-9UoipoxYmSk6Xy7QFgRv2HDyaysmgSG75TFQs6S+3pDM7ZhKTF/bskZV+0UlABHzKjNVhPjYCLfeZUEg1wXxig==", + "dev": true, "engines": { "node": "^12.20.0 || ^14.13.1 || >=16.0.0" }, @@ -479,6 +595,7 @@ "version": "2.0.1", "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz", "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==", + "dev": true, "engines": { "node": ">=8" }, @@ -490,6 +607,7 @@ "version": "2.2.0", "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==", + "dev": true, "dependencies": { "is-docker": "^2.0.0" }, @@ -500,17 +618,20 @@ "node_modules/isexe": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", - "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==" + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true }, "node_modules/json-schema-traverse": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", - "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==" + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", + "dev": true }, "node_modules/merge-stream": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz", - "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==" + "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==", + "dev": true }, "node_modules/mime-db": { "version": "1.52.0", @@ -535,6 +656,7 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==", + "dev": true, "engines": { "node": ">=6" } @@ -543,6 +665,7 @@ "version": "3.1.2", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, "dependencies": { "brace-expansion": "^1.1.7" }, @@ -554,6 +677,7 @@ "version": "1.2.8", "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz", "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==", + "dev": true, "funding": { "url": "https://github.com/sponsors/ljharb" } @@ -561,12 +685,14 @@ "node_modules/ms": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==" + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true }, "node_modules/negotiator": { "version": "0.6.3", "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==", + "dev": true, "engines": { "node": ">= 0.6" } @@ -575,6 +701,7 @@ "version": "4.0.1", "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz", "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==", + "dev": true, "dependencies": { "path-key": "^3.0.0" }, @@ -586,6 +713,7 @@ "version": "1.0.2", "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz", "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==", + "dev": true, "engines": { "node": ">= 0.8" } @@ -594,6 +722,7 @@ "version": "5.1.2", "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz", "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==", + "dev": true, "dependencies": { "mimic-fn": "^2.1.0" }, @@ -612,12 +741,14 @@ "node_modules/path-is-inside": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz", - "integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==" + "integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==", + "dev": true }, "node_modules/path-key": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true, "engines": { "node": ">=8" } @@ -625,17 +756,20 @@ "node_modules/path-to-regexp": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-2.2.1.tgz", - "integrity": "sha512-gu9bD6Ta5bwGrrU8muHzVOBFFREpp2iRkVfhBJahwJ6p6Xw20SjT0MxLnwkjOibQmGSYhiUnf2FLe7k+jcFmGQ==" + "integrity": "sha512-gu9bD6Ta5bwGrrU8muHzVOBFFREpp2iRkVfhBJahwJ6p6Xw20SjT0MxLnwkjOibQmGSYhiUnf2FLe7k+jcFmGQ==", + "dev": true }, "node_modules/punycode": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", - "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==" + "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==", + "dev": true }, "node_modules/range-parser": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz", "integrity": "sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==", + "dev": true, "engines": { "node": ">= 0.6" } @@ -644,6 +778,7 @@ "version": "1.2.8", "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz", "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==", + "dev": true, "dependencies": { "deep-extend": "^0.6.0", "ini": "~1.3.0", @@ -658,6 +793,7 @@ "version": "3.3.2", "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.3.2.tgz", "integrity": "sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==", + "dev": true, "dependencies": { "rc": "^1.1.6", "safe-buffer": "^5.0.1" @@ -667,6 +803,7 @@ "version": "3.1.0", "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-3.1.0.tgz", "integrity": "sha512-ZbgR5aZEdf4UKZVBPYIgaglBmSF2Hi94s2PcIHhRGFjKYu+chjJdYfHn4rt3hB6eCKLJ8giVIIfgMa1ehDfZKA==", + "dev": true, "dependencies": { "rc": "^1.0.1" }, @@ -678,6 +815,7 @@ "version": "2.0.2", "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", + "dev": true, "engines": { "node": ">=0.10.0" } @@ -685,15 +823,17 @@ "node_modules/safe-buffer": { "version": "5.1.2", "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true }, "node_modules/serve": { - "version": "14.2.1", - "resolved": "https://registry.npmjs.org/serve/-/serve-14.2.1.tgz", - "integrity": "sha512-48er5fzHh7GCShLnNyPBRPEjs2I6QBozeGr02gaacROiyS/8ARADlj595j39iZXAqBbJHH/ivJJyPRWY9sQWZA==", + "version": "14.2.3", + "resolved": "https://registry.npmjs.org/serve/-/serve-14.2.3.tgz", + "integrity": "sha512-VqUFMC7K3LDGeGnJM9h56D3XGKb6KGgOw0cVNtA26yYXHCcpxf3xwCTUaQoWlVS7i8Jdh3GjQkOB23qsXyjoyQ==", + "dev": true, "dependencies": { - "@zeit/schemas": "2.29.0", - "ajv": "8.11.0", + "@zeit/schemas": "2.36.0", + "ajv": "8.12.0", "arg": "5.0.2", "boxen": "7.0.0", "chalk": "5.0.1", @@ -715,6 +855,7 @@ "version": "6.1.5", "resolved": "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.5.tgz", "integrity": "sha512-ijPFle6Hwe8zfmBxJdE+5fta53fdIY0lHISJvuikXB3VYFafRjMRpOffSPvCYsbKyBA7pvy9oYr/BT1O3EArlg==", + "dev": true, "dependencies": { "bytes": "3.0.0", "content-disposition": "0.5.2", @@ -730,6 +871,7 @@ "version": "1.33.0", "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz", "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==", + "dev": true, "engines": { "node": ">= 0.6" } @@ -738,6 +880,7 @@ "version": "2.1.18", "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz", "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==", + "dev": true, "dependencies": { "mime-db": "~1.33.0" }, @@ -749,6 +892,7 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, "dependencies": { "shebang-regex": "^3.0.0" }, @@ -760,6 +904,7 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true, "engines": { "node": ">=8" } @@ -767,7 +912,8 @@ "node_modules/signal-exit": { "version": "3.0.7", "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", - "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==" + "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", + "dev": true }, "node_modules/strict-event-emitter": { "version": "0.4.6", @@ -778,6 +924,7 @@ "version": "5.1.2", "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", + "dev": true, "dependencies": { "eastasianwidth": "^0.2.0", "emoji-regex": "^9.2.2", @@ -794,6 +941,7 @@ "version": "7.1.0", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "dev": true, "dependencies": { "ansi-regex": "^6.0.1" }, @@ -808,6 +956,7 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz", "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==", + "dev": true, "engines": { "node": ">=6" } @@ -816,6 +965,7 @@ "version": "2.0.1", "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz", "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==", + "dev": true, "engines": { "node": ">=0.10.0" } @@ -824,6 +974,7 @@ "version": "7.2.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, "dependencies": { "has-flag": "^4.0.0" }, @@ -835,6 +986,7 @@ "version": "2.19.0", "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz", "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==", + "dev": true, "engines": { "node": ">=12.20" }, @@ -846,6 +998,7 @@ "version": "1.5.4", "resolved": "https://registry.npmjs.org/update-check/-/update-check-1.5.4.tgz", "integrity": "sha512-5YHsflzHP4t1G+8WGPlvKbJEbAJGCgw+Em+dGR1KmBUbr1J36SJBqlHLjR7oob7sco5hWHGQVcr9B2poIVDDTQ==", + "dev": true, "dependencies": { "registry-auth-token": "3.3.2", "registry-url": "3.1.0" @@ -855,6 +1008,7 @@ "version": "4.4.1", "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", + "dev": true, "dependencies": { "punycode": "^2.1.0" } @@ -863,6 +1017,7 @@ "version": "2.3.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", + "dev": true, "engines": { "node": ">=6" } @@ -871,6 +1026,7 @@ "version": "1.1.2", "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==", + "dev": true, "engines": { "node": ">= 0.8" } @@ -879,6 +1035,7 @@ "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, "dependencies": { "isexe": "^2.0.0" }, @@ -893,6 +1050,7 @@ "version": "4.0.1", "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-4.0.1.tgz", "integrity": "sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==", + "dev": true, "dependencies": { "string-width": "^5.0.1" }, @@ -907,6 +1065,7 @@ "version": "8.1.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", + "dev": true, "dependencies": { "ansi-styles": "^6.1.0", "string-width": "^5.0.1", @@ -918,6 +1077,26 @@ "funding": { "url": "https://github.com/chalk/wrap-ansi?sponsor=1" } + }, + "node_modules/ws": { + "version": "8.17.1", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz", + "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==", + "engines": { + "node": ">=10.0.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": ">=5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } + } } } } diff --git a/examples/js-uploader/package.json b/examples/js-uploader/package.json index 6dbb059..18c47b6 100644 --- a/examples/js-uploader/package.json +++ b/examples/js-uploader/package.json @@ -2,12 +2,16 @@ "name": "js-uploader", "version": "0.1.0", "private": true, + "type": "module", "scripts": { "start": "serve -p 8080", "build": "rm -rf dist && mkdir dist && cp index.html minimal.html regular.html dist" }, "dependencies": { "@codesandbox/nodebox": "0.1.9", - "serve": "14.2.1" + "@uploadcare/blocks": "^0.44.0-alpha.14" + }, + "devDependencies": { + "serve": "^14.2.3" } } diff --git a/examples/js-uploader/regular.html b/examples/js-uploader/regular.html index fba57cb..c4daf40 100644 --- a/examples/js-uploader/regular.html +++ b/examples/js-uploader/regular.html @@ -6,8 +6,7 @@ - - +

@@ -21,6 +20,7 @@ >

- - diff --git a/examples/js-uploader/regular.js b/examples/js-uploader/regular.js new file mode 100644 index 0000000..6e402d5 --- /dev/null +++ b/examples/js-uploader/regular.js @@ -0,0 +1,62 @@ +import * as LR from "@uploadcare/blocks/web/lr-file-uploader-regular.min.js"; +import "@uploadcare/blocks/web/lr-file-uploader-regular.min.css"; +import "./styles.css"; + +LR.registerBlocks(LR); + +const providerNode = document.getElementById("my-uploader-provider"); +const previewsNode = document.getElementById("previews"); + +/* + Note: Event binding is the main way to get data and other info from File Uploader. + There plenty of events you may use. + + See more: https://uploadcare.com/docs/file-uploader/events/ + */ +providerNode.addEventListener("change", handleChangeEvent); + +function handleChangeEvent(e) { + console.log("change event payload:", e); + + renderFiles(e.detail.allEntries.filter((f) => f.status === "success")); +} + +function renderFiles(files) { + const renderedFiles = files.map((file) => { + const fileNode = document.createElement("div"); + fileNode.setAttribute("class", "preview-wrapper"); + + const imgNode = document.createElement("img"); + imgNode.setAttribute("class", "preview-image"); + imgNode.setAttribute("src", file.cdnUrl + "/-/preview/-/resize/x400/"); + imgNode.setAttribute("width", "200"); + imgNode.setAttribute("height", "200"); + imgNode.setAttribute("alt", file.fileInfo.originalFilename); + imgNode.setAttribute("title", file.fileInfo.originalFilename); + + const imgNameNode = document.createElement("p"); + imgNameNode.setAttribute("class", "preview-data"); + imgNameNode.textContent = `${file.fileInfo.originalFilename}`; + + const imgSizeNode = document.createElement("p"); + imgSizeNode.setAttribute("class", "preview-data"); + imgSizeNode.textContent = `${formatSize(file.fileInfo.size)}`; + + fileNode.append(imgNode, imgNameNode, imgSizeNode); + + return fileNode; + }); + + previewsNode.replaceChildren(...renderedFiles); +} + +function formatSize(bytes) { + if (!bytes) return "0 Bytes"; + + const k = 1024; + const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"]; + + const i = Math.floor(Math.log(bytes) / Math.log(k)); + + return `${parseFloat((bytes / k ** i).toFixed(2))} ${sizes[i]}`; +} diff --git a/examples/js-uploader/styles.css b/examples/js-uploader/styles.css index 58679cc..4b393c7 100644 --- a/examples/js-uploader/styles.css +++ b/examples/js-uploader/styles.css @@ -10,14 +10,9 @@ p { } a:link, a:hover, a:active, a:visited { - color: blue; text-decoration: none; } -a:hover { - color: darkblue; -} - hr { border: none; border-top: 1px solid whitesmoke; diff --git a/examples/next-uploader-adapter/package-lock.json b/examples/next-uploader-adapter/package-lock.json index 543fe8e..0867afb 100644 --- a/examples/next-uploader-adapter/package-lock.json +++ b/examples/next-uploader-adapter/package-lock.json @@ -579,7 +579,7 @@ "resolved": "https://registry.npmjs.org/@uploadcare/react-uploader/-/react-uploader-0.5.0.tgz", "integrity": "sha512-88gqQ9I1t+aob6pWDsBDQpfICVGIKGOVai2bYd2AznUA6fclJ0T0RATtpRIOP5xMCDQL5LpSQ9tk+3wUN1uzZw==", "dependencies": { - "@uploadcare/blocks": "^0.39.1", + "@uploadcare/blocks": "0.44.0-alpha.20", "@uploadcare/react-adapter": "^0.3.0" }, "peerDependencies": { diff --git a/examples/next-uploader/package-lock.json b/examples/next-uploader/package-lock.json index 653c582..7e7c9ec 100644 --- a/examples/next-uploader/package-lock.json +++ b/examples/next-uploader/package-lock.json @@ -8,7 +8,7 @@ "name": "next-uploader", "version": "0.1.0", "dependencies": { - "@uploadcare/blocks": "0.39.0", + "@uploadcare/blocks": "0.44.0-alpha.20", "next": "13.5.6", "react": "18.2.0", "react-dom": "^18.2.0" diff --git a/examples/next-uploader/package.json b/examples/next-uploader/package.json index a66c46f..8757fb7 100644 --- a/examples/next-uploader/package.json +++ b/examples/next-uploader/package.json @@ -8,7 +8,7 @@ "start": "npm run dev" }, "dependencies": { - "@uploadcare/blocks": "0.39.0", + "@uploadcare/blocks": "0.44.0-alpha.20", "next": "13.5.6", "react": "18.2.0", "react-dom": "^18.2.0" diff --git a/examples/react-uploader-adapter/package-lock.json b/examples/react-uploader-adapter/package-lock.json index 50b6c68..eefc4d4 100644 --- a/examples/react-uploader-adapter/package-lock.json +++ b/examples/react-uploader-adapter/package-lock.json @@ -845,7 +845,7 @@ "resolved": "https://registry.npmjs.org/@uploadcare/react-uploader/-/react-uploader-0.5.0.tgz", "integrity": "sha512-88gqQ9I1t+aob6pWDsBDQpfICVGIKGOVai2bYd2AznUA6fclJ0T0RATtpRIOP5xMCDQL5LpSQ9tk+3wUN1uzZw==", "dependencies": { - "@uploadcare/blocks": "^0.39.1", + "@uploadcare/blocks": "0.44.0-alpha.20", "@uploadcare/react-adapter": "^0.3.0" }, "peerDependencies": { diff --git a/examples/react-uploader/package-lock.json b/examples/react-uploader/package-lock.json index 0a8b222..639090a 100644 --- a/examples/react-uploader/package-lock.json +++ b/examples/react-uploader/package-lock.json @@ -8,7 +8,7 @@ "name": "react-uploader", "version": "0.1.0", "dependencies": { - "@uploadcare/blocks": "0.39.0", + "@uploadcare/blocks": "0.44.0-alpha.20", "classnames": "2.3.2", "react": "18.2.0", "react-dom": "18.2.0", @@ -821,9 +821,9 @@ "dev": true }, "node_modules/@uploadcare/blocks": { - "version": "0.39.0", - "resolved": "https://registry.npmjs.org/@uploadcare/blocks/-/blocks-0.39.0.tgz", - "integrity": "sha512-30dozifYnNnI0GIaVImNcM1QCkzh/XsbRQO0H9QEyC6KUkwaY2hz3fkzrcS4MrVZKJ+aZZ89IK5swve4wEDldg==", + "version": "0.44.0-alpha.20", + "resolved": "https://registry.npmjs.org/@uploadcare/blocks/-/blocks-0.44.0-alpha.20.tgz", + "integrity": "sha512-y2gQwHY9ysDZLWaUhuBAWJc1Df7KO9pbBdL2T0HrmUmexfX1/nHMElGD5T2TFSpGmt9NBi80p1Btrh+0CRnySQ==", "dependencies": { "@symbiotejs/symbiote": "^1.11.7", "@uploadcare/image-shrink": "^6.14.1", diff --git a/examples/react-uploader/package.json b/examples/react-uploader/package.json index 771ea2e..6b6690c 100644 --- a/examples/react-uploader/package.json +++ b/examples/react-uploader/package.json @@ -10,7 +10,7 @@ "preview": "vite preview" }, "dependencies": { - "@uploadcare/blocks": "0.39.0", + "@uploadcare/blocks": "0.44.0-alpha.20", "classnames": "2.3.2", "react": "18.2.0", "react-dom": "18.2.0", diff --git a/examples/svelte-uploader/package-lock.json b/examples/svelte-uploader/package-lock.json index 3ff91df..318e262 100644 --- a/examples/svelte-uploader/package-lock.json +++ b/examples/svelte-uploader/package-lock.json @@ -8,7 +8,7 @@ "name": "svelte-uploader", "version": "0.1.0", "dependencies": { - "@uploadcare/blocks": "0.39.0" + "@uploadcare/blocks": "0.44.0-alpha.20" }, "devDependencies": { "@sveltejs/kit": "1.30.4", diff --git a/examples/svelte-uploader/package.json b/examples/svelte-uploader/package.json index 3be3683..aedb155 100644 --- a/examples/svelte-uploader/package.json +++ b/examples/svelte-uploader/package.json @@ -10,7 +10,7 @@ "preview": "vite preview" }, "dependencies": { - "@uploadcare/blocks": "0.39.0" + "@uploadcare/blocks": "0.44.0-alpha.20" }, "devDependencies": { "@sveltejs/kit": "1.30.4", diff --git a/examples/vue-uploader/package-lock.json b/examples/vue-uploader/package-lock.json index 4204163..f56c901 100644 --- a/examples/vue-uploader/package-lock.json +++ b/examples/vue-uploader/package-lock.json @@ -8,7 +8,7 @@ "name": "vue-uploader", "version": "0.1.0", "dependencies": { - "@uploadcare/blocks": "0.39.0", + "@uploadcare/blocks": "0.44.0-alpha.20", "vue": "3.4.27", "vue-router": "4.3.2" }, diff --git a/examples/vue-uploader/package.json b/examples/vue-uploader/package.json index f4f6f00..7019908 100644 --- a/examples/vue-uploader/package.json +++ b/examples/vue-uploader/package.json @@ -10,7 +10,7 @@ "preview": "vite preview" }, "dependencies": { - "@uploadcare/blocks": "0.39.0", + "@uploadcare/blocks": "0.44.0-alpha.20", "vue": "3.4.27", "vue-router": "4.3.2" }, From 1fbdf45c7169b0f263f44ec73d8811e020a0822c Mon Sep 17 00:00:00 2001 From: nd0ut Date: Thu, 20 Jun 2024 14:13:32 +0300 Subject: [PATCH 03/13] Update next example --- examples/next-uploader/package-lock.json | 6 +++--- examples/next-uploader/pages/minimal.js | 1 + examples/next-uploader/pages/regular.js | 1 + 3 files changed, 5 insertions(+), 3 deletions(-) diff --git a/examples/next-uploader/package-lock.json b/examples/next-uploader/package-lock.json index 7e7c9ec..df81812 100644 --- a/examples/next-uploader/package-lock.json +++ b/examples/next-uploader/package-lock.json @@ -168,9 +168,9 @@ "integrity": "sha512-fUOJwzuldeApJ533YeTdrfnpp4nsA+ss1eiNBodX7RHf4LnhPB2Z9HP4fF3m2YhKYnxK0whjXaKA+wrxTRP5qA==" }, "node_modules/@uploadcare/blocks": { - "version": "0.39.0", - "resolved": "https://registry.npmjs.org/@uploadcare/blocks/-/blocks-0.39.0.tgz", - "integrity": "sha512-30dozifYnNnI0GIaVImNcM1QCkzh/XsbRQO0H9QEyC6KUkwaY2hz3fkzrcS4MrVZKJ+aZZ89IK5swve4wEDldg==", + "version": "0.44.0-alpha.20", + "resolved": "https://registry.npmjs.org/@uploadcare/blocks/-/blocks-0.44.0-alpha.20.tgz", + "integrity": "sha512-yxZbeDpi2nw+KWpQLhTEUlpA+lb3peNzrQjF7lntR/tXi+jUIabi7jURJhL+kzyC2SmQ42IrP1DtS1u/RN9Idw==", "dependencies": { "@symbiotejs/symbiote": "^1.11.7", "@uploadcare/image-shrink": "^6.14.1", diff --git a/examples/next-uploader/pages/minimal.js b/examples/next-uploader/pages/minimal.js index 35e3e7c..7e0e276 100644 --- a/examples/next-uploader/pages/minimal.js +++ b/examples/next-uploader/pages/minimal.js @@ -52,6 +52,7 @@ function Minimal() { > Date: Thu, 20 Jun 2024 14:20:00 +0300 Subject: [PATCH 04/13] Update react example --- .../FileUploader/FileUploader.module.scss | 17 ----------------- .../components/FileUploader/FileUploader.tsx | 2 +- .../src/views/FormView/FormView.module.scss | 16 ++++++++++++++-- 3 files changed, 15 insertions(+), 20 deletions(-) diff --git a/examples/react-uploader/src/components/FileUploader/FileUploader.module.scss b/examples/react-uploader/src/components/FileUploader/FileUploader.module.scss index 2df8033..bc2e10f 100644 --- a/examples/react-uploader/src/components/FileUploader/FileUploader.module.scss +++ b/examples/react-uploader/src/components/FileUploader/FileUploader.module.scss @@ -6,23 +6,6 @@ margin-top: 12px; } -/* - Note: We set this class manually when we want File Uploader to join the dark side. - The main option here is `darkmore`. The rest ones are used to tune the theme to match the website. - - See more: https://uploadcare.com/docs/file-uploader/styling/#base-values - */ -.darkModeEnabled { - --darkmode: 1; - - --h-accent: 33.3; - --s-accent: 100%; - --l-accent: 60.78%; - - --clr-btn-bgr-primary: var(--ui-action-button-background); - --clr-btn-txt-primary: var(--ui-action-button-text-color); -} - .preview { position: relative; } diff --git a/examples/react-uploader/src/components/FileUploader/FileUploader.tsx b/examples/react-uploader/src/components/FileUploader/FileUploader.tsx index 36d05d4..c714cc4 100644 --- a/examples/react-uploader/src/components/FileUploader/FileUploader.tsx +++ b/examples/react-uploader/src/components/FileUploader/FileUploader.tsx @@ -139,7 +139,7 @@ export default function FileUploader({ files, uploaderClassName, uploaderCtxName Date: Thu, 20 Jun 2024 14:29:50 +0300 Subject: [PATCH 05/13] Update svelte example --- examples/svelte-uploader/package-lock.json | 6 +- .../src/lib/FileUploader/FileUploader.svelte | 105 ++++++++---------- .../src/routes/form/+page.svelte | 60 +++++----- 3 files changed, 79 insertions(+), 92 deletions(-) diff --git a/examples/svelte-uploader/package-lock.json b/examples/svelte-uploader/package-lock.json index 318e262..ca05aba 100644 --- a/examples/svelte-uploader/package-lock.json +++ b/examples/svelte-uploader/package-lock.json @@ -541,9 +541,9 @@ "dev": true }, "node_modules/@uploadcare/blocks": { - "version": "0.39.0", - "resolved": "https://registry.npmjs.org/@uploadcare/blocks/-/blocks-0.39.0.tgz", - "integrity": "sha512-30dozifYnNnI0GIaVImNcM1QCkzh/XsbRQO0H9QEyC6KUkwaY2hz3fkzrcS4MrVZKJ+aZZ89IK5swve4wEDldg==", + "version": "0.44.0-alpha.20", + "resolved": "https://registry.npmjs.org/@uploadcare/blocks/-/blocks-0.44.0-alpha.20.tgz", + "integrity": "sha512-yxZbeDpi2nw+KWpQLhTEUlpA+lb3peNzrQjF7lntR/tXi+jUIabi7jURJhL+kzyC2SmQ42IrP1DtS1u/RN9Idw==", "dependencies": { "@symbiotejs/symbiote": "^1.11.7", "@uploadcare/image-shrink": "^6.14.1", diff --git a/examples/svelte-uploader/src/lib/FileUploader/FileUploader.svelte b/examples/svelte-uploader/src/lib/FileUploader/FileUploader.svelte index fc5b2d2..d9ee973 100644 --- a/examples/svelte-uploader/src/lib/FileUploader/FileUploader.svelte +++ b/examples/svelte-uploader/src/lib/FileUploader/FileUploader.svelte @@ -1,9 +1,8 @@