diff --git a/assets/examples/rdom-canvas-basics.jpg b/assets/examples/rdom-canvas-basics.jpg new file mode 100644 index 0000000000..fdb1f846f2 Binary files /dev/null and b/assets/examples/rdom-canvas-basics.jpg differ diff --git a/assets/examples/rdom-canvas-basics.png b/assets/examples/rdom-canvas-basics.png deleted file mode 100644 index 27bc0e9a71..0000000000 Binary files a/assets/examples/rdom-canvas-basics.png and /dev/null differ diff --git a/examples/rdom-canvas-basics/README.md b/examples/rdom-canvas-basics/README.md index c7898f2644..b011ed8a92 100644 --- a/examples/rdom-canvas-basics/README.md +++ b/examples/rdom-canvas-basics/README.md @@ -1,6 +1,6 @@ # rdom-canvas-basics -![screenshot](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-canvas-basics.png) +![screenshot](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-canvas-basics.jpg) [Live demo](http://demo.thi.ng/umbrella/rdom-canvas-basics/) diff --git a/examples/rdom-canvas-basics/package.json b/examples/rdom-canvas-basics/package.json index 6b61313212..f96a8e2a36 100644 --- a/examples/rdom-canvas-basics/package.json +++ b/examples/rdom-canvas-basics/package.json @@ -29,6 +29,6 @@ }, "thi.ng": { "readme": true, - "screenshot": "examples/rdom-canvas-basics.png" + "screenshot": "examples/rdom-canvas-basics.jpg" } } diff --git a/packages/compose/README.md b/packages/compose/README.md index 82137a010b..b2dae18ae6 100644 --- a/packages/compose/README.md +++ b/packages/compose/README.md @@ -14,6 +14,7 @@ This project is part of the - [Status](#status) - [Installation](#installation) - [Dependencies](#dependencies) +- [Usage examples](#usage-examples) - [API](#api) - [Authors](#authors) - [License](#license) @@ -55,6 +56,18 @@ Package sizes (brotli'd, pre-treeshake): ESM: 751 bytes - [@thi.ng/api](https://github.com/thi-ng/umbrella/tree/develop/packages/api) - [@thi.ng/errors](https://github.com/thi-ng/umbrella/tree/develop/packages/errors) +## Usage examples + +Several demos in this repo's +[/examples](https://github.com/thi-ng/umbrella/tree/develop/examples) +directory are using this package. + +A selection: + +| Screenshot | Description | Live demo | Source | +|:--------------------------------------------------------------------------------------------------------------------------|:------------------------------|:---------------------------------------------------------|:--------------------------------------------------------------------------------------| +| | Minimal rdom-canvas animation | [Demo](https://demo.thi.ng/umbrella/rdom-canvas-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-canvas-basics) | + ## API [Generated API docs](https://docs.thi.ng/umbrella/compose/) diff --git a/packages/dsp/README.md b/packages/dsp/README.md index 4ed325122e..6738fabc07 100644 --- a/packages/dsp/README.md +++ b/packages/dsp/README.md @@ -103,14 +103,15 @@ directory are using this package. A selection: -| Screenshot | Description | Live demo | Source | -|:-----------------------------------------------------------------------------------------------------------------------|:----------------------------------------------------|:------------------------------------------------------|:-----------------------------------------------------------------------------------| -| | Interactive inverse FFT toy synth | [Demo](https://demo.thi.ng/umbrella/fft-synth/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/fft-synth) | -| | 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) | -| | Polygon to cubic curve conversion & visualization | [Demo](https://demo.thi.ng/umbrella/poly-spline/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/poly-spline) | -| | Steering behavior drawing with alpha-blended shapes | [Demo](https://demo.thi.ng/umbrella/rasterize-blend/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rasterize-blend) | -| | WebGL cube maps with async texture loading | [Demo](https://demo.thi.ng/umbrella/webgl-cubemap/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-cubemap) | -| | WebGL screenspace ambient occlusion | [Demo](https://demo.thi.ng/umbrella/webgl-ssao/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-ssao) | +| Screenshot | Description | Live demo | Source | +|:--------------------------------------------------------------------------------------------------------------------------|:----------------------------------------------------|:---------------------------------------------------------|:--------------------------------------------------------------------------------------| +| | Interactive inverse FFT toy synth | [Demo](https://demo.thi.ng/umbrella/fft-synth/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/fft-synth) | +| | 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) | +| | Polygon to cubic curve conversion & visualization | [Demo](https://demo.thi.ng/umbrella/poly-spline/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/poly-spline) | +| | Steering behavior drawing with alpha-blended shapes | [Demo](https://demo.thi.ng/umbrella/rasterize-blend/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rasterize-blend) | +| | Minimal rdom-canvas animation | [Demo](https://demo.thi.ng/umbrella/rdom-canvas-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-canvas-basics) | +| | WebGL cube maps with async texture loading | [Demo](https://demo.thi.ng/umbrella/webgl-cubemap/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-cubemap) | +| | WebGL screenspace ambient occlusion | [Demo](https://demo.thi.ng/umbrella/webgl-ssao/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-ssao) | ## API diff --git a/packages/geom/README.md b/packages/geom/README.md index 35f7625a4b..6b611b08ad 100644 --- a/packages/geom/README.md +++ b/packages/geom/README.md @@ -200,7 +200,7 @@ For Node.js REPL: const geom = await import("@thi.ng/geom"); ``` -Package sizes (brotli'd, pre-treeshake): ESM: 12.70 KB +Package sizes (brotli'd, pre-treeshake): ESM: 12.75 KB ## Dependencies @@ -255,7 +255,7 @@ A selection: | | k-means clustering visualization | [Demo](https://demo.thi.ng/umbrella/kmeans-viz/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/kmeans-viz) | | | 2D Poisson-disc sampler with procedural gradient map | [Demo](https://demo.thi.ng/umbrella/poisson-circles/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/poisson-circles) | | | Polygon to cubic curve conversion & visualization | [Demo](https://demo.thi.ng/umbrella/poly-spline/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/poly-spline) | -| | Minimal rdom-canvas animation | [Demo](https://demo.thi.ng/umbrella/rdom-canvas-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-canvas-basics) | +| | Minimal rdom-canvas animation | [Demo](https://demo.thi.ng/umbrella/rdom-canvas-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-canvas-basics) | | | Animated Voronoi diagram, cubic splines & SVG download | [Demo](https://demo.thi.ng/umbrella/rotating-voronoi/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rotating-voronoi) | | | 2D scenegraph & shape picking | [Demo](https://demo.thi.ng/umbrella/scenegraph/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/scenegraph) | | | 2D scenegraph & image map based geometry manipulation | [Demo](https://demo.thi.ng/umbrella/scenegraph-image/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/scenegraph-image) | diff --git a/packages/hdiff/README.md b/packages/hdiff/README.md index 7b03e5c859..056a222ed5 100644 --- a/packages/hdiff/README.md +++ b/packages/hdiff/README.md @@ -56,7 +56,7 @@ For Node.js REPL: const hdiff = await import("@thi.ng/hdiff"); ``` -Package sizes (brotli'd, pre-treeshake): ESM: 1.38 KB +Package sizes (brotli'd, pre-treeshake): ESM: 1.39 KB ### CLI installation & usage diff --git a/packages/hiccup/README.md b/packages/hiccup/README.md index 04212aa4ce..bff52dbc73 100644 --- a/packages/hiccup/README.md +++ b/packages/hiccup/README.md @@ -169,7 +169,7 @@ For Node.js REPL: const hiccup = await import("@thi.ng/hiccup"); ``` -Package sizes (brotli'd, pre-treeshake): ESM: 2.04 KB +Package sizes (brotli'd, pre-treeshake): ESM: 2.09 KB ## Dependencies diff --git a/packages/prefixes/README.md b/packages/prefixes/README.md index 3b6d50b1e7..32780be134 100644 --- a/packages/prefixes/README.md +++ b/packages/prefixes/README.md @@ -58,7 +58,7 @@ For Node.js REPL: const prefixes = await import("@thi.ng/prefixes"); ``` -Package sizes (brotli'd, pre-treeshake): ESM: 1.03 KB +Package sizes (brotli'd, pre-treeshake): ESM: 1.08 KB ## Dependencies diff --git a/packages/rdom-canvas/README.md b/packages/rdom-canvas/README.md index 2490fac7c7..2b4b4fe052 100644 --- a/packages/rdom-canvas/README.md +++ b/packages/rdom-canvas/README.md @@ -142,7 +142,7 @@ A selection: | Screenshot | Description | Live demo | Source | |:--------------------------------------------------------------------------------------------------------------------------|:--------------------------------------------------------|:---------------------------------------------------------|:--------------------------------------------------------------------------------------| | | 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) | -| | Minimal rdom-canvas animation | [Demo](https://demo.thi.ng/umbrella/rdom-canvas-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-canvas-basics) | +| | Minimal rdom-canvas animation | [Demo](https://demo.thi.ng/umbrella/rdom-canvas-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-canvas-basics) | | | 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) | | | Multi-layer vectorization & dithering of bitmap images | [Demo](https://demo.thi.ng/umbrella/trace-bitmap/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/trace-bitmap) | diff --git a/packages/rstream/README.md b/packages/rstream/README.md index 60075e6067..7052e68c0c 100644 --- a/packages/rstream/README.md +++ b/packages/rstream/README.md @@ -239,7 +239,7 @@ A selection: | | Parser grammar livecoding editor/playground & codegen | [Demo](https://demo.thi.ng/umbrella/parse-playground/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/parse-playground) | | | Interactive pixel sorting tool using thi.ng/color & thi.ng/pixel | [Demo](https://demo.thi.ng/umbrella/pixel-sorting/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-sorting) | | | Demonstates various rdom usage patterns | [Demo](https://demo.thi.ng/umbrella/rdom-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-basics) | -| | Minimal rdom-canvas animation | [Demo](https://demo.thi.ng/umbrella/rdom-canvas-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-canvas-basics) | +| | Minimal rdom-canvas animation | [Demo](https://demo.thi.ng/umbrella/rdom-canvas-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-canvas-basics) | | | Dynamically loaded images w/ preloader state | [Demo](https://demo.thi.ng/umbrella/rdom-delayed-update/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-delayed-update) | | | rstream & transducer-based FSM for converting key event sequences into high-level commands | [Demo](https://demo.thi.ng/umbrella/rdom-key-sequences/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-key-sequences) | | | 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) | diff --git a/packages/transducers/README.md b/packages/transducers/README.md index d8ec603d4e..fe5ec5f01b 100644 --- a/packages/transducers/README.md +++ b/packages/transducers/README.md @@ -225,7 +225,7 @@ A selection: | | Polygon to cubic curve conversion & visualization | [Demo](https://demo.thi.ng/umbrella/poly-spline/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/poly-spline) | | | Unison wavetable synth with waveform editor | [Demo](https://demo.thi.ng/umbrella/ramp-synth/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/ramp-synth) | | | Demonstates various rdom usage patterns | [Demo](https://demo.thi.ng/umbrella/rdom-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-basics) | -| | Minimal rdom-canvas animation | [Demo](https://demo.thi.ng/umbrella/rdom-canvas-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-canvas-basics) | +| | Minimal rdom-canvas animation | [Demo](https://demo.thi.ng/umbrella/rdom-canvas-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-canvas-basics) | | | rstream & transducer-based FSM for converting key event sequences into high-level commands | [Demo](https://demo.thi.ng/umbrella/rdom-key-sequences/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-key-sequences) | | | 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) | | | 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) | diff --git a/packages/vectors/README.md b/packages/vectors/README.md index f55d3b0ecd..1490f92487 100644 --- a/packages/vectors/README.md +++ b/packages/vectors/README.md @@ -216,6 +216,7 @@ A selection: | | CLI util to visualize umbrella pkg stats | | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/package-stats) | | | Unison wavetable synth with waveform editor | [Demo](https://demo.thi.ng/umbrella/ramp-synth/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/ramp-synth) | | | Steering behavior drawing with alpha-blended shapes | [Demo](https://demo.thi.ng/umbrella/rasterize-blend/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rasterize-blend) | +| | Minimal rdom-canvas animation | [Demo](https://demo.thi.ng/umbrella/rdom-canvas-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-canvas-basics) | | | Animated Voronoi diagram, cubic splines & SVG download | [Demo](https://demo.thi.ng/umbrella/rotating-voronoi/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rotating-voronoi) | | | 2D scenegraph & shape picking | [Demo](https://demo.thi.ng/umbrella/scenegraph/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/scenegraph) | | | 2D scenegraph & image map based geometry manipulation | [Demo](https://demo.thi.ng/umbrella/scenegraph-image/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/scenegraph-image) | diff --git a/packages/viz/README.md b/packages/viz/README.md index d4c558ebb6..150e987463 100644 --- a/packages/viz/README.md +++ b/packages/viz/README.md @@ -86,7 +86,7 @@ For Node.js REPL: const viz = await import("@thi.ng/viz"); ``` -Package sizes (brotli'd, pre-treeshake): ESM: 2.58 KB +Package sizes (brotli'd, pre-treeshake): ESM: 2.60 KB ## Dependencies