@teipublisher/pb-components/src/pb-version.js

Collection of webcomponents underlying TEI Publisher

import { LitElement, html } from 'lit-element';
import { resolveURL } from './utils.js';

// will be set by rollup when bundling
const PB_COMPONENTS_VERSION = null;

/**
 * Outputs the version of pb-components being used. This is injected
 * from `package.json` at build time.
 */
export class PbVersion extends LitElement {
  static get properties() {
    return {
      version: {
        type: String,
        reflect: true,
      },
      ...super.properties,
    };
  }

  constructor() {
    super();

    this.version = PB_COMPONENTS_VERSION;
  }

  connectedCallback() {
    super.connectedCallback();
    if (!this.version) {
      const pkg = resolveURL('../package.json');
      fetch(pkg)
        .then(response => response.json())
        .then(data => {
          this.version = data.version;
        });
    }
  }

  render() {
    return html`<span>${this.version ? this.version : 'unknown'}</span>`;
  }

  createRenderRoot() {
    return this;
  }
}
customElements.define('pb-version', PbVersion);