cargdev/angular
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(benchmarks): refactor to support AOT bootstrap in G3 (#12075)

Browse Source
This commit is contained in:
Tobias Bosch
2016-10-04 16:27:45 -07:00
committed by Chuck Jazdzewski
parent 4a57dcfd8d
commit 5fa5ffb82a
14 changed files with 190 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
modules/benchmarks/src/largetable/baseline/index.html
View File

@ -22,9 +22,13 @@
</p>
<div>
<largetable id="root"></largetable>
<largetable id="root">Loading...</largetable>
</div>
<script src="../../bootstrap_plain.js"></script>
<script>
var mainUrl = window.location.search.split(/[?&]main=([^&]+)/)[1]
|| '../../bootstrap_plain.js';
document.write('<script src="' + mainUrl + '">\u003c/script>');
</script>
</body>
</html>

42
modules/benchmarks/src/largetable/baseline/index.ts
View File

@ -2,24 +2,28 @@ import {bindAction, profile} from '../../util';
import {buildTable, emptyTable} from '../util';
import {TableComponent} from './table';
export function main() {
var table: TableComponent;
var table: TableComponent;
function destroyDom() { table.data = emptyTable; }
function createDom() { table.data = buildTable(); }
function noop() {}
function init() {
table = new TableComponent(document.querySelector('largetable'));
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
}
init();
function destroyDom() {
table.data = emptyTable;
}
function createDom() {
table.data = buildTable();
}
function noop() {}
function init() {
const rootEl = document.querySelector('largetable');
rootEl.textContent = '';
table = new TableComponent(rootEl);
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
}
init();

8
modules/benchmarks/src/largetable/ng2/index.html
View File

@ -22,9 +22,13 @@
</p>
<div>
<largetable id="root"></largetable>
<largetable id="root">Loading...</largetable>
</div>
<script src="../../bootstrap_ng2.js"></script>
<script>
var mainUrl = window.location.search.split(/[?&]main=([^&]+)/)[1]
|| '../../bootstrap_ng2.js';
document.write('<script src="' + mainUrl + '">\u003c/script>');
</script>
</body>
</html>

40
modules/benchmarks/src/largetable/ng2/index.ts
View File

@ -1,40 +1,10 @@
import {ApplicationRef, enableProdMode} from '@angular/core';
import {enableProdMode} from '@angular/core';
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {bindAction, profile} from '../../util';
import {buildTable, emptyTable} from '../util';
import {AppModule, TableComponent} from './table';
import {init} from './init';
import {AppModule} from './table';
export function main() {
var table: TableComponent;
var appRef: ApplicationRef;
function destroyDom() {
table.data = emptyTable;
appRef.tick();
}
function createDom() {
table.data = buildTable();
appRef.tick();
}
function noop() {}
function init() {
enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule).then((ref) => {
var injector = ref.injector;
appRef = injector.get(ApplicationRef);
table = appRef.components[0].instance;
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
});
}
init();
enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule).then(init);
}

32
modules/benchmarks/src/largetable/ng2/init.ts Normal file
View File

@ -0,0 +1,32 @@
import {ApplicationRef, NgModuleRef} from '@angular/core';
import {bindAction, profile} from '../../util';
import {buildTable, emptyTable} from '../util';
import {AppModule, TableComponent} from './table';
export function init(moduleRef: NgModuleRef<AppModule>) {
let table: TableComponent;
let appRef: ApplicationRef;
function destroyDom() {
table.data = emptyTable;
appRef.tick();
}
function createDom() {
table.data = buildTable();
appRef.tick();
}
function noop() {}
const injector = moduleRef.injector;
appRef = injector.get(ApplicationRef);
table = appRef.components[0].instance;
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
}

8
modules/benchmarks/src/largetable/ng2_switch/index.html
View File

@ -22,9 +22,13 @@
</p>
<div>
<largetable id="root"></largetable>
<largetable id="root">Loading...</largetable>
</div>
<script src="../../bootstrap_ng2.js"></script>
<script>
var mainUrl = window.location.search.split(/[?&]main=([^&]+)/)[1]
|| '../../bootstrap_ng2.js';
document.write('<script src="' + mainUrl + '">\u003c/script>');
</script>
</body>
</html>

40
modules/benchmarks/src/largetable/ng2_switch/index.ts
View File

@ -1,40 +1,10 @@
import {ApplicationRef, enableProdMode} from '@angular/core';
import {enableProdMode} from '@angular/core';
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {bindAction, profile} from '../../util';
import {buildTable, emptyTable} from '../util';
import {AppModule, TableComponent} from './table';
import {init} from './init';
import {AppModule} from './table';
export function main() {
var table: TableComponent;
var appRef: ApplicationRef;
function destroyDom() {
table.data = emptyTable;
appRef.tick();
}
function createDom() {
table.data = buildTable();
appRef.tick();
}
function noop() {}
function init() {
enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule).then((ref) => {
var injector = ref.injector;
appRef = injector.get(ApplicationRef);
table = appRef.components[0].instance;
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
});
}
init();
enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule).then(init);
}

32
modules/benchmarks/src/largetable/ng2_switch/init.ts Normal file
View File

@ -0,0 +1,32 @@
import {ApplicationRef, NgModuleRef} from '@angular/core';
import {bindAction, profile} from '../../util';
import {buildTable, emptyTable} from '../util';
import {AppModule, TableComponent} from './table';
export function init(moduleRef: NgModuleRef<AppModule>) {
let table: TableComponent;
let appRef: ApplicationRef;
function destroyDom() {
table.data = emptyTable;
appRef.tick();
}
function createDom() {
table.data = buildTable();
appRef.tick();
}
function noop() {}
const injector = moduleRef.injector;
appRef = injector.get(ApplicationRef);
table = appRef.components[0].instance;
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
}