@thi.ng/rdom 1.3.1 → 1.3.3

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Change Log
 
-- **Last updated**: 2024-04-23T07:02:18Z
+- **Last updated**: 2024-04-26T13:32:20Z
 - **Generator**: [thi.ng/monopub](https://thi.ng/monopub)
 
 All notable changes to this project will be documented in this file.
@@ -9,6 +9,12 @@ 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.3.3](https://github.com/thi-ng/umbrella/tree/@thi.ng/rdom@1.3.3) (2024-04-26)
+
+#### 🩹 Bug fixes
+
+- update $compile() async-iterable attrib handling ([f977556](https://github.com/thi-ng/umbrella/commit/f977556))
+
 ## [1.3.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/rdom@1.3.0) (2024-04-20)
 
 #### 🚀 Features

package/README.md

@@ -119,8 +119,8 @@ please consult the docs for these packages to learn more about the available
 constructs and patterns. Most of _rdom_ only deals with either subscribing to
 reactive values, async iterables and/or wrapping/transforming existing
 subscriptions, either explicitly using the provided control components (e.g.
-[`$async()`](https://docs.thi.ng/umbrella/rdom/functions/_async.html)),
-[`$sub()`](https://docs.thi.ng/umbrella/rdom/functions/_sub.html), or using
+[`$async()`](https://docs.thi.ng/umbrella/rdom/functions/_async-1.html)),
+[`$sub()`](https://docs.thi.ng/umbrella/rdom/functions/_sub-1.html), or using
 [`$compile()`](https://docs.thi.ng/umbrella/rdom/functions/_compile.html) to
 auto-wrap such values embedded in an hiccup tree.
 
@@ -171,10 +171,10 @@ for the implementation of common UI structures (e.g. item lists of any kind).
 The following links lead to the documentation of these wrappers, incl. small
 code examples:
 
-- [$async](https://docs.thi.ng/umbrella/rdom/functions/_async.html)
+- [$async](https://docs.thi.ng/umbrella/rdom/functions/_async-1.html)
 - [$klist](https://docs.thi.ng/umbrella/rdom/functions/_klist.html)
 - [$list](https://docs.thi.ng/umbrella/rdom/functions/_list.html)
-- [$lazy](https://docs.thi.ng/umbrella/rdom/functions/_lazy.html)
+- [$lazy](https://docs.thi.ng/umbrella/rdom/functions/_lazy-1.html)
 - [$object](https://docs.thi.ng/umbrella/rdom/functions/_object-1.html)
 - [$promise](https://docs.thi.ng/umbrella/rdom/functions/_promise-1.html)
 - [$refresh](https://docs.thi.ng/umbrella/rdom/functions/_refresh.html)
@@ -248,7 +248,9 @@ $compile([
 
 Work is underway to better support [built-in
 AsyncIterables](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols#the_async_iterator_and_async_iterable_protocols)
-(possibly entirely in-lieu of rstream constructs). Currently, they can only be directly used for simple text or attribute values (also see the [rdom-async example](https://github.com/thi-ng/umbrella/blob/develop/examples/rdom-async)):
+(possibly entirely in-lieu of rstream constructs). Currently, they can only be
+directly used for simple text or attribute values (also see the [rdom-async
+example](https://github.com/thi-ng/umbrella/blob/develop/examples/rdom-async)):
 
 ```ts
 import { $compile } from "@thi.ng/rdom";
@@ -257,7 +259,8 @@ import { range, source } from "@thi.ng/transducers-async";
 // infinite 1Hz counter
 const counter = range(1000);
 
-// manually updated click counter (also an async iterable)
+// manually updated click counter (an async iterable with extended API)
+// see: https://docs.thi.ng/umbrella/transducers-async/functions/source-1.html
 const clicks = source(0);
 
 // event handler to update click count
@@ -312,7 +315,7 @@ Browser ESM import:
 
 [JSDelivr documentation](https://www.jsdelivr.com/)
 
-Package sizes (brotli'd, pre-treeshake): ESM: 4.21 KB
+Package sizes (brotli'd, pre-treeshake): ESM: 4.24 KB
 
 ## Dependencies
 
@@ -337,6 +340,7 @@ directory are using this package:
 | <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/csp-bus.png" width="240"/>             | CSP channel-based event handling, async transducers & reactive UI components                            | [Demo](https://demo.thi.ng/umbrella/csp-bus/)             | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/csp-bus)             |
 | <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)     |
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/ellipse-proximity.png" width="240"/>   | Interactive visualization of closest points on ellipses                                                 | [Demo](https://demo.thi.ng/umbrella/ellipse-proximity/)   | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/ellipse-proximity)   |
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/fiber-basics.png" width="240"/>        | Fiber-based cooperative multitasking basics                                                             | [Demo](https://demo.thi.ng/umbrella/fiber-basics/)        | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/fiber-basics)        |

package/compile.js

@@ -33,15 +33,18 @@ const isComplexComponent = (x) => {
 const complexComponent = (tree) => ({
   async mount(parent, index = -1) {
     this.subs = [];
+    const attribs = { ...tree[1] };
     walk((x, path) => {
       if (isSubscribable(x)) {
         this.subs.push(x.subscribe(new $SubA(this, path)));
       } else if (isAsyncIterable(x)) {
         $asyncA(x, this, path);
+        if (path.length === 1)
+          delete attribs[path[0]];
       }
-    }, tree[1]);
+    }, attribs);
     this.children = [];
-    this.el = $el(tree[0], tree[1], null, parent, index);
+    this.el = $el(tree[0], attribs, null, parent, index);
     for (let i = 2; i < tree.length; i++) {
       const child = $compile(tree[i]);
       child.mount(this.el, i - 2);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thi.ng/rdom",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "description": "Lightweight, reactive, VDOM-less UI/DOM components with async lifecycle and @thi.ng/hiccup compatible",
   "type": "module",
   "module": "./index.js",
@@ -40,10 +40,10 @@
     "@thi.ng/api": "^8.11.1",
     "@thi.ng/checks": "^3.6.3",
     "@thi.ng/errors": "^2.5.6",
-    "@thi.ng/hiccup": "^5.1.30",
+    "@thi.ng/hiccup": "^5.2.0",
     "@thi.ng/paths": "^5.1.80",
     "@thi.ng/prefixes": "^2.3.18",
-    "@thi.ng/rstream": "^8.4.2",
+    "@thi.ng/rstream": "^8.4.3",
     "@thi.ng/strings": "^3.7.32"
   },
   "devDependencies": {
@@ -145,5 +145,5 @@
     ],
     "year": 2020
   },
-  "gitHead": "5dd66c18a3862a3af69a5b2f49563f7cbdd960c2\n"
+  "gitHead": "0bec55821066c18eb977a7eabd42c0bb2b096d98\n"
 }