ECS system type modeling

[craggy cedar]

Hey guys. I am needing something similar to an ECS system as part of an editor I am working on. I have been thinking about modeling components. This is a rough sketch of how I have it so far:

type AnyClass<T extends object = object> = new (...args: never) => T

class Greeter {
    greet(name: string) {return `Hi ${name}!`}
}

class Counter {
    #count: number
    constructor(initial: number) {
        this.#count = initial
    }
    get count() {
        return this.#count
    }
    increment() {
        this.#count++
    }
    decrement() {
        this.#count--
    }
}


class ComponentManager {
    #components: object[]
    constructor() {
        this.#components = []
    }
    add(c: object) {
        this.#components.push(c)
    }
    get<C extends object>(c: AnyClass<C>): C {
        for (const component of this.#components) {
            if (component.constructor === c) {
                return component as C
            }
        }

        throw new Error(`No such component ${c.name}`)
    }
}

const manager = new ComponentManager()
manager.add(new Greeter())
manager.add(new Counter(5))

// Notice I'm able to access typed counter data
const counter = manager.get(Counter)
counter.increment()
console.log(counter.count)

I was wondering if you guys have any thoughts on the type modeling of this. This feels right, but I guess I've never actually used never (pun intended) to do this before so I feel slightly out of my depth

[gray ocean]

sorry to intrude, but is there anyway to get the console to log in your code in the ts playground. How can I run it? https://www.typescriptlang.org/play/?#code/C4TwDgpgBAggdiAwgGwIYGd0B4AqUIAewEcAJulAPYBGAVhAMbBQC8VdjwAfK1HBAHcoACgB041ACcA5ugBcfCADcIkgJSseOAFDaGaTFADikiBGKSoAb21Q7UaafPC4qALYQF6YJICWcaQ0rU2AAV0k4KAADAAlfKAASK1cPAF8AQijU7Wy9AwpESlC4C2tbewBiBiKShThQt2pVcrtquG9JUKZKSWF-X2BfVGQ6hqb1MvspqGAAC190USqa5jZ+weGWqGyp6XMoauLgYSCtqZDwyLmFpcOSrZ37fwZTDxKTyem7a8Xlo4Bqf4PLakRivEjHU5fb7zX53YAAWgRwNyeQwBUobjAlH4JQAsqhXHtLDYpsssTiIfJ2PQmABtAC6WzaHS6wB6H1J0J+t0x2NxwAobEZwKmqFIpGEDAUNFpwCh3NhvIpAsWYFC6FmUrUovse2AWEQ+CIJHINM4XClCngSHyhq4agURq5XwAZj0RCzmNUVRCqK6ZkryfyqQroU8A1K+ZSSqIvZ1upYWMmDmHw9MLhEDtGBVAMFBEGdoY8vrlw3NJJQhPwhABRSSV3pRABylCg6C6s2zvpKiSsDFEKQgqSiOqm2VyXqgbkJqGJvBrBZzEIJRNUJ20M7XklE4sli5MZgsJx1W7nql3EpcgiXR3XAFY1DrtAB6F9QVuDBjQACSAHI3DzahkGgdk8wYb9DFASBSGzO9LFIVBgFQPQcW8OCSlUXgz2JUR9WEQp4J1eEL2ecF3mItDKBA0RkEoaQo3guMVmfXQ2O0IA

[valid gulch]

@gray ocean Here's a shortened URL of your playground link! You can remove the full link from your message.

kingoberon.#0

Playground Link

Preview:```ts
type AnyClass<T extends object = object> = new (
...args: never
) => T

class Greeter {
greet(name: string) {
return Hi ${name}!
}
}

class Counter {
#count: number
constructor(initial: number) {
this.#count = initi
...```

You can choose specific lines to embed by selecting them before copying the link.

[gray ocean]

I ran it in node.js but wondered if it's possible to do directly in the ts playground