@praxisjs/decorators 0.2.0 → 0.3.0

package/src/properties/history.ts

@@ -1,40 +1,57 @@
-import { type HistoryElement, history } from "@praxisjs/core";
+import type { StatefulComponent } from "@praxisjs/core";
+import { type HistoryElement, history } from "@praxisjs/core/internal";
+import type { Signal } from "@praxisjs/shared";
 
-export type WithHistory<T, K extends keyof T> = Record<`${string & K}History`, HistoryElement<T[K]>>;
+export type WithHistory<T, K extends keyof T> = Record<
+  `${string & K}History`,
+  HistoryElement<T[K]>
+>;
 
 export function History(limit = 50) {
-  return function (target: object, propertyKey: string): void {
-    const historyKey = `${propertyKey}History`;
+  return function (
+    _value: undefined,
+    context: ClassFieldDecoratorContext<StatefulComponent>,
+  ): void {
     const histories = new WeakMap<object, HistoryElement<unknown>>();
 
-    Object.defineProperty(target, historyKey, {
-      get(this: Record<string, unknown>): HistoryElement<unknown> {
-        if (!histories.has(this)) {
-          const source = () => this[propertyKey];
-
-          const h = history(source as () => unknown, limit);
-
-          const originalUndo = () => { h.undo(); };
-          const originalRedo = () => { h.redo(); };
-
-          h.undo = () => {
-            const prev = h.values()[h.values().length - 2];
-            if (prev === undefined) return;
-            originalUndo();
-            this[propertyKey] = prev;
-          };
-
-          h.redo = () => {
-            originalRedo();
-            this[propertyKey] = h.current();
-          };
-
-          histories.set(this, h);
-        }
-        return histories.get(this) as HistoryElement<unknown>;
-      },
-      enumerable: false,
-      configurable: true,
+    context.addInitializer(function (this: unknown) {
+      const instance = this as Record<string, unknown>;
+      const propertyKey = context.name as string;
+      const historyKey = `${propertyKey}History`;
+
+      Object.defineProperty(instance, historyKey, {
+        get(this: Record<string, unknown>): HistoryElement<unknown> {
+          if (!histories.has(this)) {
+            const source = () => this[propertyKey];
+
+            const h = history(source as Signal<unknown>, limit);
+
+            const originalUndo = () => {
+              h.undo();
+            };
+            const originalRedo = () => {
+              h.redo();
+            };
+
+            h.undo = () => {
+              const prev = h.values()[h.values().length - 2];
+              if (prev === undefined) return;
+              originalUndo();
+              this[propertyKey] = prev;
+            };
+
+            h.redo = () => {
+              originalRedo();
+              this[propertyKey] = h.current();
+            };
+
+            histories.set(this, h);
+          }
+          return histories.get(this) as HistoryElement<unknown>;
+        },
+        enumerable: false,
+        configurable: true,
+      });
     });
   };
 }

package/src/properties/persisted.ts

@@ -1,13 +1,13 @@
-import { persistedSignal, type PersistedSignalOptions } from "@praxisjs/core";
+import type { StatefulComponent } from "@praxisjs/core";
+import {
+  persistedSignal,
+  type PersistedSignalOptions,
+} from "@praxisjs/core/internal";
 import type { Signal } from "@praxisjs/shared";
 
 const signalMap = new WeakMap<object, Map<string, Signal<unknown>>>();
 const initMap = new WeakMap<object, Set<string>>();
 
-function isInitialized(instance: object, propKey: string): boolean {
-  return initMap.get(instance)?.has(propKey) ?? false;
-}
-
 function markInitialized(instance: object, propKey: string): void {
   if (!initMap.has(instance)) {
     initMap.set(instance, new Set());
@@ -40,36 +40,45 @@ export function Persisted<T>(
   key?: string,
   options: PersistedSignalOptions<T> = {},
 ) {
-  return function (target: object, propertyKey: string): void {
-    const storageKey = key ?? propertyKey;
+  return function (
+    _value: undefined,
+    context: ClassFieldDecoratorContext<StatefulComponent>,
+  ): void {
+    context.addInitializer(function (this: unknown) {
+      const instance = this as object;
+      const propertyKey = context.name as string;
+      const storageKey = key ?? propertyKey;
+      const initialValue = (instance as Record<string, unknown>)[
+        propertyKey
+      ] as T;
+
+      Reflect.deleteProperty(instance, propertyKey);
 
-    Object.defineProperty(target, propertyKey, {
-      get(this: object): T {
-        if (!isInitialized(this, propertyKey)) {
-          return undefined as T;
-        }
+      markInitialized(instance, propertyKey);
+      getOrCreateSignal(instance, storageKey, initialValue, options);
 
-        return getOrCreateSignal<T>(
-          this,
-          storageKey,
-          undefined as T,
-          options,
-        )();
-      },
+      Object.defineProperty(instance, propertyKey, {
+        get(): T {
+          return getOrCreateSignal<T>(
+            instance,
+            storageKey,
+            undefined as T,
+            options,
+          )();
+        },
 
-      set(this: object, value: T): void {
-        if (!isInitialized(this, propertyKey)) {
-          markInitialized(this, propertyKey);
-          getOrCreateSignal(this, storageKey, value, options);
-          return;
-        }
-        getOrCreateSignal<T>(this, storageKey, undefined as T, options).set(
-          value,
-        );
-      },
+        set(value: T): void {
+          getOrCreateSignal<T>(
+            instance,
+            storageKey,
+            undefined as T,
+            options,
+          ).set(value);
+        },
 
-      enumerable: true,
-      configurable: true,
+        enumerable: true,
+        configurable: true,
+      });
     });
   };
 }

package/src/properties/prop.ts

@@ -1,18 +1,35 @@
-import type { BaseComponent } from "@praxisjs/core";
+import type { StatefulComponent } from "@praxisjs/core";
 
 export function Prop() {
-  return function (target: object, propertyKey: string) {
-    Object.defineProperty(target, propertyKey, {
-      get(this: BaseComponent) {
-        const fromParent = this._rawProps[propertyKey];
-        if (fromParent !== undefined) return fromParent;
-        return this._defaults[propertyKey];
-      },
-      set(this: BaseComponent, value: unknown) {
-        this._defaults[propertyKey] = value;
-      },
-      enumerable: true,
-      configurable: true,
+  return function (
+    _value: undefined,
+    context: ClassFieldDecoratorContext<StatefulComponent>,
+  ): void {
+    context.addInitializer(function (this: unknown) {
+      const instance = this as StatefulComponent;
+      const name = context.name as string;
+      const raw = instance as unknown as Record<string, unknown>;
+      const defaultValue = raw[name];
+      Reflect.deleteProperty(raw, name);
+
+      instance._defaults[name] = defaultValue;
+
+      Object.defineProperty(instance, name, {
+        get(this: StatefulComponent) {
+          const fromParent = this._rawProps[name];
+          if (fromParent !== undefined) {
+            return typeof fromParent === "function"
+              ? (fromParent as () => unknown)()
+              : fromParent;
+          }
+          return this._defaults[name];
+        },
+        set(this: StatefulComponent, value: unknown) {
+          this._defaults[name] = value;
+        },
+        enumerable: true,
+        configurable: true,
+      });
     });
   };
 }

package/src/properties/slot.ts

@@ -1,75 +1,71 @@
-import type { BaseComponent } from "@praxisjs/core";
-import {
-  type Children,
-  type ChildrenInternal,
-  flattenChildren,
-  type VNode,
-} from "@praxisjs/shared";
+import type { StatefulComponent } from "@praxisjs/core";
 
-const slotsMap = new WeakMap<object, Map<string, ChildrenInternal[]>>();
+const slotsMap = new WeakMap<object, Map<string, unknown[]>>();
 
-export interface SlottedVNode extends VNode {
-  slot?: string;
-}
-
-export function resolveSlots(
-  children: ChildrenInternal | ChildrenInternal[] | undefined,
-): Map<string, ChildrenInternal[]> {
-  const slots = new Map<string, ChildrenInternal[]>();
-  const defaultSlot: ChildrenInternal[] = [];
+function resolveSlots(children: unknown): Map<string, unknown[]> {
+  const slots = new Map<string, unknown[]>();
+  const defaultSlot: unknown[] = [];
   slots.set("default", defaultSlot);
 
-  if (!children) return slots;
+  if (children == null) return slots;
 
-  const arr: ChildrenInternal[] = flattenChildren(children);
+  const arr = Array.isArray(children)
+    ? (children as unknown[]).flat(Infinity)
+    : [children];
 
-  for (const child of arr as SlottedVNode[]) {
-    const slotName = (child.props.slot as string | undefined) ?? child.slot;
-
-    if (slotName) {
-      if (!slots.has(slotName)) slots.set(slotName, []);
-      (slots.get(slotName) as ChildrenInternal[]).push(
-        child as ChildrenInternal,
-      );
-    } else {
-      defaultSlot.push(child as ChildrenInternal);
+  for (const child of arr) {
+    // Named slots via `slot` attribute on DOM elements
+    if (child instanceof Element) {
+      const slotName = child.getAttribute("slot");
+      if (slotName) {
+        child.removeAttribute("slot");
+        if (!slots.has(slotName)) slots.set(slotName, []);
+        (slots.get(slotName) as unknown[]).push(child);
+        continue;
+      }
     }
+    if (child != null) defaultSlot.push(child);
   }
 
   return slots;
 }
 
-export function initSlots(
-  instance: object,
-  children: Children | undefined,
-): void {
+export function initSlots(instance: object, children: unknown): void {
   slotsMap.set(instance, resolveSlots(children));
 }
 
-export function getSlot(instance: object, name: string): ChildrenInternal[] {
+export function getSlot(instance: object, name: string): unknown[] {
   return slotsMap.get(instance)?.get(name) ?? [];
 }
 
 export function Slot(name?: string) {
-  return function (target: object, propertyKey: string): void {
-    const slotName =
-      name ?? (propertyKey === "default" ? "default" : propertyKey);
+  return function (
+    _value: undefined,
+    context: ClassFieldDecoratorContext<StatefulComponent>,
+  ): void {
+    context.addInitializer(function (this: unknown) {
+      const instance = this as StatefulComponent;
+      const propKey = context.name as string;
+      const slotName = name ?? (propKey === "default" ? "default" : propKey);
+
+      Reflect.deleteProperty(instance, propKey);
 
-    Object.defineProperty(target, propertyKey, {
-      get(this: BaseComponent): ChildrenInternal[] {
-        return getSlot(this, slotName);
-      },
+      Object.defineProperty(instance, propKey, {
+        get(this: StatefulComponent): unknown[] {
+          return getSlot(this, slotName);
+        },
 
-      set(_value: unknown): void {
-        if (process.env.NODE_ENV !== "production") {
-          console.warn(
-            `[Slot] "${propertyKey}" is a slot and cannot be assigned directly. Slots are filled by the parent component.`,
-          );
-        }
-      },
+        set(_value: unknown): void {
+          if (process.env.NODE_ENV !== "production") {
+            console.warn(
+              `[Slot] "${propKey}" is a slot and cannot be assigned directly. Slots are filled by the parent component.`,
+            );
+          }
+        },
 
-      enumerable: true,
-      configurable: true,
+        enumerable: true,
+        configurable: true,
+      });
     });
   };
 }

package/src/properties/state.ts

@@ -1,24 +1,30 @@
-import { signal } from "@praxisjs/core";
-import type { ComponentInstance, Signal } from "@praxisjs/shared";
+import type { StatefulComponent } from "@praxisjs/core";
+import { signal } from "@praxisjs/core/internal";
 
 export function State() {
-  return function (target: object, propertyKey: string) {
-    const signalMap = new WeakMap<object, Signal<unknown>>();
+  return function (
+    _value: undefined,
+    context: ClassFieldDecoratorContext<StatefulComponent>,
+  ): void {
+    context.addInitializer(function (this: unknown) {
+      const instance = this as StatefulComponent & Record<string, unknown>;
+      const name = context.name as string;
+      const initialValue = instance[name];
+      Reflect.deleteProperty(instance, name);
 
-    Object.defineProperty(target, propertyKey, {
-      get(this: object) {
-        if (!signalMap.has(this)) signalMap.set(this, signal(undefined));
-        return (signalMap.get(this) as Signal<unknown>)();
-      },
-      set(this: object, value: unknown) {
-        if (!signalMap.has(this)) signalMap.set(this, signal(value));
-        else {
-          (this as ComponentInstance)._stateDirty = true;
-          (signalMap.get(this) as Signal<unknown>).set(value);
-        }
-      },
-      enumerable: true,
-      configurable: true,
+      const sig = signal(initialValue);
+
+      Object.defineProperty(instance, name, {
+        get() {
+          return sig();
+        },
+        set(value: unknown) {
+          instance._stateDirty = true;
+          sig.set(value);
+        },
+        enumerable: true,
+        configurable: true,
+      });
     });
   };
 }

package/dist/component/lifecycle.d.ts

@@ -1,3 +0,0 @@
-import { type BaseComponent } from "@praxisjs/core";
-export declare function LifeCycle<T extends new (...args: any[]) => BaseComponent>(constructor: T): T;
-//# sourceMappingURL=lifecycle.d.ts.map

package/dist/component/lifecycle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../src/component/lifecycle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAmC,MAAM,gBAAgB,CAAC;AAuBrF,wBAAgB,SAAS,CAAC,CAAC,SAAS,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,aAAa,EACvE,WAAW,EAAE,CAAC,GACb,CAAC,CAqBH"}

package/dist/component/lifecycle.js

@@ -1,35 +0,0 @@
-import { VALID_LIFECYCLE_HOOK_SIGNATURES } from "@praxisjs/core";
-function getAllMethods(proto) {
-    const methods = [];
-    let current = proto;
-    while (current !== null && current !== Object.prototype) {
-        const names = Object.getOwnPropertyNames(current);
-        for (const name of names) {
-            if (name !== "constructor" &&
-                typeof current[name] === "function") {
-                if (!methods.includes(name))
-                    methods.push(name);
-            }
-        }
-        current = Object.getPrototypeOf(current);
-    }
-    return methods;
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function LifeCycle(constructor) {
-    if (process.env.NODE_ENV === "production")
-        return constructor;
-    const validHooks = new Set(Object.keys(VALID_LIFECYCLE_HOOK_SIGNATURES));
-    const proto = constructor.prototype;
-    const allMethods = getAllMethods(proto);
-    for (const method of allMethods) {
-        if (!method.startsWith("on"))
-            continue;
-        if (!validHooks.has(method)) {
-            console.warn(`[LifeCycle] "${constructor.name}.${method}" appears to be a lifecycle hook but is not recognized.\n` +
-                `Valid hooks: ${[...validHooks].join(", ")}`);
-        }
-    }
-    return constructor;
-}
-//# sourceMappingURL=lifecycle.js.map

package/dist/component/lifecycle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lifecycle.js","sourceRoot":"","sources":["../../src/component/lifecycle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,+BAA+B,EAAE,MAAM,gBAAgB,CAAC;AAErF,SAAS,aAAa,CAAC,KAAa;IAClC,MAAM,OAAO,GAAa,EAAE,CAAC;IAC7B,IAAI,OAAO,GAAkB,KAAK,CAAC;IAEnC,OAAO,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,MAAM,CAAC,SAAS,EAAE,CAAC;QACxD,MAAM,KAAK,GAAG,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAClD,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IACE,IAAI,KAAK,aAAa;gBACtB,OAAQ,OAAmC,CAAC,IAAI,CAAC,KAAK,UAAU,EAChE,CAAC;gBACD,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC;oBAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClD,CAAC;QACH,CAAC;QACD,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC,OAAO,CAAkB,CAAC;IAC5D,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,8DAA8D;AAC9D,MAAM,UAAU,SAAS,CACvB,WAAc;IAEd,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QAAE,OAAO,WAAW,CAAC;IAE9D,MAAM,UAAU,GAAG,IAAI,GAAG,CACxB,MAAM,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAC7C,CAAC;IACF,MAAM,KAAK,GAAG,WAAW,CAAC,SAAoC,CAAC;IAE/D,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxC,KAAK,MAAM,MAAM,IAAI,UAAU,EAAE,CAAC;QAChC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;YAAE,SAAS;QAEvC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YAC5B,OAAO,CAAC,IAAI,CACV,gBAAgB,WAAW,CAAC,IAAI,IAAI,MAAM,2DAA2D;gBACnG,gBAAgB,CAAC,GAAG,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAC/C,CAAC;QACJ,CAAC;IACH,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC"}

package/dist/component/memoize.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentInstance } from "@praxisjs/shared";
-type PropsRecord = Record<string, unknown>;
-export declare function Memoize(areEqual?: (prev: PropsRecord, next: PropsRecord) => boolean): <T extends new (...args: any[]) => ComponentInstance>(constructor: T) => T;
-export {};
-//# sourceMappingURL=memoize.d.ts.map

package/dist/component/memoize.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"memoize.d.ts","sourceRoot":"","sources":["../../src/component/memoize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAiB3C,wBAAgB,OAAO,CACrB,QAAQ,GAAE,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,KAAK,OAAsB,IAGzD,CAAC,SAAS,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,iBAAiB,EAClE,aAAa,CAAC,KACb,CAAC,CAKL"}

package/dist/component/memoize.js

@@ -1,23 +0,0 @@
-function shallowEqual(a, b) {
-    const keysA = Object.keys(a);
-    const keysB = Object.keys(b);
-    if (keysA.length !== keysB.length)
-        return false;
-    const bHasOwnProperty = Object.prototype.hasOwnProperty.bind(b);
-    for (const aKey of keysA) {
-        if (!bHasOwnProperty(aKey))
-            return false;
-        if (!Object.is(a[aKey], b[aKey]))
-            return false;
-    }
-    return true;
-}
-export function Memoize(areEqual = shallowEqual) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return function (constructor) {
-        constructor._isMemorized = true;
-        constructor._arePropsEqual = areEqual;
-        return constructor;
-    };
-}
-//# sourceMappingURL=memoize.js.map

package/dist/component/memoize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"memoize.js","sourceRoot":"","sources":["../../src/component/memoize.ts"],"names":[],"mappings":"AAIA,SAAS,YAAY,CAAC,CAAc,EAAE,CAAc;IAClD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAE7B,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAEhD,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAEhE,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;YAAE,OAAO,KAAK,CAAC;QACzC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;YAAE,OAAO,KAAK,CAAC;IACjD,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,OAAO,CACrB,WAA8D,YAAY;IAE1E,8DAA8D;IAC9D,OAAO,UACL,WAAc;QAEb,WAA4C,CAAC,YAAY,GAAG,IAAI,CAAC;QACjE,WAA4C,CAAC,cAAc,GAAG,QAAQ,CAAC;QACxE,OAAO,WAAW,CAAC;IACrB,CAAC,CAAC;AACJ,CAAC"}

package/src/component/lifecycle.ts

@@ -1,47 +0,0 @@
-import { type BaseComponent, VALID_LIFECYCLE_HOOK_SIGNATURES } from "@praxisjs/core";
-
-function getAllMethods(proto: object): string[] {
-  const methods: string[] = [];
-  let current: object | null = proto;
-
-  while (current !== null && current !== Object.prototype) {
-    const names = Object.getOwnPropertyNames(current);
-    for (const name of names) {
-      if (
-        name !== "constructor" &&
-        typeof (current as Record<string, unknown>)[name] === "function"
-      ) {
-        if (!methods.includes(name)) methods.push(name);
-      }
-    }
-    current = Object.getPrototypeOf(current) as object | null;
-  }
-
-  return methods;
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function LifeCycle<T extends new (...args: any[]) => BaseComponent>(
-  constructor: T,
-): T {
-  if (process.env.NODE_ENV === "production") return constructor;
-
-  const validHooks = new Set<string>(
-    Object.keys(VALID_LIFECYCLE_HOOK_SIGNATURES),
-  );
-  const proto = constructor.prototype as Record<string, unknown>;
-
-  const allMethods = getAllMethods(proto);
-  for (const method of allMethods) {
-    if (!method.startsWith("on")) continue;
-
-    if (!validHooks.has(method)) {
-      console.warn(
-        `[LifeCycle] "${constructor.name}.${method}" appears to be a lifecycle hook but is not recognized.\n` +
-          `Valid hooks: ${[...validHooks].join(", ")}`,
-      );
-    }
-  }
-
-  return constructor;
-}

package/src/component/memoize.ts

@@ -1,31 +0,0 @@
-import type { ComponentInstance } from "@praxisjs/shared";
-
-type PropsRecord = Record<string, unknown>;
-
-function shallowEqual(a: PropsRecord, b: PropsRecord) {
-  const keysA = Object.keys(a);
-  const keysB = Object.keys(b);
-
-  if (keysA.length !== keysB.length) return false;
-
-  const bHasOwnProperty = Object.prototype.hasOwnProperty.bind(b);
-
-  for (const aKey of keysA) {
-    if (!bHasOwnProperty(aKey)) return false;
-    if (!Object.is(a[aKey], b[aKey])) return false;
-  }
-  return true;
-}
-
-export function Memoize(
-  areEqual: (prev: PropsRecord, next: PropsRecord) => boolean = shallowEqual,
-) {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return function <T extends new (...args: any[]) => ComponentInstance>(
-    constructor: T,
-  ): T {
-    (constructor as unknown as ComponentInstance)._isMemorized = true;
-    (constructor as unknown as ComponentInstance)._arePropsEqual = areEqual;
-    return constructor;
-  };
-}