The DOM Observer (lib/generators/observer.js), listens to mutations that happen in the DOM using the MutationObserver.

Whenever a DOM node has been inserted or removed, it follows this flow:

• On DOM Node Insertion
  • If the observer detects scripts, it will create script promises for the entity to wait for.
  • Then added node will have its entity initialized.
• On DOM Node Removal
  • The observer will find its associated entity and dispose it, removing the following:
    • event bindings
    • unused variables

Whenever a DOM node’s attributes has been updated, it follows this flow:

• On DOM Node Attribute Update
  • If the attribute is an event, it will remove the old event and re-add the new event listener.
  • If it is not an event, Mini will evaluate the updated attribute.

How Script Promises Work?