epos-unit 1.16.0 → 1.18.0

package/dist/epos-unit.d.ts

@@ -1,15 +1,22 @@
-import * as mobx from 'mobx';
-import { Cls, Obj, Arr } from 'dropcap/types';
+import type { Arr, Cls, Obj } from 'dropcap/types';
 import { createLog } from 'dropcap/utils';
-
-declare const _root_: unique symbol;
-declare const _parent_: unique symbol;
-declare const _attached_: unique symbol;
-declare const _disposers_: unique symbol;
-declare const _ancestors_: unique symbol;
-declare const _pendingAttachFns_: unique symbol;
-type Node<T> = Unit<T> | Obj | Arr;
-declare class Unit<TRoot = unknown> {
+import 'epos';
+declare global {
+    interface ErrorConstructor {
+        captureStackTrace(targetObject: object, constructorOpt?: Function): void;
+    }
+}
+export declare const _root_: unique symbol;
+export declare const _parent_: unique symbol;
+export declare const _attached_: unique symbol;
+export declare const _disposers_: unique symbol;
+export declare const _ancestors_: unique symbol;
+export declare const _attachQueue_: unique symbol;
+export type Node<T> = Unit<T> | Obj | Arr;
+export type Versioner<T> = {
+    [version: number]: (this: T) => void;
+};
+export declare class Unit<TRoot = unknown> {
     /**
      * Lifecycle method called when the unit is attached to the state tree.
      */
@@ -19,6 +26,7 @@ declare class Unit<TRoot = unknown> {
      */
     [epos.state.DETACH]: () => void;
     '@': string;
+    id: string;
     log: ReturnType<typeof createLog>;
     [':version']?: number;
     [_root_]?: TRoot;
@@ -26,42 +34,37 @@ declare class Unit<TRoot = unknown> {
     [_attached_]?: boolean;
     [_disposers_]?: Set<() => void>;
     [_ancestors_]?: Map<Cls, unknown>;
-    [_pendingAttachFns_]?: (() => void)[];
+    [_attachQueue_]?: (() => void)[];
+    static defineVersioner<T extends Unit>(this: Cls<T>, versioner: Versioner<T>): Versioner<T>;
     constructor(parent: Unit<TRoot> | null);
     /**
-     * Gets the root unit of the current unit's tree.
+     * Get the root unit of the current unit's tree.
      * The result is cached for subsequent calls.
      */
     get $(): TRoot | (undefined & TRoot);
     /**
-     * Finds the closest ancestor unit of a given type.
-     * The result is cached for subsequent calls.
+     * A wrapper around MobX's `autorun` that automatically disposes the reaction when the unit is detached.
      */
-    closest<T extends Unit>(Ancestor: Cls<T>): T | null;
+    autorun(...args: Parameters<typeof epos.libs.mobx.autorun>): import("mobx").IReactionDisposer;
     /**
-     * A wrapper around MobX's `autorun` that automatically disposes
-     * the reaction when the unit is detached.
+     * A wrapper around MobX's `reaction` that automatically disposes the reaction when the unit is detached.
      */
-    autorun(...args: Parameters<typeof epos.libs.mobx.autorun>): mobx.IReactionDisposer;
+    reaction(...args: Parameters<typeof epos.libs.mobx.reaction>): import("mobx").IReactionDisposer;
     /**
-     * A wrapper around MobX's `reaction` that automatically disposes
-     * the reaction when the unit is detached.
+     * A wrapper around `setTimeout` that automatically clears the timeout when the unit is detached.
      */
-    reaction(...args: Parameters<typeof epos.libs.mobx.reaction>): mobx.IReactionDisposer;
+    setTimeout(...args: Parameters<typeof setTimeout>): NodeJS.Timeout;
     /**
-     * A wrapper around `setTimeout` that automatically clears the timeout
-     * when the unit is detached.
+     * A wrapper around `setInterval` that automatically clears the interval when the unit is detached.
      */
-    setTimeout(...args: Parameters<typeof self.setTimeout>): number;
+    setInterval(...args: Parameters<typeof setInterval>): NodeJS.Timeout;
     /**
-     * A wrapper around `setInterval` that automatically clears the interval
-     * when the unit is detached.
+     * Create an error for code paths that are logically unreachable.
      */
-    setInterval(...args: Parameters<typeof self.setInterval>): number;
+    never(message?: string): Error;
     /**
-     * Creates an error for an unreachable code path.
+     * Find the closest ancestor unit of a given type.
+     * The result is cached for subsequent calls.
      */
-    never(message?: string): Error;
+    closest<T extends Unit>(Ancestor: Cls<T>): T | null;
 }
-
-export { type Node, Unit, _ancestors_, _attached_, _disposers_, _parent_, _pendingAttachFns_, _root_ };

package/dist/epos-unit.js

@@ -1,215 +1,313 @@
-// src/epos-unit.ts
-import { createLog, is } from "dropcap/utils";
-import "epos";
-var _root_ = /* @__PURE__ */ Symbol("root");
-var _parent_ = /* @__PURE__ */ Symbol("parent");
-var _attached_ = /* @__PURE__ */ Symbol("attached");
-var _disposers_ = /* @__PURE__ */ Symbol("disposers");
-var _ancestors_ = /* @__PURE__ */ Symbol("ancestors");
-var _pendingAttachFns_ = /* @__PURE__ */ Symbol("pendingAttachFns");
-var Unit = class {
-  constructor(parent) {
-    this[_parent_] = parent;
-    const versions = getVersions(this);
-    if (versions.length > 0) this[":version"] = versions.at(-1);
-  }
-  /**
-   * Lifecycle method called when the unit is attached to the state tree.
-   */
-  [epos.state.ATTACH]() {
-    setProperty(this, "log", createLog(this["@"]));
-    epos.state.transaction(() => {
-      const versioner = getVersioner(this);
-      const versions = getVersions(this);
-      for (const version of versions) {
-        if (is.number(this[":version"]) && this[":version"] >= version) continue;
-        const versionFn = versioner[version];
-        if (!is.function(versionFn)) continue;
-        versionFn.call(this, this);
-        this[":version"] = version;
-      }
-    });
-    for (const prototype of getPrototypes(this)) {
-      const descriptors = Object.getOwnPropertyDescriptors(prototype);
-      for (const [key, descriptor] of Object.entries(descriptors)) {
-        if (key === "constructor") continue;
-        if (this.hasOwnProperty(key)) continue;
-        if (descriptor.get || descriptor.set) continue;
-        if (!is.function(descriptor.value)) continue;
-        const fn = descriptor.value.bind(this);
-        if (key.endsWith("View")) {
-          let Component = epos.component(fn);
-          Component.displayName = `${this.constructor.name}.${key}`;
-          setProperty(this, key, Component);
-        } else {
-          setProperty(this, key, fn);
+import { createLog, is } from 'dropcap/utils';
+import 'epos';
+import { customAlphabet } from 'nanoid';
+export const _root_ = Symbol('root');
+export const _parent_ = Symbol('parent');
+export const _attached_ = Symbol('attached');
+export const _disposers_ = Symbol('disposers');
+export const _ancestors_ = Symbol('ancestors');
+export const _attachQueue_ = Symbol('pendingAttachHooks');
+const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz0123456789', 10);
+export class Unit {
+    static defineVersioner(versioner) {
+        return versioner;
+    }
+    constructor(parent) {
+        this.id = nanoid();
+        this[_parent_] = parent;
+    }
+    // ---------------------------------------------------------------------------
+    // ATTACH
+    // ---------------------------------------------------------------------------
+    /**
+     * Lifecycle method called when the unit is attached to the state tree.
+     */
+    [epos.state.ATTACH]() {
+        // Setup logger
+        let log = createLog(this['@']);
+        Reflect.defineProperty(this, 'log', { configurable: true, get: () => log, set: v => (log = v) });
+        // Apply versioner
+        void (() => {
+            const versioner = Reflect.get(this.constructor, 'versioner');
+            if (!is.object(versioner))
+                return;
+            const asc = (v1, v2) => v1 - v2;
+            const versions = Object.keys(versioner).filter(is.numeric).map(Number).sort(asc);
+            if (versions.length === 0)
+                return;
+            epos.state.transaction(() => {
+                for (const version of versions) {
+                    if (is.number(this[':version']) && this[':version'] >= version)
+                        continue;
+                    const versionFn = versioner[version];
+                    if (!is.function(versionFn))
+                        continue;
+                    versionFn.call(this);
+                    this[':version'] = version;
+                }
+            });
+        })();
+        // Setup state
+        void (() => {
+            const descriptor = Reflect.getOwnPropertyDescriptor(this.constructor.prototype, 'state');
+            if (!descriptor || !descriptor.get)
+                return;
+            const value = descriptor.get.call(this);
+            if (!is.object(value))
+                throw new Error(`'state' getter return an object`);
+            const state = epos.state.create(value);
+            Reflect.defineProperty(state, epos.state.PARENT, { configurable: true, value: this });
+            Reflect.defineProperty(this, 'state', { enumerable: true, get: () => state });
+        })();
+        // Setup inert
+        void (() => {
+            const descriptor = Reflect.getOwnPropertyDescriptor(this.constructor.prototype, 'inert');
+            if (!descriptor || !descriptor.get)
+                return;
+            const value = descriptor.get.call(this);
+            if (!is.object(value))
+                throw new Error(`'inert' getter return an object`);
+            Reflect.defineProperty(this, 'inert', { enumerable: true, get: () => value });
+        })();
+        // Prepare properties for the whole prototype chain:
+        // - Create components for methods ending with `View`
+        // - Bind all other methods to the unit instance
+        // - Turn getters into MobX computed properties
+        for (const prototype of getPrototypes(this)) {
+            const descriptors = Object.getOwnPropertyDescriptors(prototype);
+            for (const [key, descriptor] of Object.entries(descriptors)) {
+                // Skip constructor and already defined properties
+                if (key === 'constructor')
+                    continue;
+                if (this.hasOwnProperty(key))
+                    continue;
+                // Create components for methods ending with `View`
+                if (is.function(descriptor.value) && key.endsWith('View')) {
+                    let View = createView(this, key, descriptor.value.bind(this));
+                    Reflect.defineProperty(this, key, { configurable: true, get: () => View, set: v => (View = v) });
+                }
+                // Bind all other methods to the unit instance
+                else if (is.function(descriptor.value)) {
+                    let method = descriptor.value.bind(this);
+                    Reflect.defineProperty(this, key, {
+                        configurable: true,
+                        get: () => method,
+                        set: v => (method = v),
+                    });
+                }
+                // Turn getters into MobX computed properties
+                else if (descriptor.get) {
+                    const getter = descriptor.get;
+                    const computed = epos.libs.mobx.computed(() => getter.call(this));
+                    Reflect.defineProperty(this, key, {
+                        configurable: true,
+                        get: () => computed.get(),
+                        set: descriptor.set,
+                    });
+                }
+            }
+        }
+        // Queue attach method.
+        // Do not execute `attach` methods immediately, but rather queue them on the highest unattached ancestor.
+        // This way `attach` methods are called after all versioners have been applied in the entire subtree.
+        const attach = Reflect.get(this, 'attach');
+        if (is.function(attach)) {
+            const head = findUnattachedRoot(this);
+            if (!head)
+                throw this.never();
+            ensure(head, _attachQueue_, () => []);
+            head[_attachQueue_].push(() => attach.call(this));
+        }
+        // Release attach queue
+        if (this[_attachQueue_]) {
+            this[_attachQueue_].forEach(attach => attach());
+            delete this[_attachQueue_];
         }
-      }
+        // Mark as attached
+        Reflect.defineProperty(this, _attached_, { configurable: true, get: () => true });
     }
-    const stateDescriptor = Reflect.getOwnPropertyDescriptor(this.constructor.prototype, "state");
-    if (stateDescriptor && stateDescriptor.get) {
-      const state = stateDescriptor.get.call(this);
-      setProperty(this, "state", epos.libs.mobx.observable.object(state, {}, { deep: false }));
+    // ---------------------------------------------------------------------------
+    // DETACH
+    // ---------------------------------------------------------------------------
+    /**
+     * Lifecycle method called when the unit is detached from the state tree.
+     */
+    [epos.state.DETACH]() {
+        // Run and clear disposers
+        if (this[_disposers_]) {
+            this[_disposers_].forEach(disposer => disposer());
+            this[_disposers_].clear();
+        }
+        // Clear ancestors cache
+        if (this[_ancestors_]) {
+            this[_ancestors_].clear();
+        }
+        // Call detach method
+        const detach = Reflect.get(this, 'detach');
+        if (is.function(detach))
+            detach();
     }
-    const attach = Reflect.get(this, "attach");
-    if (is.function(attach)) {
-      const unattachedRoot = findUnattachedRoot(this);
-      if (!unattachedRoot) throw this.never();
-      ensureProperty(unattachedRoot, _pendingAttachFns_, () => []);
-      unattachedRoot[_pendingAttachFns_].push(() => attach());
+    // ---------------------------------------------------------------------------
+    // ROOT GETTER
+    // ---------------------------------------------------------------------------
+    /**
+     * Get the root unit of the current unit's tree.
+     * The result is cached for subsequent calls.
+     */
+    get $() {
+        ensure(this, _root_, () => findRoot(this));
+        return this[_root_];
     }
-    if (this[_pendingAttachFns_]) {
-      this[_pendingAttachFns_].forEach((attach2) => attach2());
-      delete this[_pendingAttachFns_];
+    // ---------------------------------------------------------------------------
+    // METHODS
+    // ---------------------------------------------------------------------------
+    /**
+     * A wrapper around MobX's `autorun` that automatically disposes the reaction when the unit is detached.
+     */
+    autorun(...args) {
+        const disposer = epos.libs.mobx.autorun(...args);
+        ensure(this, _disposers_, () => new Set());
+        this[_disposers_].add(disposer);
+        return disposer;
     }
-    setProperty(this, _attached_, true);
-  }
-  /**
-   * Lifecycle method called when the unit is detached from the state tree.
-   */
-  [epos.state.DETACH]() {
-    if (this[_disposers_]) {
-      this[_disposers_].forEach((disposer) => disposer());
-      this[_disposers_].clear();
+    /**
+     * A wrapper around MobX's `reaction` that automatically disposes the reaction when the unit is detached.
+     */
+    reaction(...args) {
+        const disposer = epos.libs.mobx.reaction(...args);
+        ensure(this, _disposers_, () => new Set());
+        this[_disposers_].add(disposer);
+        return disposer;
     }
-    const detach = Reflect.get(this, "detach");
-    if (is.function(detach)) detach();
-    delete this[_root_];
-    delete this[_attached_];
-    delete this[_ancestors_];
-    delete this[_disposers_];
-  }
-  /**
-   * Gets the root unit of the current unit's tree.
-   * The result is cached for subsequent calls.
-   */
-  get $() {
-    ensureProperty(this, _root_, () => findRoot(this));
-    return this[_root_];
-  }
-  /**
-   * Finds the closest ancestor unit of a given type.
-   * The result is cached for subsequent calls.
-   */
-  closest(Ancestor) {
-    ensureProperty(this, _ancestors_, () => /* @__PURE__ */ new Map());
-    if (this[_ancestors_].has(Ancestor)) return this[_ancestors_].get(Ancestor);
-    let cursor = this;
-    while (cursor) {
-      if (cursor instanceof Ancestor) {
-        this[_ancestors_].set(Ancestor, cursor);
-        return cursor;
-      }
-      cursor = getParent(cursor);
+    /**
+     * A wrapper around `setTimeout` that automatically clears the timeout when the unit is detached.
+     */
+    setTimeout(...args) {
+        const id = setTimeout(...args);
+        ensure(this, _disposers_, () => new Set());
+        this[_disposers_].add(() => clearTimeout(id));
+        return id;
+    }
+    /**
+     * A wrapper around `setInterval` that automatically clears the interval when the unit is detached.
+     */
+    setInterval(...args) {
+        const id = setInterval(...args);
+        ensure(this, _disposers_, () => new Set());
+        this[_disposers_].add(() => clearInterval(id));
+        return id;
+    }
+    /**
+     * Create an error for code paths that are logically unreachable.
+     */
+    never(message = 'This should never happen') {
+        const details = message ? `: ${message}` : '';
+        const error = new Error(`[${this['@']}] This should never happen${details}`);
+        Error.captureStackTrace(error, this.never);
+        return error;
+    }
+    /**
+     * Find the closest ancestor unit of a given type.
+     * The result is cached for subsequent calls.
+     */
+    closest(Ancestor) {
+        // Has cached value? -> Return it
+        ensure(this, _ancestors_, () => new Map());
+        if (this[_ancestors_].has(Ancestor))
+            return this[_ancestors_].get(Ancestor);
+        // Find the closest ancestor and cache it
+        let cursor = this;
+        while (cursor) {
+            if (cursor instanceof Ancestor) {
+                this[_ancestors_].set(Ancestor, cursor);
+                return cursor;
+            }
+            cursor = getParent(cursor);
+        }
+        return null;
     }
-    return null;
-  }
-  /**
-   * A wrapper around MobX's `autorun` that automatically disposes
-   * the reaction when the unit is detached.
-   */
-  autorun(...args) {
-    const disposer = epos.libs.mobx.autorun(...args);
-    ensureProperty(this, _disposers_, () => /* @__PURE__ */ new Set());
-    this[_disposers_].add(disposer);
-    return disposer;
-  }
-  /**
-   * A wrapper around MobX's `reaction` that automatically disposes
-   * the reaction when the unit is detached.
-   */
-  reaction(...args) {
-    const disposer = epos.libs.mobx.reaction(...args);
-    ensureProperty(this, _disposers_, () => /* @__PURE__ */ new Set());
-    this[_disposers_].add(disposer);
-    return disposer;
-  }
-  /**
-   * A wrapper around `setTimeout` that automatically clears the timeout
-   * when the unit is detached.
-   */
-  setTimeout(...args) {
-    const id = self.setTimeout(...args);
-    ensureProperty(this, _disposers_, () => /* @__PURE__ */ new Set());
-    this[_disposers_].add(() => self.clearTimeout(id));
-    return id;
-  }
-  /**
-   * A wrapper around `setInterval` that automatically clears the interval
-   * when the unit is detached.
-   */
-  setInterval(...args) {
-    const id = self.setInterval(...args);
-    ensureProperty(this, _disposers_, () => /* @__PURE__ */ new Set());
-    this[_disposers_].add(() => self.clearInterval(id));
-    return id;
-  }
-  /**
-   * Creates an error for an unreachable code path.
-   */
-  never(message = "This should never happen") {
-    const details = message ? `: ${message}` : "";
-    const error = new Error(`[${this.constructor.name}] This should never happen${details}`);
-    Error.captureStackTrace(error, this.never);
-    return error;
-  }
-};
-function setProperty(object, key, value) {
-  Reflect.defineProperty(object, key, {
-    configurable: true,
-    get: () => value,
-    set: (v) => value = v
-  });
 }
-function ensureProperty(object, key, getInitialValue) {
-  if (key in object) return;
-  const value = getInitialValue();
-  Reflect.defineProperty(object, key, { configurable: true, get: () => value });
+// ---------------------------------------------------------------------------
+// HELPERS
+// ---------------------------------------------------------------------------
+/**
+ * Ensure a property exists on an object, initialize it if it doesn't.
+ */
+function ensure(object, key, getInitialValue) {
+    if (key in object)
+        return;
+    const value = getInitialValue();
+    Reflect.defineProperty(object, key, { configurable: true, get: () => value });
 }
+/**
+ * Get all prototypes of an object up to `Object.prototype`.
+ */
 function getPrototypes(object) {
-  const prototype = Reflect.getPrototypeOf(object);
-  if (!prototype || prototype === Object.prototype) return [];
-  return [prototype, ...getPrototypes(prototype)];
+    const prototype = Reflect.getPrototypeOf(object);
+    if (!prototype || prototype === Object.prototype)
+        return [];
+    return [prototype, ...getPrototypes(prototype)];
 }
+/**
+ * Find the root `Unit` in the hierarchy for a given unit.
+ */
 function findRoot(unit) {
-  let root = null;
-  let cursor = unit;
-  while (cursor) {
-    if (cursor instanceof Unit) root = cursor;
-    cursor = getParent(cursor);
-  }
-  return root;
+    let root = null;
+    let cursor = unit;
+    while (cursor) {
+        if (cursor instanceof Unit)
+            root = cursor;
+        cursor = getParent(cursor);
+    }
+    return root;
 }
+/**
+ * Find the highest unattached `Unit` in the hierarchy for a given unit.
+ */
 function findUnattachedRoot(unit) {
-  let unattachedRoot = null;
-  let cursor = unit;
-  while (cursor) {
-    if (cursor instanceof Unit && !cursor[_attached_]) unattachedRoot = cursor;
-    cursor = getParent(cursor);
-  }
-  return unattachedRoot;
+    let unattachedRoot = null;
+    let cursor = unit;
+    while (cursor) {
+        if (cursor instanceof Unit && !cursor[_attached_])
+            unattachedRoot = cursor;
+        cursor = getParent(cursor);
+    }
+    return unattachedRoot;
 }
+/**
+ * Get the parent of a node, which can be a `Unit`, an object, or an array.
+ */
 function getParent(node) {
-  const parent = Reflect.get(node, _parent_) ?? Reflect.get(node, epos.state.PARENT) ?? null;
-  return parent;
-}
-function getVersioner(unit) {
-  const versioner = Reflect.get(unit.constructor, "versioner");
-  if (!is.object(versioner)) return {};
-  return versioner;
+    const parent = Reflect.get(node, _parent_) ?? Reflect.get(node, epos.state.PARENT) ?? null;
+    return parent;
 }
-function getVersions(unit) {
-  const versioner = getVersioner(unit);
-  const numericKeys = Object.keys(versioner).filter((key) => is.numeric(key));
-  return numericKeys.map(Number).sort((v1, v2) => v1 - v2);
+/**
+ * Create view component for the unit.
+ */
+function createView(unit, name, render) {
+    const fullName = `${unit['@']}.${name}`;
+    const View = epos.component((props) => {
+        try {
+            return render(props);
+        }
+        catch (error) {
+            unit.log.error(error);
+            const message = is.error(error) ? error.message : String(error);
+            return epos.libs.reactJsxRuntime.jsx('div', {
+                children: `[${fullName}] ${message}`,
+                style: {
+                    width: 'fit-content',
+                    padding: '4px 6px 4px 4px',
+                    color: '#f00',
+                    border: '1px solid #f00',
+                    background: 'rgba(255, 0, 0, 0.1)',
+                    fontSize: 12,
+                    fontWeight: 400,
+                },
+            });
+        }
+    });
+    View.displayName = fullName;
+    return View;
 }
-export {
-  Unit,
-  _ancestors_,
-  _attached_,
-  _disposers_,
-  _parent_,
-  _pendingAttachFns_,
-  _root_
-};
 //# sourceMappingURL=epos-unit.js.map

package/dist/epos-unit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/epos-unit.ts"],"sourcesContent":["import type { Arr, Cls, Obj } from 'dropcap/types'\nimport { createLog, is } from 'dropcap/utils'\nimport 'epos'\n\nexport const _root_ = Symbol('root')\nexport const _parent_ = Symbol('parent')\nexport const _attached_ = Symbol('attached')\nexport const _disposers_ = Symbol('disposers')\nexport const _ancestors_ = Symbol('ancestors')\nexport const _pendingAttachFns_ = Symbol('pendingAttachFns')\n\nexport type Node<T> = Unit<T> | Obj | Arr\n\nexport class Unit<TRoot = unknown> {\n  declare '@': string\n  declare log: ReturnType<typeof createLog>;\n  declare [':version']?: number;\n  declare [_root_]?: TRoot;\n  declare [_parent_]?: Unit<TRoot> | null; // Parent reference for a not-yet-attached units\n  declare [_attached_]?: boolean;\n  declare [_disposers_]?: Set<() => void>;\n  declare [_ancestors_]?: Map<Cls, unknown>;\n  declare [_pendingAttachFns_]?: (() => void)[]\n\n  constructor(parent: Unit<TRoot> | null) {\n    this[_parent_] = parent\n    const versions = getVersions(this)\n    if (versions.length > 0) this[':version'] = versions.at(-1)!\n  }\n\n  /**\n   * Lifecycle method called when the unit is attached to the state tree.\n   */\n  [epos.state.ATTACH]() {\n    // Setup logger\n    setProperty(this, 'log', createLog(this['@']))\n\n    // Apply versioner\n    epos.state.transaction(() => {\n      const versioner = getVersioner(this)\n      const versions = getVersions(this)\n      for (const version of versions) {\n        if (is.number(this[':version']) && this[':version'] >= version) continue\n        const versionFn = versioner[version]\n        if (!is.function(versionFn)) continue\n        versionFn.call(this, this)\n        this[':version'] = version\n      }\n    })\n\n    // Prepare methods:\n    // - Create components for methods ending with `View`\n    // - Bind all other methods to the unit instance\n    for (const prototype of getPrototypes(this)) {\n      const descriptors = Object.getOwnPropertyDescriptors(prototype)\n\n      for (const [key, descriptor] of Object.entries(descriptors)) {\n        if (key === 'constructor') continue\n        if (this.hasOwnProperty(key)) continue\n\n        if (descriptor.get || descriptor.set) continue\n        if (!is.function(descriptor.value)) continue\n        const fn = descriptor.value.bind(this)\n\n        if (key.endsWith('View')) {\n          let Component = epos.component(fn)\n          Component.displayName = `${this.constructor.name}.${key}`\n          setProperty(this, key, Component)\n        } else {\n          setProperty(this, key, fn)\n        }\n      }\n    }\n\n    // Setup state\n    const stateDescriptor = Reflect.getOwnPropertyDescriptor(this.constructor.prototype, 'state')\n    if (stateDescriptor && stateDescriptor.get) {\n      const state = stateDescriptor.get.call(this)\n      setProperty(this, 'state', epos.libs.mobx.observable.object(state, {}, { deep: false }))\n    }\n\n    // Process attach queue.\n    // We do not execute `attach` methods immediately, but rather queue them\n    // on the highest unattached ancestor. This way we ensure that `attach`\n    // methods are called after all versioners have been applied in the entire subtree.\n    const attach = Reflect.get(this, 'attach')\n    if (is.function(attach)) {\n      const unattachedRoot = findUnattachedRoot(this)\n      if (!unattachedRoot) throw this.never()\n\n      ensureProperty(unattachedRoot, _pendingAttachFns_, () => [])\n      unattachedRoot[_pendingAttachFns_].push(() => attach())\n    }\n\n    if (this[_pendingAttachFns_]) {\n      this[_pendingAttachFns_].forEach(attach => attach())\n      delete this[_pendingAttachFns_]\n    }\n\n    // Mark as attached\n    setProperty(this, _attached_, true)\n  }\n\n  /**\n   * Lifecycle method called when the unit is detached from the state tree.\n   */\n  [epos.state.DETACH]() {\n    // 1. Run disposers\n    if (this[_disposers_]) {\n      this[_disposers_].forEach(disposer => disposer())\n      this[_disposers_].clear()\n    }\n\n    // 2. Call detach method\n    const detach = Reflect.get(this, 'detach')\n    if (is.function(detach)) detach()\n\n    // 3. Clean up internal properties\n    delete this[_root_]\n    delete this[_attached_]\n    delete this[_ancestors_]\n    delete this[_disposers_]\n  }\n\n  /**\n   * Gets the root unit of the current unit's tree.\n   * The result is cached for subsequent calls.\n   */\n  get $() {\n    ensureProperty(this, _root_, () => findRoot(this))\n    return this[_root_]\n  }\n\n  /**\n   * Finds the closest ancestor unit of a given type.\n   * The result is cached for subsequent calls.\n   */\n  closest<T extends Unit>(Ancestor: Cls<T>) {\n    // Has cached value? -> Return it\n    ensureProperty(this, _ancestors_, () => new Map())\n    if (this[_ancestors_].has(Ancestor)) return this[_ancestors_].get(Ancestor) as T\n\n    // Find the closest ancestor and cache it\n    let cursor: Node<TRoot> | null = this\n    while (cursor) {\n      if (cursor instanceof Ancestor) {\n        this[_ancestors_].set(Ancestor, cursor)\n        return cursor\n      }\n      cursor = getParent(cursor)\n    }\n\n    return null\n  }\n\n  /**\n   * A wrapper around MobX's `autorun` that automatically disposes\n   * the reaction when the unit is detached.\n   */\n  autorun(...args: Parameters<typeof epos.libs.mobx.autorun>) {\n    const disposer = epos.libs.mobx.autorun(...args)\n    ensureProperty(this, _disposers_, () => new Set())\n    this[_disposers_].add(disposer)\n    return disposer\n  }\n\n  /**\n   * A wrapper around MobX's `reaction` that automatically disposes\n   * the reaction when the unit is detached.\n   */\n  reaction(...args: Parameters<typeof epos.libs.mobx.reaction>) {\n    const disposer = epos.libs.mobx.reaction(...args)\n    ensureProperty(this, _disposers_, () => new Set())\n    this[_disposers_].add(disposer)\n    return disposer\n  }\n\n  /**\n   * A wrapper around `setTimeout` that automatically clears the timeout\n   * when the unit is detached.\n   */\n  setTimeout(...args: Parameters<typeof self.setTimeout>) {\n    const id = self.setTimeout(...args)\n    ensureProperty(this, _disposers_, () => new Set())\n    this[_disposers_].add(() => self.clearTimeout(id))\n    return id\n  }\n\n  /**\n   * A wrapper around `setInterval` that automatically clears the interval\n   * when the unit is detached.\n   */\n  setInterval(...args: Parameters<typeof self.setInterval>) {\n    const id = self.setInterval(...args)\n    ensureProperty(this, _disposers_, () => new Set())\n    this[_disposers_].add(() => self.clearInterval(id))\n    return id\n  }\n\n  /**\n   * Creates an error for an unreachable code path.\n   */\n  never(message = 'This should never happen') {\n    const details = message ? `: ${message}` : ''\n    const error = new Error(`[${this.constructor.name}] This should never happen${details}`)\n    Error.captureStackTrace(error, this.never)\n    return error\n  }\n}\n\n// ---------------------------------------------------------------------------\n// HELPERS\n// ---------------------------------------------------------------------------\n\n/**\n * Defines a configurable property on an object.\n */\nfunction setProperty(object: object, key: PropertyKey, value: unknown) {\n  Reflect.defineProperty(object, key, {\n    configurable: true,\n    get: () => value,\n    set: v => (value = v),\n  })\n}\n\n/**\n * Ensures a property exists on an object, initializing it if it doesn't.\n */\nfunction ensureProperty<T extends object, K extends PropertyKey, V>(\n  object: T,\n  key: K,\n  getInitialValue: () => V,\n): asserts object is T & { [key in K]: V } {\n  if (key in object) return\n  const value = getInitialValue()\n  Reflect.defineProperty(object, key, { configurable: true, get: () => value })\n}\n\n/**\n * Gets all prototypes of an object up to `Object.prototype`.\n */\nfunction getPrototypes(object: object): object[] {\n  const prototype = Reflect.getPrototypeOf(object)\n  if (!prototype || prototype === Object.prototype) return []\n  return [prototype, ...getPrototypes(prototype)]\n}\n\n/**\n * Finds the root `Unit` in the hierarchy for a given unit.\n */\nfunction findRoot<T>(unit: Unit<T>) {\n  let root: Unit<T> | null = null\n  let cursor: Node<T> | null = unit\n\n  while (cursor) {\n    if (cursor instanceof Unit) root = cursor\n    cursor = getParent(cursor)\n  }\n\n  return root as T\n}\n\n/**\n * Finds the highest unattached `Unit` in the hierarchy for a given unit.\n */\nfunction findUnattachedRoot<T>(unit: Unit<T>) {\n  let unattachedRoot: Unit<T> | null = null\n  let cursor: Node<T> | null = unit\n\n  while (cursor) {\n    if (cursor instanceof Unit && !cursor[_attached_]) unattachedRoot = cursor\n    cursor = getParent(cursor)\n  }\n\n  return unattachedRoot\n}\n\n/**\n * Gets the parent of a node, which can be a `Unit`, an object, or an array.\n */\nfunction getParent<T>(node: Node<T>) {\n  const parent: Node<T> | null = Reflect.get(node, _parent_) ?? Reflect.get(node, epos.state.PARENT) ?? null\n  return parent\n}\n\n/**\n * Gets the versioner object from a unit's constructor.\n */\nfunction getVersioner<T>(unit: Unit<T>) {\n  const versioner: unknown = Reflect.get(unit.constructor, 'versioner')\n  if (!is.object(versioner)) return {}\n  return versioner\n}\n\n/**\n * Gets a sorted list of numeric version keys from a unit's versioner.\n */\nfunction getVersions<T>(unit: Unit<T>) {\n  const versioner = getVersioner(unit)\n  const numericKeys = Object.keys(versioner).filter(key => is.numeric(key))\n  return numericKeys.map(Number).sort((v1, v2) => v1 - v2)\n}\n"],"mappings":"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","names":["attach"]}
+{"version":3,"file":"epos-unit.js","sourceRoot":"","sources":["../src/epos-unit.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "epos-unit",
-  "version": "1.16.0",
+  "version": "1.18.0",
   "type": "module",
   "license": "MIT",
   "author": "imkost",
   "description": "",
   "keywords": [],
   "scripts": {
-    "dev": "tsup --config ../../tsup.config.ts --watch",
-    "build": "tsup --config ../../tsup.config.ts",
-    "lint": "tsc --noEmit",
+    "dev": "rimraf dist && tsgo --watch",
+    "build": "rimraf dist && tsgo",
+    "lint": "tsgo --noEmit",
     "release": "sh -c 'npm version ${1:-minor} && npm run build && npm publish' --"
   },
   "exports": {
@@ -20,7 +20,8 @@
     "src"
   ],
   "dependencies": {
-    "dropcap": "^1.4.0",
-    "epos": "^1.32.0"
+    "dropcap": "^1.5.0",
+    "epos": "^1.35.0",
+    "nanoid": "^5.1.6"
   }
 }

package/src/epos-unit.ts

@@ -1,18 +1,29 @@
 import type { Arr, Cls, Obj } from 'dropcap/types'
 import { createLog, is } from 'dropcap/utils'
 import 'epos'
+import { customAlphabet } from 'nanoid'
+import type { FC } from 'react'
+
+declare global {
+  interface ErrorConstructor {
+    captureStackTrace(targetObject: object, constructorOpt?: Function): void
+  }
+}
 
 export const _root_ = Symbol('root')
 export const _parent_ = Symbol('parent')
 export const _attached_ = Symbol('attached')
 export const _disposers_ = Symbol('disposers')
 export const _ancestors_ = Symbol('ancestors')
-export const _pendingAttachFns_ = Symbol('pendingAttachFns')
+export const _attachQueue_ = Symbol('pendingAttachHooks')
+const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz0123456789', 10)
 
 export type Node<T> = Unit<T> | Obj | Arr
+export type Versioner<T> = { [version: number]: (this: T) => void }
 
 export class Unit<TRoot = unknown> {
   declare '@': string
+  declare id: string
   declare log: ReturnType<typeof createLog>;
   declare [':version']?: number;
   declare [_root_]?: TRoot;
@@ -20,192 +31,242 @@ export class Unit<TRoot = unknown> {
   declare [_attached_]?: boolean;
   declare [_disposers_]?: Set<() => void>;
   declare [_ancestors_]?: Map<Cls, unknown>;
-  declare [_pendingAttachFns_]?: (() => void)[]
+  declare [_attachQueue_]?: (() => void)[]
+
+  static defineVersioner<T extends Unit>(this: Cls<T>, versioner: Versioner<T>) {
+    return versioner
+  }
 
   constructor(parent: Unit<TRoot> | null) {
+    this.id = nanoid()
     this[_parent_] = parent
-    const versions = getVersions(this)
-    if (versions.length > 0) this[':version'] = versions.at(-1)!
   }
 
+  // ---------------------------------------------------------------------------
+  // ATTACH
+  // ---------------------------------------------------------------------------
+
   /**
    * Lifecycle method called when the unit is attached to the state tree.
    */
   [epos.state.ATTACH]() {
     // Setup logger
-    setProperty(this, 'log', createLog(this['@']))
+    let log = createLog(this['@'])
+    Reflect.defineProperty(this, 'log', { configurable: true, get: () => log, set: v => (log = v) })
 
     // Apply versioner
-    epos.state.transaction(() => {
-      const versioner = getVersioner(this)
-      const versions = getVersions(this)
-      for (const version of versions) {
-        if (is.number(this[':version']) && this[':version'] >= version) continue
-        const versionFn = versioner[version]
-        if (!is.function(versionFn)) continue
-        versionFn.call(this, this)
-        this[':version'] = version
-      }
-    })
+    void (() => {
+      const versioner: unknown = Reflect.get(this.constructor, 'versioner')
+      if (!is.object(versioner)) return
+
+      const asc = (v1: number, v2: number) => v1 - v2
+      const versions = Object.keys(versioner).filter(is.numeric).map(Number).sort(asc)
+      if (versions.length === 0) return
+
+      epos.state.transaction(() => {
+        for (const version of versions) {
+          if (is.number(this[':version']) && this[':version'] >= version) continue
+          const versionFn = versioner[version]
+          if (!is.function(versionFn)) continue
+          versionFn.call(this)
+          this[':version'] = version
+        }
+      })
+    })()
 
-    // Prepare methods:
+    // Setup state
+    void (() => {
+      const descriptor = Reflect.getOwnPropertyDescriptor(this.constructor.prototype, 'state')
+      if (!descriptor || !descriptor.get) return
+      const value: unknown = descriptor.get.call(this)
+      if (!is.object(value)) throw new Error(`'state' getter return an object`)
+      const state = epos.state.create(value)
+      Reflect.defineProperty(state, epos.state.PARENT, { configurable: true, value: this })
+      Reflect.defineProperty(this, 'state', { enumerable: true, get: () => state })
+    })()
+
+    // Setup inert
+    void (() => {
+      const descriptor = Reflect.getOwnPropertyDescriptor(this.constructor.prototype, 'inert')
+      if (!descriptor || !descriptor.get) return
+      const value: unknown = descriptor.get.call(this)
+      if (!is.object(value)) throw new Error(`'inert' getter return an object`)
+      Reflect.defineProperty(this, 'inert', { enumerable: true, get: () => value })
+    })()
+
+    // Prepare properties for the whole prototype chain:
     // - Create components for methods ending with `View`
     // - Bind all other methods to the unit instance
+    // - Turn getters into MobX computed properties
     for (const prototype of getPrototypes(this)) {
       const descriptors = Object.getOwnPropertyDescriptors(prototype)
-
       for (const [key, descriptor] of Object.entries(descriptors)) {
+        // Skip constructor and already defined properties
         if (key === 'constructor') continue
         if (this.hasOwnProperty(key)) continue
 
-        if (descriptor.get || descriptor.set) continue
-        if (!is.function(descriptor.value)) continue
-        const fn = descriptor.value.bind(this)
+        // Create components for methods ending with `View`
+        if (is.function(descriptor.value) && key.endsWith('View')) {
+          let View = createView(this, key, descriptor.value.bind(this) as FC<unknown>)
+          Reflect.defineProperty(this, key, { configurable: true, get: () => View, set: v => (View = v) })
+        }
 
-        if (key.endsWith('View')) {
-          let Component = epos.component(fn)
-          Component.displayName = `${this.constructor.name}.${key}`
-          setProperty(this, key, Component)
-        } else {
-          setProperty(this, key, fn)
+        // Bind all other methods to the unit instance
+        else if (is.function(descriptor.value)) {
+          let method = descriptor.value.bind(this)
+          Reflect.defineProperty(this, key, {
+            configurable: true,
+            get: () => method,
+            set: v => (method = v),
+          })
         }
-      }
-    }
 
-    // Setup state
-    const stateDescriptor = Reflect.getOwnPropertyDescriptor(this.constructor.prototype, 'state')
-    if (stateDescriptor && stateDescriptor.get) {
-      const state = stateDescriptor.get.call(this)
-      setProperty(this, 'state', epos.libs.mobx.observable.object(state, {}, { deep: false }))
+        // Turn getters into MobX computed properties
+        else if (descriptor.get) {
+          const getter = descriptor.get
+          const computed = epos.libs.mobx.computed(() => getter.call(this))
+          Reflect.defineProperty(this, key, {
+            configurable: true,
+            get: () => computed.get(),
+            set: descriptor.set,
+          })
+        }
+      }
     }
 
-    // Process attach queue.
-    // We do not execute `attach` methods immediately, but rather queue them
-    // on the highest unattached ancestor. This way we ensure that `attach`
-    // methods are called after all versioners have been applied in the entire subtree.
+    // Queue attach method.
+    // Do not execute `attach` methods immediately, but rather queue them on the highest unattached ancestor.
+    // This way `attach` methods are called after all versioners have been applied in the entire subtree.
     const attach = Reflect.get(this, 'attach')
     if (is.function(attach)) {
-      const unattachedRoot = findUnattachedRoot(this)
-      if (!unattachedRoot) throw this.never()
-
-      ensureProperty(unattachedRoot, _pendingAttachFns_, () => [])
-      unattachedRoot[_pendingAttachFns_].push(() => attach())
+      const head = findUnattachedRoot(this)
+      if (!head) throw this.never()
+      ensure(head, _attachQueue_, () => [])
+      head[_attachQueue_].push(() => attach.call(this))
     }
 
-    if (this[_pendingAttachFns_]) {
-      this[_pendingAttachFns_].forEach(attach => attach())
-      delete this[_pendingAttachFns_]
+    // Release attach queue
+    if (this[_attachQueue_]) {
+      this[_attachQueue_].forEach(attach => attach())
+      delete this[_attachQueue_]
     }
 
     // Mark as attached
-    setProperty(this, _attached_, true)
+    Reflect.defineProperty(this, _attached_, { configurable: true, get: () => true })
   }
 
+  // ---------------------------------------------------------------------------
+  // DETACH
+  // ---------------------------------------------------------------------------
+
   /**
    * Lifecycle method called when the unit is detached from the state tree.
    */
   [epos.state.DETACH]() {
-    // 1. Run disposers
+    // Run and clear disposers
     if (this[_disposers_]) {
       this[_disposers_].forEach(disposer => disposer())
       this[_disposers_].clear()
     }
 
-    // 2. Call detach method
+    // Clear ancestors cache
+    if (this[_ancestors_]) {
+      this[_ancestors_].clear()
+    }
+
+    // Call detach method
     const detach = Reflect.get(this, 'detach')
     if (is.function(detach)) detach()
-
-    // 3. Clean up internal properties
-    delete this[_root_]
-    delete this[_attached_]
-    delete this[_ancestors_]
-    delete this[_disposers_]
   }
 
+  // ---------------------------------------------------------------------------
+  // ROOT GETTER
+  // ---------------------------------------------------------------------------
+
   /**
-   * Gets the root unit of the current unit's tree.
+   * Get the root unit of the current unit's tree.
    * The result is cached for subsequent calls.
    */
   get $() {
-    ensureProperty(this, _root_, () => findRoot(this))
+    ensure(this, _root_, () => findRoot(this))
     return this[_root_]
   }
 
-  /**
-   * Finds the closest ancestor unit of a given type.
-   * The result is cached for subsequent calls.
-   */
-  closest<T extends Unit>(Ancestor: Cls<T>) {
-    // Has cached value? -> Return it
-    ensureProperty(this, _ancestors_, () => new Map())
-    if (this[_ancestors_].has(Ancestor)) return this[_ancestors_].get(Ancestor) as T
-
-    // Find the closest ancestor and cache it
-    let cursor: Node<TRoot> | null = this
-    while (cursor) {
-      if (cursor instanceof Ancestor) {
-        this[_ancestors_].set(Ancestor, cursor)
-        return cursor
-      }
-      cursor = getParent(cursor)
-    }
-
-    return null
-  }
+  // ---------------------------------------------------------------------------
+  // METHODS
+  // ---------------------------------------------------------------------------
 
   /**
-   * A wrapper around MobX's `autorun` that automatically disposes
-   * the reaction when the unit is detached.
+   * A wrapper around MobX's `autorun` that automatically disposes the reaction when the unit is detached.
    */
   autorun(...args: Parameters<typeof epos.libs.mobx.autorun>) {
     const disposer = epos.libs.mobx.autorun(...args)
-    ensureProperty(this, _disposers_, () => new Set())
+    ensure(this, _disposers_, () => new Set())
     this[_disposers_].add(disposer)
     return disposer
   }
 
   /**
-   * A wrapper around MobX's `reaction` that automatically disposes
-   * the reaction when the unit is detached.
+   * A wrapper around MobX's `reaction` that automatically disposes the reaction when the unit is detached.
    */
   reaction(...args: Parameters<typeof epos.libs.mobx.reaction>) {
     const disposer = epos.libs.mobx.reaction(...args)
-    ensureProperty(this, _disposers_, () => new Set())
+    ensure(this, _disposers_, () => new Set())
     this[_disposers_].add(disposer)
     return disposer
   }
 
   /**
-   * A wrapper around `setTimeout` that automatically clears the timeout
-   * when the unit is detached.
+   * A wrapper around `setTimeout` that automatically clears the timeout when the unit is detached.
    */
-  setTimeout(...args: Parameters<typeof self.setTimeout>) {
-    const id = self.setTimeout(...args)
-    ensureProperty(this, _disposers_, () => new Set())
-    this[_disposers_].add(() => self.clearTimeout(id))
+  setTimeout(...args: Parameters<typeof setTimeout>) {
+    const id = setTimeout(...args)
+    ensure(this, _disposers_, () => new Set())
+    this[_disposers_].add(() => clearTimeout(id))
     return id
   }
 
   /**
-   * A wrapper around `setInterval` that automatically clears the interval
-   * when the unit is detached.
+   * A wrapper around `setInterval` that automatically clears the interval when the unit is detached.
    */
-  setInterval(...args: Parameters<typeof self.setInterval>) {
-    const id = self.setInterval(...args)
-    ensureProperty(this, _disposers_, () => new Set())
-    this[_disposers_].add(() => self.clearInterval(id))
+  setInterval(...args: Parameters<typeof setInterval>) {
+    const id = setInterval(...args)
+    ensure(this, _disposers_, () => new Set())
+    this[_disposers_].add(() => clearInterval(id))
     return id
   }
 
   /**
-   * Creates an error for an unreachable code path.
+   * Create an error for code paths that are logically unreachable.
    */
   never(message = 'This should never happen') {
     const details = message ? `: ${message}` : ''
-    const error = new Error(`[${this.constructor.name}] This should never happen${details}`)
+    const error = new Error(`[${this['@']}] This should never happen${details}`)
     Error.captureStackTrace(error, this.never)
     return error
   }
+
+  /**
+   * Find the closest ancestor unit of a given type.
+   * The result is cached for subsequent calls.
+   */
+  closest<T extends Unit>(Ancestor: Cls<T>) {
+    // Has cached value? -> Return it
+    ensure(this, _ancestors_, () => new Map())
+    if (this[_ancestors_].has(Ancestor)) return this[_ancestors_].get(Ancestor) as T
+
+    // Find the closest ancestor and cache it
+    let cursor: Node<TRoot> | null = this
+    while (cursor) {
+      if (cursor instanceof Ancestor) {
+        this[_ancestors_].set(Ancestor, cursor)
+        return cursor
+      }
+      cursor = getParent(cursor)
+    }
+
+    return null
+  }
 }
 
 // ---------------------------------------------------------------------------
@@ -213,20 +274,9 @@ export class Unit<TRoot = unknown> {
 // ---------------------------------------------------------------------------
 
 /**
- * Defines a configurable property on an object.
- */
-function setProperty(object: object, key: PropertyKey, value: unknown) {
-  Reflect.defineProperty(object, key, {
-    configurable: true,
-    get: () => value,
-    set: v => (value = v),
-  })
-}
-
-/**
- * Ensures a property exists on an object, initializing it if it doesn't.
+ * Ensure a property exists on an object, initialize it if it doesn't.
  */
-function ensureProperty<T extends object, K extends PropertyKey, V>(
+function ensure<T extends object, K extends PropertyKey, V>(
   object: T,
   key: K,
   getInitialValue: () => V,
@@ -237,7 +287,7 @@ function ensureProperty<T extends object, K extends PropertyKey, V>(
 }
 
 /**
- * Gets all prototypes of an object up to `Object.prototype`.
+ * Get all prototypes of an object up to `Object.prototype`.
  */
 function getPrototypes(object: object): object[] {
   const prototype = Reflect.getPrototypeOf(object)
@@ -246,7 +296,7 @@ function getPrototypes(object: object): object[] {
 }
 
 /**
- * Finds the root `Unit` in the hierarchy for a given unit.
+ * Find the root `Unit` in the hierarchy for a given unit.
  */
 function findRoot<T>(unit: Unit<T>) {
   let root: Unit<T> | null = null
@@ -261,7 +311,7 @@ function findRoot<T>(unit: Unit<T>) {
 }
 
 /**
- * Finds the highest unattached `Unit` in the hierarchy for a given unit.
+ * Find the highest unattached `Unit` in the hierarchy for a given unit.
  */
 function findUnattachedRoot<T>(unit: Unit<T>) {
   let unattachedRoot: Unit<T> | null = null
@@ -276,7 +326,7 @@ function findUnattachedRoot<T>(unit: Unit<T>) {
 }
 
 /**
- * Gets the parent of a node, which can be a `Unit`, an object, or an array.
+ * Get the parent of a node, which can be a `Unit`, an object, or an array.
  */
 function getParent<T>(node: Node<T>) {
   const parent: Node<T> | null = Reflect.get(node, _parent_) ?? Reflect.get(node, epos.state.PARENT) ?? null
@@ -284,19 +334,33 @@ function getParent<T>(node: Node<T>) {
 }
 
 /**
- * Gets the versioner object from a unit's constructor.
+ * Create view component for the unit.
  */
-function getVersioner<T>(unit: Unit<T>) {
-  const versioner: unknown = Reflect.get(unit.constructor, 'versioner')
-  if (!is.object(versioner)) return {}
-  return versioner
-}
+function createView<T>(unit: Unit<T>, name: string, render: FC<unknown>) {
+  const fullName = `${unit['@']}.${name}`
+
+  const View = epos.component((props: unknown) => {
+    try {
+      return render(props)
+    } catch (error) {
+      unit.log.error(error)
+      const message = is.error(error) ? error.message : String(error)
+      return epos.libs.reactJsxRuntime.jsx('div', {
+        children: `[${fullName}] ${message}`,
+        style: {
+          width: 'fit-content',
+          padding: '4px 6px 4px 4px',
+          color: '#f00',
+          border: '1px solid #f00',
+          background: 'rgba(255, 0, 0, 0.1)',
+          fontSize: 12,
+          fontWeight: 400,
+        },
+      })
+    }
+  })
 
-/**
- * Gets a sorted list of numeric version keys from a unit's versioner.
- */
-function getVersions<T>(unit: Unit<T>) {
-  const versioner = getVersioner(unit)
-  const numericKeys = Object.keys(versioner).filter(key => is.numeric(key))
-  return numericKeys.map(Number).sort((v1, v2) => v1 - v2)
+  View.displayName = fullName
+
+  return View
 }