mirror of
https://github.com/codex-team/editor.js
synced 2026-03-18 08:29:52 +01:00
c1afcf0205* Toolbox making * Add Toolbox buttons click handler * Toolbar, Toolbox, UI * Updates * update css prefix
149 lines
No EOL
3.4 KiB
JavaScript
149 lines
No EOL
3.4 KiB
JavaScript
/**
|
|
* Codex Editor Util
|
|
*/
|
|
export default class Util {
|
|
|
|
/**
|
|
* Custom logger
|
|
*
|
|
* @param {string} msg - message
|
|
* @param {string} type - logging type 'log'|'warn'|'error'|'info'
|
|
* @param {*} args - argument to log with a message
|
|
*/
|
|
static log(msg, type, args) {
|
|
|
|
type = type || 'log';
|
|
|
|
if (!args) {
|
|
|
|
args = msg || 'undefined';
|
|
msg = '[codex-editor]: %o';
|
|
|
|
} else {
|
|
|
|
msg = '[codex-editor]: ' + msg;
|
|
|
|
}
|
|
|
|
try{
|
|
|
|
if ( 'console' in window && window.console[ type ] ) {
|
|
|
|
if ( args ) window.console[ type ]( msg, args );
|
|
else window.console[ type ]( msg );
|
|
|
|
}
|
|
|
|
} catch(e) {
|
|
// do nothing
|
|
}
|
|
|
|
}
|
|
|
|
/**
|
|
* @typedef {Object} ChainData
|
|
* @property {Object} data - data that will be passed to the success or fallback
|
|
* @property {Function} function - function's that must be called asynchronically
|
|
*/
|
|
|
|
/**
|
|
* Fires a promise sequence asyncronically
|
|
*
|
|
* @param {Object[]} chains - list or ChainData's
|
|
* @param {Function} success - success callback
|
|
* @param {Function} fallback - callback that fires in case of errors
|
|
*
|
|
* @return {Promise}
|
|
*/
|
|
static sequence(chains, success = () => {}, fallback = () => {}) {
|
|
|
|
return new Promise(function (resolve) {
|
|
|
|
/**
|
|
* pluck each element from queue
|
|
* First, send resolved Promise as previous value
|
|
* Each plugins "prepare" method returns a Promise, that's why
|
|
* reduce current element will not be able to continue while can't get
|
|
* a resolved Promise
|
|
*/
|
|
chains.reduce(function (previousValue, currentValue, iteration) {
|
|
|
|
return previousValue
|
|
.then(() => waitNextBlock(currentValue, success, fallback))
|
|
.then(() => {
|
|
|
|
// finished
|
|
if (iteration === chains.length - 1) {
|
|
|
|
resolve();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}, Promise.resolve());
|
|
|
|
});
|
|
|
|
/**
|
|
* Decorator
|
|
*
|
|
* @param {ChainData} chainData
|
|
*
|
|
* @param {Function} successCallback
|
|
* @param {Function} fallbackCallback
|
|
*
|
|
* @return {Promise}
|
|
*/
|
|
function waitNextBlock(chainData, successCallback, fallbackCallback) {
|
|
|
|
return new Promise(function (resolve) {
|
|
|
|
chainData.function()
|
|
.then(() => {
|
|
|
|
successCallback(chainData.data);
|
|
|
|
})
|
|
.then(resolve)
|
|
.catch(function () {
|
|
|
|
fallbackCallback(chainData.data);
|
|
|
|
// anyway, go ahead even it falls
|
|
resolve();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/**
|
|
* Make array from array-like collection
|
|
*
|
|
* @param {*} collection
|
|
*
|
|
* @return {Array}
|
|
*/
|
|
static array(collection) {
|
|
|
|
return Array.prototype.slice.call(collection);
|
|
|
|
}
|
|
|
|
/**
|
|
* Checks if object is empty
|
|
*
|
|
* @param {Object} object
|
|
* @return {boolean}
|
|
*/
|
|
static isEmpty(object) {
|
|
|
|
return Object.keys(object).length === 0 && object.constructor === Object;
|
|
|
|
}
|
|
|
|
}; |