renderer.ts

import { Eimer, EimerBrowserTransport } from 'eimer';

// Create eimer node and connect to "preload" via BrowserTransport
const eimer = new Eimer('renderer');
eimer.connect(new EimerBrowserTransport(window));


// Initialize UI and set up event handlers

// counter value
const counterElement = document.getElementById('counter') as HTMLDivElement;
if (counterElement) {
    eimer.callRpc<number>('counter.get').then((value: number) => { counterElement.textContent = value.toString() });
    eimer.subscribe('counter.change', (value: any) => {
        counterElement.textContent = value.toString();
    });
}

// "+" Button
const incrementButton = document.getElementById('increment') as HTMLButtonElement;
if (incrementButton) {
    incrementButton.addEventListener('click', async () => {
        try {
            await eimer.callRpc('counter.increment');
        } catch (error) {
            console.error('Failed to increment counter:', error);
        }
    });
}

// "-" Button
const decrementButton = document.getElementById('decrement') as HTMLButtonElement;
if (decrementButton) {
    decrementButton.addEventListener('click', async () => {
        try {
            await eimer.callRpc('counter.decrement');
        } catch (error) {
            console.error('Failed to decrement counter:', error);
        }
    });
}