@thi.ng/rdom 0.9.8 → 0.9.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -1
- package/README.md +8 -7
- package/object.d.ts +3 -3
- package/package.json +13 -13
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<!-- This file is generated - DO NOT EDIT! -->
|
|
2
2
|
|
|
3
|
-
# 
|
|
4
4
|
|
|
5
5
|
[](https://www.npmjs.com/package/@thi.ng/rdom)
|
|
6
6
|

|
|
@@ -13,11 +13,11 @@ This project is part of the
|
|
|
13
13
|
- [From hdom to rdom: Reactive UIs without virtual DOMs](#from-hdom-to-rdom-reactive-uis-without-virtual-doms)
|
|
14
14
|
- [Targetted, isolated updates](#targetted-isolated-updates)
|
|
15
15
|
- [Async updates, scheduling & life cycle methods](#async-updates-scheduling--life-cycle-methods)
|
|
16
|
-
|
|
16
|
+
- [Status](#status)
|
|
17
17
|
- [HIC SUNT DRACONES](#hic-sunt-dracones)
|
|
18
18
|
- [@thi.ng/atom integration](#thingatom-integration)
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
- [Support packages](#support-packages)
|
|
20
|
+
- [Related packages](#related-packages)
|
|
21
21
|
- [Installation](#installation)
|
|
22
22
|
- [Dependencies](#dependencies)
|
|
23
23
|
- [Usage examples](#usage-examples)
|
|
@@ -112,7 +112,7 @@ explicitly using the provided control components (e.g.
|
|
|
112
112
|
[`$compile()`](https://docs.thi.ng/umbrella/rdom/modules.html#_compile) to
|
|
113
113
|
auto-wrap such values embedded in an hiccup tree.
|
|
114
114
|
|
|
115
|
-
|
|
115
|
+
## Status
|
|
116
116
|
|
|
117
117
|
**BETA** - possibly breaking changes forthcoming
|
|
118
118
|
|
|
@@ -137,12 +137,12 @@ constructs, which can be used as lightweight adapters, i.e.:
|
|
|
137
137
|
- [`fromAtom()`](https://docs.thi.ng/umbrella/rstream/modules.html#fromAtom)
|
|
138
138
|
- [`fromView()`](https://docs.thi.ng/umbrella/rstream/modules.html#fromView)
|
|
139
139
|
|
|
140
|
-
|
|
140
|
+
## Support packages
|
|
141
141
|
|
|
142
142
|
- [@thi.ng/rdom-canvas](https://github.com/thi-ng/umbrella/tree/develop/packages/rdom-canvas) - [@thi.ng/rdom](https://github.com/thi-ng/umbrella/tree/develop/packages/rdom) component wrapper for [@thi.ng/hiccup-canvas](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-canvas) and declarative canvas drawing
|
|
143
143
|
- [@thi.ng/rdom-components](https://github.com/thi-ng/umbrella/tree/develop/packages/rdom-components) - Collection of unstyled, customizable components for [@thi.ng/rdom](https://github.com/thi-ng/umbrella/tree/develop/packages/rdom)
|
|
144
144
|
|
|
145
|
-
|
|
145
|
+
## Related packages
|
|
146
146
|
|
|
147
147
|
- [@thi.ng/hdom](https://github.com/thi-ng/umbrella/tree/develop/packages/hdom) - Lightweight vanilla ES6 UI component trees with customizable branch-local behaviors
|
|
148
148
|
- [@thi.ng/hiccup](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup) - HTML/SVG/XML serialization of nested data structures, iterables & closures
|
|
@@ -208,6 +208,7 @@ A selection:
|
|
|
208
208
|
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-lissajous.png" width="240"/> | rdom & hiccup-canvas interop test | [Demo](https://demo.thi.ng/umbrella/rdom-lissajous/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-lissajous) |
|
|
209
209
|
| | Full umbrella repo doc string search w/ paginated results | [Demo](https://demo.thi.ng/umbrella/rdom-search-docs/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-search-docs) |
|
|
210
210
|
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-svg-nodes.png" width="240"/> | rdom powered SVG graph with draggable nodes | [Demo](https://demo.thi.ng/umbrella/rdom-svg-nodes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-svg-nodes) |
|
|
211
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/svg-resample.png" width="240"/> | SVG path parsing & dynamic resampling | [Demo](https://demo.thi.ng/umbrella/svg-resample/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/svg-resample) |
|
|
211
212
|
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/webgl-channel-mixer.jpg" width="240"/> | rdom & WebGL-based image channel editor | [Demo](https://demo.thi.ng/umbrella/webgl-channel-mixer/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-channel-mixer) |
|
|
212
213
|
|
|
213
214
|
## API
|
package/object.d.ts
CHANGED
|
@@ -41,7 +41,7 @@ import { Component } from "./component.js";
|
|
|
41
41
|
* @param opts - options for `fromObject()` stream setup
|
|
42
42
|
* @param inner -
|
|
43
43
|
*/
|
|
44
|
-
export declare const $object: <T, K extends keyof T>(src: T, opts: Partial<StreamObjOpts<T, K>>, inner: Fn<import("@thi.ng/rstream").KeyStreams<T, K>, Promise<ComponentLike>>) => $Object<T, K>;
|
|
44
|
+
export declare const $object: <T extends object, K extends keyof T>(src: T, opts: Partial<StreamObjOpts<T, K>>, inner: Fn<import("@thi.ng/rstream").KeyStreams<T, K>, Promise<ComponentLike>>) => $Object<T, K>;
|
|
45
45
|
/**
|
|
46
46
|
* Syntax sugar for a combination of {@link $sub} and {@link $object} to allow
|
|
47
47
|
* reactive updates of `$object()` components themselves.
|
|
@@ -71,8 +71,8 @@ export declare const $object: <T, K extends keyof T>(src: T, opts: Partial<Strea
|
|
|
71
71
|
* @param opts -
|
|
72
72
|
* @param inner -
|
|
73
73
|
*/
|
|
74
|
-
export declare const $subObject: <T, K extends keyof T>(src: ISubscribable<T>, opts: Partial<StreamObjOpts<T, K>>, inner: Fn<import("@thi.ng/rstream").KeyStreams<T, K>, Promise<ComponentLike>>) => IComponent<T>;
|
|
75
|
-
export declare class $Object<T, K extends Keys<T>> extends Component implements IMountWithState<T> {
|
|
74
|
+
export declare const $subObject: <T extends object, K extends keyof T>(src: ISubscribable<T>, opts: Partial<StreamObjOpts<T, K>>, inner: Fn<import("@thi.ng/rstream").KeyStreams<T, K>, Promise<ComponentLike>>) => IComponent<T>;
|
|
75
|
+
export declare class $Object<T extends object, K extends Keys<T>> extends Component implements IMountWithState<T> {
|
|
76
76
|
protected ctor: Fn<StreamObj<T, K>["streams"], Promise<ComponentLike>>;
|
|
77
77
|
protected obj: StreamObj<T, K>;
|
|
78
78
|
protected inner?: IComponent;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@thi.ng/rdom",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.10",
|
|
4
4
|
"description": "Lightweight, reactive, VDOM-less UI/DOM components with async lifecycle and @thi.ng/hiccup compatible",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "./index.js",
|
|
@@ -35,22 +35,22 @@
|
|
|
35
35
|
"test": "testament test"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@thi.ng/api": "^8.4.
|
|
39
|
-
"@thi.ng/checks": "^3.2.
|
|
40
|
-
"@thi.ng/errors": "^2.
|
|
41
|
-
"@thi.ng/hiccup": "^4.2.
|
|
42
|
-
"@thi.ng/paths": "^5.1.
|
|
43
|
-
"@thi.ng/prefixes": "^2.1.
|
|
44
|
-
"@thi.ng/rstream": "^7.2.
|
|
45
|
-
"@thi.ng/strings": "^3.3.
|
|
38
|
+
"@thi.ng/api": "^8.4.2",
|
|
39
|
+
"@thi.ng/checks": "^3.2.5",
|
|
40
|
+
"@thi.ng/errors": "^2.2.0",
|
|
41
|
+
"@thi.ng/hiccup": "^4.2.16",
|
|
42
|
+
"@thi.ng/paths": "^5.1.15",
|
|
43
|
+
"@thi.ng/prefixes": "^2.1.10",
|
|
44
|
+
"@thi.ng/rstream": "^7.2.19",
|
|
45
|
+
"@thi.ng/strings": "^3.3.12"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@microsoft/api-extractor": "^7.
|
|
49
|
-
"@thi.ng/testament": "^0.
|
|
48
|
+
"@microsoft/api-extractor": "^7.31.1",
|
|
49
|
+
"@thi.ng/testament": "^0.3.0",
|
|
50
50
|
"rimraf": "^3.0.2",
|
|
51
51
|
"tools": "^0.0.1",
|
|
52
52
|
"typedoc": "^0.22.17",
|
|
53
|
-
"typescript": "^4.
|
|
53
|
+
"typescript": "^4.8.3"
|
|
54
54
|
},
|
|
55
55
|
"keywords": [
|
|
56
56
|
"async",
|
|
@@ -140,5 +140,5 @@
|
|
|
140
140
|
"status": "beta",
|
|
141
141
|
"year": 2020
|
|
142
142
|
},
|
|
143
|
-
"gitHead": "
|
|
143
|
+
"gitHead": "f4c59114f2d2dfafa9014626038a9ec5242b0606\n"
|
|
144
144
|
}
|