Put web viewer on npm

[jprochazk]

$ npm i @rerun-io/web-viewer

The package will contain our Wasm binary, and bindings for it. The basic set of features should be:

• Place a web viewer canvas which takes up its entire container width/height
• Give the web viewer a URL of an .rrd file to load

We'll have a small library to wrap these bindings and make them nicer to use. The web viewer should be framework agnostic, ideally exposed as a web component:

import { WebViewer } from "@rerun-io/web-viewer";

const viewer = new WebViewer("https://app.rerun.io/data.rrd");
document.body.append(viewer);

We should also provide wrappers for popular frameworks (at least React, Vue, Svelte) that just instantiate and manage the custom element:

import { WebViewer } from "@rerun-io/web-viewer/react";

export default function App() {
  return (
    <main>
      <WebViewer url="https://app.rerun.io/data.rrd" />
    </main>
  );
}

I created the rerun-io npm org where we can publish the package: https://www.npmjs.com/org/rerun-io

[emilk]

It should also handle showing a loading screen while the WASM download, and show a nice error message on crashes