uibeam 0.4.0

A lightweight, JSX-style Web UI library for Rust
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

export { hydrate, createElement, createRef, Fragment } from 'preact';
export { useSignal, useComputed, useSignalEffect, batch, untracked } from '@preact/signals';

(async () => {
  const { default: init, ...hydraters } = await import('/.uibeam/hydrate.js');
  
  await init();
  
  document.querySelectorAll('[data-uibeam-hydrater]').forEach((container) => {
    const hydraterName = container.getAttribute('data-uibeam-hydrater');
    if (!hydraterName) {
      console.error(`[uibeam] no hydrater name: ${container}`);
      return;
    }
    const hydrater = hydraters[hydraterName];
    if (!hydrater) {
      console.error(`[uibeam] no hydrater found for name '${hydraterName}': ${container}`);
      return;
    }
    
    const propsStr = container.getAttribute('data-uibeam-props');
    if (!propsStr) {
      console.error(`[uibeam] no props string: ${container}`);
      return;
    }
    let props = null;
    try {
      props = JSON.parse(propsStr);
    } catch (e) {
      console.error(`[uibeam] failed to parse props JSON '${propsStr}': ${e}`);
      return;
    }
    if (!props) {
      console.error(`[uibeam] no props parsed: ${container}`);
      return;
    }
    
    try {
      hydrater(props, container);
    } catch (e) {
      const message = e instanceof Error ? e.message : String(e);
      console.error(`[uibeam] failed to hydrate with '${hydraterName}' and props '${JSON.stringify(propsStr)}': ${message}`);
    }
  });
})();