Repository navigation
plugin request: Handle data:mime,<data> urls #125
Description
Request Checklist:
- I have searched https://npmjs.com/ before opening this issue
- I have searched https://github.com/rollup/awesome before opening this issue
New Plugin Use Case
I would like to import code as a module from a data:{mime} declaration.
import 'data:text/javascript, console.log('Buhhh')'
import me from 'data:application/json, { "my": 'json''}
import('data:application/json, { "my": 'json''})New Plugin Proposal
Perhaps @rollup/plugin-data-mime. The plugin could look like:
{
resolveId(id) {
if (isDataUrl(id)) {
return id;
}
return null;
},
load(id) {
if (isDataUrl(id)) {
return getCodeFromDataUrl(id);
}
return null;
}
}
Activity
shellscape commentedon Dec 30, 2019
@frank-dspeed thanks for opening an issue here for this. I've updated your issue with the content from the original rollup/rollup issue. That's the better way to go, since plugin maintainers and contributors are more likely to take up the effort without the extra friction of referencing and parsing another issue (we're all operating here on limited, volunteered time and availability.)
[-]Handle data:mime,<data> urls[/-][+]plugin request: Handle data:mime,<data> urls[/+]shellscape commentedon Dec 30, 2019
For reference, here's Node's documentation on this import approach https://nodejs.org/api/esm.html#esm_data_imports
Discussion about node's implementation nodejs/node#28614
The commit to Node including their method for parsing the data uri nodejs/node@9fd9efa#diff-a7c0a5f3e4fc8503fefebbe82071bc38
shellscape commentedon Jan 4, 2020
I've begun work on this plugin in the
plugin/data-uribranch.@LarsDenBakker saw your comment on the webpack issue and thought this might interest you.
LarsDenBakker commentedon Jan 4, 2020
Indeed I need one as well, I ended up writing my own but it's good to standardize.
frank-dspeed commentedon Jan 4, 2020
@LarsDenBakker yes i need it also for my esm-loader module to support cross platform importScript