uHTML ldflex

This uHTML LDflex library only supports Sparql paths for now. In the future it will be possible to a use a more complex engine. This has been done to keep it small.

Important!

This library is a proof of concept, it needs more experimentation and cleanup to be used.

Example

import { createHtml, prefixes } from 'uhtml-ldflex'

export const { html, render, Hole } = createHtml({
  loader: () => html`Loading...`,
  error: (exception) => html``,
  prefixes,
  dataHandlers: {
    'rdf:langString': (value) => value,
    'xsd:string': (value) => value,
    'xsd:date': (value) => new Date(value).toLocaleString('nl', { dateStyle: 'short' }),
    'iri': (string: string) => {
      if (string.includes('mailto:')) {
        return html`<a href=${string}>${string.replace('mailto:', '')}</a>`
      }
      return string
    }
  }
})

const soren = get('http://dbpedia.org/resource/Søren_Kierkegaard', 'dbo', 'https://dbpedia.org/sparql')

const draw = () => {
  render(document.body, html`

    <div class="philosopher">
      <h1>${soren.label}</h1>
      <p>${soren.abstract}</p>
      <span>${soren.deathYear}</span>
      <img src=${soren.thumbnail} />
      <ul>
        ${soren.influenced.map(influencee => html`
          <li>${influencee.label}</li>
        `)}
      </ul>
    </div>
  `)
}

draw()