@thi.ng/rdom-canvas 0.4.40 → 0.4.42
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 +1 -1
- package/index.d.ts +9 -8
- package/index.js +7 -7
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -21,7 +21,7 @@ This project is part of the
|
|
|
21
21
|
|
|
22
22
|
## About
|
|
23
23
|
|
|
24
|
-
@thi.ng/rdom component wrapper for @thi.ng/hiccup-canvas and declarative canvas drawing
|
|
24
|
+
[@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.
|
|
25
25
|
|
|
26
26
|
## Status
|
|
27
27
|
|
package/index.d.ts
CHANGED
|
@@ -12,7 +12,8 @@ export interface CanvasOpts {
|
|
|
12
12
|
*/
|
|
13
13
|
onunmount: Fn<HTMLCanvasElement, void>;
|
|
14
14
|
/**
|
|
15
|
-
* Custom component event handler called when canvas size has changed (only
|
|
15
|
+
* Custom component event handler called when canvas size has changed (only
|
|
16
|
+
* used when canvas size is initially given as reactive value).
|
|
16
17
|
*/
|
|
17
18
|
onresize: Fn3<HTMLCanvasElement, CanvasRenderingContext2D, number[], void>;
|
|
18
19
|
/**
|
|
@@ -22,15 +23,15 @@ export interface CanvasOpts {
|
|
|
22
23
|
[id: string]: any;
|
|
23
24
|
}
|
|
24
25
|
/**
|
|
25
|
-
* Reactive
|
|
26
|
-
* canvas component wrapped in a {@link $sub} and
|
|
27
|
-
* canvas with each new input received from `body`.
|
|
26
|
+
* Reactive [thi.ng/hiccup-canvas](https://thi.ng/hiccup-canvas) component
|
|
27
|
+
* wrapper. Returns a canvas component wrapped in a {@link $sub} and
|
|
28
|
+
* updates/re-renders canvas with each new input received from `body`.
|
|
28
29
|
*
|
|
29
30
|
* @remarks
|
|
30
|
-
* If `size` is subscribable, the canvas is resized each time a new
|
|
31
|
-
*
|
|
32
|
-
*
|
|
33
|
-
*
|
|
31
|
+
* If `size` is subscribable, the canvas is resized each time a new value is
|
|
32
|
+
* received, else will only be used to define initial canvas size. The `attribs`
|
|
33
|
+
* SHOULD not include `width`, `height`, since these will be overriden in any
|
|
34
|
+
* way by `size` arg.
|
|
34
35
|
*/
|
|
35
36
|
export declare const $canvas: (body: ISubscription<any, any[] | IToHiccup>, size: number[] | ISubscription<any, number[]>, attribs?: Partial<CanvasOpts>) => IComponent<any[] | IToHiccup>;
|
|
36
37
|
export declare class $Canvas extends Component implements IMountWithState<any[] | IToHiccup> {
|
package/index.js
CHANGED
|
@@ -9,15 +9,15 @@ import { isSubscribable } from "@thi.ng/rstream/checks";
|
|
|
9
9
|
import { reactive } from "@thi.ng/rstream/stream";
|
|
10
10
|
import { sideEffect } from "@thi.ng/transducers/side-effect";
|
|
11
11
|
/**
|
|
12
|
-
* Reactive
|
|
13
|
-
* canvas component wrapped in a {@link $sub} and
|
|
14
|
-
* canvas with each new input received from `body`.
|
|
12
|
+
* Reactive [thi.ng/hiccup-canvas](https://thi.ng/hiccup-canvas) component
|
|
13
|
+
* wrapper. Returns a canvas component wrapped in a {@link $sub} and
|
|
14
|
+
* updates/re-renders canvas with each new input received from `body`.
|
|
15
15
|
*
|
|
16
16
|
* @remarks
|
|
17
|
-
* If `size` is subscribable, the canvas is resized each time a new
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
*
|
|
17
|
+
* If `size` is subscribable, the canvas is resized each time a new value is
|
|
18
|
+
* received, else will only be used to define initial canvas size. The `attribs`
|
|
19
|
+
* SHOULD not include `width`, `height`, since these will be overriden in any
|
|
20
|
+
* way by `size` arg.
|
|
21
21
|
*/
|
|
22
22
|
export const $canvas = (body, size, attribs) => $sub(body, new $Canvas(size, attribs));
|
|
23
23
|
export class $Canvas extends Component {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@thi.ng/rdom-canvas",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.42",
|
|
4
4
|
"description": "@thi.ng/rdom component wrapper for @thi.ng/hiccup-canvas and declarative canvas drawing",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "./index.js",
|
|
@@ -34,18 +34,18 @@
|
|
|
34
34
|
"test": "testament test"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@thi.ng/adapt-dpi": "^2.2.
|
|
38
|
-
"@thi.ng/api": "^8.6.
|
|
39
|
-
"@thi.ng/associative": "^6.2.
|
|
40
|
-
"@thi.ng/checks": "^3.3.
|
|
41
|
-
"@thi.ng/hiccup-canvas": "^2.1.
|
|
42
|
-
"@thi.ng/rdom": "^0.10.
|
|
43
|
-
"@thi.ng/rstream": "^7.2.
|
|
44
|
-
"@thi.ng/transducers": "^8.3.
|
|
37
|
+
"@thi.ng/adapt-dpi": "^2.2.5",
|
|
38
|
+
"@thi.ng/api": "^8.6.2",
|
|
39
|
+
"@thi.ng/associative": "^6.2.21",
|
|
40
|
+
"@thi.ng/checks": "^3.3.6",
|
|
41
|
+
"@thi.ng/hiccup-canvas": "^2.1.40",
|
|
42
|
+
"@thi.ng/rdom": "^0.10.4",
|
|
43
|
+
"@thi.ng/rstream": "^7.2.33",
|
|
44
|
+
"@thi.ng/transducers": "^8.3.28"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@microsoft/api-extractor": "^7.33.7",
|
|
48
|
-
"@thi.ng/testament": "^0.3.
|
|
48
|
+
"@thi.ng/testament": "^0.3.8",
|
|
49
49
|
"rimraf": "^3.0.2",
|
|
50
50
|
"tools": "^0.0.1",
|
|
51
51
|
"typedoc": "^0.23.22",
|
|
@@ -90,5 +90,5 @@
|
|
|
90
90
|
"status": "alpha",
|
|
91
91
|
"year": 2020
|
|
92
92
|
},
|
|
93
|
-
"gitHead": "
|
|
93
|
+
"gitHead": "bc6f7f5e2765bb96fe64db804eaf4b2443b47fc6\n"
|
|
94
94
|
}
|