dasl-tiles
All-purpose web tiles library
Star 5
Fork 2
Watch

tile-frame custom HTML element #22

Open chrisshank.me
targeting main from chrisshank.me/dasl-tiles:main
Open opened by and assigned to chrisshank.me
targeting main from chrisshank.me/dasl-tiles:main

Fixes #21 #3 #6

This PR adds a new package @dasl/tile-frame that, more or less, wraps @dasl/tile-loaders with a custom HTML element. This makes it much easier to bring a web tile into any given web app, without the imperative glue code currently needed. It also makes it easier to provide defaults to prevent FOUT (#3) and provide default styles (#6).

<tile-frame src="at://did:plc:…/ing.dasl.masl/3mcjwwoqjqs2v" origin="load.webtiles.example"></tile-frame>

<script type="module">
  import { TileFrame } from '@dasl/tile-frame';
  import { ATTileLoader } from '@dasl/tile-loader/at';

  TileFrame.loaders.push(new ATTileLoader());
  TileFrame.define();
</script>

It adds functionality to let the ATTileLoader resolve handles.

Commits 0