import { Void } from "base/Void";
import { Context } from "components/Context";
import { isMessage } from "helpers/guards";

/**
 * Track creation and destruction of components
 * uses Context component to send messages
 * when created sends action=created
 * when destroyed sends action=destroyed
 *
 * @url https://silentium.pw/article/trackable/view
 */
export function Trackable<T>(name: string, target: T): T {
  Context("trackable", { name, action: "created" }).then(Void());
  if (isMessage(target)) {
    target.then(function trackableTargetSub(value) {
      Context("trackable", { name, action: "value", value }).then(Void());
    });
  }
  return new Proxy(target as object, {
    get(target, prop, receiver) {
      if (prop === "then") {
        Context("trackable", { name, action: "executed" }).then(Void());
      }
      if (prop === "destroy") {
        Context("trackable", { name, action: "destroyed" }).then(Void());
      }
      return Reflect.get(target, prop, receiver);
    },
  }) as T;
}