stickyflow 0.9.3 → 0.11.0

package/CHANGELOG.md

@@ -17,6 +17,26 @@ Two things count as breaking here that are easy to overlook:
 
 ## [Unreleased]
 
+## [0.11.0] - 2026-10-28
+
+### Added
+
+- The component `hand`, a hand of a clock or a gauge. It turns about the middle of its box, clockwise from the top, by `value / max` of a full circle, so every hand of a face has the same box and the same pivot. `length`, `tail` and `gap` are shares of the radius, `width` and `taper` give its shape, and `color`, `root`, `fade` and `tipFade` give a gradient along it, as the tail of a comet. `tipFade` dissolves it towards its tip, and `fade` towards its root or, with a `tail`, towards the end of the tail. `soft` makes it a trail of light that runs out from the pivot, of three blurred layers that are brightest at the pivot (a wide short glow, a tapering body and a thin core), and `bloom` puts a blurred light under a crisp hand that is brightest at the pivot and runs out along the hand. `glow` is a light round it, and `hub` with `hubFill` and `hubRing` is a cap on the pivot. It is drawn as SVG, without a shader. It has no interaction.
+- The shader program `waves`, a round face of layered waves that drift. Its parameters are `layers`, `level`, `amplitude`, `frequency`, `tilt`, `softness`, `edge`, `shade`, `glow`, `vignette`, `grain`, `speed` and `intensity`, with the colors `color`, `accent`, `cool` and `highlight`. It needs a `circle` or an `oval`.
+- The shader program `vortex`, a round face of soft rings around a dark eye. Its parameters are `rings`, `ringWidth`, `variation`, `twist`, `arms`, `wobble`, `offsetX`, `offsetY`, `squash`, `eye`, `angle`, `spread`, `glow`, `gloss`, `glossHeight`, `vignette`, `grain`, `speed` and `intensity`, with the colors `color`, `accent` and `cool`. It needs a `circle` or an `oval`.
+
+- The block `Image`, a picture on the canvas. `src` is the address of the file, `fit` is `cover`, `contain` or `fill`, and `imageSize` with `crop` (both in pixels of the file) show only a part of it. It moves, scales, turns and layers like a shape, and `shape`, `cornerRadius`, `stroke`, `opacity`, `blur` and `blend` work on it. `insertCanvasObject` takes the kind `image`.
+
+### Changed
+
+- A shader surface is no longer built again when the drawing is patched. It keeps its compiled program and takes the new parameters, so a slider that moves a parameter and a source that changes every second do not compile the shader each time. A shader that replaces the fill of its shape (`tickScale`, `ruler`, `button`, `plasmaGauge`, `reactivePanel`, `smearOrb`, `chromaticGlassPlate`) is still built again.
+
+## [0.10.0] - 2026-10-28
+
+### Added
+
+- The `Template` and `Use` blocks describe blocks once and set them again and again. A `Template` holds the blocks, and its own properties are the parameters with their default values, as `color: "#c4315f"`. A `Use` names the Template after the colon, as in `Use oak : tree`, and gives `at` for the place and a value for any parameter. In the blocks of the Template, `x` and `y` are the place of the Use, the parameters are names, and the computed values of `Repeat` work, so `size: 12, height * 1.6, 12` is valid. The blocks that a Use makes are named after it, as `oak_trunk`. A `Use` can be in a `Repeat`, so a wood is a Repeat of Uses, and a Template can use another one up to four deep. Both are worked out when a document is read, as `Repeat` is, and the text is not changed. Removing a block that a Use made removes the Use, or the cell of the Repeat that holds it.
+
 ## [0.9.3] - 2026-10-28
 
 ### Fixed

package/README.md

@@ -174,7 +174,7 @@ Binding and live input need only `stickyflow/binding` and `stickyflow/viewer`. E
 
 ## What it draws
 
-Shapes, links, frames, swimlanes, paths and text. Fifteen chart types. Isometric objects. A Repeat block puts many alike parts on a grid from a few lines. Shader surfaces and components. Data sources with bindings, and events with handlers, so a document can react to data and input.
+Shapes, links, frames, swimlanes, paths and text. Fifteen chart types. Isometric objects. A Repeat block puts many alike parts on a grid from a few lines. A Template describes a part once, and a Use sets it again with values of its own. Shader surfaces and components. Data sources with bindings, and events with handlers, so a document can react to data and input.
 
 ## Principles
 

package/dist/binding/index.cjs

@@ -1,34 +1,34 @@
 'use strict';
 
-var chunk2GKXPZRL_cjs = require('../chunk-2GKXPZRL.cjs');
-require('../chunk-EURX7QT3.cjs');
-require('../chunk-C25NWWIH.cjs');
+var chunkFXGXUWSI_cjs = require('../chunk-FXGXUWSI.cjs');
+require('../chunk-5G3BEXQU.cjs');
+require('../chunk-UHKFJBY5.cjs');
 
 
 
 Object.defineProperty(exports, "buildBindingGraph", {
   enumerable: true,
-  get: function () { return chunk2GKXPZRL_cjs.buildBindingGraph; }
+  get: function () { return chunkFXGXUWSI_cjs.buildBindingGraph; }
 });
 Object.defineProperty(exports, "collectContracts", {
   enumerable: true,
-  get: function () { return chunk2GKXPZRL_cjs.collectContracts; }
+  get: function () { return chunkFXGXUWSI_cjs.collectContracts; }
 });
 Object.defineProperty(exports, "createBindingRuntime", {
   enumerable: true,
-  get: function () { return chunk2GKXPZRL_cjs.createBindingRuntime; }
+  get: function () { return chunkFXGXUWSI_cjs.createBindingRuntime; }
 });
 Object.defineProperty(exports, "createDataSource", {
   enumerable: true,
-  get: function () { return chunk2GKXPZRL_cjs.createDataSource; }
+  get: function () { return chunkFXGXUWSI_cjs.createDataSource; }
 });
 Object.defineProperty(exports, "interactiveElements", {
   enumerable: true,
-  get: function () { return chunk2GKXPZRL_cjs.interactiveElements; }
+  get: function () { return chunkFXGXUWSI_cjs.interactiveElements; }
 });
 Object.defineProperty(exports, "renderBound", {
   enumerable: true,
-  get: function () { return chunk2GKXPZRL_cjs.renderBound; }
+  get: function () { return chunkFXGXUWSI_cjs.renderBound; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/binding/index.d.cts

@@ -1,7 +1,7 @@
-import { S as SflDocument, D as DataSourceContract, B as BindingDiagnostic } from '../runtimeTypes-CvjlBZds.cjs';
-export { a as BindingGraph, b as BindingRuntime, c as BindingRuntimeOptions, d as BindingTarget, e as BindingType, f as BindingValue, g as BoundAssignment, h as BoundHandler, i as BoundProperty, j as DataSource, E as ElementInfo, k as ElementState, I as InteractiveElements, M as MutableDataSource, l as buildBindingGraph, m as createDataSource, n as interactiveElements } from '../runtimeTypes-CvjlBZds.cjs';
-export { R as RenderBoundOptions, c as createBindingRuntime, r as renderBound } from '../runtime-DG8X3Fwf.cjs';
-import '../render-DU4lYbRl.cjs';
+import { S as SflDocument, D as DataSourceContract, B as BindingDiagnostic } from '../runtimeTypes-B7p6b1Bi.cjs';
+export { a as BindingGraph, b as BindingRuntime, c as BindingRuntimeOptions, d as BindingTarget, e as BindingType, f as BindingValue, g as BoundAssignment, h as BoundHandler, i as BoundProperty, j as DataSource, E as ElementInfo, k as ElementState, I as InteractiveElements, M as MutableDataSource, l as buildBindingGraph, m as createDataSource, n as interactiveElements } from '../runtimeTypes-B7p6b1Bi.cjs';
+export { R as RenderBoundOptions, c as createBindingRuntime, r as renderBound } from '../runtime-C-C5v9po.cjs';
+import '../render-BDO4S5uF.cjs';
 
 declare function collectContracts(sflDocument: SflDocument): {
     contracts: Map<string, DataSourceContract>;

package/dist/binding/index.d.ts

@@ -1,7 +1,7 @@
-import { S as SflDocument, D as DataSourceContract, B as BindingDiagnostic } from '../runtimeTypes-vRaHOIHi.js';
-export { a as BindingGraph, b as BindingRuntime, c as BindingRuntimeOptions, d as BindingTarget, e as BindingType, f as BindingValue, g as BoundAssignment, h as BoundHandler, i as BoundProperty, j as DataSource, E as ElementInfo, k as ElementState, I as InteractiveElements, M as MutableDataSource, l as buildBindingGraph, m as createDataSource, n as interactiveElements } from '../runtimeTypes-vRaHOIHi.js';
-export { R as RenderBoundOptions, c as createBindingRuntime, r as renderBound } from '../runtime-kqD1RS17.js';
-import '../render-DU4lYbRl.js';
+import { S as SflDocument, D as DataSourceContract, B as BindingDiagnostic } from '../runtimeTypes-BDA_CfWh.js';
+export { a as BindingGraph, b as BindingRuntime, c as BindingRuntimeOptions, d as BindingTarget, e as BindingType, f as BindingValue, g as BoundAssignment, h as BoundHandler, i as BoundProperty, j as DataSource, E as ElementInfo, k as ElementState, I as InteractiveElements, M as MutableDataSource, l as buildBindingGraph, m as createDataSource, n as interactiveElements } from '../runtimeTypes-BDA_CfWh.js';
+export { R as RenderBoundOptions, c as createBindingRuntime, r as renderBound } from '../runtime-lCAfU-1Q.js';
+import '../render-BDO4S5uF.js';
 
 declare function collectContracts(sflDocument: SflDocument): {
     contracts: Map<string, DataSourceContract>;

package/dist/binding/index.js

@@ -1,5 +1,5 @@
-export { buildBindingGraph, collectContracts, createBindingRuntime, createDataSource, interactiveElements, renderBound } from '../chunk-XNNNIOJU.js';
-import '../chunk-G2N3KJYJ.js';
-import '../chunk-Q6FBISNP.js';
+export { buildBindingGraph, collectContracts, createBindingRuntime, createDataSource, interactiveElements, renderBound } from '../chunk-UB2ANTWF.js';
+import '../chunk-Q6QLU6YQ.js';
+import '../chunk-G6IW2IX3.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map