GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 03:11:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix: support non-css or js assets in vue iframe

Browse Source
This commit is contained in:
Ian McNally 2017-08-13 23:08:26 -04:00
parent f3bef294e0
commit 69086196bd
1 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/vue/src/server/iframe.html.js
View File

@ -1,5 +1,7 @@
import url from 'url';
const getExtensionForFilename = filename => /.+\.(\w+)$/.exec(filename)[1];
// assets.preview will be:
// - undefined
// - string e.g. 'static/preview.9adbb5ef965106be1cc3.bundle.js'
@ -21,17 +23,27 @@ const urlsFromAssets = assets => {
css: [],
};
const re = /.+\.(\w+)$/;
Object.keys(assets)
// Don't load the manager script in the iframe
.filter(key => key !== 'manager')
.forEach(key => {
const asset = assets[key];
let asset = assets[key];
if (typeof asset === 'string') {
urls[re.exec(asset)[1]].push(asset);
urls[getExtensionForFilename(asset)].push(asset);
} else {
const assetUrl = asset.find(u => re.exec(u)[1] !== 'map');
urls[re.exec(assetUrl)[1]].push(assetUrl);
if (!Array.isArray(asset)) {
asset = [asset];
}
asset
.filter(assetUrl => {
const extension = getExtensionForFilename(assetUrl);
const isMap = extension === 'map';
const isSupportedExtension = Boolean(urls[extension]);
return isSupportedExtension && !isMap;
})
.forEach(assetUrl => {
urls[getExtensionForFilename(assetUrl)].push(assetUrl);
});
}
});