zcy
/
svgedit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

- Openclipart API work (waiting on possibility of their adding a missing CORS header)

master
Brett Zamir 2018-09-26 16:44:56 +08:00
parent ae7d0d1331
commit 9f7f7b9732
20 changed files with 123 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
dist/extensions/ext-locale/imagelib/de.js vendored
View File

@ -19,12 +19,12 @@ var svgEditorExtensionLocale_imagelib_de = (function () {
url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
description: 'Free library of illustrations'
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
}]

18
dist/extensions/ext-locale/imagelib/en.js vendored
View File

@ -18,16 +18,20 @@ var svgEditorExtensionLocale_imagelib_en = (function () {
name: 'IAN Symbol Libraries',
url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
description: 'Free library of illustrations'
/* ,
// Disabling until X-Frame-Options may be removed again (or allow cross-origin):
// The site is no longer using our API, and they have added an
// `X-Frame-Options` header which prevents our usage cross-origin:
// Getting messages like this in console:
// Refused to display 'https://openclipart.org/detail/307176/sign-bike' in a frame
// because it set 'X-Frame-Options' to 'sameorigin'.
// Refused to display 'https://openclipart.org/detail/307176/sign-bike' in a frame
// because it set 'X-Frame-Options' to 'sameorigin'.
// url: 'https://openclipart.org/svgedit',
// However, they do have a custom API which we are using here:
/*
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
} */
url: '{path}imagelib/openclipart{modularVersion}.html',
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
}]
};

4
dist/extensions/ext-locale/imagelib/fr.js vendored
View File

@ -19,12 +19,12 @@ var svgEditorExtensionLocale_imagelib_fr = (function () {
url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
description: 'Free library of illustrations'
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
}]

4
dist/extensions/ext-locale/imagelib/pl.js vendored
View File

@ -19,12 +19,12 @@ var svgEditorExtensionLocale_imagelib_pl = (function () {
url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
description: 'Free library of illustrations'
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
}]

4
dist/extensions/ext-locale/imagelib/pt-BR.js vendored
View File

@ -19,12 +19,12 @@ var svgEditorExtensionLocale_imagelib_pt_BR = (function () {
url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
description: 'Free library of illustrations'
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
}]

4
dist/extensions/ext-locale/imagelib/ro.js vendored
View File

@ -19,12 +19,12 @@ var svgEditorExtensionLocale_imagelib_ro = (function () {
url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
description: 'Free library of illustrations'
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
}]

4
dist/extensions/ext-locale/imagelib/sk.js vendored
View File

@ -19,12 +19,12 @@ var svgEditorExtensionLocale_imagelib_sk = (function () {
url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
description: 'Free library of illustrations'
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
}]

4
dist/extensions/ext-locale/imagelib/sl.js vendored
View File

@ -19,12 +19,12 @@ var svgEditorExtensionLocale_imagelib_sl = (function () {
url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
description: 'Free library of illustrations'
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
}]

4
dist/extensions/ext-locale/imagelib/zh-CN.js vendored
View File

@ -19,12 +19,12 @@ var svgEditorExtensionLocale_imagelib_zh_CN = (function () {
url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
description: 'Free library of illustrations'
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
}]

60
dist/extensions/imagelib/openclipart.js vendored
View File

@ -42,6 +42,20 @@
}
};
var _extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
var inherits = function (subClass, superClass) {
if (typeof superClass !== "function" && superClass !== null) {
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
@ -2182,7 +2196,7 @@
return ['div', [['button', { style: 'margin-right: 8px; border: 2px solid black;', dataset: { id: id, value: svgURL }, $on: {
click: function () {
var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(e) {
var _dataset, svgURL, id;
var _dataset, svgURL, id, post, result, svg;
return regeneratorRuntime.wrap(function _callee$(_context) {
while (1) {
@ -2192,14 +2206,39 @@
_dataset = this.dataset, svgURL = _dataset.value, id = _dataset.id;
console.log('this', id, svgURL);
/*
const result = await fetch(svgURL);
const svg = await result.text();
console.log('svg', svg);
*/
// Todo: Pass to our API
case 3:
post = function post(message) {
// Todo: Make origin customizable as set by opening window
// Todo: If dropping IE9, avoid stringifying
window.parent.postMessage(JSON.stringify(_extends({
namespace: 'imagelib'
}, message)), '*');
};
// Send metadata (also indicates file is about to be sent)
post({
name: title,
id: svgURL
});
_context.next = 7;
return fetch(svgURL);
case 7:
result = _context.sent;
_context.next = 10;
return result.text();
case 10:
svg = _context.sent;
console.log('h', svgURL, svg);
post({
href: svgURL,
data: svg
});
case 13:
case 'end':
return _context.stop();
}
@ -2213,7 +2252,10 @@
return click;
}()
} }, [['img', { src: svgURL, style: 'width: ' + imgHW + '; height: ' + imgHW + ';' }]]], ['b', [title]], ' ', ['i', [description]], ' ', ['span', ['(ID: ', ['a', {
} }, [
// If we wanted interactive versions despite security risk:
// ['object', {data: svgURL, type: 'image/svg+xml'}]
['img', { src: svgURL, style: 'width: ' + imgHW + '; height: ' + imgHW + ';' }]]], ['b', [title]], ' ', ['i', [description]], ' ', ['span', ['(ID: ', ['a', {
href: 'javascript: void(0);',
dataset: { value: id },
$on: {

4
editor/extensions/ext-locale/imagelib/de.js
View File

@ -21,12 +21,12 @@ export default {
description: 'Free library of illustrations'
}
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
]

18
editor/extensions/ext-locale/imagelib/en.js
View File

@ -20,15 +20,19 @@ export default {
url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
description: 'Free library of illustrations'
}
/* ,
// Disabling until X-Frame-Options may be removed again (or allow cross-origin):
// The site is no longer using our API, and they have added an
// `X-Frame-Options` header which prevents our usage cross-origin:
// Getting messages like this in console:
// Refused to display 'https://openclipart.org/detail/307176/sign-bike' in a frame
// because it set 'X-Frame-Options' to 'sameorigin'.
// Refused to display 'https://openclipart.org/detail/307176/sign-bike' in a frame
// because it set 'X-Frame-Options' to 'sameorigin'.
// url: 'https://openclipart.org/svgedit',
// However, they do have a custom API which we are using here:
/*
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
} */
url: '{path}imagelib/openclipart{modularVersion}.html',
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
]
};

4
editor/extensions/ext-locale/imagelib/fr.js
View File

@ -21,12 +21,12 @@ export default {
description: 'Free library of illustrations'
}
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
]

4
editor/extensions/ext-locale/imagelib/pl.js
View File

@ -21,12 +21,12 @@ export default {
description: 'Free library of illustrations'
}
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
]

4
editor/extensions/ext-locale/imagelib/pt-BR.js
View File

@ -21,12 +21,12 @@ export default {
description: 'Free library of illustrations'
}
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
]

4
editor/extensions/ext-locale/imagelib/ro.js
View File

@ -21,12 +21,12 @@ export default {
description: 'Free library of illustrations'
}
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
]

4
editor/extensions/ext-locale/imagelib/sk.js
View File

@ -21,12 +21,12 @@ export default {
description: 'Free library of illustrations'
}
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
]

4
editor/extensions/ext-locale/imagelib/sl.js
View File

@ -21,12 +21,12 @@ export default {
description: 'Free library of illustrations'
}
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
]

4
editor/extensions/ext-locale/imagelib/zh-CN.js
View File

@ -21,12 +21,12 @@ export default {
description: 'Free library of illustrations'
}
/*
// See message in "en" locale as to why disabling
// See message in "en" locale for further details
,
{
name: 'Openclipart',
url: 'https://openclipart.org/svgedit',
description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
}
*/
]

22
editor/extensions/imagelib/openclipart.js
View File

@ -75,12 +75,26 @@ async function processResults (url) {
e.preventDefault();
const {value: svgURL, id} = this.dataset;
console.log('this', id, svgURL);
/*
const post = (message) => {
// Todo: Make origin customizable as set by opening window
// Todo: If dropping IE9, avoid stringifying
window.parent.postMessage(JSON.stringify({
namespace: 'imagelib',
...message
}), '*');
};
// Send metadata (also indicates file is about to be sent)
post({
name: title,
id: svgURL
});
const result = await fetch(svgURL);
const svg = await result.text();
console.log('svg', svg);
*/
// Todo: Pass to our API
console.log('h', svgURL, svg);
post({
href: svgURL,
data: svg
});
}
}}, [
// If we wanted interactive versions despite security risk: