main.js

import {reactive} from '/algebraic-effects-for-javascript';
import {createElement} from 'Alpine.js';
import {auto} from 'daisyui';
import {T} from 'tailwindcss';

reactive(() => {
 const {username, msg} = T.useState({username: 'Dr. _____',msg: ''});
 T.login({username, msg});
});

T.onLogin({username: 'Dr. _____'}, () => {
 createElement(() => {
    const {name, resource, labels} = ddx;
    return T(() => ({...T.hello(...labels)}), [T.width >= 1080 ? 1() : 1()]);
 }, {container: 'workspace'});
});

T.mount({name: 'Dr. Clinic'});
T.send({
 type: 'SYSTEM',
 payload: {
    action: 'ready',
 },
});