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

This commit is contained in:
Brett Zamir
2018-09-26 16:44:56 +08:00
parent ae7d0d1331
commit 9f7f7b9732
20 changed files with 123 additions and 59 deletions

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.'
}
*/
]

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.'
}
*/
]
};

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.'
}
*/
]

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.'
}
*/
]

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.'
}
*/
]

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.'
}
*/
]

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.'
}
*/
]

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.'
}
*/
]

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.'
}
*/
]

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: