@thi.ng/hdom - npm Package Compare versions

Comparing version 4.0.0 to 4.0.1

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+<a name="4.0.1"></a>
+## [4.0.1](https://github.com/thi-ng/umbrella/compare/@thi.ng/hdom@[e-mail]/hdom@4.0.1) (2018-09-01)
+
+
+
+
+**Note:** Version bump only for package @thi.ng/hdom
+
 <a name="4.0.0"></a>
@@ -8,0 +16,0 @@ # [4.0.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/hdom@[e-mail]/hdom@4.0.0) (2018-08-31)

package.json

 {
     "name": "@thi.ng/hdom",
-    "version": "4.0.0",
+    "version": "4.0.1",
     "description": "Lightweight vanilla ES6 UI component & virtual DOM system",
@@ -5,0 +5,0 @@ "main": "./index.js",

README.md

@@ -13,2 +13,14 @@ # @thi.ng/hdom
     - [Minimal example #2 (reactive state & transducer update)](#minimal-example-2-reactive-state--transducer-update)
+- [Example projects](#example-projects)
+    - [Realtime crypto candle chart](#realtime-crypto-candle-chart)
+    - [Git commit log table](#git-commit-log-table)
+    - [Interactive SVG grid generator](#interactive-svg-grid-generator)
+    - [Interactive additive waveform visualization & SVG visualization](#interactive-additive-waveform-visualization--svg-visualization)
+    - [Dataflow graph SVG components](#dataflow-graph-svg-components)
+    - [Canvas based radial dial input widget](#canvas-based-radial-dial-input-widget)
+    - [SPA with router and event bus](#spa-with-router-and-event-bus)
+    - [Multiple apps with & without shared state](#multiple-apps-with--without-shared-state)
+    - [Interceptor based event handling](#interceptor-based-event-handling)
+    - [Todo list (w/ undo/redo)](#todo-list-w-undoredo)
+    - [SVG particles](#svg-particles)
     - [Component tree translation](#component-tree-translation)
@@ -23,13 +35,2 @@ - [Event & state handling options](#event--state-handling-options)
     - [Component objects & life cycle methods](#component-objects--life-cycle-methods)
-- [Example projects](#example-projects)
-    - [Realtime crypto chart](#realtime-crypto-chart)
-    - [Interactive SVG grid generator](#interactive-svg-grid-generator)
-    - [Interactive additive waveform visualization](#interactive-additive-waveform-visualization)
-    - [Dataflow graph SVG components](#dataflow-graph-svg-components)
-    - [SPA with router and event bus](#spa-with-router-and-event-bus)
-    - [Additive waveform synthesis & SVG visualization](#additive-waveform-synthesis--svg-visualization)
-    - [Multiple apps with & without shared state](#multiple-apps-with--without-shared-state)
-    - [Interceptor based event handling](#interceptor-based-event-handling)
-    - [Todo list](#todo-list)
-    - [SVG particles](#svg-particles)
     - [Benchmark](#benchmark)
@@ -47,2 +48,4 @@ - [Authors](#authors)
 [@thi.ng/hiccup](https://github.com/thi-ng/umbrella/tree/master/packages/hiccup).
+hdom is *very* flexible and supports many different workflows and means
+to perform DOM updates...
 
@@ -64,5 +67,7 @@ - Use the full expressiveness of ES6 / TypeScript to define, annotate &
   component functions)
-- CSS conversion from JS objects for `style` attribs
+- CSS conversion from JS objects for `style` attribs (for full
+  hiccup-based CSS-in-JS generation also see:
+  [@thi.ng/hiccup-css](https://github.com/thi-ng/umbrella/tree/master/packages/hiccup-css))
 - Auto-deref of embedded value wrappers which implement the
-  [@thi.ng/api/IDeref](https://github.com/thi-ng/umbrella/tree/master/packages/api/api)
+  [`IDeref`](https://github.com/thi-ng/umbrella/tree/master/packages/api/api)
   interface (e.g. atoms, cursors, derived views, streams etc.)
@@ -72,5 +77,2 @@ - Fairly fast (see benchmark example below)
 
-hdom is *very* flexible and supports different workflows and means to
-update a DOM...
-
 In addition to the descriptions in this file, [further information and
@@ -155,3 +157,3 @@ examples are available in the
 // then updates whenever any input has changed
-sync({
+rs.sync({
     // streams to synchronize
@@ -176,2 +178,89 @@ src: {
 
+## Example projects
+
+Most of the 25
+[examples](https://github.com/thi-ng/umbrella/tree/master/examples)
+included in this repo are using this package in one way or another.
+Please check them out to learn more. Each is heavily commented, incl.
+best practice notes.
+
+Non-exhaustive list:
+
+### Realtime crypto candle chart
+
+![screenshot](https://raw.githubusercontent.com/thi-ng/umbrella/master/assets/screenshots/crypto-chart.png)
+
+[Source](https://github.com/thi-ng/umbrella/tree/master/examples/crypto-chart) |
+[Live version](https://demo.thi.ng/umbrella/crypto-chart/)
+
+### Git commit log table
+
+![screenshot](https://raw.githubusercontent.com/thi-ng/umbrella/master/assets/screenshots/commit-table-ssr.png)
+
+[Source](https://github.com/thi-ng/umbrella/tree/master/examples/commit-table-ssr) |
+[Live version](https://demo.thi.ng/umbrella/commit-table-ssr/)
+
+### Interactive SVG grid generator
+
+![screenshot](https://raw.githubusercontent.com/thi-ng/umbrella/master/assets/screenshots/rstream-grid.png)
+
+[Source](https://github.com/thi-ng/umbrella/tree/master/examples/rstream-grid) |
+[Live version](https://demo.thi.ng/umbrella/rstream-grid/)
+
+### Interactive additive waveform visualization & SVG visualization
+
+![screenshot](https://raw.githubusercontent.com/thi-ng/umbrella/master/assets/screenshots/svg-waveform.png)
+
+[Source](https://github.com/thi-ng/umbrella/tree/master/examples/svg-waveform) |
+[Live version](https://demo.thi.ng/umbrella/svg-waveform/)
+
+### Dataflow graph SVG components
+
+![screenshot](https://raw.githubusercontent.com/thi-ng/umbrella/master/assets/screenshots/estuary.png)
+
+This is a preview of the WIP
+[@thi.ng/estuary](https://github.com/thi-ng/umbrella/tree/feature/estuary/packages/estuary)
+package:
+
+[Source](https://github.com/thi-ng/umbrella/tree/feature/estuary/packages/estuary)
+| [Live version](https://demo.thi.ng/umbrella/estuary/)
+
+### Canvas based radial dial input widget
+
+![screenshot](https://raw.githubusercontent.com/thi-ng/umbrella/master/assets/screenshots/canvas-dial.png)
+
+[Source](https://github.com/thi-ng/umbrella/tree/master/examples/canvas-dial) |
+[Live version](https://demo.thi.ng/umbrella/canvas-dial/)
+
+### SPA with router and event bus
+
+Based on the `create-hdom-app` project scaffolding, this is one of the
+more advanced demos, combining functionality of several other @thi.ng
+packages.
+
+[Source](https://github.com/thi-ng/umbrella/tree/master/examples/router-basics)
+| [Live version](https://demo.thi.ng/umbrella/router-basics/)
+
+### Multiple apps with & without shared state
+
+Devcards style BMI calculator(s) with basic SVG viz.
+
+[Source](https://github.com/thi-ng/umbrella/tree/master/examples/devcards)
+| [Live version](https://demo.thi.ng/umbrella/devcards/)
+
+### Interceptor based event handling
+
+[Source](https://github.com/thi-ng/umbrella/tree/master/examples/interceptor-basics)
+| [Live version](https://demo.thi.ng/umbrella/interceptor-basics/)
+
+### Todo list (w/ undo/redo)
+
+[Source](https://github.com/thi-ng/umbrella/tree/master/examples/todo-list)
+| [Live version](https://demo.thi.ng/umbrella/todo-list/)
+
+### SVG particles
+
+[Source](https://github.com/thi-ng/umbrella/tree/master/examples/svg-particles)
+| [Live version](https://demo.thi.ng/umbrella/svg-particles/)
+
 ### Component tree translation
@@ -185,2 +274,5 @@
 
+**Note: hdom uses a RAF render loop only by default, but is absolutely
+no way tied to this.**
+
 ![hdom dataflow](https://raw.githubusercontent.com/thi-ng/umbrella/master/assets/hdom-dataflow.png)
@@ -512,67 +604,2 @@
 
-## Example projects
-
-Most of the 25
-[examples](https://github.com/thi-ng/umbrella/tree/master/examples)
-included in this repo are using this package in one way or another.
-Please check them out to learn more. Each is heavily commented, incl.
-best practice notes.
-
-Non-exhaustive list:
-
-### Realtime crypto chart
-
-[Source](https://github.com/thi-ng/umbrella/tree/master/examples/crypto-chart) |
-[Live version](https://demo.thi.ng/umbrella/crypto-chart/)
-
-### Interactive SVG grid generator
-
-[Source](https://github.com/thi-ng/umbrella/tree/master/examples/rstream-grid) |
-[Live version](https://demo.thi.ng/umbrella/rstream-grid/)
-
-### Interactive additive waveform visualization
-
-[Source](https://github.com/thi-ng/umbrella/tree/master/examples/svg-waveform) |
-[Live version](https://demo.thi.ng/umbrella/svg-waveform/)
-
-### Dataflow graph SVG components
-
-This is a preview of the upcoming
-[@thi.ng/estuary](https://github.com/thi-ng/umbrella/tree/feature/estuary/packages/estuary)
-package:
-
-[Source](https://github.com/thi-ng/umbrella/tree/feature/estuary/packages/estuary) | [Live version](https://demo.thi.ng/umbrella/estuary/)
-
-### SPA with router and event bus
-
-Based on the `create-hdom-app` project scaffolding, this is one of the
-more advanced demos, combining functionality of several other @thi.ng
-packages.
-
-[Source](https://github.com/thi-ng/umbrella/tree/master/examples/router-basics) | [Live version](https://demo.thi.ng/umbrella/router-basics/)
-
-### Additive waveform synthesis & SVG visualization
-
-[Source](https://github.com/thi-ng/umbrella/tree/master/examples/svg-waveform) | [Live version](https://demo.thi.ng/umbrella/svg-waveform/)
-
-### Multiple apps with & without shared state
-
-Devcards style BMI calculator(s) with basic SVG viz.
-
-[Source](https://github.com/thi-ng/umbrella/tree/master/examples/devcards) | [Live version](https://demo.thi.ng/umbrella/devcards/)
-
-### Interceptor based event handling
-
-[Source](https://github.com/thi-ng/umbrella/tree/master/examples/interceptor-basics) | [Live version](https://demo.thi.ng/umbrella/interceptor-basics/)
-
-### Todo list
-
-A fully documented, obligatory todo list app with undo / redo.
-
-[Source](https://github.com/thi-ng/umbrella/tree/master/examples/todo-list) | [Live version](https://demo.thi.ng/umbrella/todo-list/)
-
-### SVG particles
-
-[Source](https://github.com/thi-ng/umbrella/tree/master/examples/svg-particles) | [Live version](https://demo.thi.ng/umbrella/svg-particles/)
-
 ### Benchmark
@@ -579,0 +606,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

84770

increased by1.6%

Number of lines in readme file

619

increased by4.56%

No dependency changes