From 009230e6b7884456be2b3f7b3b8c70c5f0b76688 Mon Sep 17 00:00:00 2001 From: Karsten Schmidt Date: Fri, 8 Oct 2021 13:51:04 +0200 Subject: [PATCH] docs: update/regen readmes --- packages/adjacency/README.md | 2 +- packages/api/README.md | 2 +- packages/args/README.md | 2 +- packages/arrays/README.md | 2 +- packages/associative/README.md | 15 ++++++- packages/atom/README.md | 7 +++- packages/base-n/README.md | 2 +- packages/bench/README.md | 12 ++++-- packages/bencode/README.md | 2 +- packages/bitfield/README.md | 2 +- packages/bitstream/README.md | 2 +- packages/cache/README.md | 2 +- packages/color/README.md | 21 +++++----- packages/colored-noise/README.md | 2 +- packages/compare/README.md | 9 ++-- packages/compose/README.md | 2 +- packages/csp/README.md | 2 +- packages/csv/README.md | 2 +- packages/date/README.md | 15 ++++++- packages/dcons/README.md | 2 +- packages/defmulti/README.md | 2 +- packages/dgraph/README.md | 2 +- packages/distance/README.md | 2 +- packages/dl-asset/README.md | 4 +- packages/dot/README.md | 2 +- packages/dsp-io-wav/README.md | 2 +- packages/dsp/README.md | 13 +++--- packages/dynvar/README.md | 2 +- packages/ecs/README.md | 2 +- packages/egf/README.md | 2 +- packages/errors/README.md | 2 +- packages/expose/README.md | 18 ++++++++ packages/fsm/README.md | 2 +- packages/fuzzy-viz/README.md | 2 +- packages/fuzzy/README.md | 2 +- packages/geom-accel/README.md | 2 +- packages/geom-arc/README.md | 2 +- packages/geom-clip-line/README.md | 2 +- packages/geom-clip-poly/README.md | 2 +- packages/geom-closest-point/README.md | 2 +- packages/geom-fuzz/README.md | 2 +- packages/geom-hull/README.md | 2 +- packages/geom-isec/README.md | 2 +- packages/geom-isoline/README.md | 2 +- packages/geom-poly-utils/README.md | 2 +- packages/geom-resample/README.md | 2 +- packages/geom-splines/README.md | 2 +- packages/geom-subdiv-curve/README.md | 2 +- packages/geom-tessellate/README.md | 2 +- packages/geom-voronoi/README.md | 2 +- packages/geom/README.md | 1 + packages/gp/README.md | 2 +- packages/grid-iterators/README.md | 2 +- packages/hdom-canvas/README.md | 4 +- packages/hdom-components/README.md | 6 ++- packages/hdom-mock/README.md | 2 +- packages/hdom/README.md | 10 ++++- packages/heaps/README.md | 2 +- packages/hiccup-canvas/README.md | 2 +- packages/hiccup-carbon-icons/README.md | 2 +- packages/hiccup-css/README.md | 2 +- packages/hiccup-html/README.md | 16 ++++--- packages/hiccup-markdown/README.md | 2 +- packages/hiccup-svg/README.md | 4 +- packages/hiccup/README.md | 2 +- packages/idgen/README.md | 2 +- packages/iges/README.md | 2 +- packages/imgui/README.md | 2 +- packages/interceptors/README.md | 3 +- packages/intervals/README.md | 2 +- packages/iterators/README.md | 2 +- packages/k-means/README.md | 2 +- packages/ksuid/README.md | 2 +- packages/layout/README.md | 2 +- packages/logger/README.md | 2 + packages/lowdisc/README.md | 2 +- packages/lsys/README.md | 2 +- packages/malloc/README.md | 2 +- packages/markdown-table/README.md | 2 +- packages/matrices/README.md | 25 +++++------ packages/memoize/README.md | 1 + packages/morton/README.md | 2 +- packages/oquery/README.md | 2 +- packages/parse/README.md | 2 +- packages/paths/README.md | 4 +- packages/pixel-dither/README.md | 2 + packages/pixel-io-netpbm/README.md | 2 +- packages/pixel/README.md | 6 ++- packages/pointfree-lang/README.md | 2 +- packages/pointfree/README.md | 2 +- packages/poisson/README.md | 2 +- packages/porter-duff/README.md | 2 +- packages/quad-edge/README.md | 2 +- packages/ramp/README.md | 2 +- packages/random/README.md | 15 +++---- packages/range-coder/README.md | 2 +- packages/rdom-canvas/README.md | 2 +- packages/rdom-components/README.md | 11 ++--- packages/rdom/README.md | 2 +- packages/resolve-map/README.md | 2 +- packages/rle-pack/README.md | 2 +- packages/router/README.md | 2 +- packages/rstream-csp/README.md | 2 +- packages/rstream-dot/README.md | 15 ++++++- packages/rstream-gestures/README.md | 4 +- packages/rstream-graph/README.md | 2 +- packages/rstream-log/README.md | 2 +- packages/rstream-query/README.md | 2 +- packages/rstream/README.md | 58 +++++++++++++++----------- packages/sax/README.md | 2 +- packages/scenegraph/README.md | 2 +- packages/seq/README.md | 2 +- packages/sexpr/README.md | 2 +- packages/shader-ast-glsl/README.md | 2 +- packages/shader-ast-js/README.md | 2 +- packages/shader-ast-stdlib/README.md | 2 +- packages/shader-ast/README.md | 2 +- packages/simd/README.md | 2 +- packages/soa/README.md | 2 +- packages/sparse/README.md | 2 +- packages/strings/README.md | 2 +- packages/system/README.md | 2 +- packages/testament/README.md | 2 +- packages/text-canvas/README.md | 2 +- packages/text-format/README.md | 3 ++ packages/transducers-binary/README.md | 13 +++--- packages/transducers-fsm/README.md | 2 +- packages/transducers-hdom/README.md | 7 +++- packages/transducers-patch/README.md | 2 +- packages/transducers-stats/README.md | 2 +- packages/transducers/README.md | 16 ++++++- packages/vclock/README.md | 2 +- packages/vector-pools/README.md | 2 +- packages/vectors/README.md | 5 ++- packages/viz/README.md | 2 +- packages/webgl-msdf/README.md | 2 +- packages/webgl-shadertoy/README.md | 2 +- packages/webgl/README.md | 2 +- 138 files changed, 350 insertions(+), 207 deletions(-) diff --git a/packages/adjacency/README.md b/packages/adjacency/README.md index 7b379db0c2..7f67385b51 100644 --- a/packages/adjacency/README.md +++ b/packages/adjacency/README.md @@ -55,7 +55,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const adjacency = await import("@thi.ng/adjacency"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.31 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.38 KB ## Dependencies diff --git a/packages/api/README.md b/packages/api/README.md index 570c76f39b..4bb8cc975b 100644 --- a/packages/api/README.md +++ b/packages/api/README.md @@ -59,7 +59,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const api = await import("@thi.ng/api"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.18 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.73 KB ## Dependencies diff --git a/packages/args/README.md b/packages/args/README.md index a81192a1ff..4b6ef83284 100644 --- a/packages/args/README.md +++ b/packages/args/README.md @@ -70,7 +70,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const args = await import("@thi.ng/args"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.40 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.45 KB ## Dependencies diff --git a/packages/arrays/README.md b/packages/arrays/README.md index cb1a8e4f5a..c7c2080e59 100644 --- a/packages/arrays/README.md +++ b/packages/arrays/README.md @@ -50,7 +50,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const arrays = await import("@thi.ng/arrays"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.08 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.12 KB ## Dependencies diff --git a/packages/associative/README.md b/packages/associative/README.md index 09dd6002ae..857a7d9072 100644 --- a/packages/associative/README.md +++ b/packages/associative/README.md @@ -15,6 +15,7 @@ This project is part of the - [Status](#status) - [Installation](#installation) - [Dependencies](#dependencies) +- [Usage examples](#usage-examples) - [API](#api) - [IEquivSet](#iequivset) - [ArraySet](#arrayset) @@ -184,7 +185,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const associative = await import("@thi.ng/associative"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 6.30 KB +Package sizes (gzipped, pre-treeshake): ESM: 6.45 KB ## Dependencies @@ -199,6 +200,18 @@ Package sizes (gzipped, pre-treeshake): ESM: 6.30 KB - [@thi.ng/transducers](https://github.com/thi-ng/umbrella/tree/develop/packages/transducers) - [tslib](https://github.com/thi-ng/umbrella/tree/develop/packages/undefined) +## 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 | +|:----------------------------------------------------------------------------------------------------------------------|:--------------------------------------------------|:----------|:----------------------------------------------------------------------------------| +| | Heatmap visualization of this mono-repo's commits | | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/commit-heatmap) | + ## API [Generated API docs](https://docs.thi.ng/umbrella/associative/) diff --git a/packages/atom/README.md b/packages/atom/README.md index 980c85dac2..6318ceb895 100644 --- a/packages/atom/README.md +++ b/packages/atom/README.md @@ -124,7 +124,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const atom = await import("@thi.ng/atom"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.83 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.93 KB ## Dependencies @@ -145,7 +145,12 @@ A selection: | Screenshot | Description | Live demo | Source | |:---------------------------------------------------------------------------------------------------------------------------|:-----------------------------------------------------------------------|:----------------------------------------------------------|:---------------------------------------------------------------------------------------| | | BMI calculator in a devcards format | [Demo](https://demo.thi.ng/umbrella/devcards/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/devcards) | +| | 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) | +| | Custom dropdown UI component for hdom | [Demo](https://demo.thi.ng/umbrella/hdom-dropdown/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-dropdown) | | | Custom dropdown UI component w/ fuzzy search | [Demo](https://demo.thi.ng/umbrella/hdom-dropdown-fuzzy/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-dropdown-fuzzy) | +| | Using custom hdom context for dynamic UI theming | [Demo](https://demo.thi.ng/umbrella/hdom-dyn-context/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-dyn-context) | +| | Hiccup / hdom DOM hydration example | [Demo](https://demo.thi.ng/umbrella/hydrate-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hydrate-basics) | +| | Canvas based Immediate Mode GUI components | [Demo](https://demo.thi.ng/umbrella/imgui/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/imgui) | | | Basic SPA example with atom-based UI router | [Demo](https://demo.thi.ng/umbrella/login-form/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/login-form) | | | 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) | | | 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) | diff --git a/packages/base-n/README.md b/packages/base-n/README.md index 34709dc090..1b96f08220 100644 --- a/packages/base-n/README.md +++ b/packages/base-n/README.md @@ -49,7 +49,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const baseN = await import("@thi.ng/base-n"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 817 bytes +Package sizes (gzipped, pre-treeshake): ESM: 823 bytes ## Dependencies diff --git a/packages/bench/README.md b/packages/bench/README.md index 0cafde5aeb..840aaffbfa 100644 --- a/packages/bench/README.md +++ b/packages/bench/README.md @@ -81,9 +81,15 @@ directory are using this package. A selection: -| Screenshot | Description | Live demo | Source | -|:--------------------------------------------------------------------------------------------------------------------------|:-----------------------------------------|:---------------------------------------------------------|:--------------------------------------------------------------------------------------| -| | Fork-join worker-based raymarch renderer | [Demo](https://demo.thi.ng/umbrella/shader-ast-workers/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-ast-workers) | +| Screenshot | Description | Live demo | Source | +|:--------------------------------------------------------------------------------------------------------------------------|:---------------------------------------------------------------------------------|:---------------------------------------------------------|:--------------------------------------------------------------------------------------| +| | Doodle w/ K-nearest neighbor search result visualization | [Demo](https://demo.thi.ng/umbrella/geom-knn/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-knn) | +| | Poisson-disk shape-aware sampling, Voronoi & Minimum Spanning Tree visualization | [Demo](https://demo.thi.ng/umbrella/geom-voronoi-mst/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-voronoi-mst) | +| | Minimal Markdown to Hiccup to HTML parser / transformer | [Demo](https://demo.thi.ng/umbrella/markdown/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/markdown) | +| | 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) | +| | 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) | +| | Fork-join worker-based raymarch renderer | [Demo](https://demo.thi.ng/umbrella/shader-ast-workers/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-ast-workers) | ## API diff --git a/packages/bencode/README.md b/packages/bencode/README.md index 1dce9ffae2..e8611124d9 100644 --- a/packages/bencode/README.md +++ b/packages/bencode/README.md @@ -76,7 +76,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const bencode = await import("@thi.ng/bencode"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.17 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.23 KB ## Dependencies diff --git a/packages/bitfield/README.md b/packages/bitfield/README.md index b94c202cb1..27c41af0cb 100644 --- a/packages/bitfield/README.md +++ b/packages/bitfield/README.md @@ -57,7 +57,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const bitfield = await import("@thi.ng/bitfield"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.14 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.18 KB ## Dependencies diff --git a/packages/bitstream/README.md b/packages/bitstream/README.md index 95068eb59f..d47f765ffe 100644 --- a/packages/bitstream/README.md +++ b/packages/bitstream/README.md @@ -57,7 +57,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const bitstream = await import("@thi.ng/bitstream"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.09 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.13 KB ## Dependencies diff --git a/packages/cache/README.md b/packages/cache/README.md index 4243c0fe09..123263a7d2 100644 --- a/packages/cache/README.md +++ b/packages/cache/README.md @@ -76,7 +76,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const cache = await import("@thi.ng/cache"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.03 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.04 KB ## Dependencies diff --git a/packages/color/README.md b/packages/color/README.md index e731cffec8..5b08a42603 100644 --- a/packages/color/README.md +++ b/packages/color/README.md @@ -600,7 +600,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const color = await import("@thi.ng/color"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 13.74 KB +Package sizes (gzipped, pre-treeshake): ESM: 14.08 KB ## Dependencies @@ -626,15 +626,16 @@ directory are using this package. A selection: -| Screenshot | Description | Live demo | Source | -|:--------------------------------------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------|:---------------------------------------------------------|:--------------------------------------------------------------------------------------| -| | Probabilistic color theme generator | [Demo](https://demo.thi.ng/umbrella/color-themes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes) | -| | Heatmap visualization of this mono-repo's commits | | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/commit-heatmap) | -| | 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) | -| | Visualization of different grid iterator strategies | [Demo](https://demo.thi.ng/umbrella/grid-iterators/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/grid-iterators) | -| | Image dithering and remapping using indexed palettes | [Demo](https://demo.thi.ng/umbrella/pixel-indexed/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-indexed) | -| | 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) | -| | Fork-join worker-based raymarch renderer | [Demo](https://demo.thi.ng/umbrella/shader-ast-workers/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-ast-workers) | +| Screenshot | Description | Live demo | Source | +|:-------------------------------------------------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------|:---------------------------------------------------------|:--------------------------------------------------------------------------------------| +| | Probabilistic color theme generator | [Demo](https://demo.thi.ng/umbrella/color-themes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes) | +| | Heatmap visualization of this mono-repo's commits | | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/commit-heatmap) | +| | 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) | +| | Visualization of different grid iterator strategies | [Demo](https://demo.thi.ng/umbrella/grid-iterators/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/grid-iterators) | +| | Various hdom-canvas shape drawing examples & SVG conversion / export | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-shapes) | +| | Image dithering and remapping using indexed palettes | [Demo](https://demo.thi.ng/umbrella/pixel-indexed/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-indexed) | +| | 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) | +| | Fork-join worker-based raymarch renderer | [Demo](https://demo.thi.ng/umbrella/shader-ast-workers/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-ast-workers) | ## API diff --git a/packages/colored-noise/README.md b/packages/colored-noise/README.md index d5e72c7c1f..0764730f61 100644 --- a/packages/colored-noise/README.md +++ b/packages/colored-noise/README.md @@ -373,7 +373,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const coloredNoise = await import("@thi.ng/colored-noise"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 496 bytes +Package sizes (gzipped, pre-treeshake): ESM: 506 bytes ## Dependencies diff --git a/packages/compare/README.md b/packages/compare/README.md index 450bf78382..a63e2867c1 100644 --- a/packages/compare/README.md +++ b/packages/compare/README.md @@ -73,10 +73,11 @@ directory are using this package. A selection: -| Screenshot | Description | Live demo | Source | -|:--------------------------------------------------------------------------------------------------------------------|:----------------------------------------------------------|:-------------------------------------------------------|:------------------------------------------------------------------------------------| -| | 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) | -| | Triple store query results & sortable table | [Demo](https://demo.thi.ng/umbrella/triple-query/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/triple-query) | +| Screenshot | Description | Live demo | Source | +|:-----------------------------------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------|:-------------------------------------------------------|:------------------------------------------------------------------------------------| +| | 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) | +| | 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) | +| | Triple store query results & sortable table | [Demo](https://demo.thi.ng/umbrella/triple-query/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/triple-query) | ## API diff --git a/packages/compose/README.md b/packages/compose/README.md index d560e4e84a..3d2e2b29c6 100644 --- a/packages/compose/README.md +++ b/packages/compose/README.md @@ -49,7 +49,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const compose = await import("@thi.ng/compose"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 815 bytes +Package sizes (gzipped, pre-treeshake): ESM: 836 bytes ## Dependencies diff --git a/packages/csp/README.md b/packages/csp/README.md index 40024d730c..ad7a5b0adf 100644 --- a/packages/csp/README.md +++ b/packages/csp/README.md @@ -77,7 +77,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const csp = await import("@thi.ng/csp"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.61 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.69 KB ## Dependencies diff --git a/packages/csv/README.md b/packages/csv/README.md index e7469a4e7f..3d24179e92 100644 --- a/packages/csv/README.md +++ b/packages/csv/README.md @@ -77,7 +77,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const csv = await import("@thi.ng/csv"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.07 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.44 KB ## Dependencies diff --git a/packages/date/README.md b/packages/date/README.md index 58ce438641..357c03ef48 100644 --- a/packages/date/README.md +++ b/packages/date/README.md @@ -13,6 +13,7 @@ This project is part of the - [Status](#status) - [Installation](#installation) - [Dependencies](#dependencies) +- [Usage examples](#usage-examples) - [API](#api) - [DateTime](#datetime) - [Math & comparison](#math--comparison) @@ -58,7 +59,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const date = await import("@thi.ng/date"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 5.55 KB +Package sizes (gzipped, pre-treeshake): ESM: 5.58 KB ## Dependencies @@ -66,6 +67,18 @@ Package sizes (gzipped, pre-treeshake): ESM: 5.55 KB - [@thi.ng/checks](https://github.com/thi-ng/umbrella/tree/develop/packages/checks) - [@thi.ng/strings](https://github.com/thi-ng/umbrella/tree/develop/packages/strings) +## 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 | +|:----------------------------------------------------------------------------------------------------------------------|:--------------------------------------------------|:----------|:----------------------------------------------------------------------------------| +| | Heatmap visualization of this mono-repo's commits | | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/commit-heatmap) | + ## API [Generated API docs](https://docs.thi.ng/umbrella/date/) diff --git a/packages/dcons/README.md b/packages/dcons/README.md index 6d3c6eb1c9..f9ce6c017a 100644 --- a/packages/dcons/README.md +++ b/packages/dcons/README.md @@ -93,7 +93,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const dcons = await import("@thi.ng/dcons"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.11 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.15 KB ## Dependencies diff --git a/packages/defmulti/README.md b/packages/defmulti/README.md index ddf45022c4..d9c92a05c6 100644 --- a/packages/defmulti/README.md +++ b/packages/defmulti/README.md @@ -62,7 +62,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const defmulti = await import("@thi.ng/defmulti"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 861 bytes +Package sizes (gzipped, pre-treeshake): ESM: 876 bytes ## Dependencies diff --git a/packages/dgraph/README.md b/packages/dgraph/README.md index 6427559aa4..b1ed1dcec4 100644 --- a/packages/dgraph/README.md +++ b/packages/dgraph/README.md @@ -72,7 +72,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const dgraph = await import("@thi.ng/dgraph"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 804 bytes +Package sizes (gzipped, pre-treeshake): ESM: 848 bytes ## Dependencies diff --git a/packages/distance/README.md b/packages/distance/README.md index 905ec7fd06..03e8e37b83 100644 --- a/packages/distance/README.md +++ b/packages/distance/README.md @@ -118,7 +118,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const distance = await import("@thi.ng/distance"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.06 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.16 KB ## Dependencies diff --git a/packages/dl-asset/README.md b/packages/dl-asset/README.md index 837833096e..9d256e2dfe 100644 --- a/packages/dl-asset/README.md +++ b/packages/dl-asset/README.md @@ -55,7 +55,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const dlAsset = await import("@thi.ng/dl-asset"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 428 bytes +Package sizes (gzipped, pre-treeshake): ESM: 427 bytes ## Dependencies @@ -73,8 +73,10 @@ A selection: | Screenshot | Description | Live demo | Source | |:-------------------------------------------------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------|:---------------------------------------------------------|:--------------------------------------------------------------------------------------| +| | Probabilistic color theme generator | [Demo](https://demo.thi.ng/umbrella/color-themes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes) | | | 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) | | | Various hdom-canvas shape drawing examples & SVG conversion / export | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-shapes) | +| | Worker based, interactive Mandelbrot visualization | [Demo](https://demo.thi.ng/umbrella/mandelbrot/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/mandelbrot) | | | 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) | | | 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) | | | Interactive grid generator, SVG generation & export, undo/redo support | [Demo](https://demo.thi.ng/umbrella/rstream-grid/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-grid) | diff --git a/packages/dot/README.md b/packages/dot/README.md index fd508f272c..7a988c95c7 100644 --- a/packages/dot/README.md +++ b/packages/dot/README.md @@ -67,7 +67,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const dot = await import("@thi.ng/dot"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 768 bytes +Package sizes (gzipped, pre-treeshake): ESM: 773 bytes ## Dependencies diff --git a/packages/dsp-io-wav/README.md b/packages/dsp-io-wav/README.md index 6b3d01af26..703151c04b 100644 --- a/packages/dsp-io-wav/README.md +++ b/packages/dsp-io-wav/README.md @@ -49,7 +49,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const dspIoWav = await import("@thi.ng/dsp-io-wav"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 502 bytes +Package sizes (gzipped, pre-treeshake): ESM: 539 bytes ## Dependencies diff --git a/packages/dsp/README.md b/packages/dsp/README.md index 603b8372ca..d7ea259d17 100644 --- a/packages/dsp/README.md +++ b/packages/dsp/README.md @@ -85,7 +85,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const dsp = await import("@thi.ng/dsp"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 6.99 KB +Package sizes (gzipped, pre-treeshake): ESM: 7.41 KB ## Dependencies @@ -104,11 +104,12 @@ 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) | -| | 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) | -| | 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) | +| | 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) | +| | 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/dynvar/README.md b/packages/dynvar/README.md index c6393aa80b..d411a04fa3 100644 --- a/packages/dynvar/README.md +++ b/packages/dynvar/README.md @@ -54,7 +54,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const dynvar = await import("@thi.ng/dynvar"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 300 bytes +Package sizes (gzipped, pre-treeshake): ESM: 304 bytes ## Dependencies diff --git a/packages/ecs/README.md b/packages/ecs/README.md index 8d26e25671..a5d6a37886 100644 --- a/packages/ecs/README.md +++ b/packages/ecs/README.md @@ -60,7 +60,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const ecs = await import("@thi.ng/ecs"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.98 KB +Package sizes (gzipped, pre-treeshake): ESM: 3.12 KB ## Dependencies diff --git a/packages/egf/README.md b/packages/egf/README.md index b2016c5065..f6ba5c4289 100644 --- a/packages/egf/README.md +++ b/packages/egf/README.md @@ -121,7 +121,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const egf = await import("@thi.ng/egf"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.77 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.83 KB ## Dependencies diff --git a/packages/errors/README.md b/packages/errors/README.md index 543a285ab0..c692dd7c1f 100644 --- a/packages/errors/README.md +++ b/packages/errors/README.md @@ -62,7 +62,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const errors = await import("@thi.ng/errors"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 356 bytes +Package sizes (gzipped, pre-treeshake): ESM: 538 bytes ## Dependencies diff --git a/packages/expose/README.md b/packages/expose/README.md index 96991a5a0a..95e511914e 100644 --- a/packages/expose/README.md +++ b/packages/expose/README.md @@ -13,6 +13,7 @@ This project is part of the - [Status](#status) - [Installation](#installation) - [Dependencies](#dependencies) +- [Usage examples](#usage-examples) - [API](#api) - [Authors](#authors) - [License](#license) @@ -58,10 +59,27 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const expose = await import("@thi.ng/expose"); ``` +Package sizes (gzipped, pre-treeshake): ESM: 243 bytes + ## Dependencies None +## 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 | +|:---------------------------------------------------------------------------------------------------------------------------|:-----------------------------------------------------------------------|:----------------------------------------------------------|:---------------------------------------------------------------------------------------| +| | Interactive grid generator, SVG generation & export, undo/redo support | [Demo](https://demo.thi.ng/umbrella/rstream-grid/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-grid) | +| | rstream based spreadsheet w/ S-expression formula DSL | [Demo](https://demo.thi.ng/umbrella/rstream-spreadsheet/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-spreadsheet) | +| | Minimal shader graph developed during livestream #2 | [Demo](https://demo.thi.ng/umbrella/shader-graph/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-graph) | +| | Triple store query results & sortable table | [Demo](https://demo.thi.ng/umbrella/triple-query/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/triple-query) | + ## API [Generated API docs](https://docs.thi.ng/umbrella/expose/) diff --git a/packages/fsm/README.md b/packages/fsm/README.md index e3635b2471..4ce82a1e01 100644 --- a/packages/fsm/README.md +++ b/packages/fsm/README.md @@ -67,7 +67,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const fsm = await import("@thi.ng/fsm"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.38 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.40 KB ## Dependencies diff --git a/packages/fuzzy-viz/README.md b/packages/fuzzy-viz/README.md index 55fef55761..f51974ad40 100644 --- a/packages/fuzzy-viz/README.md +++ b/packages/fuzzy-viz/README.md @@ -51,7 +51,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const fuzzyViz = await import("@thi.ng/fuzzy-viz"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.04 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.06 KB ## Dependencies diff --git a/packages/fuzzy/README.md b/packages/fuzzy/README.md index a4e77952fd..2f19a0d589 100644 --- a/packages/fuzzy/README.md +++ b/packages/fuzzy/README.md @@ -88,7 +88,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const fuzzy = await import("@thi.ng/fuzzy"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.64 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.66 KB ## Dependencies diff --git a/packages/geom-accel/README.md b/packages/geom-accel/README.md index 531a37e4a4..e037ce5712 100644 --- a/packages/geom-accel/README.md +++ b/packages/geom-accel/README.md @@ -62,7 +62,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const geomAccel = await import("@thi.ng/geom-accel"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 3.78 KB +Package sizes (gzipped, pre-treeshake): ESM: 3.96 KB ## Dependencies diff --git a/packages/geom-arc/README.md b/packages/geom-arc/README.md index 344c3e7aac..91c285175a 100644 --- a/packages/geom-arc/README.md +++ b/packages/geom-arc/README.md @@ -49,7 +49,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const geomArc = await import("@thi.ng/geom-arc"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.15 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.28 KB ## Dependencies diff --git a/packages/geom-clip-line/README.md b/packages/geom-clip-line/README.md index 3b4a7e0d43..cd9447104c 100644 --- a/packages/geom-clip-line/README.md +++ b/packages/geom-clip-line/README.md @@ -60,7 +60,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const geomClipLine = await import("@thi.ng/geom-clip-line"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 530 bytes +Package sizes (gzipped, pre-treeshake): ESM: 549 bytes ## Dependencies diff --git a/packages/geom-clip-poly/README.md b/packages/geom-clip-poly/README.md index f6e4c8a3fa..d1564088fd 100644 --- a/packages/geom-clip-poly/README.md +++ b/packages/geom-clip-poly/README.md @@ -60,7 +60,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const geomClipPoly = await import("@thi.ng/geom-clip-poly"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 317 bytes +Package sizes (gzipped, pre-treeshake): ESM: 337 bytes ## Dependencies diff --git a/packages/geom-closest-point/README.md b/packages/geom-closest-point/README.md index b938d7c2a8..b1d4319e32 100644 --- a/packages/geom-closest-point/README.md +++ b/packages/geom-closest-point/README.md @@ -60,7 +60,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const geomClosestPoint = await import("@thi.ng/geom-closest-point"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.01 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.07 KB ## Dependencies diff --git a/packages/geom-fuzz/README.md b/packages/geom-fuzz/README.md index 192d334058..baa28763f6 100644 --- a/packages/geom-fuzz/README.md +++ b/packages/geom-fuzz/README.md @@ -58,7 +58,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const geomFuzz = await import("@thi.ng/geom-fuzz"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.02 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.12 KB ## Dependencies diff --git a/packages/geom-hull/README.md b/packages/geom-hull/README.md index 0fecfb2529..105db156c6 100644 --- a/packages/geom-hull/README.md +++ b/packages/geom-hull/README.md @@ -53,7 +53,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const geomHull = await import("@thi.ng/geom-hull"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 433 bytes +Package sizes (gzipped, pre-treeshake): ESM: 435 bytes ## Dependencies diff --git a/packages/geom-isec/README.md b/packages/geom-isec/README.md index 4dfdeb8d78..eb69256187 100644 --- a/packages/geom-isec/README.md +++ b/packages/geom-isec/README.md @@ -72,7 +72,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const geomIsec = await import("@thi.ng/geom-isec"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.71 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.81 KB ## Dependencies diff --git a/packages/geom-isoline/README.md b/packages/geom-isoline/README.md index 0a418c6dba..8861b45560 100644 --- a/packages/geom-isoline/README.md +++ b/packages/geom-isoline/README.md @@ -53,7 +53,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const geomIsoline = await import("@thi.ng/geom-isoline"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 810 bytes +Package sizes (gzipped, pre-treeshake): ESM: 812 bytes ## Dependencies diff --git a/packages/geom-poly-utils/README.md b/packages/geom-poly-utils/README.md index 252172c8de..5821b6c46f 100644 --- a/packages/geom-poly-utils/README.md +++ b/packages/geom-poly-utils/README.md @@ -63,7 +63,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const geomPolyUtils = await import("@thi.ng/geom-poly-utils"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.44 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.57 KB ## Dependencies diff --git a/packages/geom-resample/README.md b/packages/geom-resample/README.md index 39f7ef01fe..f509241ecb 100644 --- a/packages/geom-resample/README.md +++ b/packages/geom-resample/README.md @@ -57,7 +57,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const geomResample = await import("@thi.ng/geom-resample"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.19 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.25 KB ## Dependencies diff --git a/packages/geom-splines/README.md b/packages/geom-splines/README.md index d0a525d886..e87856ce9e 100644 --- a/packages/geom-splines/README.md +++ b/packages/geom-splines/README.md @@ -62,7 +62,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const geomSplines = await import("@thi.ng/geom-splines"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.18 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.32 KB ## Dependencies diff --git a/packages/geom-subdiv-curve/README.md b/packages/geom-subdiv-curve/README.md index a515c3e057..28cab765bf 100644 --- a/packages/geom-subdiv-curve/README.md +++ b/packages/geom-subdiv-curve/README.md @@ -71,7 +71,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const geomSubdivCurve = await import("@thi.ng/geom-subdiv-curve"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 658 bytes +Package sizes (gzipped, pre-treeshake): ESM: 704 bytes ## Dependencies diff --git a/packages/geom-tessellate/README.md b/packages/geom-tessellate/README.md index 84bf7fb4c2..b069836fd2 100644 --- a/packages/geom-tessellate/README.md +++ b/packages/geom-tessellate/README.md @@ -61,7 +61,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const geomTessellate = await import("@thi.ng/geom-tessellate"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 788 bytes +Package sizes (gzipped, pre-treeshake): ESM: 875 bytes ## Dependencies diff --git a/packages/geom-voronoi/README.md b/packages/geom-voronoi/README.md index 910fa69365..b655d79d08 100644 --- a/packages/geom-voronoi/README.md +++ b/packages/geom-voronoi/README.md @@ -68,7 +68,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const geomVoronoi = await import("@thi.ng/geom-voronoi"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.30 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.35 KB ## Dependencies diff --git a/packages/geom/README.md b/packages/geom/README.md index 90c5533fba..cec36d10f4 100644 --- a/packages/geom/README.md +++ b/packages/geom/README.md @@ -133,6 +133,7 @@ A selection: | | Animated arcs & drawing using hiccup-canvas | [Demo](https://demo.thi.ng/umbrella/hiccup-canvas-arcs/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hiccup-canvas-arcs) | | | Canvas based Immediate Mode GUI components | [Demo](https://demo.thi.ng/umbrella/imgui/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/imgui) | | | Animated sine plasma effect visualized using contour lines | [Demo](https://demo.thi.ng/umbrella/iso-plasma/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/iso-plasma) | +| | 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) | | | 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) | diff --git a/packages/gp/README.md b/packages/gp/README.md index 8424c256fd..ea16057d08 100644 --- a/packages/gp/README.md +++ b/packages/gp/README.md @@ -85,7 +85,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const gp = await import("@thi.ng/gp"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.20 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.25 KB ## Dependencies diff --git a/packages/grid-iterators/README.md b/packages/grid-iterators/README.md index e77111d86a..46a497c68e 100644 --- a/packages/grid-iterators/README.md +++ b/packages/grid-iterators/README.md @@ -180,7 +180,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const gridIterators = await import("@thi.ng/grid-iterators"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.47 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.50 KB ## Dependencies diff --git a/packages/hdom-canvas/README.md b/packages/hdom-canvas/README.md index eb1baa378f..7671f658bc 100644 --- a/packages/hdom-canvas/README.md +++ b/packages/hdom-canvas/README.md @@ -81,7 +81,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const hdomCanvas = await import("@thi.ng/hdom-canvas"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 897 bytes +Package sizes (gzipped, pre-treeshake): ESM: 919 bytes ## Dependencies @@ -103,6 +103,7 @@ 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) | +| | Convex hull & shape clipping of 2D polygons | [Demo](https://demo.thi.ng/umbrella/geom-convex-hull/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-convex-hull) | | | Doodle w/ K-nearest neighbor search result visualization | [Demo](https://demo.thi.ng/umbrella/geom-knn/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-knn) | | | Poisson-disk shape-aware sampling, Voronoi & Minimum Spanning Tree visualization | [Demo](https://demo.thi.ng/umbrella/geom-voronoi-mst/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-voronoi-mst) | | | Realtime analog clock demo | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-clock/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-clock) | @@ -110,6 +111,7 @@ A selection: | | 2D Bezier curve-guided particle system | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-particles/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-particles) | | | Various hdom-canvas shape drawing examples & SVG conversion / export | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-shapes) | | | Canvas based Immediate Mode GUI components | [Demo](https://demo.thi.ng/umbrella/imgui/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/imgui) | +| | Minimal IMGUI usage example | [Demo](https://demo.thi.ng/umbrella/imgui-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/imgui-basics) | | | Animated sine plasma effect visualized using contour lines | [Demo](https://demo.thi.ng/umbrella/iso-plasma/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/iso-plasma) | | | Basic rstream-gestures multi-touch demo | [Demo](https://demo.thi.ng/umbrella/multitouch/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/multitouch) | | | 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) | diff --git a/packages/hdom-components/README.md b/packages/hdom-components/README.md index 5957d208b7..d2bfa408df 100644 --- a/packages/hdom-components/README.md +++ b/packages/hdom-components/README.md @@ -65,7 +65,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const hdomComponents = await import("@thi.ng/hdom-components"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.20 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.21 KB ## Dependencies @@ -86,14 +86,18 @@ A selection: | Screenshot | Description | Live demo | Source | |:-------------------------------------------------------------------------------------------------------------------------------------|:-----------------------------------------------------------------------|:----------------------------------------------------------|:---------------------------------------------------------------------------------------| +| | Figlet-style bitmap font creation with transducers | [Demo](https://demo.thi.ng/umbrella/bitmap-font/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/bitmap-font) | | | Canvas based dial widget | [Demo](https://demo.thi.ng/umbrella/canvas-dial/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/canvas-dial) | +| | 2D transducer based cellular automata | [Demo](https://demo.thi.ng/umbrella/cellular-automata/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/cellular-automata) | | | Basic crypto-currency candle chart with multiple moving averages plots | [Demo](https://demo.thi.ng/umbrella/crypto-chart/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/crypto-chart) | | | hdom update performance benchmark w/ config options | [Demo](https://demo.thi.ng/umbrella/hdom-benchmark2/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-benchmark2) | | | Various hdom-canvas shape drawing examples & SVG conversion / export | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-shapes) | +| | Custom dropdown UI component for hdom | [Demo](https://demo.thi.ng/umbrella/hdom-dropdown/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-dropdown) | | | Custom dropdown UI component w/ fuzzy search | [Demo](https://demo.thi.ng/umbrella/hdom-dropdown-fuzzy/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-dropdown-fuzzy) | | | Customizable slide toggle component demo | [Demo](https://demo.thi.ng/umbrella/hdom-toggle/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-toggle) | | | Worker based, interactive Mandelbrot visualization | [Demo](https://demo.thi.ng/umbrella/mandelbrot/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/mandelbrot) | | | Triple store query results & sortable table | [Demo](https://demo.thi.ng/umbrella/triple-query/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/triple-query) | +| | 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) | ## API diff --git a/packages/hdom-mock/README.md b/packages/hdom-mock/README.md index 1cd4c71ba4..939836d444 100644 --- a/packages/hdom-mock/README.md +++ b/packages/hdom-mock/README.md @@ -54,7 +54,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const hdomMock = await import("@thi.ng/hdom-mock"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.04 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.07 KB ## Dependencies diff --git a/packages/hdom/README.md b/packages/hdom/README.md index ea5ee0b2fc..724f68a96d 100644 --- a/packages/hdom/README.md +++ b/packages/hdom/README.md @@ -150,7 +150,7 @@ yarn install yarn start ``` -Package sizes (gzipped, pre-treeshake): ESM: 3.62 KB +Package sizes (gzipped, pre-treeshake): ESM: 3.70 KB ## Dependencies @@ -179,8 +179,16 @@ A selection: | | Realtime analog clock demo | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-clock/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-clock) | | | 2D Bezier curve-guided particle system | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-particles/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-particles) | | | Various hdom-canvas shape drawing examples & SVG conversion / export | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-shapes) | +| | Custom dropdown UI component for hdom | [Demo](https://demo.thi.ng/umbrella/hdom-dropdown/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-dropdown) | | | Custom dropdown UI component w/ fuzzy search | [Demo](https://demo.thi.ng/umbrella/hdom-dropdown-fuzzy/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-dropdown-fuzzy) | +| | Using custom hdom context for dynamic UI theming | [Demo](https://demo.thi.ng/umbrella/hdom-dyn-context/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-dyn-context) | | | Using hdom in an Elm-like manner | [Demo](https://demo.thi.ng/umbrella/hdom-elm/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-elm) | +| | Higher-order component for rendering HTML strings | [Demo](https://demo.thi.ng/umbrella/hdom-inner-html/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-inner-html) | +| | Isolated, component-local DOM updates | [Demo](https://demo.thi.ng/umbrella/hdom-local-render/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-local-render) | +| | UI component w/ local state stored in hdom context | [Demo](https://demo.thi.ng/umbrella/hdom-localstate/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-localstate) | +| | Skipping UI updates for selected component(s) | [Demo](https://demo.thi.ng/umbrella/hdom-skip/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-skip) | +| | Skipping UI updates for nested component(s) | [Demo](https://demo.thi.ng/umbrella/hdom-skip-nested/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-skip-nested) | +| | Example for themed components proposal | [Demo](https://demo.thi.ng/umbrella/hdom-theme/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-theme) | | | Customizable slide toggle component demo | [Demo](https://demo.thi.ng/umbrella/hdom-toggle/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-toggle) | | | Hiccup / hdom DOM hydration example | [Demo](https://demo.thi.ng/umbrella/hydrate-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hydrate-basics) | | | Canvas based Immediate Mode GUI components | [Demo](https://demo.thi.ng/umbrella/imgui/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/imgui) | diff --git a/packages/heaps/README.md b/packages/heaps/README.md index 17b9fd667b..0cbd6e7077 100644 --- a/packages/heaps/README.md +++ b/packages/heaps/README.md @@ -59,7 +59,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const heaps = await import("@thi.ng/heaps"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.97 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.00 KB ## Dependencies diff --git a/packages/hiccup-canvas/README.md b/packages/hiccup-canvas/README.md index 8bc9852d49..9d3642db3b 100644 --- a/packages/hiccup-canvas/README.md +++ b/packages/hiccup-canvas/README.md @@ -94,7 +94,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const hiccupCanvas = await import("@thi.ng/hiccup-canvas"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.57 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.58 KB ## Dependencies diff --git a/packages/hiccup-carbon-icons/README.md b/packages/hiccup-carbon-icons/README.md index 550e628e76..bca128da36 100644 --- a/packages/hiccup-carbon-icons/README.md +++ b/packages/hiccup-carbon-icons/README.md @@ -67,7 +67,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const hiccupCarbonIcons = await import("@thi.ng/hiccup-carbon-icons"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 99.12 KB +Package sizes (gzipped, pre-treeshake): ESM: 99.08 KB ## Dependencies diff --git a/packages/hiccup-css/README.md b/packages/hiccup-css/README.md index 689a3adf05..d59331cd92 100644 --- a/packages/hiccup-css/README.md +++ b/packages/hiccup-css/README.md @@ -118,7 +118,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const hiccupCss = await import("@thi.ng/hiccup-css"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.07 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.14 KB ## Dependencies diff --git a/packages/hiccup-html/README.md b/packages/hiccup-html/README.md index b2b0be5556..687de4135f 100644 --- a/packages/hiccup-html/README.md +++ b/packages/hiccup-html/README.md @@ -188,7 +188,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const hiccupHtml = await import("@thi.ng/hiccup-html"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.48 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.47 KB ## Dependencies @@ -202,11 +202,15 @@ directory are using this package. A selection: -| Screenshot | Description | Live demo | Source | -|:------------------------------------------------------------------------------------------------------------------------|:-----------------------------------------------------------------|:-------------------------------------------------------|:------------------------------------------------------------------------------------| -| | Probabilistic color theme generator | [Demo](https://demo.thi.ng/umbrella/color-themes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes) | -| | 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) | +| Screenshot | Description | Live demo | Source | +|:------------------------------------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------|:-------------------------------------------------------|:------------------------------------------------------------------------------------| +| | Probabilistic color theme generator | [Demo](https://demo.thi.ng/umbrella/color-themes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes) | +| | 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) | +| | 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) | +| | rdom drag & drop example | [Demo](https://demo.thi.ng/umbrella/rdom-dnd/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-dnd) | +| | 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) | ## API diff --git a/packages/hiccup-markdown/README.md b/packages/hiccup-markdown/README.md index dbbda1a37c..fed3b0c8e3 100644 --- a/packages/hiccup-markdown/README.md +++ b/packages/hiccup-markdown/README.md @@ -64,7 +64,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const hiccupMarkdown = await import("@thi.ng/hiccup-markdown"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.73 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.79 KB ## Dependencies diff --git a/packages/hiccup-svg/README.md b/packages/hiccup-svg/README.md index 26621e1c93..f260bbee3e 100644 --- a/packages/hiccup-svg/README.md +++ b/packages/hiccup-svg/README.md @@ -161,7 +161,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const hiccupSvg = await import("@thi.ng/hiccup-svg"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.56 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.57 KB ## Dependencies @@ -183,10 +183,12 @@ A selection: | | Heatmap visualization of this mono-repo's commits | | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/commit-heatmap) | | | Basic crypto-currency candle chart with multiple moving averages plots | [Demo](https://demo.thi.ng/umbrella/crypto-chart/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/crypto-chart) | | | 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) | +| | Mouse gesture / stroke analysis, simplification, corner detection | [Demo](https://demo.thi.ng/umbrella/gesture-analysis/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/gesture-analysis) | | | Various hdom-canvas shape drawing examples & SVG conversion / export | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-shapes) | | | CLI util to visualize umbrella pkg stats | | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/package-stats) | | | Generate SVG using pointfree DSL | | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pointfree-svg) | | | 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) | +| | 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) | | | Interactive grid generator, SVG generation & export, undo/redo support | [Demo](https://demo.thi.ng/umbrella/rstream-grid/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-grid) | | | Additive waveform synthesis & SVG visualization with undo/redo | [Demo](https://demo.thi.ng/umbrella/svg-waveform/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/svg-waveform) | diff --git a/packages/hiccup/README.md b/packages/hiccup/README.md index e16f2eb399..574506fe6c 100644 --- a/packages/hiccup/README.md +++ b/packages/hiccup/README.md @@ -159,7 +159,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const hiccup = await import("@thi.ng/hiccup"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.29 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.33 KB ## Dependencies diff --git a/packages/idgen/README.md b/packages/idgen/README.md index ff7fed9a50..162e479e5e 100644 --- a/packages/idgen/README.md +++ b/packages/idgen/README.md @@ -77,7 +77,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const idgen = await import("@thi.ng/idgen"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 857 bytes +Package sizes (gzipped, pre-treeshake): ESM: 897 bytes ## Dependencies diff --git a/packages/iges/README.md b/packages/iges/README.md index 472fde3560..bdb9a4cc57 100644 --- a/packages/iges/README.md +++ b/packages/iges/README.md @@ -59,7 +59,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const iges = await import("@thi.ng/iges"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.83 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.89 KB ## Dependencies diff --git a/packages/imgui/README.md b/packages/imgui/README.md index 113c3dcc91..281de7f8c4 100644 --- a/packages/imgui/README.md +++ b/packages/imgui/README.md @@ -254,7 +254,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const imgui = await import("@thi.ng/imgui"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 6.75 KB +Package sizes (gzipped, pre-treeshake): ESM: 6.97 KB ## Dependencies diff --git a/packages/interceptors/README.md b/packages/interceptors/README.md index 196fca485e..4910847585 100644 --- a/packages/interceptors/README.md +++ b/packages/interceptors/README.md @@ -149,7 +149,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const interceptors = await import("@thi.ng/interceptors"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.17 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.23 KB ## Dependencies @@ -171,6 +171,7 @@ A selection: | Screenshot | Description | Live demo | Source | |:---------------------------------------------------------------------------------------------------------------------|:-----------------------------------------------------------------------|:----------------------------------------------------------|:---------------------------------------------------------------------------------------| | | Minimal demo using interceptors with an async side effect | [Demo](https://demo.thi.ng/umbrella/async-effect/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/async-effect) | +| | Custom dropdown UI component for hdom | [Demo](https://demo.thi.ng/umbrella/hdom-dropdown/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-dropdown) | | | Custom dropdown UI component w/ fuzzy search | [Demo](https://demo.thi.ng/umbrella/hdom-dropdown-fuzzy/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-dropdown-fuzzy) | | | Event handling w/ interceptors and side effects | [Demo](https://demo.thi.ng/umbrella/interceptor-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/interceptor-basics) | | | Event handling w/ interceptors and side effects | [Demo](https://demo.thi.ng/umbrella/interceptor-basics2/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/interceptor-basics2) | diff --git a/packages/intervals/README.md b/packages/intervals/README.md index f95fc0b7cf..59747fce07 100644 --- a/packages/intervals/README.md +++ b/packages/intervals/README.md @@ -68,7 +68,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const intervals = await import("@thi.ng/intervals"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.63 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.66 KB ## Dependencies diff --git a/packages/iterators/README.md b/packages/iterators/README.md index 9c21ee3b21..dfb51c9600 100644 --- a/packages/iterators/README.md +++ b/packages/iterators/README.md @@ -110,7 +110,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const iterators = await import("@thi.ng/iterators"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.47 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.48 KB ## Dependencies diff --git a/packages/k-means/README.md b/packages/k-means/README.md index 748f220ab3..5e4f235da5 100644 --- a/packages/k-means/README.md +++ b/packages/k-means/README.md @@ -50,7 +50,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const kMeans = await import("@thi.ng/k-means"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 937 bytes +Package sizes (gzipped, pre-treeshake): ESM: 987 bytes ## Dependencies diff --git a/packages/ksuid/README.md b/packages/ksuid/README.md index ffde71ea1b..0a1addfddd 100644 --- a/packages/ksuid/README.md +++ b/packages/ksuid/README.md @@ -86,7 +86,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const ksuid = await import("@thi.ng/ksuid"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 812 bytes +Package sizes (gzipped, pre-treeshake): ESM: 846 bytes ## Dependencies diff --git a/packages/layout/README.md b/packages/layout/README.md index e0ca9052e5..8253e9abb2 100644 --- a/packages/layout/README.md +++ b/packages/layout/README.md @@ -56,7 +56,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const layout = await import("@thi.ng/layout"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 659 bytes +Package sizes (gzipped, pre-treeshake): ESM: 709 bytes ## Dependencies diff --git a/packages/logger/README.md b/packages/logger/README.md index def009a42c..fbe9f32e39 100644 --- a/packages/logger/README.md +++ b/packages/logger/README.md @@ -54,6 +54,8 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const logger = await import("@thi.ng/logger"); ``` +Package sizes (gzipped, pre-treeshake): ESM: 365 bytes + ## Dependencies None diff --git a/packages/lowdisc/README.md b/packages/lowdisc/README.md index a661d1596a..1a8ce9f614 100644 --- a/packages/lowdisc/README.md +++ b/packages/lowdisc/README.md @@ -89,7 +89,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const lowdisc = await import("@thi.ng/lowdisc"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 499 bytes +Package sizes (gzipped, pre-treeshake): ESM: 502 bytes ## Dependencies diff --git a/packages/lsys/README.md b/packages/lsys/README.md index 96e8401e30..e74ea9376d 100644 --- a/packages/lsys/README.md +++ b/packages/lsys/README.md @@ -72,7 +72,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const lsys = await import("@thi.ng/lsys"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 679 bytes +Package sizes (gzipped, pre-treeshake): ESM: 728 bytes ## Dependencies diff --git a/packages/malloc/README.md b/packages/malloc/README.md index eaf8f0af3f..f912d0cb18 100644 --- a/packages/malloc/README.md +++ b/packages/malloc/README.md @@ -148,7 +148,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const malloc = await import("@thi.ng/malloc"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.91 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.95 KB ## Dependencies diff --git a/packages/markdown-table/README.md b/packages/markdown-table/README.md index 4c88330192..297ac79165 100644 --- a/packages/markdown-table/README.md +++ b/packages/markdown-table/README.md @@ -57,7 +57,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const markdownTable = await import("@thi.ng/markdown-table"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 554 bytes +Package sizes (gzipped, pre-treeshake): ESM: 633 bytes ## Dependencies diff --git a/packages/matrices/README.md b/packages/matrices/README.md index 319a07287b..3192783388 100644 --- a/packages/matrices/README.md +++ b/packages/matrices/README.md @@ -83,7 +83,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const matrices = await import("@thi.ng/matrices"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 4.76 KB +Package sizes (gzipped, pre-treeshake): ESM: 4.92 KB ## Dependencies @@ -100,17 +100,18 @@ directory are using this package. A selection: -| Screenshot | Description | Live demo | Source | -|:------------------------------------------------------------------------------------------------------------------------|:------------------------------------------------------|:-------------------------------------------------------|:------------------------------------------------------------------------------------| -| | 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) | -| | Minimal shader graph developed during livestream #2 | [Demo](https://demo.thi.ng/umbrella/shader-graph/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-graph) | -| | Entity Component System w/ 100k 3D particles | [Demo](https://demo.thi.ng/umbrella/soa-ecs/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/soa-ecs) | -| | 3D wireframe textmode demo | [Demo](https://demo.thi.ng/umbrella/text-canvas/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/text-canvas) | -| | WebGL multi-colored cube mesh | [Demo](https://demo.thi.ng/umbrella/webgl-cube/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-cube) | -| | 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 instancing, animated grid | [Demo](https://demo.thi.ng/umbrella/webgl-grid/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-grid) | -| | WebGL MSDF text rendering & particle system | [Demo](https://demo.thi.ng/umbrella/webgl-msdf/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-msdf) | +| Screenshot | Description | Live demo | Source | +|:-------------------------------------------------------------------------------------------------------------------------------------|:---------------------------------------------------------------------|:---------------------------------------------------------|:--------------------------------------------------------------------------------------| +| | Various hdom-canvas shape drawing examples & SVG conversion / export | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-shapes) | +| | 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) | +| | Minimal shader graph developed during livestream #2 | [Demo](https://demo.thi.ng/umbrella/shader-graph/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-graph) | +| | Entity Component System w/ 100k 3D particles | [Demo](https://demo.thi.ng/umbrella/soa-ecs/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/soa-ecs) | +| | 3D wireframe textmode demo | [Demo](https://demo.thi.ng/umbrella/text-canvas/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/text-canvas) | +| | WebGL multi-colored cube mesh | [Demo](https://demo.thi.ng/umbrella/webgl-cube/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-cube) | +| | 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 instancing, animated grid | [Demo](https://demo.thi.ng/umbrella/webgl-grid/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-grid) | +| | WebGL MSDF text rendering & particle system | [Demo](https://demo.thi.ng/umbrella/webgl-msdf/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-msdf) | ## API diff --git a/packages/memoize/README.md b/packages/memoize/README.md index a4fb22babe..05142f79e8 100644 --- a/packages/memoize/README.md +++ b/packages/memoize/README.md @@ -85,6 +85,7 @@ A selection: | Screenshot | Description | Live demo | Source | |:---------------------------------------------------------------------------------------------------------------------------|:------------------------------------------------------|:----------------------------------------------------------|:---------------------------------------------------------------------------------------| +| | Isolated, component-local DOM updates | [Demo](https://demo.thi.ng/umbrella/hdom-local-render/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-local-render) | | | Basic rstream-gestures multi-touch demo | [Demo](https://demo.thi.ng/umbrella/multitouch/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/multitouch) | | | rstream based spreadsheet w/ S-expression formula DSL | [Demo](https://demo.thi.ng/umbrella/rstream-spreadsheet/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-spreadsheet) | diff --git a/packages/morton/README.md b/packages/morton/README.md index 576c7e23ec..42208af080 100644 --- a/packages/morton/README.md +++ b/packages/morton/README.md @@ -65,7 +65,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const morton = await import("@thi.ng/morton"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.04 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.07 KB ## Dependencies diff --git a/packages/oquery/README.md b/packages/oquery/README.md index 68d6ba8c7a..074998a661 100644 --- a/packages/oquery/README.md +++ b/packages/oquery/README.md @@ -76,7 +76,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const oquery = await import("@thi.ng/oquery"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.42 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.39 KB ## Dependencies diff --git a/packages/parse/README.md b/packages/parse/README.md index 675e101c40..817643a0ee 100644 --- a/packages/parse/README.md +++ b/packages/parse/README.md @@ -89,7 +89,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const parse = await import("@thi.ng/parse"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 5.24 KB +Package sizes (gzipped, pre-treeshake): ESM: 5.30 KB ## Dependencies diff --git a/packages/paths/README.md b/packages/paths/README.md index 01d979d882..a92927b7e8 100644 --- a/packages/paths/README.md +++ b/packages/paths/README.md @@ -91,7 +91,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const paths = await import("@thi.ng/paths"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.15 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.17 KB ## Dependencies @@ -110,6 +110,8 @@ A selection: | Screenshot | Description | Live demo | Source | |:--------------------------------------------------------------------------------------------------------------------------|:---------------------------------------------------------------------------------|:----------------------------------------------------------|:---------------------------------------------------------------------------------------| | | Using hdom in an Elm-like manner | [Demo](https://demo.thi.ng/umbrella/hdom-elm/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-elm) | +| | UI component w/ local state stored in hdom context | [Demo](https://demo.thi.ng/umbrella/hdom-localstate/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-localstate) | +| | Example for themed components proposal | [Demo](https://demo.thi.ng/umbrella/hdom-theme/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-theme) | | | Event handling w/ interceptors and side effects | [Demo](https://demo.thi.ng/umbrella/interceptor-basics2/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/interceptor-basics2) | | | Minimal demo of using rstream constructs to form an interceptor-style event loop | [Demo](https://demo.thi.ng/umbrella/rstream-event-loop/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-event-loop) | | | Obligatory to-do list example with undo/redo | [Demo](https://demo.thi.ng/umbrella/todo-list/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/todo-list) | diff --git a/packages/pixel-dither/README.md b/packages/pixel-dither/README.md index bc21c829d2..69280f2f5d 100644 --- a/packages/pixel-dither/README.md +++ b/packages/pixel-dither/README.md @@ -66,6 +66,8 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const pixelDither = await import("@thi.ng/pixel-dither"); ``` +Package sizes (gzipped, pre-treeshake): ESM: 1.07 KB + ## Dependencies - [@thi.ng/checks](https://github.com/thi-ng/umbrella/tree/develop/packages/checks) diff --git a/packages/pixel-io-netpbm/README.md b/packages/pixel-io-netpbm/README.md index d273df82e6..6fa0ea852f 100644 --- a/packages/pixel-io-netpbm/README.md +++ b/packages/pixel-io-netpbm/README.md @@ -68,7 +68,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const pixelIoNetpbm = await import("@thi.ng/pixel-io-netpbm"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.31 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.36 KB ## Dependencies diff --git a/packages/pixel/README.md b/packages/pixel/README.md index e475df29e2..96fc3eafd8 100644 --- a/packages/pixel/README.md +++ b/packages/pixel/README.md @@ -333,7 +333,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const pixel = await import("@thi.ng/pixel"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 9.22 KB +Package sizes (gzipped, pre-treeshake): ESM: 8.83 KB ## Dependencies @@ -359,10 +359,12 @@ A selection: | | Interactive image processing (adaptive threshold) | [Demo](https://demo.thi.ng/umbrella/adaptive-threshold/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/adaptive-threshold) | | | 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) | | | Pixel buffer manipulations | [Demo](https://demo.thi.ng/umbrella/pixel-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-basics) | -| | Showcase of various dithering algorithms | [Demo](https://demo.thi.ng/umbrella/pixel-indexed/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-indexed) | +| | Showcase of various dithering algorithms | [Demo](https://demo.thi.ng/umbrella/pixel-dither/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-dither) | | | Image dithering and remapping using indexed palettes | [Demo](https://demo.thi.ng/umbrella/pixel-indexed/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-indexed) | | | 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) | | | Port-Duff image compositing / alpha blending | [Demo](https://demo.thi.ng/umbrella/porter-duff/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/porter-duff) | +| | 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) | +| | WebGL & Canvas2D textured tunnel shader | [Demo](https://demo.thi.ng/umbrella/shader-ast-tunnel/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-ast-tunnel) | | | Fork-join worker-based raymarch renderer | [Demo](https://demo.thi.ng/umbrella/shader-ast-workers/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-ast-workers) | | | Textmode image warping w/ 16bit color output | [Demo](https://demo.thi.ng/umbrella/text-canvas-image/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/text-canvas-image) | | | Minimal multi-pass / GPGPU example | [Demo](https://demo.thi.ng/umbrella/webgl-multipass/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-multipass) | diff --git a/packages/pointfree-lang/README.md b/packages/pointfree-lang/README.md index fce1614167..7a8b588b93 100644 --- a/packages/pointfree-lang/README.md +++ b/packages/pointfree-lang/README.md @@ -88,7 +88,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const pointfreeLang = await import("@thi.ng/pointfree-lang"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 4.91 KB +Package sizes (gzipped, pre-treeshake): ESM: 4.97 KB ## Dependencies diff --git a/packages/pointfree/README.md b/packages/pointfree/README.md index 617b480f46..5072fa31d5 100644 --- a/packages/pointfree/README.md +++ b/packages/pointfree/README.md @@ -214,7 +214,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const pointfree = await import("@thi.ng/pointfree"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 3.32 KB +Package sizes (gzipped, pre-treeshake): ESM: 3.33 KB ## Dependencies diff --git a/packages/poisson/README.md b/packages/poisson/README.md index 82a4d1b1fa..2ba1b3e3fd 100644 --- a/packages/poisson/README.md +++ b/packages/poisson/README.md @@ -74,7 +74,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const poisson = await import("@thi.ng/poisson"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 459 bytes +Package sizes (gzipped, pre-treeshake): ESM: 493 bytes ## Dependencies diff --git a/packages/porter-duff/README.md b/packages/porter-duff/README.md index 229c1f6fce..a519a71d17 100644 --- a/packages/porter-duff/README.md +++ b/packages/porter-duff/README.md @@ -76,7 +76,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const porterDuff = await import("@thi.ng/porter-duff"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 998 bytes +Package sizes (gzipped, pre-treeshake): ESM: 1006 bytes ## Dependencies diff --git a/packages/quad-edge/README.md b/packages/quad-edge/README.md index 6534054bef..7c2b4a8b42 100644 --- a/packages/quad-edge/README.md +++ b/packages/quad-edge/README.md @@ -67,7 +67,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const quadEdge = await import("@thi.ng/quad-edge"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 495 bytes +Package sizes (gzipped, pre-treeshake): ESM: 505 bytes ## Dependencies diff --git a/packages/ramp/README.md b/packages/ramp/README.md index 2776fd1442..b697a5637d 100644 --- a/packages/ramp/README.md +++ b/packages/ramp/README.md @@ -50,7 +50,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const ramp = await import("@thi.ng/ramp"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 971 bytes +Package sizes (gzipped, pre-treeshake): ESM: 1.02 KB ## Dependencies diff --git a/packages/random/README.md b/packages/random/README.md index 424734278c..7447742fba 100644 --- a/packages/random/README.md +++ b/packages/random/README.md @@ -88,7 +88,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const random = await import("@thi.ng/random"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.81 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.83 KB ## Dependencies @@ -105,12 +105,13 @@ directory are using this package. A selection: -| Screenshot | Description | Live demo | Source | -|:----------------------------------------------------------------------------------------------------------------------|:-----------------------------------------------------------------|:-----------------------------------------------------|:----------------------------------------------------------------------------------| -| | Probabilistic color theme generator | [Demo](https://demo.thi.ng/umbrella/color-themes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes) | -| | 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) | -| | 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) | -| | Evolutionary shader generation using genetic programming | [Demo](https://demo.thi.ng/umbrella/shader-ast-evo/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-ast-evo) | +| Screenshot | Description | Live demo | Source | +|:-----------------------------------------------------------------------------------------------------------------------------|:-----------------------------------------------------------------|:------------------------------------------------------------|:-----------------------------------------------------------------------------------------| +| | Probabilistic color theme generator | [Demo](https://demo.thi.ng/umbrella/color-themes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes) | +| | 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) | +| | 2D Bezier curve-guided particle system | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-particles/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-particles) | +| | 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) | +| | Evolutionary shader generation using genetic programming | [Demo](https://demo.thi.ng/umbrella/shader-ast-evo/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-ast-evo) | ## API diff --git a/packages/range-coder/README.md b/packages/range-coder/README.md index ba986c8fac..9e0aa09fe0 100644 --- a/packages/range-coder/README.md +++ b/packages/range-coder/README.md @@ -56,7 +56,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const rangeCoder = await import("@thi.ng/range-coder"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 670 bytes +Package sizes (gzipped, pre-treeshake): ESM: 678 bytes ## Dependencies diff --git a/packages/rdom-canvas/README.md b/packages/rdom-canvas/README.md index be5f336dfb..202429635c 100644 --- a/packages/rdom-canvas/README.md +++ b/packages/rdom-canvas/README.md @@ -58,7 +58,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const rdomCanvas = await import("@thi.ng/rdom-canvas"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 554 bytes +Package sizes (gzipped, pre-treeshake): ESM: 601 bytes ## Dependencies diff --git a/packages/rdom-components/README.md b/packages/rdom-components/README.md index e6e44dbc87..7154bc18bf 100644 --- a/packages/rdom-components/README.md +++ b/packages/rdom-components/README.md @@ -63,7 +63,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const rdomComponents = await import("@thi.ng/rdom-components"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.16 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.22 KB ## Dependencies @@ -83,10 +83,11 @@ directory are using this package. A selection: -| Screenshot | Description | Live demo | Source | -|:------------------------------------------------------------------------------------------------------------------------|:------------------------------------------------------|:-------------------------------------------------------|:------------------------------------------------------------------------------------| -| | Probabilistic color theme generator | [Demo](https://demo.thi.ng/umbrella/color-themes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes) | -| | 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) | +| Screenshot | Description | Live demo | Source | +|:------------------------------------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------|:-------------------------------------------------------|:------------------------------------------------------------------------------------| +| | Probabilistic color theme generator | [Demo](https://demo.thi.ng/umbrella/color-themes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes) | +| | 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) | +| | 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) | ## API diff --git a/packages/rdom/README.md b/packages/rdom/README.md index 12a15b245a..dfa4e7fc56 100644 --- a/packages/rdom/README.md +++ b/packages/rdom/README.md @@ -172,7 +172,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const rdom = await import("@thi.ng/rdom"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 3.83 KB +Package sizes (gzipped, pre-treeshake): ESM: 4.07 KB ## Dependencies diff --git a/packages/resolve-map/README.md b/packages/resolve-map/README.md index 0536df7b22..0a462fcab4 100644 --- a/packages/resolve-map/README.md +++ b/packages/resolve-map/README.md @@ -73,7 +73,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const resolveMap = await import("@thi.ng/resolve-map"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 907 bytes +Package sizes (gzipped, pre-treeshake): ESM: 958 bytes ## Dependencies diff --git a/packages/rle-pack/README.md b/packages/rle-pack/README.md index 02e52ededa..71e9f74f8d 100644 --- a/packages/rle-pack/README.md +++ b/packages/rle-pack/README.md @@ -83,7 +83,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const rlePack = await import("@thi.ng/rle-pack"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 676 bytes +Package sizes (gzipped, pre-treeshake): ESM: 696 bytes ## Dependencies diff --git a/packages/router/README.md b/packages/router/README.md index 654b6aed47..333a01b9ec 100644 --- a/packages/router/README.md +++ b/packages/router/README.md @@ -69,7 +69,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const router = await import("@thi.ng/router"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.50 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.55 KB ## Dependencies diff --git a/packages/rstream-csp/README.md b/packages/rstream-csp/README.md index f3b8efde56..ced0460847 100644 --- a/packages/rstream-csp/README.md +++ b/packages/rstream-csp/README.md @@ -58,7 +58,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const rstreamCsp = await import("@thi.ng/rstream-csp"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 251 bytes +Package sizes (gzipped, pre-treeshake): ESM: 268 bytes ## Dependencies diff --git a/packages/rstream-dot/README.md b/packages/rstream-dot/README.md index 81e5e84c04..55682eea28 100644 --- a/packages/rstream-dot/README.md +++ b/packages/rstream-dot/README.md @@ -14,6 +14,7 @@ This project is part of the - [Related packages](#related-packages) - [Installation](#installation) - [Dependencies](#dependencies) +- [Usage examples](#usage-examples) - [API](#api) - [Authors](#authors) - [License](#license) @@ -55,7 +56,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const rstreamDot = await import("@thi.ng/rstream-dot"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 864 bytes +Package sizes (gzipped, pre-treeshake): ESM: 870 bytes ## Dependencies @@ -63,6 +64,18 @@ Package sizes (gzipped, pre-treeshake): ESM: 864 bytes - [@thi.ng/strings](https://github.com/thi-ng/umbrella/tree/develop/packages/strings) - [@thi.ng/transducers](https://github.com/thi-ng/umbrella/tree/develop/packages/transducers) +## 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: + +| Description | Live demo | Source | +|:-------------------------------|:-------------------------------------------------------|:------------------------------------------------------------------------------------| +| Minimal rstream dataflow graph | [Demo](https://demo.thi.ng/umbrella/rstream-dataflow/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-dataflow) | + ## API [Generated API docs](https://docs.thi.ng/umbrella/rstream-dot/) diff --git a/packages/rstream-gestures/README.md b/packages/rstream-gestures/README.md index 55fefb6f64..bb4f08f3f5 100644 --- a/packages/rstream-gestures/README.md +++ b/packages/rstream-gestures/README.md @@ -68,7 +68,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const rstreamGestures = await import("@thi.ng/rstream-gestures"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.18 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.19 KB ## Dependencies @@ -90,6 +90,7 @@ A selection: |:-------------------------------------------------------------------------------------------------------------------------|:------------------------------------------------------------------|:--------------------------------------------------------|:-------------------------------------------------------------------------------------| | | Canvas based dial widget | [Demo](https://demo.thi.ng/umbrella/canvas-dial/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/canvas-dial) | | | 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) | +| | 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) | | | Doodle w/ K-nearest neighbor search result visualization | [Demo](https://demo.thi.ng/umbrella/geom-knn/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-knn) | | | Mouse gesture / stroke analysis, simplification, corner detection | [Demo](https://demo.thi.ng/umbrella/gesture-analysis/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/gesture-analysis) | | | Interactive pattern drawing demo using transducers | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-draw/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-draw) | @@ -97,6 +98,7 @@ A selection: | | Minimal IMGUI usage example | [Demo](https://demo.thi.ng/umbrella/imgui-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/imgui-basics) | | | Worker based, interactive Mandelbrot visualization | [Demo](https://demo.thi.ng/umbrella/mandelbrot/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/mandelbrot) | | | Basic rstream-gestures multi-touch demo | [Demo](https://demo.thi.ng/umbrella/multitouch/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/multitouch) | +| | Minimal rstream dataflow graph | [Demo](https://demo.thi.ng/umbrella/rstream-dataflow/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-dataflow) | | | Minimal shader graph developed during livestream #2 | [Demo](https://demo.thi.ng/umbrella/shader-graph/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-graph) | ## API diff --git a/packages/rstream-graph/README.md b/packages/rstream-graph/README.md index 4184adf644..55176879b5 100644 --- a/packages/rstream-graph/README.md +++ b/packages/rstream-graph/README.md @@ -64,7 +64,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const rstreamGraph = await import("@thi.ng/rstream-graph"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.04 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.09 KB ## Dependencies diff --git a/packages/rstream-log/README.md b/packages/rstream-log/README.md index 67e1a2cbee..8553db4580 100644 --- a/packages/rstream-log/README.md +++ b/packages/rstream-log/README.md @@ -64,7 +64,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const rstreamLog = await import("@thi.ng/rstream-log"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 760 bytes +Package sizes (gzipped, pre-treeshake): ESM: 806 bytes ## Dependencies diff --git a/packages/rstream-query/README.md b/packages/rstream-query/README.md index 9751712664..e46e1c80f0 100644 --- a/packages/rstream-query/README.md +++ b/packages/rstream-query/README.md @@ -84,7 +84,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const rstreamQuery = await import("@thi.ng/rstream-query"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.67 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.83 KB ## Dependencies diff --git a/packages/rstream/README.md b/packages/rstream/README.md index 5bad8856f5..9bbec3fa50 100644 --- a/packages/rstream/README.md +++ b/packages/rstream/README.md @@ -200,7 +200,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const rstream = await import("@thi.ng/rstream"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 5.56 KB +Package sizes (gzipped, pre-treeshake): ESM: 5.89 KB ## Dependencies @@ -221,30 +221,38 @@ directory are using this package. A selection: -| Screenshot | Description | Live demo | Source | -|:---------------------------------------------------------------------------------------------------------------------------|:---------------------------------------------------------------------------------|:----------------------------------------------------------|:---------------------------------------------------------------------------------------| -| | Interactive image processing (adaptive threshold) | [Demo](https://demo.thi.ng/umbrella/adaptive-threshold/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/adaptive-threshold) | -| | Figlet-style bitmap font creation with transducers | [Demo](https://demo.thi.ng/umbrella/bitmap-font/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/bitmap-font) | -| | Probabilistic color theme generator | [Demo](https://demo.thi.ng/umbrella/color-themes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes) | -| | Basic crypto-currency candle chart with multiple moving averages plots | [Demo](https://demo.thi.ng/umbrella/crypto-chart/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/crypto-chart) | -| | 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) | -| | Interactive pattern drawing demo using transducers | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-draw/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-draw) | -| | Canvas based Immediate Mode GUI components | [Demo](https://demo.thi.ng/umbrella/imgui/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/imgui) | -| | Worker based, interactive Mandelbrot visualization | [Demo](https://demo.thi.ng/umbrella/mandelbrot/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/mandelbrot) | -| | Minimal Markdown to Hiccup to HTML parser / transformer | [Demo](https://demo.thi.ng/umbrella/markdown/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/markdown) | -| | 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) | -| | 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) | -| | 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) | -| | 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) | -| | Minimal demo of using rstream constructs to form an interceptor-style event loop | [Demo](https://demo.thi.ng/umbrella/rstream-event-loop/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-event-loop) | -| | Interactive grid generator, SVG generation & export, undo/redo support | [Demo](https://demo.thi.ng/umbrella/rstream-grid/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-grid) | -| | rstream based spreadsheet w/ S-expression formula DSL | [Demo](https://demo.thi.ng/umbrella/rstream-spreadsheet/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-spreadsheet) | -| | Fork-join worker-based raymarch renderer | [Demo](https://demo.thi.ng/umbrella/shader-ast-workers/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-ast-workers) | -| | hdom based slide deck viewer & slides from my ClojureX 2018 keynote | [Demo](https://demo.thi.ng/umbrella/talk-slides/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/talk-slides) | -| | Transducer & rstream based hdom UI updates | [Demo](https://demo.thi.ng/umbrella/transducers-hdom/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/transducers-hdom) | +| Screenshot | Description | Live demo | Source | +|:-------------------------------------------------------------------------------------------------------------------------------------|:---------------------------------------------------------------------------------|:----------------------------------------------------------|:---------------------------------------------------------------------------------------| +| | Interactive image processing (adaptive threshold) | [Demo](https://demo.thi.ng/umbrella/adaptive-threshold/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/adaptive-threshold) | +| | Figlet-style bitmap font creation with transducers | [Demo](https://demo.thi.ng/umbrella/bitmap-font/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/bitmap-font) | +| | Canvas based dial widget | [Demo](https://demo.thi.ng/umbrella/canvas-dial/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/canvas-dial) | +| | Probabilistic color theme generator | [Demo](https://demo.thi.ng/umbrella/color-themes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes) | +| | Basic crypto-currency candle chart with multiple moving averages plots | [Demo](https://demo.thi.ng/umbrella/crypto-chart/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/crypto-chart) | +| | 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) | +| | 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) | +| | Mouse gesture / stroke analysis, simplification, corner detection | [Demo](https://demo.thi.ng/umbrella/gesture-analysis/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/gesture-analysis) | +| | Interactive pattern drawing demo using transducers | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-draw/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-draw) | +| | Various hdom-canvas shape drawing examples & SVG conversion / export | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-shapes) | +| | Canvas based Immediate Mode GUI components | [Demo](https://demo.thi.ng/umbrella/imgui/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/imgui) | +| | Worker based, interactive Mandelbrot visualization | [Demo](https://demo.thi.ng/umbrella/mandelbrot/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/mandelbrot) | +| | Minimal Markdown to Hiccup to HTML parser / transformer | [Demo](https://demo.thi.ng/umbrella/markdown/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/markdown) | +| | Basic rstream-gestures multi-touch demo | [Demo](https://demo.thi.ng/umbrella/multitouch/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/multitouch) | +| | 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) | +| | 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) | +| | 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) | +| | 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) | +| | 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) | +| | Minimal demo of using rstream constructs to form an interceptor-style event loop | [Demo](https://demo.thi.ng/umbrella/rstream-event-loop/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-event-loop) | +| | Interactive grid generator, SVG generation & export, undo/redo support | [Demo](https://demo.thi.ng/umbrella/rstream-grid/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-grid) | +| | rstream based UI updates & state handling | [Demo](https://demo.thi.ng/umbrella/rstream-hdom/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-hdom) | +| | rstream based spreadsheet w/ S-expression formula DSL | [Demo](https://demo.thi.ng/umbrella/rstream-spreadsheet/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-spreadsheet) | +| | Fork-join worker-based raymarch renderer | [Demo](https://demo.thi.ng/umbrella/shader-ast-workers/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-ast-workers) | +| | hdom based slide deck viewer & slides from my ClojureX 2018 keynote | [Demo](https://demo.thi.ng/umbrella/talk-slides/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/talk-slides) | +| | Transducer & rstream based hdom UI updates | [Demo](https://demo.thi.ng/umbrella/transducers-hdom/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/transducers-hdom) | +| | 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) | ## API diff --git a/packages/sax/README.md b/packages/sax/README.md index 373553699e..fdc61a787b 100644 --- a/packages/sax/README.md +++ b/packages/sax/README.md @@ -79,7 +79,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const sax = await import("@thi.ng/sax"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.93 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.92 KB ## Dependencies diff --git a/packages/scenegraph/README.md b/packages/scenegraph/README.md index 261270e104..c797fee8e4 100644 --- a/packages/scenegraph/README.md +++ b/packages/scenegraph/README.md @@ -59,7 +59,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const scenegraph = await import("@thi.ng/scenegraph"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 900 bytes +Package sizes (gzipped, pre-treeshake): ESM: 971 bytes ## Dependencies diff --git a/packages/seq/README.md b/packages/seq/README.md index 9072497c0d..f4d0939701 100644 --- a/packages/seq/README.md +++ b/packages/seq/README.md @@ -62,7 +62,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const seq = await import("@thi.ng/seq"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 537 bytes +Package sizes (gzipped, pre-treeshake): ESM: 553 bytes ## Dependencies diff --git a/packages/sexpr/README.md b/packages/sexpr/README.md index 9ace528a88..b8167eb4a8 100644 --- a/packages/sexpr/README.md +++ b/packages/sexpr/README.md @@ -71,7 +71,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const sexpr = await import("@thi.ng/sexpr"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 833 bytes +Package sizes (gzipped, pre-treeshake): ESM: 823 bytes ## Dependencies diff --git a/packages/shader-ast-glsl/README.md b/packages/shader-ast-glsl/README.md index 316062df1d..606dedf7ac 100644 --- a/packages/shader-ast-glsl/README.md +++ b/packages/shader-ast-glsl/README.md @@ -63,7 +63,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const shaderAstGlsl = await import("@thi.ng/shader-ast-glsl"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.33 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.39 KB ## Dependencies diff --git a/packages/shader-ast-js/README.md b/packages/shader-ast-js/README.md index 1b43ab998a..0f836bbdec 100644 --- a/packages/shader-ast-js/README.md +++ b/packages/shader-ast-js/README.md @@ -77,7 +77,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const shaderAstJs = await import("@thi.ng/shader-ast-js"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 5.33 KB +Package sizes (gzipped, pre-treeshake): ESM: 5.76 KB ## Dependencies diff --git a/packages/shader-ast-stdlib/README.md b/packages/shader-ast-stdlib/README.md index aa36bbf1c2..3dc1688f73 100644 --- a/packages/shader-ast-stdlib/README.md +++ b/packages/shader-ast-stdlib/README.md @@ -103,7 +103,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const shaderAstStdlib = await import("@thi.ng/shader-ast-stdlib"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 7.11 KB +Package sizes (gzipped, pre-treeshake): ESM: 7.18 KB ## Dependencies diff --git a/packages/shader-ast/README.md b/packages/shader-ast/README.md index 0a706ca3bc..6f5a305b5b 100644 --- a/packages/shader-ast/README.md +++ b/packages/shader-ast/README.md @@ -194,7 +194,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const shaderAst = await import("@thi.ng/shader-ast"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 5.51 KB +Package sizes (gzipped, pre-treeshake): ESM: 5.60 KB ## Dependencies diff --git a/packages/simd/README.md b/packages/simd/README.md index 0d2c3acb54..616e3454d2 100644 --- a/packages/simd/README.md +++ b/packages/simd/README.md @@ -134,7 +134,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const simd = await import("@thi.ng/simd"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.48 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.44 KB ## Dependencies diff --git a/packages/soa/README.md b/packages/soa/README.md index c8a8b5d2fd..2b93d2327c 100644 --- a/packages/soa/README.md +++ b/packages/soa/README.md @@ -82,7 +82,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const soa = await import("@thi.ng/soa"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.41 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.44 KB ## Dependencies diff --git a/packages/sparse/README.md b/packages/sparse/README.md index bcea18fdcf..de5792f7eb 100644 --- a/packages/sparse/README.md +++ b/packages/sparse/README.md @@ -55,7 +55,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const sparse = await import("@thi.ng/sparse"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 3.54 KB +Package sizes (gzipped, pre-treeshake): ESM: 3.59 KB ## Dependencies diff --git a/packages/strings/README.md b/packages/strings/README.md index 1cc453194d..43f9e2e1e4 100644 --- a/packages/strings/README.md +++ b/packages/strings/README.md @@ -141,7 +141,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const strings = await import("@thi.ng/strings"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 4.11 KB +Package sizes (gzipped, pre-treeshake): ESM: 4.12 KB ## Dependencies diff --git a/packages/system/README.md b/packages/system/README.md index 0f091fb107..3fa841ff7d 100644 --- a/packages/system/README.md +++ b/packages/system/README.md @@ -57,7 +57,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const system = await import("@thi.ng/system"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 414 bytes +Package sizes (gzipped, pre-treeshake): ESM: 425 bytes ## Dependencies diff --git a/packages/testament/README.md b/packages/testament/README.md index 4b52b882cc..c591202b27 100644 --- a/packages/testament/README.md +++ b/packages/testament/README.md @@ -51,7 +51,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const testament = await import("@thi.ng/testament"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.15 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.04 KB ## Dependencies diff --git a/packages/text-canvas/README.md b/packages/text-canvas/README.md index b7985147be..7171f20555 100644 --- a/packages/text-canvas/README.md +++ b/packages/text-canvas/README.md @@ -67,7 +67,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const textCanvas = await import("@thi.ng/text-canvas"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 6.27 KB +Package sizes (gzipped, pre-treeshake): ESM: 5.00 KB ## Dependencies diff --git a/packages/text-format/README.md b/packages/text-format/README.md index 01d76a0826..d516beb655 100644 --- a/packages/text-format/README.md +++ b/packages/text-format/README.md @@ -50,6 +50,8 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const textFormat = await import("@thi.ng/text-format"); ``` +Package sizes (gzipped, pre-treeshake): ESM: 1.46 KB + ## Dependencies - [@thi.ng/api](https://github.com/thi-ng/umbrella/tree/develop/packages/api) @@ -66,6 +68,7 @@ A selection: | Screenshot | Description | Live demo | Source | |:-------------------------------------------------------------------------------------------------------------------------|:---------------------------------------------|:--------------------------------------------------------|:-------------------------------------------------------------------------------------| +| | 3D wireframe textmode demo | [Demo](https://demo.thi.ng/umbrella/text-canvas/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/text-canvas) | | | Textmode image warping w/ 16bit color output | [Demo](https://demo.thi.ng/umbrella/text-canvas-image/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/text-canvas-image) | ## API diff --git a/packages/transducers-binary/README.md b/packages/transducers-binary/README.md index 9096dc12c8..ebbc95df28 100644 --- a/packages/transducers-binary/README.md +++ b/packages/transducers-binary/README.md @@ -69,7 +69,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const transducersBinary = await import("@thi.ng/transducers-binary"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.64 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.70 KB ## Dependencies @@ -88,11 +88,12 @@ directory are using this package. A selection: -| Screenshot | Description | Live demo | Source | -|:------------------------------------------------------------------------------------------------------------------------|:------------------------------------------------------|:-------------------------------------------------------|:------------------------------------------------------------------------------------| -| | Figlet-style bitmap font creation with transducers | [Demo](https://demo.thi.ng/umbrella/bitmap-font/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/bitmap-font) | -| | 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) | -| | 1D Wolfram automata with OBJ point cloud export | [Demo](https://demo.thi.ng/umbrella/wolfram/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/wolfram) | +| Screenshot | Description | Live demo | Source | +|:-------------------------------------------------------------------------------------------------------------------------|:------------------------------------------------------|:--------------------------------------------------------|:-------------------------------------------------------------------------------------| +| | Figlet-style bitmap font creation with transducers | [Demo](https://demo.thi.ng/umbrella/bitmap-font/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/bitmap-font) | +| | 2D transducer based cellular automata | [Demo](https://demo.thi.ng/umbrella/cellular-automata/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/cellular-automata) | +| | 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) | +| | 1D Wolfram automata with OBJ point cloud export | [Demo](https://demo.thi.ng/umbrella/wolfram/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/wolfram) | ## API diff --git a/packages/transducers-fsm/README.md b/packages/transducers-fsm/README.md index 0e74974a24..a68b3c73ba 100644 --- a/packages/transducers-fsm/README.md +++ b/packages/transducers-fsm/README.md @@ -68,7 +68,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const transducersFsm = await import("@thi.ng/transducers-fsm"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 221 bytes +Package sizes (gzipped, pre-treeshake): ESM: 234 bytes ## Dependencies diff --git a/packages/transducers-hdom/README.md b/packages/transducers-hdom/README.md index 52560c1092..93dea210fc 100644 --- a/packages/transducers-hdom/README.md +++ b/packages/transducers-hdom/README.md @@ -85,7 +85,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const transducersHdom = await import("@thi.ng/transducers-hdom"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 291 bytes +Package sizes (gzipped, pre-treeshake): ESM: 297 bytes ## Dependencies @@ -105,10 +105,14 @@ A selection: |:-------------------------------------------------------------------------------------------------------------------------------------|:---------------------------------------------------------------------------------|:----------------------------------------------------------|:---------------------------------------------------------------------------------------| | | Interactive image processing (adaptive threshold) | [Demo](https://demo.thi.ng/umbrella/adaptive-threshold/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/adaptive-threshold) | | | Figlet-style bitmap font creation with transducers | [Demo](https://demo.thi.ng/umbrella/bitmap-font/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/bitmap-font) | +| | Canvas based dial widget | [Demo](https://demo.thi.ng/umbrella/canvas-dial/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/canvas-dial) | | | Basic crypto-currency candle chart with multiple moving averages plots | [Demo](https://demo.thi.ng/umbrella/crypto-chart/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/crypto-chart) | +| | 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) | +| | Doodle w/ K-nearest neighbor search result visualization | [Demo](https://demo.thi.ng/umbrella/geom-knn/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-knn) | | | Mouse gesture / stroke analysis, simplification, corner detection | [Demo](https://demo.thi.ng/umbrella/gesture-analysis/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/gesture-analysis) | | | Interactive pattern drawing demo using transducers | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-draw/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-draw) | | | Various hdom-canvas shape drawing examples & SVG conversion / export | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-shapes) | +| | Isolated, component-local DOM updates | [Demo](https://demo.thi.ng/umbrella/hdom-local-render/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-local-render) | | | Canvas based Immediate Mode GUI components | [Demo](https://demo.thi.ng/umbrella/imgui/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/imgui) | | | Worker based, interactive Mandelbrot visualization | [Demo](https://demo.thi.ng/umbrella/mandelbrot/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/mandelbrot) | | | Minimal Markdown to Hiccup to HTML parser / transformer | [Demo](https://demo.thi.ng/umbrella/markdown/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/markdown) | @@ -116,6 +120,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) | | | 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) | | | Minimal demo of using rstream constructs to form an interceptor-style event loop | [Demo](https://demo.thi.ng/umbrella/rstream-event-loop/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-event-loop) | +| | rstream based UI updates & state handling | [Demo](https://demo.thi.ng/umbrella/rstream-hdom/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-hdom) | | | rstream based spreadsheet w/ S-expression formula DSL | [Demo](https://demo.thi.ng/umbrella/rstream-spreadsheet/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-spreadsheet) | | | hdom based slide deck viewer & slides from my ClojureX 2018 keynote | [Demo](https://demo.thi.ng/umbrella/talk-slides/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/talk-slides) | | | Transducer & rstream based hdom UI updates | [Demo](https://demo.thi.ng/umbrella/transducers-hdom/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/transducers-hdom) | diff --git a/packages/transducers-patch/README.md b/packages/transducers-patch/README.md index 3a020be5f1..669ef25b3f 100644 --- a/packages/transducers-patch/README.md +++ b/packages/transducers-patch/README.md @@ -56,7 +56,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const transducersPatch = await import("@thi.ng/transducers-patch"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 484 bytes +Package sizes (gzipped, pre-treeshake): ESM: 519 bytes ## Dependencies diff --git a/packages/transducers-stats/README.md b/packages/transducers-stats/README.md index b794b9fffc..e3471615d2 100644 --- a/packages/transducers-stats/README.md +++ b/packages/transducers-stats/README.md @@ -80,7 +80,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const transducersStats = await import("@thi.ng/transducers-stats"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.15 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.21 KB ## Dependencies diff --git a/packages/transducers/README.md b/packages/transducers/README.md index 46dd4e5153..3989e3d39b 100644 --- a/packages/transducers/README.md +++ b/packages/transducers/README.md @@ -177,7 +177,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const transducers = await import("@thi.ng/transducers"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 8.53 KB +Package sizes (gzipped, pre-treeshake): ESM: 8.68 KB ## Dependencies @@ -206,24 +206,38 @@ A selection: | | Heatmap visualization of this mono-repo's commits | | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/commit-heatmap) | | | Filterable commit log UI w/ minimal server to provide commit history | [Demo](https://demo.thi.ng/umbrella/commit-table-ssr/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/commit-table-ssr) | | | Basic crypto-currency candle chart with multiple moving averages plots | [Demo](https://demo.thi.ng/umbrella/crypto-chart/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/crypto-chart) | +| | 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) | +| | 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) | +| | 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) | +| | Visualization of different grid iterator strategies | [Demo](https://demo.thi.ng/umbrella/grid-iterators/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/grid-iterators) | | | hdom update performance benchmark w/ config options | [Demo](https://demo.thi.ng/umbrella/hdom-benchmark2/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-benchmark2) | +| | Realtime analog clock demo | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-clock/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-clock) | | | Interactive pattern drawing demo using transducers | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-draw/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-draw) | | | Various hdom-canvas shape drawing examples & SVG conversion / export | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-shapes) | | | Custom dropdown UI component w/ fuzzy search | [Demo](https://demo.thi.ng/umbrella/hdom-dropdown-fuzzy/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-dropdown-fuzzy) | +| | Isolated, component-local DOM updates | [Demo](https://demo.thi.ng/umbrella/hdom-local-render/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-local-render) | +| | Canvas based Immediate Mode GUI components | [Demo](https://demo.thi.ng/umbrella/imgui/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/imgui) | | | Animated sine plasma effect visualized using contour lines | [Demo](https://demo.thi.ng/umbrella/iso-plasma/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/iso-plasma) | | | Transforming JSON into UI components | [Demo](https://demo.thi.ng/umbrella/json-components/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/json-components) | | | Worker based, interactive Mandelbrot visualization | [Demo](https://demo.thi.ng/umbrella/mandelbrot/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/mandelbrot) | | | CLI util to visualize umbrella pkg stats | | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/package-stats) | +| | 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) | +| | 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) | | | 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) | +| | 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) | | | 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) | +| | Minimal rstream dataflow graph | [Demo](https://demo.thi.ng/umbrella/rstream-dataflow/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-dataflow) | | | Minimal demo of using rstream constructs to form an interceptor-style event loop | [Demo](https://demo.thi.ng/umbrella/rstream-event-loop/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-event-loop) | | | Interactive grid generator, SVG generation & export, undo/redo support | [Demo](https://demo.thi.ng/umbrella/rstream-grid/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-grid) | +| | rstream based UI updates & state handling | [Demo](https://demo.thi.ng/umbrella/rstream-hdom/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-hdom) | +| | 2D scenegraph & shape picking | [Demo](https://demo.thi.ng/umbrella/scenegraph/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/scenegraph) | | | Fork-join worker-based raymarch renderer | [Demo](https://demo.thi.ng/umbrella/shader-ast-workers/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-ast-workers) | | | Simplistic SVG bar chart component | [Demo](https://demo.thi.ng/umbrella/svg-barchart/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/svg-barchart) | | | Additive waveform synthesis & SVG visualization with undo/redo | [Demo](https://demo.thi.ng/umbrella/svg-waveform/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/svg-waveform) | +| | hdom based slide deck viewer & slides from my ClojureX 2018 keynote | [Demo](https://demo.thi.ng/umbrella/talk-slides/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/talk-slides) | | | Triple store query results & sortable table | [Demo](https://demo.thi.ng/umbrella/triple-query/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/triple-query) | | | WebGL multi-colored cube mesh | [Demo](https://demo.thi.ng/umbrella/webgl-cube/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-cube) | | | WebGL instancing, animated grid | [Demo](https://demo.thi.ng/umbrella/webgl-grid/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-grid) | diff --git a/packages/vclock/README.md b/packages/vclock/README.md index 0bd0072c5a..6440eb6b8e 100644 --- a/packages/vclock/README.md +++ b/packages/vclock/README.md @@ -88,7 +88,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const vclock = await import("@thi.ng/vclock"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 478 bytes +Package sizes (gzipped, pre-treeshake): ESM: 467 bytes ## Dependencies diff --git a/packages/vector-pools/README.md b/packages/vector-pools/README.md index 9eb48f3179..ca11f5ccd4 100644 --- a/packages/vector-pools/README.md +++ b/packages/vector-pools/README.md @@ -77,7 +77,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const vectorPools = await import("@thi.ng/vector-pools"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 3.00 KB +Package sizes (gzipped, pre-treeshake): ESM: 3.13 KB ## Dependencies diff --git a/packages/vectors/README.md b/packages/vectors/README.md index ee9d5152fa..0119b76fd9 100644 --- a/packages/vectors/README.md +++ b/packages/vectors/README.md @@ -176,7 +176,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const vectors = await import("@thi.ng/vectors"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 12.67 KB +Package sizes (gzipped, pre-treeshake): ESM: 12.82 KB ## Dependencies @@ -209,11 +209,14 @@ A selection: | | Interactive pattern drawing demo using transducers | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-draw/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-draw) | | | 2D Bezier curve-guided particle system | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-particles/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-particles) | | | Various hdom-canvas shape drawing examples & SVG conversion / export | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-shapes) | +| | Canvas based Immediate Mode GUI components | [Demo](https://demo.thi.ng/umbrella/imgui/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/imgui) | | | Animated sine plasma effect visualized using contour lines | [Demo](https://demo.thi.ng/umbrella/iso-plasma/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/iso-plasma) | | | 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) | | | 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) | +| | Minimal shader graph developed during livestream #2 | [Demo](https://demo.thi.ng/umbrella/shader-graph/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-graph) | | | Entity Component System w/ 100k 3D particles | [Demo](https://demo.thi.ng/umbrella/soa-ecs/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/soa-ecs) | | | Compute cubic spline position & tangent using Dual Numbers | [Demo](https://demo.thi.ng/umbrella/spline-tangent/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/spline-tangent) | | | 3D wireframe textmode demo | [Demo](https://demo.thi.ng/umbrella/text-canvas/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/text-canvas) | diff --git a/packages/viz/README.md b/packages/viz/README.md index 22c6649dbb..78b81574aa 100644 --- a/packages/viz/README.md +++ b/packages/viz/README.md @@ -87,7 +87,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const viz = await import("@thi.ng/viz"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 2.52 KB +Package sizes (gzipped, pre-treeshake): ESM: 2.61 KB ## Dependencies diff --git a/packages/webgl-msdf/README.md b/packages/webgl-msdf/README.md index 7224911fc6..63975beda6 100644 --- a/packages/webgl-msdf/README.md +++ b/packages/webgl-msdf/README.md @@ -63,7 +63,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const webglMsdf = await import("@thi.ng/webgl-msdf"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 1.48 KB +Package sizes (gzipped, pre-treeshake): ESM: 1.59 KB ## Dependencies diff --git a/packages/webgl-shadertoy/README.md b/packages/webgl-shadertoy/README.md index b5afc6e1c5..2775da821c 100644 --- a/packages/webgl-shadertoy/README.md +++ b/packages/webgl-shadertoy/README.md @@ -57,7 +57,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const webglShadertoy = await import("@thi.ng/webgl-shadertoy"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 681 bytes +Package sizes (gzipped, pre-treeshake): ESM: 722 bytes ## Dependencies diff --git a/packages/webgl/README.md b/packages/webgl/README.md index 463f5a37a6..2050a0b2c7 100644 --- a/packages/webgl/README.md +++ b/packages/webgl/README.md @@ -99,7 +99,7 @@ node --experimental-specifier-resolution=node --experimental-repl-await > const webgl = await import("@thi.ng/webgl"); ``` -Package sizes (gzipped, pre-treeshake): ESM: 11.90 KB +Package sizes (gzipped, pre-treeshake): ESM: 12.21 KB ## Dependencies