const direction = 'forwards'; // TODO: get this variable figured out dynamically

const transition = document.startViewTransition({
  update: () => {
    resolveViewTransitionStarted();
    // We don't actually update dom within the transition callback. The resolving of the above
    // promise unblocks the Router navigation, which synchronously activates and deactivates
    // routes (the DOM update). This view transition waits for the next change detection to
    // complete (below), which includes the update phase of the routed components.
    return createRenderPromise(injector);
  },
  types: [direction]
});