@thi.ng/rdom 0.6.9 → 0.7.4

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [0.6.9](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.6.8...@thi.ng/rdom@0.6.9) (2021-09-03)
+## [0.7.4](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.7.3...@thi.ng/rdom@0.7.4) (2021-10-25)
 
 **Note:** Version bump only for package @thi.ng/rdom
 
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-## [0.6.8](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.6.7...@thi.ng/rdom@0.6.8) (2021-08-22)
+## [0.7.3](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.7.2...@thi.ng/rdom@0.7.3) (2021-10-15)
 
 **Note:** Version bump only for package @thi.ng/rdom
 
@@ -19,84 +19,102 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.6.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.5.0...@thi.ng/rdom@0.6.0) (2021-08-04)
-
-
-### Features
-
-* **rdom:** add $inputFile/Files() handlers ([7f8888b](https://github.com/thi-ng/umbrella/commit/7f8888b0f0857aa9abde8ca6ea666a6f37bb64f2))
-
+## [0.7.2](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.7.1...@thi.ng/rdom@0.7.2) (2021-10-15)
 
+**Note:** Version bump only for package @thi.ng/rdom
 
 
 
-# [0.5.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.4.17...@thi.ng/rdom@0.5.0) (2021-07-27)
 
 
-### Bug Fixes
+## [0.7.1](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.7.0...@thi.ng/rdom@0.7.1) (2021-10-13)
 
-* **rdom:** fix [#304](https://github.com/thi-ng/umbrella/issues/304), update Switch.update() ([a2899c0](https://github.com/thi-ng/umbrella/commit/a2899c09b62458edd75dd785b64db0519b85eb6d))
+**Note:** Version bump only for package @thi.ng/rdom
 
 
-### Features
 
-* **rdom:** relax return types for $switch() ([71c334b](https://github.com/thi-ng/umbrella/commit/71c334bfc5715e58296750e9d118927dce53406a))
 
 
+# [0.7.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.6.9...@thi.ng/rdom@0.7.0) (2021-10-12)
 
 
+### Build System
 
-# [0.4.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.3.9...@thi.ng/rdom@0.4.0) (2021-02-24)
+* major update of ALL pkgs (export maps, ESM only) ([0d1d6ea](https://github.com/thi-ng/umbrella/commit/0d1d6ea9fab2a645d6c5f2bf2591459b939c09b6))
 
 
 ### Features
 
-* **rdom:** add $inputCheckbox, $inputTrigger ([99c569e](https://github.com/thi-ng/umbrella/commit/99c569e629018d679bae0f9d07fbde8ddd4f16cc))
+* **rdom:** add $replace() control/wrapper ([6096357](https://github.com/thi-ng/umbrella/commit/609635729a7d92d087a59684e00d19e609c5927f))
 
 
+### BREAKING CHANGES
 
+* discontinue CommonJS & UMD versions
 
+- only ESM modules will be published from now on
+- CJS obsolete due to ESM support in recent versions of node:
+  - i.e. launch NodeJS via:
+  - `node --experimental-specifier-resolution=node --experimental-repl-await`
+  - in the node REPL use `await import(...)` instead of `require()`
+- UMD obsolete due to widespread browser support for ESM
 
-## [0.3.9](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.3.8...@thi.ng/rdom@0.3.9) (2021-02-22)
+Also:
+- normalize/restructure/reorg all package.json files
+- cleanup all build scripts, remove obsolete
+- switch from mocha to @thi.ng/testament for all tests
 
 
-### Bug Fixes
 
-* **rdom:** add stream IDs for $Sub/$SubA ([e8b8fd4](https://github.com/thi-ng/umbrella/commit/e8b8fd4785f9836f0270bbc01dc216c2c87d2e8d))
 
 
 
+#  [0.6.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.5.0...@thi.ng/rdom@0.6.0) (2021-08-04) 
 
+###  Features 
 
-# [0.3.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.2.16...@thi.ng/rdom@0.3.0) (2020-12-07)
+- **rdom:** add $inputFile/Files() handlers ([7f8888b](https://github.com/thi-ng/umbrella/commit/7f8888b0f0857aa9abde8ca6ea666a6f37bb64f2)) 
 
+#  [0.5.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.4.17...@thi.ng/rdom@0.5.0) (2021-07-27) 
 
-### Features
+###  Bug Fixes 
 
-* **rdom:** add $subObject() wrapper, add docs ([cd5cf08](https://github.com/thi-ng/umbrella/commit/cd5cf08d6ae0ffb5ff8a89a19918a563fb889cbd))
+- **rdom:** fix [#304](https://github.com/thi-ng/umbrella/issues/304), update Switch.update() ([a2899c0](https://github.com/thi-ng/umbrella/commit/a2899c09b62458edd75dd785b64db0519b85eb6d)) 
 
+###  Features 
 
+- **rdom:** relax return types for $switch() ([71c334b](https://github.com/thi-ng/umbrella/commit/71c334bfc5715e58296750e9d118927dce53406a)) 
 
+#  [0.4.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.3.9...@thi.ng/rdom@0.4.0) (2021-02-24) 
 
+###  Features 
 
-# [0.2.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.1.2...@thi.ng/rdom@0.2.0) (2020-07-08)
+- **rdom:** add $inputCheckbox, $inputTrigger ([99c569e](https://github.com/thi-ng/umbrella/commit/99c569e629018d679bae0f9d07fbde8ddd4f16cc)) 
 
+##  [0.3.9](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.3.8...@thi.ng/rdom@0.3.9) (2021-02-22) 
 
-### Features
+###  Bug Fixes 
 
-* **rdom:** add $input, $inputNum event listeners ([c29fb49](https://github.com/thi-ng/umbrella/commit/c29fb49824429ba1175deca30fbfe693d6fd689d))
-* **rdom:** add $promise() wrapper ([53f9688](https://github.com/thi-ng/umbrella/commit/53f96881094603b885a409b8965b491468a3c247))
+- **rdom:** add stream IDs for $Sub/$SubA ([e8b8fd4](https://github.com/thi-ng/umbrella/commit/e8b8fd4785f9836f0270bbc01dc216c2c87d2e8d)) 
 
+#  [0.3.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.2.16...@thi.ng/rdom@0.3.0) (2020-12-07) 
 
+###  Features 
 
+- **rdom:** add $subObject() wrapper, add docs ([cd5cf08](https://github.com/thi-ng/umbrella/commit/cd5cf08d6ae0ffb5ff8a89a19918a563fb889cbd)) 
 
+#  [0.2.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/rdom@0.1.2...@thi.ng/rdom@0.2.0) (2020-07-08) 
 
-# 0.1.0 (2020-07-02)
+###  Features 
 
+- **rdom:** add $input, $inputNum event listeners ([c29fb49](https://github.com/thi-ng/umbrella/commit/c29fb49824429ba1175deca30fbfe693d6fd689d)) 
+- **rdom:** add $promise() wrapper ([53f9688](https://github.com/thi-ng/umbrella/commit/53f96881094603b885a409b8965b491468a3c247)) 
 
-### Features
+#  0.1.0 (2020-07-02) 
+
+###  Features 
 
-* **rdom:** add RDFa `prefix` attrib support, update prefix handling ([b589da5](https://github.com/thi-ng/umbrella/commit/b589da51385957a5defffb66307bd3d750814e4c))
-* **rdom:** add support for namespaced el/attribs ([9d16ef0](https://github.com/thi-ng/umbrella/commit/9d16ef0a2f6d6a062bf164ca38813290d7660149))
-* **rdom:** rename hdom2020 => rdom, update pkg ([1224706](https://github.com/thi-ng/umbrella/commit/1224706fa2fbca82afb73afeda3c3075c9b35f91))
-* **rdom:** update $tree() span handling, update $moveTo() ([6d90187](https://github.com/thi-ng/umbrella/commit/6d9018763af7f0f2096cdc1d79889791193a01e0))
+- **rdom:** add RDFa `prefix` attrib support, update prefix handling ([b589da5](https://github.com/thi-ng/umbrella/commit/b589da51385957a5defffb66307bd3d750814e4c)) 
+- **rdom:** add support for namespaced el/attribs ([9d16ef0](https://github.com/thi-ng/umbrella/commit/9d16ef0a2f6d6a062bf164ca38813290d7660149)) 
+- **rdom:** rename hdom2020 => rdom, update pkg ([1224706](https://github.com/thi-ng/umbrella/commit/1224706fa2fbca82afb73afeda3c3075c9b35f91)) 
+- **rdom:** update $tree() span handling, update $moveTo() ([6d90187](https://github.com/thi-ng/umbrella/commit/6d9018763af7f0f2096cdc1d79889791193a01e0))

package/README.md

@@ -134,8 +134,8 @@ integration has been removed in favor of using relevant
 [@thi.ng/rstream](https://github.com/thi-ng/umbrella/tree/develop/packages/rstream)
 constructs, which can be used as lightweight adapters, i.e.:
 
-- [`fromAtom()`](https://github.com/thi-ng/umbrella/blob/develop/packages/rstream/src/from/atom.ts)
-- [`fromView()`](https://github.com/thi-ng/umbrella/blob/develop/packages/rstream/src/from/view.ts)
+- [`fromAtom()`](https://docs.thi.ng/umbrella/rstream/modules.html#fromAtom)
+- [`fromView()`](https://docs.thi.ng/umbrella/rstream/modules.html#fromView)
 
 ### Support packages
 
@@ -156,15 +156,24 @@ constructs, which can be used as lightweight adapters, i.e.:
 yarn add @thi.ng/rdom
 ```
 
+ES module import:
+
 ```html
-// ES module
-<script type="module" src="https://unpkg.com/@thi.ng/rdom?module" crossorigin></script>
+<script type="module" src="https://cdn.skypack.dev/@thi.ng/rdom"></script>
+```
+
+[Skypack documentation](https://docs.skypack.dev/)
+
+For Node.js REPL:
+
+```text
+# with flag only for < v16
+node --experimental-repl-await
 
-// UMD
-<script src="https://unpkg.com/@thi.ng/rdom/lib/index.umd.js" crossorigin></script>
+> const rdom = await import("@thi.ng/rdom");
 ```
 
-Package sizes (gzipped, pre-treeshake): ESM: 3.83 KB / CJS: 3.99 KB / UMD: 3.94 KB
+Package sizes (gzipped, pre-treeshake): ESM: 3.98 KB
 
 ## Dependencies
 

package/checks.d.ts

@@ -0,0 +1,3 @@
+import type { IComponent } from "./api.js";
+export declare const isComponent: (x: any) => x is IComponent<any>;
+//# sourceMappingURL=checks.d.ts.map

package/checks.js

@@ -0,0 +1,2 @@
+import { implementsFunction } from "@thi.ng/checks/implements-function";
+export const isComponent = (x) => implementsFunction(x, "mount");

package/compile.d.ts

@@ -1,4 +1,4 @@
-import type { IComponent } from "./api";
+import type { IComponent } from "./api.js";
 /**
  * Compiles a tree of components given in any supported format incl.
  * reactive state values into a single, nested {@link IComponent}.

package/compile.js

@@ -1,9 +1,11 @@
-import { isArray, isPlainObject } from "@thi.ng/checks";
-import { $el, $remove, $tree } from "./dom";
-import { SCHEDULER } from "./scheduler";
-import { $sub, $SubA } from "./sub";
-import { isComponent, isSubscribable } from "./utils";
-import { $wrapText } from "./wrap";
+import { isArray } from "@thi.ng/checks/is-array";
+import { isPlainObject } from "@thi.ng/checks/is-plain-object";
+import { isSubscribable } from "@thi.ng/rstream/checks";
+import { isComponent } from "./checks.js";
+import { $el, $remove, $tree } from "./dom.js";
+import { SCHEDULER } from "./scheduler.js";
+import { $sub, $SubA } from "./sub.js";
+import { $wrapText } from "./wrap.js";
 /**
  * Compiles a tree of components given in any supported format incl.
  * reactive state values into a single, nested {@link IComponent}.

package/component.d.ts

@@ -1,5 +1,5 @@
 import type { MaybeDeref } from "@thi.ng/api";
-import type { IComponent, NumOrElement } from "./api";
+import type { IComponent, NumOrElement } from "./api.js";
 /**
  * Abstract base class / {@link IComponent} implementation. Provides
  * additional convenience methods for DOM element creation &

package/component.js

@@ -1,5 +1,5 @@
-import { $compile } from "./compile";
-import { $attribs, $clear, $el, $html, $moveTo, $remove, $style, $text, $tree, } from "./dom";
+import { $compile } from "./compile.js";
+import { $attribs, $clear, $el, $html, $moveTo, $remove, $style, $text, $tree, } from "./dom.js";
 /**
  * Abstract base class / {@link IComponent} implementation. Provides
  * additional convenience methods for DOM element creation &

package/dom.d.ts

@@ -1,5 +1,5 @@
-import { MaybeDeref } from "@thi.ng/api";
-import type { NumOrElement } from "./api";
+import { MaybeDeref } from "@thi.ng/api/deref";
+import type { NumOrElement } from "./api.js";
 /**
  * hdom-style DOM tree creation from hiccup format. Returns DOM element
  * of `tree` root. See {@link $el} for further details.

package/dom.js

@@ -1,9 +1,17 @@
-import { assert, deref, isDeref } from "@thi.ng/api";
-import { implementsFunction, isArray, isFunction, isNotStringAndIterable, isNumber, isString, } from "@thi.ng/checks";
-import { unsupported } from "@thi.ng/errors";
-import { ATTRIB_JOIN_DELIMS, formatPrefixes, mergeClasses, mergeEmmetAttribs, NO_SPANS, RE_TAG, SVG_TAGS, } from "@thi.ng/hiccup";
-import { XML_SVG, XML_XLINK, XML_XMLNS } from "@thi.ng/prefixes";
-import { isComponent } from "./utils";
+import { deref, isDeref } from "@thi.ng/api/deref";
+import { implementsFunction } from "@thi.ng/checks/implements-function";
+import { isArray } from "@thi.ng/checks/is-array";
+import { isFunction } from "@thi.ng/checks/is-function";
+import { isNotStringAndIterable } from "@thi.ng/checks/is-not-string-iterable";
+import { isNumber } from "@thi.ng/checks/is-number";
+import { isString } from "@thi.ng/checks/is-string";
+import { assert } from "@thi.ng/errors/assert";
+import { unsupported } from "@thi.ng/errors/unsupported";
+import { ATTRIB_JOIN_DELIMS, NO_SPANS, RE_TAG, SVG_TAGS, } from "@thi.ng/hiccup/api";
+import { mergeClasses, mergeEmmetAttribs } from "@thi.ng/hiccup/attribs";
+import { formatPrefixes } from "@thi.ng/hiccup/prefix";
+import { XML_SVG, XML_XLINK, XML_XMLNS } from "@thi.ng/prefixes/xml";
+import { isComponent } from "./checks.js";
 /**
  * hdom-style DOM tree creation from hiccup format. Returns DOM element
  * of `tree` root. See {@link $el} for further details.
@@ -95,7 +103,7 @@ const $treeIter = (tree, parent) => {
 export const $el = (tag, attribs, body, parent, idx = -1) => {
     const match = RE_TAG.exec(tag);
     if (match) {
-        attribs = mergeEmmetAttribs(Object.assign({}, attribs), match[2], match[3]);
+        attribs = mergeEmmetAttribs({ ...attribs }, match[2], match[3]);
         tag = match[1];
     }
     let el;

package/event.js

@@ -1,4 +1,4 @@
-import { maybeParseFloat } from "@thi.ng/strings";
+import { maybeParseFloat } from "@thi.ng/strings/parse";
 /**
  * HOF DOM event listener to emit element's value on given stream.
  *

package/index.d.ts

@@ -1,15 +1,16 @@
-export * from "./api";
-export * from "./compile";
-export * from "./component";
-export * from "./dom";
-export * from "./event";
-export * from "./klist";
-export * from "./list";
-export * from "./object";
-export * from "./promise";
-export * from "./scheduler";
-export * from "./sub";
-export * from "./switch";
-export * from "./utils";
-export * from "./wrap";
+export * from "./api.js";
+export * from "./checks.js";
+export * from "./compile.js";
+export * from "./component.js";
+export * from "./dom.js";
+export * from "./event.js";
+export * from "./klist.js";
+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";
 //# sourceMappingURL=index.d.ts.map

package/index.js

@@ -1,14 +1,15 @@
-export * from "./api";
-export * from "./compile";
-export * from "./component";
-export * from "./dom";
-export * from "./event";
-export * from "./klist";
-export * from "./list";
-export * from "./object";
-export * from "./promise";
-export * from "./scheduler";
-export * from "./sub";
-export * from "./switch";
-export * from "./utils";
-export * from "./wrap";
+export * from "./api.js";
+export * from "./checks.js";
+export * from "./compile.js";
+export * from "./component.js";
+export * from "./dom.js";
+export * from "./event.js";
+export * from "./klist.js";
+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

@@ -1,7 +1,7 @@
 import type { Fn, Fn2, NumOrString } from "@thi.ng/api";
 import type { ISubscribable } from "@thi.ng/rstream";
-import type { IComponent, IMountWithState, NumOrElement } from "./api";
-import { Component } from "./component";
+import type { IComponent, IMountWithState, NumOrElement } from "./api.js";
+import { Component } from "./component.js";
 interface KListItem {
     k: NumOrString;
     v: IComponent;

package/klist.js

@@ -1,7 +1,7 @@
-import { $compile } from "./compile";
-import { Component } from "./component";
-import { $moveTo } from "./dom";
-import { $sub } from "./sub";
+import { $compile } from "./compile.js";
+import { Component } from "./component.js";
+import { $moveTo } from "./dom.js";
+import { $sub } from "./sub.js";
 /**
  * Similar to {@link $list}, however additionally uses keying to establish list
  * item identities and uses them in a more complex diffing algorithm to avoid

package/list.d.ts

@@ -1,7 +1,7 @@
 import type { Fn, Predicate2 } from "@thi.ng/api";
 import type { ISubscribable } from "@thi.ng/rstream";
-import type { IComponent, IMountWithState, NumOrElement } from "./api";
-import { Component } from "./component";
+import type { IComponent, IMountWithState, NumOrElement } from "./api.js";
+import { Component } from "./component.js";
 /**
  * Creates a generalized and dynamically updating list component from items of
  * the given `src` stream.

package/list.js

@@ -1,6 +1,6 @@
-import { $compile } from "./compile";
-import { Component } from "./component";
-import { $sub } from "./sub";
+import { $compile } from "./compile.js";
+import { Component } from "./component.js";
+import { $sub } from "./sub.js";
 /**
  * Creates a generalized and dynamically updating list component from items of
  * the given `src` stream.

package/object.d.ts

@@ -1,7 +1,7 @@
 import type { Fn, Keys } from "@thi.ng/api";
-import { ISubscribable, StreamObj, StreamObjOpts } from "@thi.ng/rstream";
-import type { ComponentLike, IComponent, IMountWithState, NumOrElement } from "./api";
-import { Component } from "./component";
+import type { ISubscribable, StreamObj, StreamObjOpts } from "@thi.ng/rstream";
+import type { ComponentLike, IComponent, IMountWithState, NumOrElement } from "./api.js";
+import { Component } from "./component.js";
 /**
  * Creates a control component wrapper with an internal stream setup for user
  * defined keys in the given object. When this component is mounted, it will

package/object.js

@@ -1,6 +1,6 @@
-import { fromObject, } from "@thi.ng/rstream";
-import { Component } from "./component";
-import { $sub } from "./sub";
+import { fromObject } from "@thi.ng/rstream/object";
+import { Component } from "./component.js";
+import { $sub } from "./sub.js";
 /**
  * Creates a control component wrapper with an internal stream setup for user
  * defined keys in the given object. When this component is mounted, it will

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "@thi.ng/rdom",
-    "version": "0.6.9",
+    "version": "0.7.4",
     "description": "Lightweight, reactive, VDOM-less UI/DOM components with async lifecycle and @thi.ng/hiccup compatible",
+    "type": "module",
     "module": "./index.js",
-    "main": "./lib/index.js",
-    "umd:main": "./lib/index.umd.js",
     "typings": "./index.d.ts",
+    "sideEffects": false,
     "repository": {
         "type": "git",
         "url": "https://github.com/thi-ng/umbrella.git"
@@ -24,34 +24,29 @@
     "author": "Karsten Schmidt <k+npm@thi.ng>",
     "license": "Apache-2.0",
     "scripts": {
-        "build": "yarn clean && yarn build:es6 && node ../../scripts/bundle-module",
-        "build:release": "yarn clean && yarn build:es6 && node ../../scripts/bundle-module all",
-        "build:es6": "tsc --declaration",
-        "build:test": "rimraf build && tsc -p test/tsconfig.json",
-        "test": "mocha test",
-        "cover": "nyc mocha test && nyc report --reporter=lcov",
-        "clean": "rimraf *.js *.d.ts *.map .nyc_output build coverage doc lib",
-        "doc:readme": "ts-node -P ../../tools/tsconfig.json ../../tools/src/readme.ts",
+        "build": "yarn clean && tsc --declaration",
+        "clean": "rimraf *.js *.d.ts *.map doc",
+        "doc": "typedoc --excludePrivate --excludeInternal --out doc src/index.ts",
         "doc:ae": "mkdir -p .ae/doc .ae/temp && node_modules/.bin/api-extractor run --local --verbose",
-        "doc": "typedoc --excludePrivate --out doc --theme ../../tools/doc/typedoc-theme src/index.ts",
-        "pub": "yarn build:release && yarn publish --access public",
-        "pub:wip": "yarn publish --access public --no-git-tag-version"
+        "doc:readme": "yarn doc:stats && ../../scripts/node-esm ../../tools/src/readme.ts",
+        "doc:stats": "../../scripts/node-esm ../../tools/src/module-stats.ts",
+        "pub": "yarn build && yarn publish --access public",
+        "pub:wip": "yarn publish --access public --no-git-tag-version",
+        "test": "testament test"
     },
     "dependencies": {
-        "@thi.ng/api": "^7.2.0",
-        "@thi.ng/checks": "^2.9.11",
-        "@thi.ng/errors": "^1.3.4",
-        "@thi.ng/hiccup": "^3.6.22",
-        "@thi.ng/paths": "^4.2.14",
-        "@thi.ng/prefixes": "^1.0.2",
-        "@thi.ng/rstream": "^6.0.21",
-        "@thi.ng/strings": "^2.1.7"
+        "@thi.ng/api": "^8.0.4",
+        "@thi.ng/checks": "^3.0.4",
+        "@thi.ng/errors": "^2.0.4",
+        "@thi.ng/hiccup": "^4.1.0",
+        "@thi.ng/paths": "^5.0.4",
+        "@thi.ng/prefixes": "^2.0.4",
+        "@thi.ng/rstream": "^7.0.4",
+        "@thi.ng/strings": "^3.1.0"
+    },
+    "devDependencies": {
+        "@thi.ng/testament": "^0.1.4"
     },
-    "files": [
-        "*.js",
-        "*.d.ts",
-        "lib"
-    ],
     "keywords": [
         "async",
         "browser",
@@ -72,7 +67,63 @@
     "publishConfig": {
         "access": "public"
     },
-    "sideEffects": false,
+    "engines": {
+        "node": ">=12.7"
+    },
+    "files": [
+        "*.js",
+        "*.d.ts"
+    ],
+    "exports": {
+        ".": {
+            "import": "./index.js"
+        },
+        "./api": {
+            "import": "./api.js"
+        },
+        "./checks": {
+            "import": "./checks.js"
+        },
+        "./compile": {
+            "import": "./compile.js"
+        },
+        "./component": {
+            "import": "./component.js"
+        },
+        "./dom": {
+            "import": "./dom.js"
+        },
+        "./event": {
+            "import": "./event.js"
+        },
+        "./klist": {
+            "import": "./klist.js"
+        },
+        "./list": {
+            "import": "./list.js"
+        },
+        "./object": {
+            "import": "./object.js"
+        },
+        "./promise": {
+            "import": "./promise.js"
+        },
+        "./replace": {
+            "import": "./replace.js"
+        },
+        "./scheduler": {
+            "import": "./scheduler.js"
+        },
+        "./sub": {
+            "import": "./sub.js"
+        },
+        "./switch": {
+            "import": "./switch.js"
+        },
+        "./wrap": {
+            "import": "./wrap.js"
+        }
+    },
     "thi.ng": {
         "related": [
             "hdom",
@@ -84,5 +135,5 @@
         "status": "beta",
         "year": 2020
     },
-    "gitHead": "d971cb3f9b215a95483f78f1a8614015e331146f"
+    "gitHead": "9ff00a103f76cc4917ef3f244132e218f2300a05"
 }

package/promise.d.ts

@@ -1,6 +1,6 @@
 import type { Fn } from "@thi.ng/api";
-import type { ComponentLike, IComponent, NumOrElement } from "./api";
-import { Component } from "./component";
+import type { ComponentLike, IComponent, NumOrElement } from "./api.js";
+import { Component } from "./component.js";
 /**
  * Simple component wrapper for {@link ComponentLike} promises. When this
  * component mounts it will `await` the given promise or if it fails, compile

package/promise.js

@@ -1,4 +1,4 @@
-import { Component } from "./component";
+import { Component } from "./component.js";
 /**
  * Simple component wrapper for {@link ComponentLike} promises. When this
  * component mounts it will `await` the given promise or if it fails, compile

package/replace.d.ts

@@ -0,0 +1,45 @@
+import type { ISubscribable } from "@thi.ng/rstream";
+import type { IComponent, IMountWithState, NumOrElement } from "./api.js";
+import { Component } from "./component.js";
+/**
+ * Similar to {@link $refresh}, but more basic/simple. Takes a reactive value
+ * `src` and wraps it in a {@link $sub} component using an inner
+ * {@link Replace}, which then passes the value to {@link $compile} for each
+ * change and replaces the result in the target DOM. If the value evaluates to
+ * `null`ish, the previously mounted component will be unmounted and stays so
+ * until the value becomes non-null again.
+ *
+ * @remarks
+ * If the reactive value is null-ish when the wrapper component is first
+ * mounted, a hidden dummy `<span>` element will be created instead. This is to
+ * ensure the general {@link IComponent.mount} contract will not be broken. The
+ * dummy element will later be removed/replaced as soon as the reactive value
+ * becomes non-null.
+ *
+ * @example
+ * ```ts
+ * import { $compile, $replace } from "@thi.ng/rdom";
+ * import { fromInterval } from "@thi.ng/rstream";
+ *
+ * // reactive counter component
+ * const counter = fromInterval(16).map((x) => [
+ *     "div",
+ *     { style: { "font-size": `${(x % 100) + 10}px` } },
+ *     x,
+ * ]);
+ *
+ * $compile($replace(counter)).mount(document.body);
+ * ```
+ *
+ * @param src
+ */
+export declare const $replace: <T>(src: ISubscribable<T>) => IComponent<T>;
+export declare class Replace<T> extends Component implements IMountWithState<T> {
+    protected parent?: Element;
+    protected inner?: IComponent<T>;
+    protected index?: NumOrElement;
+    mount(parent: Element, index: NumOrElement, val: T): Promise<Element>;
+    unmount(): Promise<void>;
+    update(val: T): Promise<void>;
+}
+//# sourceMappingURL=replace.d.ts.map