github/JavaScriptServices
1
1
Fork 0
mirror of https://github.com/aspnet/JavaScriptServices.git synced 2025-12-24 10:40:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Support loading prerenderer boot module via Webpack config; use this in Angular 2 template

Browse Source
This commit is contained in:
SteveSandersonMS
2016-03-01 00:04:51 +00:00
parent 47ba251923
commit bfc993af50
6 changed files with 179 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
templates/Angular2Spa/ClientApp/boot-server.ts
View File

@@ -4,29 +4,19 @@ import * as ngRouter from 'angular2/router';
import * as ngUniversal from 'angular2-universal-preview';
import { BASE_URL } from 'angular2-universal-preview/dist/server/src/http/node_http';
import * as ngUniversalRender from 'angular2-universal-preview/dist/server/src/render';
import { App } from './components/app/app';
// TODO: Make this ugly code go away, e.g., by somehow loading via Webpack
function loadAsString(module, filename) {
module.exports = require('fs').readFileSync(filename, 'utf8');
}
(require as any).extensions['.html'] = loadAsString;
(require as any).extensions['.css'] = loadAsString;
let App: any = require('./components/app/app').App;
export default function (params: any): Promise<{ html: string, globals?: any }> {
const serverBindings = [
ngRouter.ROUTER_BINDINGS,
ngUniversal.HTTP_PROVIDERS,
ngCore.provide(BASE_URL, { useValue: params.absoluteUrl }),
ngCore.provide(ngUniversal.REQUEST_URL, { useValue: params.url }),
ngCore.provide(ngRouter.APP_BASE_HREF, { useValue: '/' }),
ngUniversal.SERVER_LOCATION_PROVIDERS
];
export default function (params: any): Promise<{ html: string }> {
return new Promise<{ html: string, globals: { [key: string]: any } }>((resolve, reject) => {
const serverBindings = [
ngRouter.ROUTER_BINDINGS,
ngUniversal.HTTP_PROVIDERS,
ngCore.provide(BASE_URL, { useValue: params.absoluteUrl }),
ngCore.provide(ngUniversal.REQUEST_URL, { useValue: params.url }),
ngCore.provide(ngRouter.APP_BASE_HREF, { useValue: '/' }),
ngUniversal.SERVER_LOCATION_PROVIDERS
];
ngUniversalRender.renderToString(App, serverBindings).then(
html => resolve({ html, globals: {} }),
reject // Also propagate any errors back into the host application
);
return ngUniversalRender.renderToString(App, serverBindings).then(html => {
return { html, globals: {}};
});
}