first commit
This commit is contained in:
Roman Pyrih
860
wp-includes/js/dist/media-utils.js
vendored
Normal file
860
wp-includes/js/dist/media-utils.js
vendored
Normal file
@@ -0,0 +1,860 @@
|
||||
/******/ (() => { // webpackBootstrap
|
||||
/******/ "use strict";
|
||||
/******/ // The require scope
|
||||
/******/ var __webpack_require__ = {};
|
||||
/******/
|
||||
/************************************************************************/
|
||||
/******/ /* webpack/runtime/compat get default export */
|
||||
/******/ (() => {
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = (module) => {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ () => (module['default']) :
|
||||
/******/ () => (module);
|
||||
/******/ __webpack_require__.d(getter, { a: getter });
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/define property getters */
|
||||
/******/ (() => {
|
||||
/******/ // define getter functions for harmony exports
|
||||
/******/ __webpack_require__.d = (exports, definition) => {
|
||||
/******/ for(var key in definition) {
|
||||
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
||||
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
||||
/******/ }
|
||||
/******/ }
|
||||
/******/ };
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
||||
/******/ (() => {
|
||||
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/make namespace object */
|
||||
/******/ (() => {
|
||||
/******/ // define __esModule on exports
|
||||
/******/ __webpack_require__.r = (exports) => {
|
||||
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
||||
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
/******/ }
|
||||
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
||||
/******/ };
|
||||
/******/ })();
|
||||
/******/
|
||||
/************************************************************************/
|
||||
var __webpack_exports__ = {};
|
||||
// ESM COMPAT FLAG
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
|
||||
// EXPORTS
|
||||
__webpack_require__.d(__webpack_exports__, {
|
||||
MediaUpload: () => (/* reexport */ media_upload_default),
|
||||
privateApis: () => (/* reexport */ privateApis),
|
||||
transformAttachment: () => (/* reexport */ transformAttachment),
|
||||
uploadMedia: () => (/* reexport */ uploadMedia),
|
||||
validateFileSize: () => (/* reexport */ validateFileSize),
|
||||
validateMimeType: () => (/* reexport */ validateMimeType),
|
||||
validateMimeTypeForUser: () => (/* reexport */ validateMimeTypeForUser)
|
||||
});
|
||||
|
||||
;// external ["wp","element"]
|
||||
const external_wp_element_namespaceObject = window["wp"]["element"];
|
||||
;// external ["wp","i18n"]
|
||||
const external_wp_i18n_namespaceObject = window["wp"]["i18n"];
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/components/media-upload/index.js
|
||||
|
||||
|
||||
const DEFAULT_EMPTY_GALLERY = [];
|
||||
const getFeaturedImageMediaFrame = () => {
|
||||
const { wp } = window;
|
||||
return wp.media.view.MediaFrame.Select.extend({
|
||||
/**
|
||||
* Enables the Set Featured Image Button.
|
||||
*
|
||||
* @param {Object} toolbar toolbar for featured image state
|
||||
* @return {void}
|
||||
*/
|
||||
featuredImageToolbar(toolbar) {
|
||||
this.createSelectToolbar(toolbar, {
|
||||
text: wp.media.view.l10n.setFeaturedImage,
|
||||
state: this.options.state
|
||||
});
|
||||
},
|
||||
/**
|
||||
* Handle the edit state requirements of selected media item.
|
||||
*
|
||||
* @return {void}
|
||||
*/
|
||||
editState() {
|
||||
const selection = this.state("featured-image").get("selection");
|
||||
const view = new wp.media.view.EditImage({
|
||||
model: selection.single(),
|
||||
controller: this
|
||||
}).render();
|
||||
this.content.set(view);
|
||||
view.loadEditor();
|
||||
},
|
||||
/**
|
||||
* Create the default states.
|
||||
*
|
||||
* @return {void}
|
||||
*/
|
||||
createStates: function createStates() {
|
||||
this.on(
|
||||
"toolbar:create:featured-image",
|
||||
this.featuredImageToolbar,
|
||||
this
|
||||
);
|
||||
this.on("content:render:edit-image", this.editState, this);
|
||||
this.states.add([
|
||||
new wp.media.controller.FeaturedImage(),
|
||||
new wp.media.controller.EditImage({
|
||||
model: this.options.editImage
|
||||
})
|
||||
]);
|
||||
}
|
||||
});
|
||||
};
|
||||
const getSingleMediaFrame = () => {
|
||||
const { wp } = window;
|
||||
return wp.media.view.MediaFrame.Select.extend({
|
||||
/**
|
||||
* Create the default states on the frame.
|
||||
*/
|
||||
createStates() {
|
||||
const options = this.options;
|
||||
if (this.options.states) {
|
||||
return;
|
||||
}
|
||||
this.states.add([
|
||||
// Main states.
|
||||
new wp.media.controller.Library({
|
||||
library: wp.media.query(options.library),
|
||||
multiple: options.multiple,
|
||||
title: options.title,
|
||||
priority: 20,
|
||||
filterable: "uploaded"
|
||||
// Allow filtering by uploaded images.
|
||||
}),
|
||||
new wp.media.controller.EditImage({
|
||||
model: options.editImage
|
||||
})
|
||||
]);
|
||||
}
|
||||
});
|
||||
};
|
||||
const getGalleryDetailsMediaFrame = () => {
|
||||
const { wp } = window;
|
||||
return wp.media.view.MediaFrame.Post.extend({
|
||||
/**
|
||||
* Set up gallery toolbar.
|
||||
*
|
||||
* @return {void}
|
||||
*/
|
||||
galleryToolbar() {
|
||||
const editing = this.state().get("editing");
|
||||
this.toolbar.set(
|
||||
new wp.media.view.Toolbar({
|
||||
controller: this,
|
||||
items: {
|
||||
insert: {
|
||||
style: "primary",
|
||||
text: editing ? wp.media.view.l10n.updateGallery : wp.media.view.l10n.insertGallery,
|
||||
priority: 80,
|
||||
requires: { library: true },
|
||||
/**
|
||||
* @fires wp.media.controller.State#update
|
||||
*/
|
||||
click() {
|
||||
const controller = this.controller, state = controller.state();
|
||||
controller.close();
|
||||
state.trigger(
|
||||
"update",
|
||||
state.get("library")
|
||||
);
|
||||
controller.setState(controller.options.state);
|
||||
controller.reset();
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
);
|
||||
},
|
||||
/**
|
||||
* Handle the edit state requirements of selected media item.
|
||||
*
|
||||
* @return {void}
|
||||
*/
|
||||
editState() {
|
||||
const selection = this.state("gallery").get("selection");
|
||||
const view = new wp.media.view.EditImage({
|
||||
model: selection.single(),
|
||||
controller: this
|
||||
}).render();
|
||||
this.content.set(view);
|
||||
view.loadEditor();
|
||||
},
|
||||
/**
|
||||
* Create the default states.
|
||||
*
|
||||
* @return {void}
|
||||
*/
|
||||
createStates: function createStates() {
|
||||
this.on("toolbar:create:main-gallery", this.galleryToolbar, this);
|
||||
this.on("content:render:edit-image", this.editState, this);
|
||||
this.states.add([
|
||||
new wp.media.controller.Library({
|
||||
id: "gallery",
|
||||
title: wp.media.view.l10n.createGalleryTitle,
|
||||
priority: 40,
|
||||
toolbar: "main-gallery",
|
||||
filterable: "uploaded",
|
||||
multiple: "add",
|
||||
editable: false,
|
||||
library: wp.media.query({
|
||||
type: "image",
|
||||
...this.options.library
|
||||
})
|
||||
}),
|
||||
new wp.media.controller.EditImage({
|
||||
model: this.options.editImage
|
||||
}),
|
||||
new wp.media.controller.GalleryEdit({
|
||||
library: this.options.selection,
|
||||
editing: this.options.editing,
|
||||
menu: "gallery",
|
||||
displaySettings: false,
|
||||
multiple: true
|
||||
}),
|
||||
new wp.media.controller.GalleryAdd()
|
||||
]);
|
||||
}
|
||||
});
|
||||
};
|
||||
const slimImageObject = (img) => {
|
||||
const attrSet = [
|
||||
"sizes",
|
||||
"mime",
|
||||
"type",
|
||||
"subtype",
|
||||
"id",
|
||||
"url",
|
||||
"alt",
|
||||
"link",
|
||||
"caption"
|
||||
];
|
||||
return attrSet.reduce((result, key) => {
|
||||
if (img?.hasOwnProperty(key)) {
|
||||
result[key] = img[key];
|
||||
}
|
||||
return result;
|
||||
}, {});
|
||||
};
|
||||
const getAttachmentsCollection = (ids) => {
|
||||
const { wp } = window;
|
||||
return wp.media.query({
|
||||
order: "ASC",
|
||||
orderby: "post__in",
|
||||
post__in: ids,
|
||||
posts_per_page: -1,
|
||||
query: true,
|
||||
type: "image"
|
||||
});
|
||||
};
|
||||
class MediaUpload extends external_wp_element_namespaceObject.Component {
|
||||
constructor() {
|
||||
super(...arguments);
|
||||
this.openModal = this.openModal.bind(this);
|
||||
this.onOpen = this.onOpen.bind(this);
|
||||
this.onSelect = this.onSelect.bind(this);
|
||||
this.onUpdate = this.onUpdate.bind(this);
|
||||
this.onClose = this.onClose.bind(this);
|
||||
}
|
||||
initializeListeners() {
|
||||
this.frame.on("select", this.onSelect);
|
||||
this.frame.on("update", this.onUpdate);
|
||||
this.frame.on("open", this.onOpen);
|
||||
this.frame.on("close", this.onClose);
|
||||
}
|
||||
/**
|
||||
* Sets the Gallery frame and initializes listeners.
|
||||
*
|
||||
* @return {void}
|
||||
*/
|
||||
buildAndSetGalleryFrame() {
|
||||
const {
|
||||
addToGallery = false,
|
||||
allowedTypes,
|
||||
multiple = false,
|
||||
value = DEFAULT_EMPTY_GALLERY
|
||||
} = this.props;
|
||||
if (value === this.lastGalleryValue) {
|
||||
return;
|
||||
}
|
||||
const { wp } = window;
|
||||
this.lastGalleryValue = value;
|
||||
if (this.frame) {
|
||||
this.frame.remove();
|
||||
}
|
||||
let currentState;
|
||||
if (addToGallery) {
|
||||
currentState = "gallery-library";
|
||||
} else {
|
||||
currentState = value && value.length ? "gallery-edit" : "gallery";
|
||||
}
|
||||
if (!this.GalleryDetailsMediaFrame) {
|
||||
this.GalleryDetailsMediaFrame = getGalleryDetailsMediaFrame();
|
||||
}
|
||||
const attachments = getAttachmentsCollection(value);
|
||||
const selection = new wp.media.model.Selection(attachments.models, {
|
||||
props: attachments.props.toJSON(),
|
||||
multiple
|
||||
});
|
||||
this.frame = new this.GalleryDetailsMediaFrame({
|
||||
mimeType: allowedTypes,
|
||||
state: currentState,
|
||||
multiple,
|
||||
selection,
|
||||
editing: !!value?.length
|
||||
});
|
||||
wp.media.frame = this.frame;
|
||||
this.initializeListeners();
|
||||
}
|
||||
/**
|
||||
* Initializes the Media Library requirements for the featured image flow.
|
||||
*
|
||||
* @return {void}
|
||||
*/
|
||||
buildAndSetFeatureImageFrame() {
|
||||
const { wp } = window;
|
||||
const { value: featuredImageId, multiple, allowedTypes } = this.props;
|
||||
const featuredImageFrame = getFeaturedImageMediaFrame();
|
||||
const attachments = getAttachmentsCollection(featuredImageId);
|
||||
const selection = new wp.media.model.Selection(attachments.models, {
|
||||
props: attachments.props.toJSON()
|
||||
});
|
||||
this.frame = new featuredImageFrame({
|
||||
mimeType: allowedTypes,
|
||||
state: "featured-image",
|
||||
multiple,
|
||||
selection,
|
||||
editing: featuredImageId
|
||||
});
|
||||
wp.media.frame = this.frame;
|
||||
wp.media.view.settings.post = {
|
||||
...wp.media.view.settings.post,
|
||||
featuredImageId: featuredImageId || -1
|
||||
};
|
||||
}
|
||||
/**
|
||||
* Initializes the Media Library requirements for the single image flow.
|
||||
*
|
||||
* @return {void}
|
||||
*/
|
||||
buildAndSetSingleMediaFrame() {
|
||||
const { wp } = window;
|
||||
const {
|
||||
allowedTypes,
|
||||
multiple = false,
|
||||
title = (0,external_wp_i18n_namespaceObject.__)("Select or Upload Media"),
|
||||
value
|
||||
} = this.props;
|
||||
const frameConfig = {
|
||||
title,
|
||||
multiple
|
||||
};
|
||||
if (!!allowedTypes) {
|
||||
frameConfig.library = { type: allowedTypes };
|
||||
}
|
||||
if (this.frame) {
|
||||
this.frame.remove();
|
||||
}
|
||||
const singleImageFrame = getSingleMediaFrame();
|
||||
const attachments = getAttachmentsCollection(value);
|
||||
const selection = new wp.media.model.Selection(attachments.models, {
|
||||
props: attachments.props.toJSON()
|
||||
});
|
||||
this.frame = new singleImageFrame({
|
||||
mimeType: allowedTypes,
|
||||
multiple,
|
||||
selection,
|
||||
...frameConfig
|
||||
});
|
||||
wp.media.frame = this.frame;
|
||||
}
|
||||
componentWillUnmount() {
|
||||
this.frame?.remove();
|
||||
}
|
||||
onUpdate(selections) {
|
||||
const { onSelect, multiple = false } = this.props;
|
||||
const state = this.frame.state();
|
||||
const selectedImages = selections || state.get("selection");
|
||||
if (!selectedImages || !selectedImages.models.length) {
|
||||
return;
|
||||
}
|
||||
if (multiple) {
|
||||
onSelect(
|
||||
selectedImages.models.map(
|
||||
(model) => slimImageObject(model.toJSON())
|
||||
)
|
||||
);
|
||||
} else {
|
||||
onSelect(slimImageObject(selectedImages.models[0].toJSON()));
|
||||
}
|
||||
}
|
||||
onSelect() {
|
||||
const { onSelect, multiple = false } = this.props;
|
||||
const attachment = this.frame.state().get("selection").toJSON();
|
||||
onSelect(multiple ? attachment : attachment[0]);
|
||||
}
|
||||
onOpen() {
|
||||
const { wp } = window;
|
||||
const { value } = this.props;
|
||||
this.updateCollection();
|
||||
if (this.props.mode) {
|
||||
this.frame.content.mode(this.props.mode);
|
||||
}
|
||||
const hasMedia = Array.isArray(value) ? !!value?.length : !!value;
|
||||
if (!hasMedia) {
|
||||
return;
|
||||
}
|
||||
const isGallery = this.props.gallery;
|
||||
const selection = this.frame.state().get("selection");
|
||||
const valueArray = Array.isArray(value) ? value : [value];
|
||||
if (!isGallery) {
|
||||
valueArray.forEach((id) => {
|
||||
selection.add(wp.media.attachment(id));
|
||||
});
|
||||
}
|
||||
const attachments = getAttachmentsCollection(valueArray);
|
||||
attachments.more().done(function() {
|
||||
if (isGallery && attachments?.models?.length) {
|
||||
selection.add(attachments.models);
|
||||
}
|
||||
});
|
||||
}
|
||||
onClose() {
|
||||
const { onClose } = this.props;
|
||||
if (onClose) {
|
||||
onClose();
|
||||
}
|
||||
this.frame.detach();
|
||||
}
|
||||
updateCollection() {
|
||||
const frameContent = this.frame.content.get();
|
||||
if (frameContent && frameContent.collection) {
|
||||
const collection = frameContent.collection;
|
||||
collection.toArray().forEach((model) => model.trigger("destroy", model));
|
||||
collection.mirroring._hasMore = true;
|
||||
collection.more();
|
||||
}
|
||||
}
|
||||
openModal() {
|
||||
const {
|
||||
gallery = false,
|
||||
unstableFeaturedImageFlow = false,
|
||||
modalClass
|
||||
} = this.props;
|
||||
if (gallery) {
|
||||
this.buildAndSetGalleryFrame();
|
||||
} else {
|
||||
this.buildAndSetSingleMediaFrame();
|
||||
}
|
||||
if (modalClass) {
|
||||
this.frame.$el.addClass(modalClass);
|
||||
}
|
||||
if (unstableFeaturedImageFlow) {
|
||||
this.buildAndSetFeatureImageFrame();
|
||||
}
|
||||
this.initializeListeners();
|
||||
this.frame.open();
|
||||
}
|
||||
render() {
|
||||
return this.props.render({ open: this.openModal });
|
||||
}
|
||||
}
|
||||
var media_upload_default = MediaUpload;
|
||||
|
||||
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/components/index.js
|
||||
|
||||
|
||||
|
||||
;// external ["wp","blob"]
|
||||
const external_wp_blob_namespaceObject = window["wp"]["blob"];
|
||||
;// external ["wp","apiFetch"]
|
||||
const external_wp_apiFetch_namespaceObject = window["wp"]["apiFetch"];
|
||||
var external_wp_apiFetch_default = /*#__PURE__*/__webpack_require__.n(external_wp_apiFetch_namespaceObject);
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/utils/flatten-form-data.js
|
||||
function isPlainObject(data) {
|
||||
return data !== null && typeof data === "object" && Object.getPrototypeOf(data) === Object.prototype;
|
||||
}
|
||||
function flattenFormData(formData, key, data) {
|
||||
if (isPlainObject(data)) {
|
||||
for (const [name, value] of Object.entries(data)) {
|
||||
flattenFormData(formData, `${key}[${name}]`, value);
|
||||
}
|
||||
} else if (data !== void 0) {
|
||||
formData.append(key, String(data));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/utils/transform-attachment.js
|
||||
function transformAttachment(attachment) {
|
||||
const { alt_text, source_url, ...savedMediaProps } = attachment;
|
||||
return {
|
||||
...savedMediaProps,
|
||||
alt: attachment.alt_text,
|
||||
caption: attachment.caption?.raw ?? "",
|
||||
title: attachment.title.raw,
|
||||
url: attachment.source_url,
|
||||
poster: attachment._embedded?.["wp:featuredmedia"]?.[0]?.source_url || void 0
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/utils/upload-to-server.js
|
||||
|
||||
|
||||
|
||||
async function uploadToServer(file, additionalData = {}, signal) {
|
||||
const data = new FormData();
|
||||
data.append("file", file, file.name || file.type.replace("/", "."));
|
||||
for (const [key, value] of Object.entries(additionalData)) {
|
||||
flattenFormData(
|
||||
data,
|
||||
key,
|
||||
value
|
||||
);
|
||||
}
|
||||
return transformAttachment(
|
||||
await external_wp_apiFetch_default()({
|
||||
// This allows the video block to directly get a video's poster image.
|
||||
path: "/wp/v2/media?_embed=wp:featuredmedia",
|
||||
body: data,
|
||||
method: "POST",
|
||||
signal
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/utils/upload-error.js
|
||||
class UploadError extends Error {
|
||||
code;
|
||||
file;
|
||||
constructor({ code, message, file, cause }) {
|
||||
super(message, { cause });
|
||||
Object.setPrototypeOf(this, new.target.prototype);
|
||||
this.code = code;
|
||||
this.file = file;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/utils/validate-mime-type.js
|
||||
|
||||
|
||||
function validateMimeType(file, allowedTypes) {
|
||||
if (!allowedTypes) {
|
||||
return;
|
||||
}
|
||||
const isAllowedType = allowedTypes.some((allowedType) => {
|
||||
if (allowedType.includes("/")) {
|
||||
return allowedType === file.type;
|
||||
}
|
||||
return file.type.startsWith(`${allowedType}/`);
|
||||
});
|
||||
if (file.type && !isAllowedType) {
|
||||
throw new UploadError({
|
||||
code: "MIME_TYPE_NOT_SUPPORTED",
|
||||
message: (0,external_wp_i18n_namespaceObject.sprintf)(
|
||||
// translators: %s: file name.
|
||||
(0,external_wp_i18n_namespaceObject.__)("%s: Sorry, this file type is not supported here."),
|
||||
file.name
|
||||
),
|
||||
file
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/utils/get-mime-types-array.js
|
||||
function getMimeTypesArray(wpMimeTypesObject) {
|
||||
if (!wpMimeTypesObject) {
|
||||
return null;
|
||||
}
|
||||
return Object.entries(wpMimeTypesObject).flatMap(
|
||||
([extensionsString, mime]) => {
|
||||
const [type] = mime.split("/");
|
||||
const extensions = extensionsString.split("|");
|
||||
return [
|
||||
mime,
|
||||
...extensions.map(
|
||||
(extension) => `${type}/${extension}`
|
||||
)
|
||||
];
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/utils/validate-mime-type-for-user.js
|
||||
|
||||
|
||||
|
||||
function validateMimeTypeForUser(file, wpAllowedMimeTypes) {
|
||||
const allowedMimeTypesForUser = getMimeTypesArray(wpAllowedMimeTypes);
|
||||
if (!allowedMimeTypesForUser) {
|
||||
return;
|
||||
}
|
||||
const isAllowedMimeTypeForUser = allowedMimeTypesForUser.includes(
|
||||
file.type
|
||||
);
|
||||
if (file.type && !isAllowedMimeTypeForUser) {
|
||||
throw new UploadError({
|
||||
code: "MIME_TYPE_NOT_ALLOWED_FOR_USER",
|
||||
message: (0,external_wp_i18n_namespaceObject.sprintf)(
|
||||
// translators: %s: file name.
|
||||
(0,external_wp_i18n_namespaceObject.__)(
|
||||
"%s: Sorry, you are not allowed to upload this file type."
|
||||
),
|
||||
file.name
|
||||
),
|
||||
file
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/utils/validate-file-size.js
|
||||
|
||||
|
||||
function validateFileSize(file, maxUploadFileSize) {
|
||||
if (file.size <= 0) {
|
||||
throw new UploadError({
|
||||
code: "EMPTY_FILE",
|
||||
message: (0,external_wp_i18n_namespaceObject.sprintf)(
|
||||
// translators: %s: file name.
|
||||
(0,external_wp_i18n_namespaceObject.__)("%s: This file is empty."),
|
||||
file.name
|
||||
),
|
||||
file
|
||||
});
|
||||
}
|
||||
if (maxUploadFileSize && file.size > maxUploadFileSize) {
|
||||
throw new UploadError({
|
||||
code: "SIZE_ABOVE_LIMIT",
|
||||
message: (0,external_wp_i18n_namespaceObject.sprintf)(
|
||||
// translators: %s: file name.
|
||||
(0,external_wp_i18n_namespaceObject.__)(
|
||||
"%s: This file exceeds the maximum upload size for this site."
|
||||
),
|
||||
file.name
|
||||
),
|
||||
file
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/utils/upload-media.js
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
function uploadMedia({
|
||||
wpAllowedMimeTypes,
|
||||
allowedTypes,
|
||||
additionalData = {},
|
||||
filesList,
|
||||
maxUploadFileSize,
|
||||
onError,
|
||||
onFileChange,
|
||||
signal,
|
||||
multiple = true
|
||||
}) {
|
||||
if (!multiple && filesList.length > 1) {
|
||||
onError?.(new Error((0,external_wp_i18n_namespaceObject.__)("Only one file can be used here.")));
|
||||
return;
|
||||
}
|
||||
const validFiles = [];
|
||||
const filesSet = [];
|
||||
const setAndUpdateFiles = (index, value) => {
|
||||
if (!window.__experimentalMediaProcessing) {
|
||||
if (filesSet[index]?.url) {
|
||||
(0,external_wp_blob_namespaceObject.revokeBlobURL)(filesSet[index].url);
|
||||
}
|
||||
}
|
||||
filesSet[index] = value;
|
||||
onFileChange?.(
|
||||
filesSet.filter((attachment) => attachment !== null)
|
||||
);
|
||||
};
|
||||
for (const mediaFile of filesList) {
|
||||
try {
|
||||
validateMimeTypeForUser(mediaFile, wpAllowedMimeTypes);
|
||||
} catch (error) {
|
||||
onError?.(error);
|
||||
continue;
|
||||
}
|
||||
try {
|
||||
validateMimeType(mediaFile, allowedTypes);
|
||||
} catch (error) {
|
||||
onError?.(error);
|
||||
continue;
|
||||
}
|
||||
try {
|
||||
validateFileSize(mediaFile, maxUploadFileSize);
|
||||
} catch (error) {
|
||||
onError?.(error);
|
||||
continue;
|
||||
}
|
||||
validFiles.push(mediaFile);
|
||||
if (!window.__experimentalMediaProcessing) {
|
||||
filesSet.push({ url: (0,external_wp_blob_namespaceObject.createBlobURL)(mediaFile) });
|
||||
onFileChange?.(filesSet);
|
||||
}
|
||||
}
|
||||
validFiles.map(async (file, index) => {
|
||||
try {
|
||||
const attachment = await uploadToServer(
|
||||
file,
|
||||
additionalData,
|
||||
signal
|
||||
);
|
||||
setAndUpdateFiles(index, attachment);
|
||||
} catch (error) {
|
||||
setAndUpdateFiles(index, null);
|
||||
let message;
|
||||
if (typeof error === "object" && error !== null && "message" in error) {
|
||||
message = typeof error.message === "string" ? error.message : String(error.message);
|
||||
} else {
|
||||
message = (0,external_wp_i18n_namespaceObject.sprintf)(
|
||||
// translators: %s: file name
|
||||
(0,external_wp_i18n_namespaceObject.__)("Error while uploading file %s to the media library."),
|
||||
file.name
|
||||
);
|
||||
}
|
||||
onError?.(
|
||||
new UploadError({
|
||||
code: "GENERAL",
|
||||
message,
|
||||
file,
|
||||
cause: error instanceof Error ? error : void 0
|
||||
})
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/utils/sideload-to-server.js
|
||||
|
||||
|
||||
|
||||
async function sideloadToServer(file, attachmentId, additionalData = {}, signal) {
|
||||
const data = new FormData();
|
||||
data.append("file", file, file.name || file.type.replace("/", "."));
|
||||
for (const [key, value] of Object.entries(additionalData)) {
|
||||
flattenFormData(
|
||||
data,
|
||||
key,
|
||||
value
|
||||
);
|
||||
}
|
||||
return transformAttachment(
|
||||
await external_wp_apiFetch_default()({
|
||||
path: `/wp/v2/media/${attachmentId}/sideload`,
|
||||
body: data,
|
||||
method: "POST",
|
||||
signal
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/utils/sideload-media.js
|
||||
|
||||
|
||||
|
||||
const noop = () => {
|
||||
};
|
||||
async function sideloadMedia({
|
||||
file,
|
||||
attachmentId,
|
||||
additionalData = {},
|
||||
signal,
|
||||
onFileChange,
|
||||
onError = noop
|
||||
}) {
|
||||
try {
|
||||
const attachment = await sideloadToServer(
|
||||
file,
|
||||
attachmentId,
|
||||
additionalData,
|
||||
signal
|
||||
);
|
||||
onFileChange?.([attachment]);
|
||||
} catch (error) {
|
||||
let message;
|
||||
if (error instanceof Error) {
|
||||
message = error.message;
|
||||
} else {
|
||||
message = (0,external_wp_i18n_namespaceObject.sprintf)(
|
||||
// translators: %s: file name
|
||||
(0,external_wp_i18n_namespaceObject.__)("Error while sideloading file %s to the server."),
|
||||
file.name
|
||||
);
|
||||
}
|
||||
onError(
|
||||
new UploadError({
|
||||
code: "GENERAL",
|
||||
message,
|
||||
file,
|
||||
cause: error instanceof Error ? error : void 0
|
||||
})
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
;// external ["wp","privateApis"]
|
||||
const external_wp_privateApis_namespaceObject = window["wp"]["privateApis"];
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/lock-unlock.js
|
||||
|
||||
const { lock, unlock } = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)(
|
||||
"I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.",
|
||||
"@wordpress/media-utils"
|
||||
);
|
||||
|
||||
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/private-apis.js
|
||||
|
||||
|
||||
const privateApis = {};
|
||||
lock(privateApis, {
|
||||
sideloadMedia: sideloadMedia
|
||||
});
|
||||
|
||||
|
||||
;// ./node_modules/@wordpress/media-utils/build-module/index.js
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
(window.wp = window.wp || {}).mediaUtils = __webpack_exports__;
|
||||
/******/ })()
|
||||
;
|
||||
Reference in New Issue
Block a user