npm - @thi.ng/grid-iterators - Versions diffs - 2.1.1 → 2.2.2 - Mend

@thi.ng/grid-iterators 2.1.1 → 2.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,96 +1,130 @@
 # Change Log
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-## [2.1.1](https://github.com/thi-ng/umbrella/compare/@thi.ng/grid-iterators@2.1.0...@thi.ng/grid-iterators@2.1.1) (2021-11-04)
-**Note:** Version bump only for package @thi.ng/grid-iterators
+- **Last updated**: 2021-11-21T17:09:28Z
+- **Generator**: [thi.ng/monopub](https://thi.ng/monopub)
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org/) for commit guidelines.
+**Note:** Unlisted _patch_ versions only involve non-code or otherwise excluded changes
+and/or version bumps of transitive dependencies.
-# [2.1.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/grid-iterators@2.0.6...@thi.ng/grid-iterators@2.1.0) (2021-11-03)
-### Bug Fixes
-* **grid-iterators:** fix imports, readme ([adff976](https://github.com/thi-ng/umbrella/commit/adff976f8b370108fbc29796a39f243513bc5504))
+## [2.2.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/grid-iterators@2.2.0) (2021-11-17)
-### Features
+#### 🚀 Features
-* **grid-iterators:** add clipped shape iterators ([611f0da](https://github.com/thi-ng/umbrella/commit/611f0da940ab05e1e88b3daafb6cacb8297580a5))
-* **grid-iterators:** add floodFill(), update deps ([4634cf1](https://github.com/thi-ng/umbrella/commit/4634cf14aed00837068ffa6a77735f5ab04faf73))
-* **pixel:** add flood fill functions ([65796b9](https://github.com/thi-ng/umbrella/commit/65796b96fe77d5c4b999dd8cedfd142ea243a200))
+- Using workspaces for local tools ([bf7a404](https://github.com/thi-ng/umbrella/commit/bf7a404))
+  Improving the overall build ergonomics
+  - introduced a tools workspaces
+  - imported it in all needed packages/examples
+  - inclusive project root
+#### ♻️ Refactoring
+- testrunner to binary ([4ebbbb2](https://github.com/thi-ng/umbrella/commit/4ebbbb2))
+  this commit reverts (partly) changes made in:
+  ef346d7a8753590dc9094108a3d861a8dbd5dd2c
+  overall purpose is better testament ergonomics:
+  instead of having to pass NODE_OPTIONS with every invocation
+  having a binary to handle this for us.
+## [2.1.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/grid-iterators@2.1.0) (2021-11-03)
+#### 🚀 Features
-# [2.0.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/grid-iterators@1.0.5...@thi.ng/grid-iterators@2.0.0) (2021-10-12)
+- add clipped shape iterators ([611f0da](https://github.com/thi-ng/umbrella/commit/611f0da))
+  - add generic clipped() filter iterator
+  - add circleClipped()
+  - add [hv]lineClipped()
+- add flood fill functions ([65796b9](https://github.com/thi-ng/umbrella/commit/65796b9))
+- add floodFill(), update deps ([4634cf1](https://github.com/thi-ng/umbrella/commit/4634cf1))
+#### 🩹 Bug fixes
-### Build System
+- fix imports, readme ([adff976](https://github.com/thi-ng/umbrella/commit/adff976))
-* major update of ALL pkgs (export maps, ESM only) ([0d1d6ea](https://github.com/thi-ng/umbrella/commit/0d1d6ea9fab2a645d6c5f2bf2591459b939c09b6))
+#### ♻️ Refactoring
+- update floodFill() predicate type ([dec44e0](https://github.com/thi-ng/umbrella/commit/dec44e0))
+  - update docs
+- update clipped shape iters ([dc065ed](https://github.com/thi-ng/umbrella/commit/dc065ed))
+  - better pre-clipping for circle/line
+  - intern intersection/clipping helpers
+- replace/re-use asInt() helper ([1b80de4](https://github.com/thi-ng/umbrella/commit/1b80de4))
-### BREAKING CHANGES
+### [2.0.1](https://github.com/thi-ng/umbrella/tree/@thi.ng/grid-iterators@2.0.1) (2021-10-13)
-* discontinue CommonJS & UMD versions
+#### ♻️ Refactoring
-- only ESM modules will be published from now on
-- CJS obsolete due to ESM support in recent versions of node:
-  - i.e. launch NodeJS via:
-  - `node --experimental-specifier-resolution=node --experimental-repl-await`
-  - in the node REPL use `await import(...)` instead of `require()`
-- UMD obsolete due to widespread browser support for ESM
+- update imports in all tests/pkgs ([effd591](https://github.com/thi-ng/umbrella/commit/effd591))
+- update imports in all pkgs ([5fa2b6f](https://github.com/thi-ng/umbrella/commit/5fa2b6f))
+  - add .js suffix for all relative imports
-Also:
-- normalize/restructure/reorg all package.json files
-- cleanup all build scripts, remove obsolete
-- switch from mocha to @thi.ng/testament for all tests
+# [2.0.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/grid-iterators@2.0.0) (2021-10-12)
+#### 🛑 Breaking changes
+- major update of ALL pkgs (export maps, ESM only) ([0d1d6ea](https://github.com/thi-ng/umbrella/commit/0d1d6ea))
+- BREAKING CHANGE: discontinue CommonJS & UMD versions
+  - only ESM modules will be published from now on
+  - CJS obsolete due to ESM support in recent versions of node:
+    - i.e. launch NodeJS via:
+    - `node --experimental-specifier-resolution=node --experimental-repl-await`
+    - in the node REPL use `await import(...)` instead of `require()`
+  - UMD obsolete due to widespread browser support for ESM
+  Also:
+  - normalize/restructure/reorg all package.json files
+  - cleanup all build scripts, remove obsolete
+  - switch from mocha to [@thi.ng/testament](https://github.com/thi-ng/umbrella/tree/main/packages/testament) for all tests
+#### ♻️ Refactoring
+- minor pkg restructure (various) ([47f88d2](https://github.com/thi-ng/umbrella/commit/47f88d2))
+- update imports (transducers) ([cab1ea8](https://github.com/thi-ng/umbrella/commit/cab1ea8))
+- update imports ([138571a](https://github.com/thi-ng/umbrella/commit/138571a))
+- update all test stubs ([f2d6d53](https://github.com/thi-ng/umbrella/commit/f2d6d53))
+- update all tests in _all_ pkgs ([8b582bc](https://github.com/thi-ng/umbrella/commit/8b582bc))
+  - update all to use [@thi.ng/testament](https://github.com/thi-ng/umbrella/tree/main/packages/testament)
+### [0.4.24](https://github.com/thi-ng/umbrella/tree/@thi.ng/grid-iterators@0.4.24) (2021-03-03)
-##  [1.0.5](https://github.com/thi-ng/umbrella/compare/@thi.ng/grid-iterators@1.0.4...@thi.ng/grid-iterators@1.0.5) (2021-09-03)
+#### 🩹 Bug fixes
-**Note:** Version bump only for package @thi.ng/grid-iterators
+- enforce int coords ([e8e570f](https://github.com/thi-ng/umbrella/commit/e8e570f))
-##  [0.4.24](https://github.com/thi-ng/umbrella/compare/@thi.ng/grid-iterators@0.4.23...@thi.ng/grid-iterators@0.4.24) (2021-03-03)
+### [0.4.15](https://github.com/thi-ng/umbrella/tree/@thi.ng/grid-iterators@0.4.15) (2020-12-07)
-###  Bug Fixes
+#### ♻️ Refactoring
-- **grid-iterators:** enforce int coords ([e8e570f](https://github.com/thi-ng/umbrella/commit/e8e570fa57640569554084a846cbde54966c0b06))
+- update type-only imports in various tests/pkgs ([3fd9c24](https://github.com/thi-ng/umbrella/commit/3fd9c24))
-#  [0.4.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/grid-iterators@0.3.17...@thi.ng/grid-iterators@0.4.0) (2020-06-20)
+## [0.4.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/grid-iterators@0.4.0) (2020-06-20)
-###  Features
+#### 🚀 Features
-- **grid-iterators:** add new iterators ([e08985e](https://github.com/thi-ng/umbrella/commit/e08985ee07a2bc449e4f2126191a96261ef6dfb0))
+- add new iterators ([e08985e](https://github.com/thi-ng/umbrella/commit/e08985e))
+  - add columns, rows
+  - add columnEnds, diagonalEnds, rowEnds
-#  [0.3.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/grid-iterators@0.2.3...@thi.ng/grid-iterators@0.3.0) (2020-02-25)
+## [0.3.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/grid-iterators@0.3.0) (2020-02-25)
-###  Features
+#### 🚀 Features
-- **grid-iterators:** add line & circle iterators ([a6b757d](https://github.com/thi-ng/umbrella/commit/a6b757dd350e46404bfd2f82e58d8a3bc2c5b133))
+- add line & circle iterators ([a6b757d](https://github.com/thi-ng/umbrella/commit/a6b757d))
+  - add line(), hline(), vline()
+  - add circle()
-#  [0.2.0](https://github.com/thi-ng/umbrella/compare/@thi.ng/grid-iterators@0.1.0...@thi.ng/grid-iterators@0.2.0) (2019-11-09)
+## [0.2.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/grid-iterators@0.2.0) (2019-11-09)
-###  Features
+#### 🚀 Features
-- **grid-iterators:** add interleave fns ([c883ea0](https://github.com/thi-ng/umbrella/commit/c883ea03d9a37698533d981a96f7122828731364))
-- **grid-iterators:** add z-curve & random iterators, add deps ([ba8ed18](https://github.com/thi-ng/umbrella/commit/ba8ed18cd84db77ccb35ed95586c66151cf1d690))
-- **grid-iterators:** add zigzagDiagonal(), update readme, rename files ([5630055](https://github.com/thi-ng/umbrella/commit/56300557f395698f82b453c79956ada72726444a))
-- **grid-iterators:** make row args optional ([60dccfc](https://github.com/thi-ng/umbrella/commit/60dccfcb0ba1d731eeecd4c12433d44b5491e7a7))
+- add zigzagDiagonal(), update readme, rename files ([5630055](https://github.com/thi-ng/umbrella/commit/5630055))
+- add interleave fns ([c883ea0](https://github.com/thi-ng/umbrella/commit/c883ea0))
+- add z-curve & random iterators, add deps ([ba8ed18](https://github.com/thi-ng/umbrella/commit/ba8ed18))
+- make row args optional ([60dccfc](https://github.com/thi-ng/umbrella/commit/60dccfc))
-#  0.1.0 (2019-09-21)
+## [0.1.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/grid-iterators@0.1.0) (2019-09-21)
-###  Features
+#### 🚀 Features
-- **grid-iterators:** import as new package, incl. assets ([fe4ee00](https://github.com/thi-ng/umbrella/commit/fe4ee00))
+- import as new package, incl. assets ([fe4ee00](https://github.com/thi-ng/umbrella/commit/fe4ee00))

package/README.md CHANGED Viewed

@@ -225,7 +225,7 @@ node --experimental-repl-await
 > const gridIterators = await import("@thi.ng/grid-iterators");
 ```
-Package sizes (gzipped, pre-treeshake): ESM: 2.08 KB
+Package sizes (gzipped, pre-treeshake): ESM: 2.22 KB
 ## Dependencies

package/internal/clipping.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import type { FnU7, FnU8, Tuple } from "@thi.ng/api";
+/**
+ * Based on {@link @thi.ng/geom-isec}, but inlined to avoid dependency.
+ *
+ * @param x
+ * @param y
+ * @param w
+ * @param h
+ * @param cx
+ * @param cy
+ * @param r
+ */
+export declare const intersectRectCircle: FnU7<number, boolean>;
+/**
+ * Based on {@link @thi.ng/geom-clip-line#liangBarsky2Raw}, but with diff return type.
+ *
+ * @param ax
+ * @param ay
+ * @param bx
+ * @param by
+ * @param minx
+ * @param miny
+ * @param maxx
+ * @param maxy
+ */
+export declare const liangBarsky: FnU8<number, Tuple<number, 4> | undefined>;
+//# sourceMappingURL=clipping.d.ts.map

package/internal/clipping.js ADDED Viewed

@@ -0,0 +1,55 @@
+const axis = (a, b, c) => (a < b ? a - b : a > b + c ? a - b - c : 0) ** 2;
+/**
+ * Based on {@link @thi.ng/geom-isec}, but inlined to avoid dependency.
+ *
+ * @param x
+ * @param y
+ * @param w
+ * @param h
+ * @param cx
+ * @param cy
+ * @param r
+ */
+export const intersectRectCircle = (x, y, w, h, cx, cy, r) => axis(cx, x, w) + axis(cy, y, h) <= r * r;
+/**
+ * Based on {@link @thi.ng/geom-clip-line#liangBarsky2Raw}, but with diff return type.
+ *
+ * @param ax
+ * @param ay
+ * @param bx
+ * @param by
+ * @param minx
+ * @param miny
+ * @param maxx
+ * @param maxy
+ */
+export const liangBarsky = (ax, ay, bx, by, minx, miny, maxx, maxy) => {
+    const dx = bx - ax;
+    const dy = by - ay;
+    let alpha = 0;
+    let beta = 1;
+    const clip = (p, q) => {
+        if (p < 0) {
+            const r = q / p;
+            if (r > beta)
+                return false;
+            r > alpha && (alpha = r);
+        }
+        else if (p > 0) {
+            const r = q / p;
+            if (r < alpha)
+                return false;
+            r < beta && (beta = r);
+        }
+        else if (q < 0) {
+            return false;
+        }
+        return true;
+    };
+    return clip(-dx, ax - minx) &&
+        clip(dx, maxx - ax) &&
+        clip(-dy, ay - miny) &&
+        clip(dy, maxy - ay)
+        ? [alpha * dx + ax, alpha * dy + ay, beta * dx + ax, beta * dy + ay]
+        : undefined;
+};

package/package.json CHANGED Viewed

@@ -1,148 +1,153 @@
 {
-    "name": "@thi.ng/grid-iterators",
-    "version": "2.1.1",
-    "description": "2D grid and shape iterators w/ multiple orderings",
-    "type": "module",
-    "module": "./index.js",
-    "typings": "./index.d.ts",
-    "sideEffects": false,
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/thi-ng/umbrella.git"
-    },
-    "homepage": "https://github.com/thi-ng/umbrella/tree/develop/packages/grid-iterators#readme",
-    "funding": [
-        {
-            "type": "github",
-            "url": "https://github.com/sponsors/postspectacular"
-        },
-        {
-            "type": "patreon",
-            "url": "https://patreon.com/thing_umbrella"
-        }
-    ],
-    "author": "Karsten Schmidt <k+npm@thi.ng>",
-    "license": "Apache-2.0",
-    "scripts": {
-        "build": "yarn clean && tsc --declaration",
-        "build:assets": "node tools/build-assets",
-        "clean": "rimraf *.js *.d.ts *.map doc",
-        "doc": "typedoc --excludePrivate --excludeInternal --out doc src/index.ts",
-        "doc:ae": "mkdir -p .ae/doc .ae/temp && node_modules/.bin/api-extractor run --local --verbose",
-        "doc:readme": "yarn doc:stats && ../../scripts/node-esm ../../tools/src/readme.ts",
-        "doc:stats": "../../scripts/node-esm ../../tools/src/module-stats.ts",
-        "pub": "yarn build && yarn publish --access public",
-        "test": "testament test"
-    },
-    "dependencies": {
-        "@thi.ng/api": "^8.1.0",
-        "@thi.ng/arrays": "^2.0.7",
-        "@thi.ng/binary": "^3.0.7",
-        "@thi.ng/bitfield": "^2.0.7",
-        "@thi.ng/morton": "^3.0.7",
-        "@thi.ng/random": "^3.1.3",
-        "@thi.ng/transducers": "^8.0.7"
-    },
-    "devDependencies": {
-        "@thi.ng/testament": "^0.1.6"
-    },
-    "keywords": [
-        "2d",
-        "binary",
-        "circle",
-        "clipping",
-        "diagonal",
-        "floodfill",
-        "grid",
-        "hilbert",
-        "iterator",
-        "line",
-        "morton",
-        "random",
-        "spiral",
-        "typescript",
-        "z-curve",
-        "zigzag"
-    ],
-    "publishConfig": {
-        "access": "public"
+  "name": "@thi.ng/grid-iterators",
+  "version": "2.2.2",
+  "description": "2D grid and shape iterators w/ multiple orderings",
+  "type": "module",
+  "module": "./index.js",
+  "typings": "./index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/thi-ng/umbrella.git"
+  },
+  "homepage": "https://github.com/thi-ng/umbrella/tree/develop/packages/grid-iterators#readme",
+  "funding": [
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/postspectacular"
+    },
+    {
+      "type": "patreon",
+      "url": "https://patreon.com/thing_umbrella"
+    }
+  ],
+  "author": "Karsten Schmidt <k+npm@thi.ng>",
+  "license": "Apache-2.0",
+  "scripts": {
+    "build": "yarn clean && tsc --declaration",
+    "build:assets": "node tools/build-assets",
+    "clean": "rimraf '*.js' '*.d.ts' '*.map' doc",
+    "doc": "typedoc --excludePrivate --excludeInternal --out doc src/index.ts",
+    "doc:ae": "mkdir -p .ae/doc .ae/temp && api-extractor run --local --verbose",
+    "doc:readme": "yarn doc:stats && tools:readme",
+    "doc:stats": "tools:module-stats",
+    "pub": "yarn npm publish --access public",
+    "test": "testament test"
+  },
+  "dependencies": {
+    "@thi.ng/api": "^8.3.2",
+    "@thi.ng/arrays": "^2.1.2",
+    "@thi.ng/binary": "^3.1.2",
+    "@thi.ng/bitfield": "^2.1.2",
+    "@thi.ng/morton": "^3.1.2",
+    "@thi.ng/random": "^3.2.2",
+    "@thi.ng/transducers": "^8.1.2"
+  },
+  "devDependencies": {
+    "@microsoft/api-extractor": "^7.18.19",
+    "@thi.ng/testament": "^0.2.2",
+    "rimraf": "^3.0.2",
+    "tools": "^0.0.1",
+    "typedoc": "^0.22.9",
+    "typescript": "^4.5.2"
+  },
+  "keywords": [
+    "2d",
+    "binary",
+    "circle",
+    "clipping",
+    "diagonal",
+    "floodfill",
+    "grid",
+    "hilbert",
+    "iterator",
+    "line",
+    "morton",
+    "random",
+    "spiral",
+    "typescript",
+    "z-curve",
+    "zigzag"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=12.7"
+  },
+  "files": [
+    "*.js",
+    "*.d.ts"
+  ],
+  "exports": {
+    ".": {
+      "import": "./index.js"
+    },
+    "./circle": {
+      "import": "./circle.js"
+    },
+    "./clipping": {
+      "import": "./clipping.js"
+    },
+    "./column-ends": {
+      "import": "./column-ends.js"
+    },
+    "./columns": {
+      "import": "./columns.js"
+    },
+    "./diagonal-ends": {
+      "import": "./diagonal-ends.js"
+    },
+    "./diagonal": {
+      "import": "./diagonal.js"
+    },
+    "./flood-fill": {
+      "import": "./flood-fill.js"
+    },
+    "./hilbert": {
+      "import": "./hilbert.js"
+    },
+    "./hvline": {
+      "import": "./hvline.js"
+    },
+    "./interleave": {
+      "import": "./interleave.js"
+    },
+    "./line": {
+      "import": "./line.js"
+    },
+    "./random": {
+      "import": "./random.js"
+    },
+    "./row-ends": {
+      "import": "./row-ends.js"
+    },
+    "./rows": {
+      "import": "./rows.js"
+    },
+    "./spiral": {
+      "import": "./spiral.js"
+    },
+    "./zcurve": {
+      "import": "./zcurve.js"
+    },
+    "./zigzag-columns": {
+      "import": "./zigzag-columns.js"
     },
-    "engines": {
-        "node": ">=12.7"
+    "./zigzag-diagonal": {
+      "import": "./zigzag-diagonal.js"
     },
-    "files": [
-        "*.js",
-        "*.d.ts"
+    "./zigzag-rows": {
+      "import": "./zigzag-rows.js"
+    }
+  },
+  "thi.ng": {
+    "related": [
+      "morton",
+      "rasterize",
+      "transducers"
     ],
-    "exports": {
-        ".": {
-            "import": "./index.js"
-        },
-        "./circle": {
-            "import": "./circle.js"
-        },
-        "./clipping": {
-            "import": "./clipping.js"
-        },
-        "./column-ends": {
-            "import": "./column-ends.js"
-        },
-        "./columns": {
-            "import": "./columns.js"
-        },
-        "./diagonal-ends": {
-            "import": "./diagonal-ends.js"
-        },
-        "./diagonal": {
-            "import": "./diagonal.js"
-        },
-        "./flood-fill": {
-            "import": "./flood-fill.js"
-        },
-        "./hilbert": {
-            "import": "./hilbert.js"
-        },
-        "./hvline": {
-            "import": "./hvline.js"
-        },
-        "./interleave": {
-            "import": "./interleave.js"
-        },
-        "./line": {
-            "import": "./line.js"
-        },
-        "./random": {
-            "import": "./random.js"
-        },
-        "./row-ends": {
-            "import": "./row-ends.js"
-        },
-        "./rows": {
-            "import": "./rows.js"
-        },
-        "./spiral": {
-            "import": "./spiral.js"
-        },
-        "./zcurve": {
-            "import": "./zcurve.js"
-        },
-        "./zigzag-columns": {
-            "import": "./zigzag-columns.js"
-        },
-        "./zigzag-diagonal": {
-            "import": "./zigzag-diagonal.js"
-        },
-        "./zigzag-rows": {
-            "import": "./zigzag-rows.js"
-        }
-    },
-    "thi.ng": {
-        "related": [
-            "morton",
-            "rasterize",
-            "transducers"
-        ],
-        "year": 2019
-    },
-    "gitHead": "d6aca4b4edb697613ed6635b1c0b12f0bf27b1f0"
-}
+    "year": 2019
+  },
+  "gitHead": "e8a7c2a40191b391cef182c2978e5a6c85987a87\n"
+}

package/tools/build-assets.js ADDED Viewed

@@ -0,0 +1,68 @@
+const g = require("@thi.ng/geom");
+const gi = require("@thi.ng/grid-iterators");
+const str = require("@thi.ng/strings");
+const fs = require("fs");
+const execSync = require("child_process").execSync;
+try {
+    fs.mkdirSync("export");
+} catch (e) {}
+[
+    gi.columns2d,
+    gi.rows2d,
+    gi.diagonal2d,
+    gi.hilbert2d,
+    gi.interleaveColumns2d,
+    gi.interleaveRows2d,
+    gi.random2d,
+    gi.spiral2d,
+    gi.zcurve2d,
+    gi.zigzagColumns2d,
+    gi.zigzagDiagonal2d,
+    gi.zigzagRows2d,
+].forEach((fn) => {
+    console.log(`generating ${fn.name}...`);
+    const pts = [...fn(16)];
+    const base = `export/${fn.name.toLowerCase()}`;
+    for (let i = 1; i <= 128; i++) {
+        fs.writeFileSync(
+            `${base}-${str.Z3(i)}.svg`,
+            g.asSvg(
+                g.svgDoc(
+                    {
+                        width: 600,
+                        height: 600,
+                        viewBox: "-1 -1 18 18",
+                        stroke: "black",
+                        "stroke-width": 0.1,
+                    },
+                    g.polyline(
+                        pts.slice(0, i * 2).map(([x, y]) => [x + 0.5, y + 0.5])
+                    ),
+                    g.group(
+                        { fill: [0, 1, 0.5, 0.25], stroke: "none" },
+                        pts.slice(0, i * 2 - 1).map((p) => g.rect(p, 1))
+                    ),
+                    g.rect(pts[i * 2 - 1], 1, {
+                        fill: [0, 1, 0.5, 0.85],
+                        stroke: "none",
+                    })
+                )
+            )
+        );
+    }
+    console.log(`\tconverting to PNG...`);
+    execSync(`../../scripts/svg2png ${base}*.svg`);
+    console.log(`\tremoving SVG files...`);
+    execSync(`rm ${base}*.svg`);
+    console.log(`\tbuilding GIFs...`);
+    execSync(`gm convert -delay 6 ${base}*.png ${base}.gif`);
+    execSync(
+        `gm convert -delay 6 -resize 200x200 ${base}*.png ${base}-small.gif`
+    );
+    console.log(`\tbuilding MP4...`);
+    execSync(
+        `ffmpeg -r 30 -i ${base}-%03d.png -c:v libx264 -pix_fmt yuv420p -y ${base}.mp4`
+    );
+});