2f87eb52fe
The new view engine allows our codegen to produce less code, as it can interpret view definitions during runtime. The view engine is not feature complete yet, but already allows to implement a tree benchmark based on it. Part of #14013
57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google Inc. All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
|
|
import {ApplicationRef, NgModuleRef} from '@angular/core';
|
|
|
|
import {bindAction, profile} from '../../util';
|
|
import {buildTree, emptyTree} from '../util';
|
|
|
|
import {AppModule, TreeComponent} from './tree';
|
|
|
|
export function main() {
|
|
let tree: TreeComponent;
|
|
let appMod: AppModule;
|
|
let detectChangesRuns = 0;
|
|
|
|
function destroyDom() {
|
|
tree.data = emptyTree;
|
|
appMod.tick();
|
|
}
|
|
|
|
function createDom() {
|
|
tree.data = buildTree();
|
|
appMod.tick();
|
|
}
|
|
|
|
function detectChanges() {
|
|
for (let i = 0; i < 10; i++) {
|
|
appMod.tick();
|
|
}
|
|
detectChangesRuns += 10;
|
|
numberOfChecksEl.textContent = `${detectChangesRuns}`;
|
|
}
|
|
|
|
function noop() {}
|
|
|
|
const numberOfChecksEl = document.getElementById('numberOfChecks');
|
|
|
|
appMod = new AppModule();
|
|
appMod.bootstrap();
|
|
tree = appMod.rootComp;
|
|
const rootEl = document.querySelector('#root');
|
|
rootEl.textContent = '';
|
|
rootEl.appendChild(appMod.rootEl);
|
|
|
|
bindAction('#destroyDom', destroyDom);
|
|
bindAction('#createDom', createDom);
|
|
bindAction('#detectChanges', detectChanges);
|
|
bindAction('#detectChangesProfile', profile(detectChanges, noop, 'detectChanges'));
|
|
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
|
|
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
|
|
}
|