stickyflow 0.8.0 → 0.9.1

package/CHANGELOG.md

@@ -17,6 +17,23 @@ Two things count as breaking here that are easy to overlook:
 
 ## [Unreleased]
 
+## [0.9.1] - 2026-10-28
+
+### Fixed
+
+- The view of a document that fits to its content no longer counts what a frame with `clip` cuts off. A poster in a clipping frame, with a scene that runs past its edge, was shown very small because the view was fitted to the whole scene. It is now fitted to the frame. A frame that is turned is not yet taken into account.
+
+## [0.9.0] - 2026-10-28
+
+### Added
+
+- The `Repeat` block puts the blocks in it on a grid, one set for every cell, so a scene of hundreds of equal parts is a few lines. `columns` and `rows` (or `count`) set the grid, `step` the distance between cells and `origin` where it starts. In the blocks inside, a value can be computed: `col`, `row`, `index`, `x` and `y` are the cell, and `+ - * /`, comparisons, `floor`, `round`, `abs`, `min`, `max`, `sin`, `cos`, `sqrt`, `when(condition, a, b)`, `random(low, high)` and `pick(a, b, c)` work out the rest, as in `position: (x - y) * 0.866, (x + y) * 0.5` and `fill: pick("#79b04c", "#6aa84a")`. `seed` makes `random` and `pick` give the same result every time, `jitter` shifts every cell by up to that many units, `chance` keeps only that share of the cells, `where` keeps the cells for which an expression is true, and `order: diagonal` makes the cells from the back to the front of an isometric scene. Any other computed property of the Repeat is a name for the blocks in it, like a height worked out once. `mix(color, color, amount)` blends two colors and `shade(color, factor)` makes one lighter or darker, and `exp`, `pow` and `dist` give soft patches of color. A Repeat is turned into plain blocks when a document is read. The text is not changed, and a document without a Repeat reads exactly as before.
+- `seams: false` in the style of an `Isometric` block leaves out the light lines along the edges of its box, so a scene of many blocks has no outlines. They are drawn unless it is `false`.
+- `blend` in the style of a `Shape` sets how it mixes with what lies under it: `multiply`, `screen`, `overlay`, `darken`, `lighten`, `color-dodge`, `color-burn`, `hard-light`, `soft-light`, `difference`, `exclusion`, `hue`, `saturation`, `color` or `luminosity`. With `multiply`, layers of colored glass darken each other where they overlap, as in a print. Left out, a shape covers what is under it.
+- The shader program `glassDots` fills a circle with an uneven cloud of color whose edge bleeds out into the dark, and lays a grid of round glass dots over it. Every dot is a lens with a gradient of its own: it is lighter on the side that faces the middle and darker on the side that faces out, and the dots near the edge of the cloud are nearly black on their outer side. The cloud runs through `colorA` (light side), `colorB` (base), `colorC` (cool side) and `colorD` (hot patch), with a glow in `rimColor` around it. `spread`, `warp` and `glow` set how far the cloud reaches, how uneven its edge is and how strong the glow is, `lens` the darkening of the dots, and `dots`, `dotSize`, `stagger`, `angle`, `grain`, `intensity` and `speed` the rest. `sphere` is an extra: it wraps the grid round a ball, so the dots turn to ellipses toward the rim, lined up to the middle. It is `0` (flat) by default. The shader draws its own rectangle, so it also works on a `rectangle` or a `rounded_rectangle`, where the dots run on over the whole surface and some lie wholly outside the cloud: `scatter` is how many of them are drawn there, in the dark glow color. On a circle the picture ends at the edge of the circle, unless `round` is `0`.
+- `clip: true` in the style of a `Container` of `kind: frame` cuts everything that sits in it at the edge of the frame, with its rounded corners. It works for turned shapes too. Text is not cut, because a text has no style to carry the clip.
+- `blur` in the style of a `Shape` softens the whole shape. It is the spread in pixels, and `0` or no value keeps the edge sharp. A blurred shape keeps room around it, so the soft edge is not cut off.
+
 ## [0.8.0] - 2026-10-28
 
 ### Added

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. 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. 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 chunkXPM3E7NV_cjs = require('../chunk-XPM3E7NV.cjs');
-require('../chunk-VOYX6JMW.cjs');
-require('../chunk-LNW5VIEA.cjs');
+var chunkBL5NCXS4_cjs = require('../chunk-BL5NCXS4.cjs');
+require('../chunk-5EY7EK5V.cjs');
+require('../chunk-QL7MNEMT.cjs');
 
 
 
 Object.defineProperty(exports, "buildBindingGraph", {
   enumerable: true,
-  get: function () { return chunkXPM3E7NV_cjs.buildBindingGraph; }
+  get: function () { return chunkBL5NCXS4_cjs.buildBindingGraph; }
 });
 Object.defineProperty(exports, "collectContracts", {
   enumerable: true,
-  get: function () { return chunkXPM3E7NV_cjs.collectContracts; }
+  get: function () { return chunkBL5NCXS4_cjs.collectContracts; }
 });
 Object.defineProperty(exports, "createBindingRuntime", {
   enumerable: true,
-  get: function () { return chunkXPM3E7NV_cjs.createBindingRuntime; }
+  get: function () { return chunkBL5NCXS4_cjs.createBindingRuntime; }
 });
 Object.defineProperty(exports, "createDataSource", {
   enumerable: true,
-  get: function () { return chunkXPM3E7NV_cjs.createDataSource; }
+  get: function () { return chunkBL5NCXS4_cjs.createDataSource; }
 });
 Object.defineProperty(exports, "interactiveElements", {
   enumerable: true,
-  get: function () { return chunkXPM3E7NV_cjs.interactiveElements; }
+  get: function () { return chunkBL5NCXS4_cjs.interactiveElements; }
 });
 Object.defineProperty(exports, "renderBound", {
   enumerable: true,
-  get: function () { return chunkXPM3E7NV_cjs.renderBound; }
+  get: function () { return chunkBL5NCXS4_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-BYODuxHk.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-BYODuxHk.cjs';
-export { R as RenderBoundOptions, c as createBindingRuntime, r as renderBound } from '../runtime-DIag-XBa.cjs';
-import '../render-Bp2FLEzv.cjs';
+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';
 
 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-C7sSLfOK.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-C7sSLfOK.js';
-export { R as RenderBoundOptions, c as createBindingRuntime, r as renderBound } from '../runtime-CWIGxRcL.js';
-import '../render-Bp2FLEzv.js';
+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';
 
 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-CZW3ARXQ.js';
-import '../chunk-MAPNY7MJ.js';
-import '../chunk-GLZVHUSW.js';
+export { buildBindingGraph, collectContracts, createBindingRuntime, createDataSource, interactiveElements, renderBound } from '../chunk-IKTSCLIK.js';
+import '../chunk-TH2HFMEL.js';
+import '../chunk-D2266VBZ.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map