Andrew Nicols
90c40fba5d
Part of MDL-75966 This commit adds a cache-busting loader API for use in the TinyMCE plugin. This is not for use in any TinyMCE subplugins at this time as we have no use-case outside of AMD modules. This loader ensures that only files within the js/tiny directory are loaded, and it only supports either .js or .css files at this time. The client-side of the loader makes use of the jsrevision as a cache-buster, including for CSS files included with TinyMCE. If the revision is negative, then files are not cached. If the revision is positive, then the requested file is cached in a candidate file and served using aggressive cache headers.
65 lines
1.9 KiB
JavaScript
65 lines
1.9 KiB
JavaScript
// This file is part of Moodle - http://moodle.org/
|
|
//
|
|
// Moodle is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
//
|
|
// Moodle is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU General Public License
|
|
// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
/**
|
|
* Tiny Loader for Moodle
|
|
*
|
|
* @module editor_tiny/loader
|
|
* @copyright 2022 Andrew Lyons <andrew@nicols.co.uk>
|
|
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
|
|
*/
|
|
|
|
let tinyMCEPromise;
|
|
|
|
import * as Config from 'core/config';
|
|
|
|
export const baseUrl = `${Config.wwwroot}/lib/editor/tiny/loader.php/${M.cfg.jsrev}`;
|
|
|
|
/**
|
|
* Get the TinyMCE API Object.
|
|
*
|
|
* @returns {Promise<TinyMCE>} The TinyMCE API Object
|
|
*/
|
|
export const getTinyMCE = () => {
|
|
if (tinyMCEPromise) {
|
|
return tinyMCEPromise;
|
|
}
|
|
|
|
tinyMCEPromise = new Promise((resolve, reject) => {
|
|
const head = document.querySelector('head');
|
|
let script = head.querySelector('script[data-tinymce="tinymce"]');
|
|
if (script) {
|
|
resolve(window.tinyMCE);
|
|
}
|
|
|
|
script = document.createElement('script');
|
|
script.dataset.tinymce = 'tinymce';
|
|
script.src = `${baseUrl}/tinymce.js`;
|
|
script.async = true;
|
|
|
|
script.addEventListener('load', () => {
|
|
resolve(window.tinyMCE);
|
|
}, false);
|
|
|
|
script.addEventListener('error', (err) => {
|
|
reject(err);
|
|
}, false);
|
|
|
|
head.append(script);
|
|
});
|
|
|
|
return tinyMCEPromise;
|
|
};
|