empty components and plugins with options

[lajbel]

Plugins

No plugins, no type

If there is not a plugins property inside KaboomOpt, it only returns KaboomCtx

Before

Now

Options in plugins

Now there's a support for options in plugins

Normal plugins

function logPlugin(k: KaboomCtx) {
    return {
        logWidth() {
            return {
                id: "logWidth",
                log() {
                    k.debug.log(k.width());
                },
            };
        },
        logHeight() {
            return {
                id: "logHeight",
                log() {
                    k.debug.log(k.height());
                },
            };
        },
    };
}

Plugins with options

function newLogPlugin(log: "width" | "height") {
    return (k: KaboomCtx) => {
        return {
            logRes() {
                return {
                    id: "hello",
                    log() {
                        k.debug.log(k[log]());
                    },
                }
            },
        };
    };
}

They work both

Component

Empty Component type

This was a big odyssey, basically I discovered MergeObj<T> doesn't work good when there are types with not required properties (for example, Comp type), so my first solution was doing this

type LifespanComp = Comp & { id: string }
type MoveComp = Comp & { id: string }

This fixes the problem without don't have required properties, because now id is required, and we got this result

But if there's two duplicated values in an Union, typescript ignores one, so this can happen

One is ignored, and looks strange, so I made EmptyComp, it represents a Comp with an id, but without nothing more, so, if there are 2 components that returns an EmptyComp, it makes sense with the returned object type. It should fix #691

[slmjkdbtl]

why do we have to ignore here?

[slmjkdbtl]

tried remove them and don't get any warnings

[lajbel]

I see this one

[slmjkdbtl]

Thank you this is amazing