528 lines
14 KiB
JavaScript
528 lines
14 KiB
JavaScript
|
this["wp"] = this["wp"] || {}; this["wp"]["listReusableBlocks"] =
|
||
|
|
/******/ (function(modules) { // webpackBootstrap
|
||
|
|
/******/ // The module cache
|
||
|
|
/******/ var installedModules = {};
|
||
|
|
/******/
|
||
|
|
/******/ // The require function
|
||
|
|
/******/ function __webpack_require__(moduleId) {
|
||
|
|
/******/
|
||
|
|
/******/ // Check if module is in cache
|
||
|
|
/******/ if(installedModules[moduleId]) {
|
||
|
|
/******/ return installedModules[moduleId].exports;
|
||
|
|
/******/ }
|
||
|
|
/******/ // Create a new module (and put it into the cache)
|
||
|
|
/******/ var module = installedModules[moduleId] = {
|
||
|
|
/******/ i: moduleId,
|
||
|
|
/******/ l: false,
|
||
|
|
/******/ exports: {}
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // Execute the module function
|
||
|
|
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||
|
|
/******/
|
||
|
|
/******/ // Flag the module as loaded
|
||
|
|
/******/ module.l = true;
|
||
|
|
/******/
|
||
|
|
/******/ // Return the exports of the module
|
||
|
|
/******/ return module.exports;
|
||
|
|
/******/ }
|
||
|
|
/******/
|
||
|
|
/******/
|
||
|
|
/******/ // expose the modules object (__webpack_modules__)
|
||
|
|
/******/ __webpack_require__.m = modules;
|
||
|
|
/******/
|
||
|
|
/******/ // expose the module cache
|
||
|
|
/******/ __webpack_require__.c = installedModules;
|
||
|
|
/******/
|
||
|
|
/******/ // define getter function for harmony exports
|
||
|
|
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||
|
|
/******/ if(!__webpack_require__.o(exports, name)) {
|
||
|
|
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
||
|
|
/******/ }
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // define __esModule on exports
|
||
|
|
/******/ __webpack_require__.r = function(exports) {
|
||
|
|
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
||
|
|
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||
|
|
/******/ }
|
||
|
|
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // create a fake namespace object
|
||
|
|
/******/ // mode & 1: value is a module id, require it
|
||
|
|
/******/ // mode & 2: merge all properties of value into the ns
|
||
|
|
/******/ // mode & 4: return value when already ns object
|
||
|
|
/******/ // mode & 8|1: behave like require
|
||
|
|
/******/ __webpack_require__.t = function(value, mode) {
|
||
|
|
/******/ if(mode & 1) value = __webpack_require__(value);
|
||
|
|
/******/ if(mode & 8) return value;
|
||
|
|
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
||
|
|
/******/ var ns = Object.create(null);
|
||
|
|
/******/ __webpack_require__.r(ns);
|
||
|
|
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
||
|
|
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
||
|
|
/******/ return ns;
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||
|
|
/******/ __webpack_require__.n = function(module) {
|
||
|
|
/******/ var getter = module && module.__esModule ?
|
||
|
|
/******/ function getDefault() { return module['default']; } :
|
||
|
|
/******/ function getModuleExports() { return module; };
|
||
|
|
/******/ __webpack_require__.d(getter, 'a', getter);
|
||
|
|
/******/ return getter;
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // Object.prototype.hasOwnProperty.call
|
||
|
|
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||
|
|
/******/
|
||
|
|
/******/ // __webpack_public_path__
|
||
|
|
/******/ __webpack_require__.p = "";
|
||
|
|
/******/
|
||
|
|
/******/
|
||
|
|
/******/ // Load entry module and return exports
|
||
|
|
/******/ return __webpack_require__(__webpack_require__.s = "SdGz");
|
||
|
|
/******/ })
|
||
|
|
/************************************************************************/
|
||
|
|
/******/ ({
|
||
|
|
|
||
|
|
/***/ "GRId":
|
||
|
|
/***/ (function(module, exports) {
|
||
|
|
|
||
|
|
(function() { module.exports = window["wp"]["element"]; }());
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "K9lf":
|
||
|
|
/***/ (function(module, exports) {
|
||
|
|
|
||
|
|
(function() { module.exports = window["wp"]["compose"]; }());
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "SdGz":
|
||
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
// ESM COMPAT FLAG
|
||
|
|
__webpack_require__.r(__webpack_exports__);
|
||
|
|
|
||
|
|
// EXTERNAL MODULE: external ["wp","element"]
|
||
|
|
var external_wp_element_ = __webpack_require__("GRId");
|
||
|
|
|
||
|
|
// EXTERNAL MODULE: external ["wp","i18n"]
|
||
|
|
var external_wp_i18n_ = __webpack_require__("l3Sj");
|
||
|
|
|
||
|
|
// EXTERNAL MODULE: external "lodash"
|
||
|
|
var external_lodash_ = __webpack_require__("YLtl");
|
||
|
|
|
||
|
|
// EXTERNAL MODULE: external ["wp","apiFetch"]
|
||
|
|
var external_wp_apiFetch_ = __webpack_require__("ywyh");
|
||
|
|
var external_wp_apiFetch_default = /*#__PURE__*/__webpack_require__.n(external_wp_apiFetch_);
|
||
|
|
|
||
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/utils/file.js
|
||
|
|
/**
|
||
|
|
* Downloads a file.
|
||
|
|
*
|
||
|
|
* @param {string} fileName File Name.
|
||
|
|
* @param {string} content File Content.
|
||
|
|
* @param {string} contentType File mime type.
|
||
|
|
*/
|
||
|
|
function download(fileName, content, contentType) {
|
||
|
|
const file = new window.Blob([content], {
|
||
|
|
type: contentType
|
||
|
|
}); // IE11 can't use the click to download technique
|
||
|
|
// we use a specific IE11 technique instead.
|
||
|
|
|
||
|
|
if (window.navigator.msSaveOrOpenBlob) {
|
||
|
|
window.navigator.msSaveOrOpenBlob(file, fileName);
|
||
|
|
} else {
|
||
|
|
const a = document.createElement('a');
|
||
|
|
a.href = URL.createObjectURL(file);
|
||
|
|
a.download = fileName;
|
||
|
|
a.style.display = 'none';
|
||
|
|
document.body.appendChild(a);
|
||
|
|
a.click();
|
||
|
|
document.body.removeChild(a);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Reads the textual content of the given file.
|
||
|
|
*
|
||
|
|
* @param {File} file File.
|
||
|
|
* @return {Promise<string>} Content of the file.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function readTextFile(file) {
|
||
|
|
const reader = new window.FileReader();
|
||
|
|
return new Promise(resolve => {
|
||
|
|
reader.onload = () => {
|
||
|
|
resolve(reader.result);
|
||
|
|
};
|
||
|
|
|
||
|
|
reader.readAsText(file);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/utils/export.js
|
||
|
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* WordPress dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Export a reusable block as a JSON file.
|
||
|
|
*
|
||
|
|
* @param {number} id
|
||
|
|
*/
|
||
|
|
|
||
|
|
async function exportReusableBlock(id) {
|
||
|
|
const postType = await external_wp_apiFetch_default()({
|
||
|
|
path: `/wp/v2/types/wp_block`
|
||
|
|
});
|
||
|
|
const post = await external_wp_apiFetch_default()({
|
||
|
|
path: `/wp/v2/${postType.rest_base}/${id}?context=edit`
|
||
|
|
});
|
||
|
|
const title = post.title.raw;
|
||
|
|
const content = post.content.raw;
|
||
|
|
const fileContent = JSON.stringify({
|
||
|
|
__file: 'wp_block',
|
||
|
|
title,
|
||
|
|
content
|
||
|
|
}, null, 2);
|
||
|
|
const fileName = Object(external_lodash_["kebabCase"])(title) + '.json';
|
||
|
|
download(fileName, fileContent, 'application/json');
|
||
|
|
}
|
||
|
|
|
||
|
|
/* harmony default export */ var utils_export = (exportReusableBlock);
|
||
|
|
|
||
|
|
// EXTERNAL MODULE: external ["wp","components"]
|
||
|
|
var external_wp_components_ = __webpack_require__("tI+e");
|
||
|
|
|
||
|
|
// EXTERNAL MODULE: external ["wp","compose"]
|
||
|
|
var external_wp_compose_ = __webpack_require__("K9lf");
|
||
|
|
|
||
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/utils/import.js
|
||
|
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* WordPress dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Import a reusable block from a JSON file.
|
||
|
|
*
|
||
|
|
* @param {File} file File.
|
||
|
|
* @return {Promise} Promise returning the imported reusable block.
|
||
|
|
*/
|
||
|
|
|
||
|
|
async function importReusableBlock(file) {
|
||
|
|
const fileContent = await readTextFile(file);
|
||
|
|
let parsedContent;
|
||
|
|
|
||
|
|
try {
|
||
|
|
parsedContent = JSON.parse(fileContent);
|
||
|
|
} catch (e) {
|
||
|
|
throw new Error('Invalid JSON file');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (parsedContent.__file !== 'wp_block' || !parsedContent.title || !parsedContent.content || !Object(external_lodash_["isString"])(parsedContent.title) || !Object(external_lodash_["isString"])(parsedContent.content)) {
|
||
|
|
throw new Error('Invalid Reusable block JSON file');
|
||
|
|
}
|
||
|
|
|
||
|
|
const postType = await external_wp_apiFetch_default()({
|
||
|
|
path: `/wp/v2/types/wp_block`
|
||
|
|
});
|
||
|
|
const reusableBlock = await external_wp_apiFetch_default()({
|
||
|
|
path: `/wp/v2/${postType.rest_base}`,
|
||
|
|
data: {
|
||
|
|
title: parsedContent.title,
|
||
|
|
content: parsedContent.content,
|
||
|
|
status: 'publish'
|
||
|
|
},
|
||
|
|
method: 'POST'
|
||
|
|
});
|
||
|
|
return reusableBlock;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* harmony default export */ var utils_import = (importReusableBlock);
|
||
|
|
|
||
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/components/import-form/index.js
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* WordPress dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
class import_form_ImportForm extends external_wp_element_["Component"] {
|
||
|
|
constructor() {
|
||
|
|
super(...arguments);
|
||
|
|
this.state = {
|
||
|
|
isLoading: false,
|
||
|
|
error: null,
|
||
|
|
file: null
|
||
|
|
};
|
||
|
|
this.isStillMounted = true;
|
||
|
|
this.onChangeFile = this.onChangeFile.bind(this);
|
||
|
|
this.onSubmit = this.onSubmit.bind(this);
|
||
|
|
}
|
||
|
|
|
||
|
|
componentWillUnmount() {
|
||
|
|
this.isStillMounted = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
onChangeFile(event) {
|
||
|
|
this.setState({
|
||
|
|
file: event.target.files[0],
|
||
|
|
error: null
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
onSubmit(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
const {
|
||
|
|
file
|
||
|
|
} = this.state;
|
||
|
|
const {
|
||
|
|
onUpload
|
||
|
|
} = this.props;
|
||
|
|
|
||
|
|
if (!file) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
this.setState({
|
||
|
|
isLoading: true
|
||
|
|
});
|
||
|
|
utils_import(file).then(reusableBlock => {
|
||
|
|
if (!this.isStillMounted) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
this.setState({
|
||
|
|
isLoading: false
|
||
|
|
});
|
||
|
|
onUpload(reusableBlock);
|
||
|
|
}).catch(error => {
|
||
|
|
if (!this.isStillMounted) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
let uiMessage;
|
||
|
|
|
||
|
|
switch (error.message) {
|
||
|
|
case 'Invalid JSON file':
|
||
|
|
uiMessage = Object(external_wp_i18n_["__"])('Invalid JSON file');
|
||
|
|
break;
|
||
|
|
|
||
|
|
case 'Invalid Reusable block JSON file':
|
||
|
|
uiMessage = Object(external_wp_i18n_["__"])('Invalid Reusable block JSON file');
|
||
|
|
break;
|
||
|
|
|
||
|
|
default:
|
||
|
|
uiMessage = Object(external_wp_i18n_["__"])('Unknown error');
|
||
|
|
}
|
||
|
|
|
||
|
|
this.setState({
|
||
|
|
isLoading: false,
|
||
|
|
error: uiMessage
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
onDismissError() {
|
||
|
|
this.setState({
|
||
|
|
error: null
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
const {
|
||
|
|
instanceId
|
||
|
|
} = this.props;
|
||
|
|
const {
|
||
|
|
file,
|
||
|
|
isLoading,
|
||
|
|
error
|
||
|
|
} = this.state;
|
||
|
|
const inputId = 'list-reusable-blocks-import-form-' + instanceId;
|
||
|
|
return Object(external_wp_element_["createElement"])("form", {
|
||
|
|
className: "list-reusable-blocks-import-form",
|
||
|
|
onSubmit: this.onSubmit
|
||
|
|
}, error && Object(external_wp_element_["createElement"])(external_wp_components_["Notice"], {
|
||
|
|
status: "error",
|
||
|
|
onRemove: () => this.onDismissError()
|
||
|
|
}, error), Object(external_wp_element_["createElement"])("label", {
|
||
|
|
htmlFor: inputId,
|
||
|
|
className: "list-reusable-blocks-import-form__label"
|
||
|
|
}, Object(external_wp_i18n_["__"])('File')), Object(external_wp_element_["createElement"])("input", {
|
||
|
|
id: inputId,
|
||
|
|
type: "file",
|
||
|
|
onChange: this.onChangeFile
|
||
|
|
}), Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
|
||
|
|
type: "submit",
|
||
|
|
isBusy: isLoading,
|
||
|
|
disabled: !file || isLoading,
|
||
|
|
isSecondary: true,
|
||
|
|
className: "list-reusable-blocks-import-form__button"
|
||
|
|
}, Object(external_wp_i18n_["_x"])('Import', 'button label')));
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* harmony default export */ var import_form = (Object(external_wp_compose_["withInstanceId"])(import_form_ImportForm));
|
||
|
|
|
||
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/components/import-dropdown/index.js
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* WordPress dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function ImportDropdown({
|
||
|
|
onUpload
|
||
|
|
}) {
|
||
|
|
return Object(external_wp_element_["createElement"])(external_wp_components_["Dropdown"], {
|
||
|
|
position: "bottom right",
|
||
|
|
contentClassName: "list-reusable-blocks-import-dropdown__content",
|
||
|
|
renderToggle: ({
|
||
|
|
isOpen,
|
||
|
|
onToggle
|
||
|
|
}) => Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
|
||
|
|
"aria-expanded": isOpen,
|
||
|
|
onClick: onToggle,
|
||
|
|
isPrimary: true
|
||
|
|
}, Object(external_wp_i18n_["__"])('Import from JSON')),
|
||
|
|
renderContent: ({
|
||
|
|
onClose
|
||
|
|
}) => Object(external_wp_element_["createElement"])(import_form, {
|
||
|
|
onUpload: Object(external_lodash_["flow"])(onClose, onUpload)
|
||
|
|
})
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
/* harmony default export */ var import_dropdown = (ImportDropdown);
|
||
|
|
|
||
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/index.js
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* WordPress dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
// Setup Export Links
|
||
|
|
|
||
|
|
document.body.addEventListener('click', event => {
|
||
|
|
if (!event.target.classList.contains('wp-list-reusable-blocks__export')) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
event.preventDefault();
|
||
|
|
utils_export(event.target.dataset.id);
|
||
|
|
}); // Setup Import Form
|
||
|
|
|
||
|
|
document.addEventListener('DOMContentLoaded', () => {
|
||
|
|
const button = document.querySelector('.page-title-action');
|
||
|
|
|
||
|
|
if (!button) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
const showNotice = () => {
|
||
|
|
const notice = document.createElement('div');
|
||
|
|
notice.className = 'notice notice-success is-dismissible';
|
||
|
|
notice.innerHTML = `<p>${Object(external_wp_i18n_["__"])('Reusable block imported successfully!')}</p>`;
|
||
|
|
const headerEnd = document.querySelector('.wp-header-end');
|
||
|
|
|
||
|
|
if (!headerEnd) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
headerEnd.parentNode.insertBefore(notice, headerEnd);
|
||
|
|
};
|
||
|
|
|
||
|
|
const container = document.createElement('div');
|
||
|
|
container.className = 'list-reusable-blocks__container';
|
||
|
|
button.parentNode.insertBefore(container, button);
|
||
|
|
Object(external_wp_element_["render"])(Object(external_wp_element_["createElement"])(import_dropdown, {
|
||
|
|
onUpload: showNotice
|
||
|
|
}), container);
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "YLtl":
|
||
|
|
/***/ (function(module, exports) {
|
||
|
|
|
||
|
|
(function() { module.exports = window["lodash"]; }());
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "l3Sj":
|
||
|
|
/***/ (function(module, exports) {
|
||
|
|
|
||
|
|
(function() { module.exports = window["wp"]["i18n"]; }());
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "tI+e":
|
||
|
|
/***/ (function(module, exports) {
|
||
|
|
|
||
|
|
(function() { module.exports = window["wp"]["components"]; }());
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "ywyh":
|
||
|
|
/***/ (function(module, exports) {
|
||
|
|
|
||
|
|
(function() { module.exports = window["wp"]["apiFetch"]; }());
|
||
|
|
|
||
|
|
/***/ })
|
||
|
|
|
||
|
|
/******/ });
|