- Breaking change: Locale now formatted as export - Breaking change: Moved out remaining modular i18n (imagelib) to own folder - Breaking change: Drop `executeAfterLoads` (and getJSPDF/getCanvg) - Breaking change: `RGBColor` must accept `new` - Breaking change: canvg - `stackBlurCanvasRGBA` must be set now by function (`setStackBlurCanvasRGBA`) rather than global; `canvg` now a named export - Breaking change: Avoid passing `canvg`/`buildCanvgCallback` to extensions (have them import) - Fix: i18nize imaglib more deeply - Fix: Positioning of Document Properties dialog (Fixes #246) - Fix (regression): PDF Export (Fixes #249) - Fix (regression): Add polyfill for `ChildNode`/`ParentNode` (and use further) - Fix (regression): Apply Babel universally to dependencies - Fix (regression): Ordering of `uaPrefix` function in `svgEditor.js` - Fix (regression): Embedded API - Fix (embedded editor): Fix backspace key in Firefox so it doesn't navigate out of frame - Fix: Alert if no exportWindow for PDF (e.g., if blocked) - Refactoring( RGBColor) `RGBColor` as class, without rebuilding constants, optimize string replacement, move methods to prototype, use templates and object literals, use `Object.keys` - Refactoring (canvg) Use classes more internally, use shorthand objects; array extras, return to lazy-loading - Refactoring: Use Promises in place of `$.getScript`; always return Promises in case deciding to await resolving - Refactoring: Avoid importing `RGBColor` into `svgutils.js` (jsPDF imports it itself) - Refactoring: Arrow functions, destructuring, shorter property references - Refactoring: Fix `lang` and `dir` for locales (though not in use currently anyways) - Refactoring: Provide path config for canvg, jspdf
102 lines
2.9 KiB
JavaScript
102 lines
2.9 KiB
JavaScript
// MIT License
|
|
// From: https://github.com/uupaa/dynamic-import-polyfill/blob/master/importModule.js
|
|
|
|
function toAbsoluteURL (url) {
|
|
const a = document.createElement('a');
|
|
a.setAttribute('href', url); // <a href="hoge.html">
|
|
return a.cloneNode(false).href; // -> "http://example.com/hoge.html"
|
|
}
|
|
|
|
function addScriptAtts (script, atts) {
|
|
['id', 'class', 'type'].forEach((prop) => {
|
|
if (prop in atts) {
|
|
script[prop] = atts[prop];
|
|
}
|
|
});
|
|
}
|
|
|
|
// Additions by Brett
|
|
export async function importSetGlobalDefault (url, config) {
|
|
return importSetGlobal(url, {...config, returnDefault: true});
|
|
}
|
|
export async function importSetGlobal (url, {global, returnDefault}) {
|
|
// Todo: Replace calls to this function with `import()` when supported
|
|
const modularVersion = !('svgEditor' in window) ||
|
|
!window.svgEditor ||
|
|
window.svgEditor.modules !== false;
|
|
if (modularVersion) {
|
|
return importModule(url, undefined, {returnDefault});
|
|
}
|
|
await importScript(url);
|
|
return window[global];
|
|
}
|
|
// Addition by Brett
|
|
export function importScript (url, atts = {}) {
|
|
if (Array.isArray(url)) {
|
|
return Promise.all(url.map((u) => {
|
|
return importScript(u, atts);
|
|
}));
|
|
}
|
|
return new Promise((resolve, reject) => {
|
|
const script = document.createElement('script');
|
|
const destructor = () => {
|
|
script.onerror = null;
|
|
script.onload = null;
|
|
script.remove();
|
|
script.src = '';
|
|
};
|
|
script.defer = 'defer';
|
|
addScriptAtts(script, atts);
|
|
script.onerror = () => {
|
|
reject(new Error(`Failed to import: ${url}`));
|
|
destructor();
|
|
};
|
|
script.onload = () => {
|
|
resolve();
|
|
destructor();
|
|
};
|
|
script.src = url;
|
|
|
|
document.head.append(script);
|
|
});
|
|
}
|
|
|
|
export function importModule (url, atts = {}, {returnDefault = false} = {}) {
|
|
if (Array.isArray(url)) {
|
|
return Promise.all(url.map((u) => {
|
|
return importModule(u, atts);
|
|
}));
|
|
}
|
|
return new Promise((resolve, reject) => {
|
|
const vector = '$importModule$' + Math.random().toString(32).slice(2);
|
|
const script = document.createElement('script');
|
|
const destructor = () => {
|
|
delete window[vector];
|
|
script.onerror = null;
|
|
script.onload = null;
|
|
script.remove();
|
|
URL.revokeObjectURL(script.src);
|
|
script.src = '';
|
|
};
|
|
addScriptAtts(script, atts);
|
|
script.defer = 'defer';
|
|
script.type = 'module';
|
|
script.onerror = () => {
|
|
reject(new Error(`Failed to import: ${url}`));
|
|
destructor();
|
|
};
|
|
script.onload = () => {
|
|
resolve(window[vector]);
|
|
destructor();
|
|
};
|
|
const absURL = toAbsoluteURL(url);
|
|
const loader = `import * as m from '${absURL.replace(/'/g, "\\'")}'; window.${vector} = ${returnDefault ? 'm.default || ' : ''}m;`; // export Module
|
|
const blob = new Blob([loader], { type: 'text/javascript' });
|
|
script.src = URL.createObjectURL(blob);
|
|
|
|
document.head.append(script);
|
|
});
|
|
}
|
|
|
|
export default importModule;
|