feat(react): set up hook for reacting to events

This commit is contained in:
Elian Doran
2025-08-08 20:08:06 +03:00
parent bd6c690160
commit 3975041798
4 changed files with 58 additions and 24 deletions

View File

@@ -0,0 +1,21 @@
import { createContext, JSX, render } from "preact";
import BasicWidget from "../basic_widget.js";
import Component from "../../components/component.js";
export const ParentComponent = createContext<Component | null>(null);
export default abstract class ReactBasicWidget extends BasicWidget {
abstract get component(): JSX.Element;
doRender() {
const renderContainer = new DocumentFragment();
render((
<ParentComponent.Provider value={this}>
{this.component}
</ParentComponent.Provider>
), renderContainer);
this.$widget = $(renderContainer.firstChild as HTMLElement);
}
}