atomico/src/core/element/hooks.js

Atomico is a small library for the creation of interfaces based on web-components, only using functions and hooks.

import { useHost } from "../hooks";
import { dispatchEvent } from "./utils";

export function useProp(name) {
    let ref = useHost();
    if (name in ref.current) {
        if (!ref[name]) {
            ref[name] = [null, nextValue => (ref.current[name] = nextValue)];
        }
        ref[name][0] = ref.current[name];
        return ref[name];
    }
}

export function useEvent(type, customEventInit) {
    let ref = useHost();
    if (!ref[type]) {
        ref[type] = detail =>
            dispatchEvent(
                ref.current,
                type,
                detail ? { ...customEventInit, detail } : customEventInit
            );
    }
    return ref[type];
}

export function usePublic(name, value) {
    let { current } = useHost();
    if (current[name] != value) {
        current[name] = value;
    }
    return current[name];
}