lichess-pgn-viewer/src/main.ts

PGN viewer widget, designed to be embedded in content pages.

import PgnViewer from './pgnViewer';
import view from './view/main';
import { init, attributesModule, classModule } from 'snabbdom';
import { Opts } from './interfaces';
import config from './config';

export default function start(element: HTMLElement, cfg: Partial<Opts>): PgnViewer {
  const patch = init([classModule, attributesModule]);

  const opts = config(element, cfg);

  const ctrl = new PgnViewer(opts, redraw);

  const blueprint = view(ctrl);
  element.innerHTML = '';
  let vnode = patch(element, blueprint);
  ctrl.div = vnode.elm as HTMLElement;

  function redraw() {
    vnode = patch(vnode, view(ctrl));
  }

  return ctrl;
}