angular-cn/tools/plunker-builder/indexHtmlTranslator.js

115 lines
2.9 KiB
JavaScript

module.exports = {
translate: translate
};
var _rxRules = {
basehref: {
from: /<base href=".*"[/]?>/,
to: '<script>document.write(\'<base href="\' + document.location + \'" />\');</script>'
},
angular_pkg: {
from: /src=".?node_modules\/@angular/g,
to: 'src="https://npmcdn.com/@angular'
},
script: {
from: /<script.*".*%tag%".*>.*<\/script>/,
to: '<script src="%tag%"></script>'
},
link: {
from: '/<link rel="stylesheet" href=".*%tag%".*>/',
to: '<link rel="stylesheet" href="%tag%">'
},
config: {
from: /\s*System.config\(\{[\s\S]*\}\);/m,
to: "\n" +
" System.config({\n" +
" transpiler: 'typescript', \n" +
" typescriptOptions: { emitDecoratorMetadata: true }, \n" +
" packages: {'app': {defaultExtension: 'ts'}} \n" +
" });"
},
};
var _rxData = [
{
pattern: 'basehref',
},
{
pattern: 'script',
from: 'node_modules/es6-shim/es6-shim.min.js',
to: 'https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.0/es6-shim.min.js'
},
{
pattern: 'script',
from: 'node_modules/zone.js/dist/zone.js',
to: 'https://npmcdn.com/zone.js@0.6.12'
},
{
pattern: 'script',
from: 'node_modules/reflect-metadata/Reflect.js',
to: 'https://npmcdn.com/reflect-metadata@0.1.3'
},
{
pattern: 'script',
from: 'node_modules/rxjs/bundles/Rx.umd.js',
to: 'https://npmcdn.com/rxjs@5.0.0-beta.6/bundles/Rx.umd.js'
},
{
pattern: 'script',
from: 'node_modules/systemjs/dist/system.src.js',
to: ['https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.27/system.js', 'https://npmcdn.com/typescript@1.8.10/lib/typescript.js']
},
{
pattern: 'script',
from: 'node_modules/angular/in-memory-web-api/web-api.js',
to: 'https://npmcdn.com/angular/in-memory-web-api/web-api.js'
},
{
pattern: 'link',
from: 'node_modules/bootstrap/dist/css/bootstrap.min.css',
to: 'https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css'
},
{
pattern: 'angular_pkg',
},
{
pattern: 'config',
}
];
function translate(html) {
_rxData.forEach(function(rxDatum) {
var rxRule = _rxRules[rxDatum.pattern];
// rxFrom is a rexexp
var rxFrom = rxRule.from;
if (rxDatum.from) {
var from = rxDatum.from.replace('/', '\/');
var rxTemp = rxFrom.toString();
rxTemp = rxTemp.replace('%tag%', from);
rxFrom = rxFromString(rxTemp);
}
// rxTo is a string
var rxTo = rxRule.to;
if (rxDatum.to) {
var to = rxDatum.to;
to = Array.isArray(to) ? to : [to];
to = to.map(function (toItem) {
return rxTo.replace("%tag%", toItem);
});
rxTo = to.join("\n ");
}
html = html.replace(rxFrom, rxTo );
});
return html;
}
function rxFromString(rxString) {
var rx = /^\/(.*)\/(.*)/;
var pieces = rx.exec(rxString);
return RegExp(pieces[1], pieces[2]);
}