@thi.ng/rdom 0.14.1 → 1.0.1

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Change Log
 
-- **Last updated**: 2023-12-31T09:44:24Z
+- **Last updated**: 2024-01-26T18:03:04Z
 - **Generator**: [thi.ng/monopub](https://thi.ng/monopub)
 
 All notable changes to this project will be documented in this file.
@@ -9,6 +9,21 @@ See [Conventional Commits](https://conventionalcommits.org/) for commit guidelin
 **Note:** Unlisted _patch_ versions only involve non-code or otherwise excluded changes
 and/or version bumps of transitive dependencies.
 
+# [1.0.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/rdom@1.0.0) (2024-01-23)
+
+#### 🛑 Breaking changes
+
+- remove scheduler, update IComponent signatures ([3728c9b](https://github.com/thi-ng/umbrella/commit/3728c9b))
+- BREAKING CHANGE: remove scheduler, update IComponent and
+  various DOM update fn signatures
+  - remove scheduler support since never used (other than
+    default/dummy `NullScheduler`) and `RAFScheduler` logic is
+    better handled via `synRAF()` or similar (also see [#402](https://github.com/thi-ng/umbrella/issues/402))
+  - update IComponent.mount() signature to use `ParentNode
+    as type for `parent` arg, e.g. to support use w/ `ShadowRoot`
+  - update various DOM update fns with same parent arg type
+  - update all utility components/wrappers
+
 ## [0.14.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/rdom@0.14.0) (2023-12-28)
 
 #### 🚀 Features

package/README.md

@@ -14,7 +14,7 @@ anti-framework.
 - [About](#about)
   - [From hdom to rdom: Reactive UIs without virtual DOMs](#from-hdom-to-rdom-reactive-uis-without-virtual-doms)
   - [Targetted, isolated updates](#targetted-isolated-updates)
-  - [Async updates, scheduling & life cycle methods](#async-updates-scheduling--life-cycle-methods)
+  - [Async updates & life cycle methods](#async-updates--life-cycle-methods)
   - [@thi.ng/atom integration](#thingatom-integration)
 - [DOM creation & mutation](#dom-creation--mutation)
 - [Control structures](#control-structures)
@@ -90,18 +90,12 @@ wrapper provides a component which subscribes to a stream of hiccup-based scene
 descriptions (trees) and then translates each scene-value into HTML Canvas API
 draw calls.
 
-### Async updates, scheduling & life cycle methods
+### Async updates & life cycle methods
 
 Since there's no central coordination in _rdom_ (neither explicitly nor
 implicitly), each component can (and does) update whenever its state value has
 changed. Likewise, components are free to directly manipulate the DOM through
-other means, as hinted at earlier. Various _rdom_ control constructs are
-dispatching component updates via a central scheduler. By default this is only a
-dummy implementation which processes tasks immediately. However, as usual _rdom_
-only relies on the
-[`IScheduler`](https://docs.thi.ng/umbrella/rdom/interfaces/IScheduler.html)
-interface and so supports other implementations, like
-[`RAFScheduler`](https://docs.thi.ng/umbrella/rdom/classes/RAFScheduler.html).
+other means, as hinted at earlier.
 
 The [`IComponent`](https://docs.thi.ng/umbrella/rdom/interfaces/icomponent.html)
 interface is at the heart of _rdom_. It defines three lifecycle methods to:
@@ -282,7 +276,7 @@ For Node.js REPL:
 const rdom = await import("@thi.ng/rdom");
 ```
 
-Package sizes (brotli'd, pre-treeshake): ESM: 4.19 KB
+Package sizes (brotli'd, pre-treeshake): ESM: 3.99 KB
 
 ## Dependencies
 
@@ -304,6 +298,7 @@ directory are using this package:
 | Screenshot                                                                                                                 | Description                                                                                             | Live demo                                                 | Source                                                                                 |
 |:---------------------------------------------------------------------------------------------------------------------------|:--------------------------------------------------------------------------------------------------------|:----------------------------------------------------------|:---------------------------------------------------------------------------------------|
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/big-font.png" width="240"/>            | Large ASCII font text generator using @thi.ng/rdom                                                      | [Demo](https://demo.thi.ng/umbrella/big-font/)            | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/big-font)            |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/blurhash.jpg" width="240"/>            | Interactive & reactive image blurhash generator                                                         | [Demo](https://demo.thi.ng/umbrella/blurhash/)            | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/blurhash)            |
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/canvas-recorder.png" width="240"/>     | Self-modifying, animated typographic grid with emergent complex patterns                                | [Demo](https://demo.thi.ng/umbrella/canvas-recorder/)     | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/canvas-recorder)     |
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/color-themes.png" width="240"/>        | Probabilistic color theme generator                                                                     | [Demo](https://demo.thi.ng/umbrella/color-themes/)        | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes)        |
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/dominant-colors.png" width="240"/>     | Color palette generation via dominant color extraction from uploaded images                             | [Demo](https://demo.thi.ng/umbrella/dominant-colors/)     | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/dominant-colors)     |
@@ -451,4 +446,4 @@ If this project contributes to an academic publication, please cite it as:
 
 ## License
 
-&copy; 2020 - 2023 Karsten Schmidt // Apache License 2.0
+&copy; 2020 - 2024 Karsten Schmidt // Apache License 2.0

package/api.d.ts

@@ -21,7 +21,7 @@ export interface IComponent<T = any> {
      * mount the component in the parent element and SHOULD default to
      * -1, causing the component to be appended to (rather than inserted
      * into) the list of children. The `index` arg MUST be passed to any
-     * DOM creation functions used within `mount()` (e.g. {@link el},
+     * DOM creation functions used within `mount()` (e.g. {@link $el},
      * {@link $tree}). Likewise, for control-flow or wrapper components,
      * the `index` arg MUST be used when mounting child components
      * in-place of the wrapper component itself (e.g. see {@link $list},
@@ -34,7 +34,7 @@ export interface IComponent<T = any> {
      * @param idx -
      * @param xs -
      */
-    mount(parent: Element, idx?: NumOrElement, ...xs: any[]): Promise<Element>;
+    mount(parent: ParentNode, idx?: NumOrElement, ...xs: any[]): Promise<Element>;
     /**
      * Async component lifecycle method to remove the component from the
      * target DOM and release any other internal resources (e.g.
@@ -65,7 +65,7 @@ export interface IMountWith<T, M> extends IComponent<T> {
      * @param index -
      * @param state -
      */
-    mount(parent: Element, index: NumOrElement, state: M): Promise<Element>;
+    mount(parent: ParentNode, index: NumOrElement, state: M): Promise<Element>;
     /**
      * Same like {@link IComponent.update}, but new `state` value arg is
      * mandatory.
@@ -90,27 +90,5 @@ export interface CompiledComponent extends IComponent {
  */
 export type ComponentLike = IComponent | [string, ...(any | null)[]];
 export type Callback = Fn0<void>;
-export type Task = Fn0<void>;
 export type NumOrElement = number | Element;
-/**
- * Interface for task schedulers. See {@link NullScheduler} and
- * {@link RAFScheduler}.
- */
-export interface IScheduler {
-    /**
-     * Registers a new task for processing. The `scope` arg is used to uniquely
-     * associate the task with a given component.
-     *
-     * @param scope -
-     * @param task -
-     */
-    add(scope: any, task: Task): void;
-    /**
-     * Attempts to cancel all tasks for given `scope`. Depending on
-     * implementation and timing this might not be possible (anymore).
-     *
-     * @param scope -
-     */
-    cancel(scope: any): void;
-}
 //# sourceMappingURL=api.d.ts.map

package/compile.js

@@ -3,7 +3,6 @@ import { isPlainObject } from "@thi.ng/checks/is-plain-object";
 import { isSubscribable } from "@thi.ng/rstream/checks";
 import { isComponent, isElement } from "./checks.js";
 import { $el, $remove, $tree } from "./dom.js";
-import { SCHEDULER } from "./scheduler.js";
 import { $SubA, $sub } from "./sub.js";
 import { $wrapEl, $wrapText } from "./wrap.js";
 const $compile = (tree) => isArray(tree) ? isComplexComponent(tree) ? complexComponent(tree) : basicComponent(tree) : isComponent(tree) ? tree : isSubscribable(tree) ? $sub(tree, "span") : tree instanceof Element ? $wrapEl(tree) : $wrapText("span", null, tree);
@@ -45,17 +44,14 @@ const complexComponent = (tree) => ({
     return this.el;
   },
   async unmount() {
-    SCHEDULER.cancel(this);
     if (this.children) {
       for (let c of this.children) {
         await c.unmount();
       }
     }
     this.subs && this.subs.forEach((s) => s.unsubscribe());
-    $remove(this.el);
-    this.children = void 0;
-    this.subs = void 0;
-    this.el = void 0;
+    this.el && $remove(this.el);
+    this.el = this.children = this.subs = void 0;
   },
   update() {
   }
@@ -65,7 +61,7 @@ const basicComponent = (tree) => ({
     return this.el = await $tree(tree, parent, index);
   },
   async unmount() {
-    $remove(this.el);
+    this.el && $remove(this.el);
     this.el = void 0;
   },
   update() {

package/component.d.ts

@@ -7,7 +7,7 @@ import type { IComponent, NumOrElement } from "./api.js";
  */
 export declare abstract class Component<T = any> implements IComponent<T> {
     el?: Element;
-    abstract mount(parent: Element, index?: NumOrElement, ...xs: any[]): Promise<Element>;
+    abstract mount(parent: ParentNode, index?: NumOrElement, ...xs: any[]): Promise<Element>;
     unmount(): Promise<void>;
     update(state?: T): void;
     /**
@@ -20,7 +20,7 @@ export declare abstract class Component<T = any> implements IComponent<T> {
      * @param parent
      * @param idx
      */
-    $el(tag: string, attribs?: any, body?: any, parent?: Element | undefined, idx?: NumOrElement): Element;
+    $el(tag: string, attribs?: any, body?: any, parent?: ParentNode | undefined, idx?: NumOrElement): Element;
     /**
      * Syntax sugar for {@link $comment}, creates a new comment DOM node using
      * this component's {@link IComponent.el} as default `parent`.
@@ -29,7 +29,7 @@ export declare abstract class Component<T = any> implements IComponent<T> {
      * @param parent
      * @param idx
      */
-    $comment(body: string | string[], parent?: Element | undefined, idx?: NumOrElement): Comment;
+    $comment(body: string | string[], parent?: ParentNode | undefined, idx?: NumOrElement): Comment;
     /**
      * Syntax sugar for {@link $clear}, using this component's
      * {@link IComponent.el} as default element to clear.
@@ -50,7 +50,7 @@ export declare abstract class Component<T = any> implements IComponent<T> {
      * @param root
      * @param index
      */
-    $tree(tree: any, root?: Element, index?: NumOrElement): Promise<any>;
+    $tree(tree: any, root?: ParentNode, index?: NumOrElement): Promise<any>;
     /**
      * Syntax sugar for {@link $text}, using this component's
      * {@link IComponent.el} as default element to edit.
@@ -62,7 +62,7 @@ export declare abstract class Component<T = any> implements IComponent<T> {
      * @param body
      * @param el
      */
-    $text(body: any, el?: HTMLElement): void;
+    $text(body: any, el?: HTMLElement | SVGElement): void;
     /**
      * Syntax sugar for {@link $html}, using this component's
      * {@link IComponent.el} as default element to edit.
@@ -106,6 +106,6 @@ export declare abstract class Component<T = any> implements IComponent<T> {
      * @param el
      * @param idx
      */
-    $moveTo(newParent: Element, el?: Element, idx?: NumOrElement): void;
+    $moveTo(newParent: ParentNode, el?: Element, idx?: NumOrElement): void;
 }
 //# sourceMappingURL=component.d.ts.map

package/dom.d.ts

@@ -8,8 +8,8 @@ import type { NumOrElement } from "./api.js";
  * Supports elements given in these forms:
  *
  * - {@link IComponent} instance
- * - {@link IDeref} instance (must resolve to another supported type in this
- *   list)
+ * - [`IDeref`](https://docs.thi.ng/umbrella/api/interfaces/IDeref.html)
+ *   instance (must resolve to another supported type in this list)
  * - `["div#id.class", {...attribs}, ...children]`
  * - `[COMMENT, "foo", "bar"...]` (DOM comment node)
  * - `[IComponent, ...mountargs]`
@@ -26,7 +26,7 @@ import type { NumOrElement } from "./api.js";
  * @param parent -
  * @param idx -
  */
-export declare const $tree: (tree: any, parent: Element, idx?: NumOrElement) => Promise<any>;
+export declare const $tree: (tree: any, parent: ParentNode, idx?: NumOrElement) => Promise<any>;
 /**
  * Create a single DOM element and optionally attaches it to `parent`.
  *
@@ -49,7 +49,7 @@ export declare const $tree: (tree: any, parent: Element, idx?: NumOrElement) =>
  * @param parent -
  * @param idx -
  */
-export declare const $el: (tag: string, attribs: any, body?: any, parent?: Element, idx?: NumOrElement) => Element;
+export declare const $el: (tag: string, attribs: any, body?: any, parent?: ParentNode, idx?: NumOrElement) => Element;
 /**
  * Similar to {@link $el}, but creates a new comment DOM node using provided
  * body. If `parent` is given, the comment will be attached or inserted as child
@@ -63,7 +63,7 @@ export declare const $el: (tag: string, attribs: any, body?: any, parent?: Eleme
  * @param parent
  * @param idx
  */
-export declare const $comment: (body: string | string[], parent?: Element, idx?: NumOrElement) => Comment;
+export declare const $comment: (body: string | string[], parent?: ParentNode, idx?: NumOrElement) => Comment;
 /**
  * Appends or inserts `child` as child element of `parent`. The default `idx` of
  * -1 means the child will be appended, else uses `parent.insertBefore()` to
@@ -73,7 +73,7 @@ export declare const $comment: (body: string | string[], parent?: Element, idx?:
  * @param child
  * @param idx
  */
-export declare const $addChild: (parent: Element, child: Element | Comment, idx?: NumOrElement) => void;
+export declare const $addChild: (parent: ParentNode, child: Node | Comment, idx?: NumOrElement) => void;
 /**
  * Removes given element or comment from the DOM.
  *
@@ -88,7 +88,7 @@ export declare const $remove: (el: Element | Comment) => void;
  * @param el
  * @param idx
  */
-export declare const $moveTo: (newParent: Element, el: Element | Comment, idx?: NumOrElement) => void;
+export declare const $moveTo: (newParent: ParentNode, el: Element | Comment, idx?: NumOrElement) => void;
 /**
  * Removes all content from given element.
  *

package/index.d.ts

@@ -11,7 +11,6 @@ export * from "./list.js";
 export * from "./object.js";
 export * from "./promise.js";
 export * from "./replace.js";
-export * from "./scheduler.js";
 export * from "./sub.js";
 export * from "./switch.js";
 export * from "./wrap.js";

package/index.js

@@ -11,7 +11,6 @@ export * from "./list.js";
 export * from "./object.js";
 export * from "./promise.js";
 export * from "./replace.js";
-export * from "./scheduler.js";
 export * from "./sub.js";
 export * from "./switch.js";
 export * from "./wrap.js";

package/klist.d.ts

@@ -2,7 +2,7 @@ import type { Fn, Fn2, NumOrString } from "@thi.ng/api";
 import type { ISubscribable } from "@thi.ng/rstream";
 import type { IComponent, IMountWithState, NumOrElement } from "./api.js";
 import { Component } from "./component.js";
-interface KListItem {
+export interface KListItem {
     k: NumOrString;
     v: IComponent;
 }
@@ -67,9 +67,8 @@ export declare class KList<T> extends Component<T[]> implements IMountWithState<
     items?: KListItem[];
     cache?: Map<NumOrString, KListItem>;
     constructor(tag: string, attribs: any, ctor: Fn<T, any>, keyFn?: Fn2<T, number, NumOrString>);
-    mount(parent: Element, index: NumOrElement, state: T[]): Promise<Element>;
+    mount(parent: ParentNode, index: NumOrElement, state: T[]): Promise<Element>;
     unmount(): Promise<void>;
     update(curr: T[]): Promise<void>;
 }
-export {};
 //# sourceMappingURL=klist.d.ts.map

package/klist.js

@@ -1,6 +1,5 @@
 import { $compile } from "./compile.js";
 import { Component } from "./component.js";
-import { $moveTo } from "./dom.js";
 import { __nextID } from "./idgen.js";
 import { $subWithID } from "./sub.js";
 const $klist = (src, tag, attribs, childCtor, keyFn) => $subWithID(
@@ -63,7 +62,7 @@ class KList extends Component {
     let next;
     const insert = async (item) => {
       if (cache.has(item.k)) {
-        $moveTo(parent, item.v.el, next);
+        this.$moveTo(parent, item.v.el, next);
         next = item.v.el;
       } else {
         cache.set(item.k, item);

package/lazy.d.ts

@@ -25,7 +25,7 @@ export declare class $Lazy extends Component {
     protected observer: IntersectionObserver | undefined;
     protected inner: IComponent | undefined;
     constructor(tag: string, attribs: any, ctor: Fn0<Promise<ComponentLike>>, opts?: IntersectionObserverInit | undefined);
-    mount(parent: Element, index?: NumOrElement | undefined): Promise<Element>;
+    mount(parent: ParentNode, index?: NumOrElement | undefined): Promise<Element>;
     unmount(): Promise<void>;
 }
 //# sourceMappingURL=lazy.d.ts.map

package/list.d.ts

@@ -58,7 +58,7 @@ export declare class List<T> extends Component implements IMountWithState<T[]> {
     prev?: T[];
     items?: IComponent[];
     constructor(tag: string, attribs: any, ctor: Fn<T, IComponent>, equiv?: Predicate2<T>);
-    mount(parent: Element, index: NumOrElement, state: T[]): Promise<Element>;
+    mount(parent: ParentNode, index: NumOrElement, state: T[]): Promise<Element>;
     unmount(): Promise<void>;
     update(curr: T[]): Promise<void>;
 }

package/object.d.ts

@@ -80,7 +80,7 @@ export declare class $Object<T extends object, K extends Keys<T>> extends Compon
     protected obj: StreamObj<T, K>;
     protected inner?: IComponent;
     constructor(src: T, opts: Partial<StreamObjOpts<T, K>>, ctor: Fn<StreamObj<T, K>["streams"], Promise<ComponentLike>>);
-    mount(parent: Element, index?: NumOrElement, state?: T): Promise<Element>;
+    mount(parent: ParentNode, index?: NumOrElement, state?: T): Promise<Element>;
     unmount(): Promise<void>;
     update(state: T): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thi.ng/rdom",
-  "version": "0.14.1",
+  "version": "1.0.1",
   "description": "Lightweight, reactive, VDOM-less UI/DOM components with async lifecycle and @thi.ng/hiccup compatible",
   "type": "module",
   "module": "./index.js",
@@ -36,14 +36,14 @@
     "test": "bun test"
   },
   "dependencies": {
-    "@thi.ng/api": "^8.9.16",
-    "@thi.ng/checks": "^3.4.16",
-    "@thi.ng/errors": "^2.4.10",
-    "@thi.ng/hiccup": "^5.1.5",
-    "@thi.ng/paths": "^5.1.57",
-    "@thi.ng/prefixes": "^2.3.2",
-    "@thi.ng/rstream": "^8.2.19",
-    "@thi.ng/strings": "^3.7.7"
+    "@thi.ng/api": "^8.9.18",
+    "@thi.ng/checks": "^3.4.18",
+    "@thi.ng/errors": "^2.4.11",
+    "@thi.ng/hiccup": "^5.1.7",
+    "@thi.ng/paths": "^5.1.59",
+    "@thi.ng/prefixes": "^2.3.3",
+    "@thi.ng/rstream": "^8.2.21",
+    "@thi.ng/strings": "^3.7.9"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.39.0",
@@ -122,9 +122,6 @@
     "./replace": {
       "default": "./replace.js"
     },
-    "./scheduler": {
-      "default": "./scheduler.js"
-    },
     "./sub": {
       "default": "./sub.js"
     },
@@ -145,5 +142,5 @@
     ],
     "year": 2020
   },
-  "gitHead": "b3db173682e1148cf08a6bd907b8d90b47b7c066\n"
+  "gitHead": "7426e2ae6fca5482c6eaf649872296fc89955374\n"
 }

package/promise.d.ts

@@ -24,7 +24,7 @@ export declare class $Promise extends Component {
     protected error: Fn<Error, any>;
     inner?: IComponent;
     constructor(promise: Promise<ComponentLike>, error?: Fn<Error, any>);
-    mount(parent: Element, index: NumOrElement): Promise<Element>;
+    mount(parent: ParentNode, index: NumOrElement): Promise<Element>;
     unmount(): Promise<void>;
 }
 //# sourceMappingURL=promise.d.ts.map

package/replace.d.ts

@@ -35,10 +35,10 @@ import { Component } from "./component.js";
  */
 export declare const $replace: <T>(src: ISubscribable<T>) => IComponent<T>;
 export declare class Replace<T> extends Component implements IMountWithState<T> {
-    protected parent?: Element;
+    protected parent?: ParentNode;
     protected inner?: IComponent<T>;
     protected index?: NumOrElement;
-    mount(parent: Element, index: NumOrElement, val: T): Promise<Element>;
+    mount(parent: ParentNode, index: NumOrElement, val: T): Promise<Element>;
     unmount(): Promise<void>;
     update(val: T): Promise<void>;
 }

package/sub.d.ts

@@ -42,7 +42,7 @@ export declare class $Sub<T = any> extends Subscription<T, T> {
     protected inner: IMountWithState<T | undefined>;
     el?: Element;
     constructor(inner: IMountWithState<T | undefined>, id?: string);
-    mount(parent: Element, index?: NumOrElement): Promise<Element>;
+    mount(parent: ParentNode, index?: NumOrElement): Promise<Element>;
     unmount(): Promise<void>;
     update(x: T): void;
     next(x: T): void;

package/sub.js

@@ -3,7 +3,6 @@ import { defSetterUnsafe } from "@thi.ng/paths/setter";
 import { __nextID } from "@thi.ng/rstream/idgen";
 import { Subscription } from "@thi.ng/rstream/subscription";
 import { $attribs } from "./dom.js";
-import { SCHEDULER } from "./scheduler.js";
 import { $wrapText } from "./wrap.js";
 function $sub(src, tag, attribs) {
   return src.subscribe(new $Sub(isString(tag) ? $wrapText(tag, attribs) : tag));
@@ -24,7 +23,6 @@ class $Sub extends Subscription {
   }
   async unmount() {
     this.unsubscribe();
-    SCHEDULER.cancel(this);
     this.el = void 0;
     await this.inner.unmount();
   }
@@ -32,7 +30,8 @@ class $Sub extends Subscription {
     this.next(x);
   }
   next(x) {
-    SCHEDULER.add(this, () => this.el && this.inner.update(x));
+    if (this.el)
+      this.inner.update(x);
   }
 }
 class $SubA extends Subscription {
@@ -44,11 +43,8 @@ class $SubA extends Subscription {
   setter;
   attr = {};
   next(a) {
-    const $ = this.comp;
-    SCHEDULER.add(
-      $,
-      () => $.el && $attribs($.el, this.setter(this.attr, a))
-    );
+    if (this.comp.el)
+      $attribs(this.comp.el, this.setter(this.attr, a));
   }
 }
 export {

package/switch.d.ts

@@ -86,11 +86,11 @@ export declare class Switch<T> extends Component implements IMountWithState<T> {
     protected error: Fn<Error, Promise<any>>;
     protected loader: Fn<T, Promise<any>>;
     protected val?: T;
-    protected parent?: Element;
+    protected parent?: ParentNode;
     protected inner?: IComponent<T>;
     protected index?: NumOrElement;
     constructor(keyFn: Fn<T, NumOrString>, ctors: Record<NumOrString, Fn<T, Promise<any>>>, error?: Fn<Error, Promise<any>>, loader?: Fn<T, Promise<any>>);
-    mount(parent: Element, index: NumOrElement, val: T): Promise<Element>;
+    mount(parent: ParentNode, index: NumOrElement, val: T): Promise<Element>;
     unmount(): Promise<void>;
     update(val: T): Promise<void>;
 }

package/wrap.js

@@ -1,5 +1,4 @@
 import { $addChild, $el, $html, $remove, $text } from "./dom.js";
-import { SCHEDULER } from "./scheduler.js";
 const wrapper = (update) => (tag, attribs, body) => ({
   el: void 0,
   async mount(parent, index, state) {
@@ -12,7 +11,8 @@ const wrapper = (update) => (tag, attribs, body) => ({
     this.el = void 0;
   },
   update(body2) {
-    SCHEDULER.add(this, () => this.el && update(this.el, body2));
+    if (this.el)
+      update(this.el, body2);
   }
 });
 const $wrapText = wrapper($text);

package/scheduler.d.ts

@@ -1,36 +0,0 @@
-import type { Task, IScheduler } from "./api.js";
-/**
- * {@link IScheduler} implementation which queues component updates (or other
- * tasks) and then only processes them during next RAF cycle. Supports task
- * cancellation.
- *
- * @remarks
- * See {@link setScheduler} and {@link NullScheduler}.
- */
-export declare class RAFScheduler implements IScheduler {
-    tasks: Map<any, Task[]>;
-    raf: number;
-    constructor();
-    add(scope: any, fn: Task): void;
-    cancel(scope: any): void;
-    update(): void;
-}
-/**
- * Dummy (and default) {@link IScheduler} implementation which immediately
- * processes component updates.
- *
- * @remarks
- * See {@link setScheduler} and {@link RAFScheduler}.
- */
-export declare class NullScheduler implements IScheduler {
-    add(_: any, fn: Task): void;
-    cancel(): void;
-}
-export declare let SCHEDULER: IScheduler;
-/**
- * Sets rdom-global scheduler for component updates (and other tasks).
- *
- * @param s -
- */
-export declare const setScheduler: (s: IScheduler) => IScheduler;
-//# sourceMappingURL=scheduler.d.ts.map

package/scheduler.js

@@ -1,39 +0,0 @@
-class RAFScheduler {
-  tasks;
-  raf;
-  constructor() {
-    this.tasks = /* @__PURE__ */ new Map();
-    this.raf = -1;
-  }
-  add(scope, fn) {
-    const tasks = this.tasks.get(scope);
-    tasks ? tasks.push(fn) : this.tasks.set(scope, [fn]);
-    this.raf < 0 && (this.raf = requestAnimationFrame(this.update.bind(this)));
-  }
-  cancel(scope) {
-    this.tasks.delete(scope);
-  }
-  update() {
-    for (let tasks of this.tasks.values()) {
-      for (let i = tasks.length; i-- > 0; tasks[i]())
-        ;
-    }
-    this.tasks.clear();
-    this.raf = -1;
-  }
-}
-class NullScheduler {
-  add(_, fn) {
-    fn();
-  }
-  cancel() {
-  }
-}
-let SCHEDULER = new NullScheduler();
-const setScheduler = (s) => SCHEDULER = s;
-export {
-  NullScheduler,
-  RAFScheduler,
-  SCHEDULER,
-  setScheduler
-};