Function init

modules/benchmarks/src/hydration/init.ts:32–83

(appRef: ApplicationRef, insertSsrContent = true)

}

export function init(appRef: ApplicationRef, insertSsrContent = true) {
  let tableComponentRef: ComponentRef<TableComponent>;
  const injector = appRef.injector;
  const environmentInjector = injector.get(EnvironmentInjector);

  let data: TableCell[][] = [];

  const setInput = (data: TableCell[][]) => {
    if (tableComponentRef) {
      tableComponentRef.setInput('data', data);
      tableComponentRef.changeDetectorRef.detectChanges();
    }
  };

  function destroyDom() {
    setInput(emptyTable);
  }

  function updateDom() {
    data = buildTable();
    setInput(data);
  }

  function createDom() {
    const hostElement = document.getElementById('table')!;
    tableComponentRef = createComponent(TableComponent, {environmentInjector, hostElement});
    setInput(data);
  }

  function prepare() {
    destroyDom();
    data = buildTable();

    if (insertSsrContent) {
      // Prepare DOM structure, similar to what SSR would produce.
      const hostElement = document.getElementById('table')!;
      hostElement.setAttribute('ngh', '0');
      hostElement.textContent = ''; // clear existing DOM contents
      hostElement.appendChild(createTableDom(data));
    }
  }

  function noop() {}

  initTableUtils();

  bindAction('#prepare', prepare);
  bindAction('#createDom', createDom);
  bindAction('#updateDom', updateDom);
  bindAction('#createDomProfile', profile(createDom, prepare, 'create'));
  bindAction('#updateDomProfile', profile(updateDom, noop, 'update'));
}

/**
 * Creates DOM to represent a table, similar to what'd be generated