import './components/app/component.lit-element';

import * as PACKAGE_JSON from '../node_modules/lit-element/package.json';

import { run } from './app.run';
import { typeIt } from './shares/utils';

const TYPED_PACKAGE_JSON = typeIt<{ version: string }>(PACKAGE_JSON);

run('lit-element', TYPED_PACKAGE_JSON.version, () => {
  // Render the template to the document
  const htmlDivElement: HTMLDivElement | null = document.querySelector('div#lit-element');
  if (htmlDivElement instanceof HTMLDivElement) {
    htmlDivElement.innerHTML = '<app-component />';
  }
});