this is not bound in created and destroyed, so it's hard to access custom context variables:

export class TestComponent extends Rete.Component {
  constructor(foo) {
    super("Test");
    this.foo = foo;
  }
  created(node) {
    console.log(`Created ${node.id} for ${this.foo}`); // Won't work, because `this` will be `undefined`
  }
}

The function hooks should be bound to the respective class instance.

Background

In my particular use-case, I'd like to have a context variable (equivalent to foo) point at a container DOM element and each node owns a DOM child that is attached to the container DOM element. However, during node creation / destruction I'm unable to find the container DOM element, because this is undefined.

Currently, the methods are triggered by selecting a node through its name. But if you have multiple instances of one type of node, the methods are called for all of these, which is unexpected behaviour.

Talking about this:
editor.getComponent(input.node.name)

Might submit a PR soon.

When combined with https://github.com/retejs/module-plugin the components inside the module won't receive calls for create / destroy. This makes sense if the created / destroyed is only meant for visible nodes.

However, it also doesn't seem to be possible to do engine.use(LifecyclePlugin) either (to get a callback for each data-processing node, regardless of the node origin).

So where would one do the initialization and destruction of per-node data for specific components?