#ReleaseWednesday — Thanks to a user suggestion, I've added support for declarative canvas pixel density adjustments in the following packages:

- https://thi.ng/hiccup-canvas
- https://thi.ng/hdom-canvas
- https://thi.ng/rdom-canvas

By default canvas components defined via the latter two packages are defaulting to use the current `window.devicePixelRatio`, but this can now be overridden via the new `__dpr` control attribute to force a certain pixel density. For example, set it to 4 to create a 4x larger canvas in terms of pixel dimensions, but keep the apparent display size the same. Likewise, for performance reasons, it might be useful to keep the pixel density at 1 (or lower), even if the current screen would have a higher density.

More info in this readme section (the hiccup-canvas package is the shared "low-level" backend for the other two UI packages, which also have updated readmes):

https://docs.thi.ng/umbrella/hiccup-canvas/#device-pixel-ratio

Btw. There were also several other recent additions/releases, but since there're hardly ever any reactions to these announcements, I've reduced my messages about project updates posted here. Please let me know if I should change my mind... :)

#ThingUmbrella #TypeScript #JavaScript #Canvas

#ReleaseWednesday — Extracted & extended the LISP-like DSL from an existing #ThingUmbrella example[1] as new small package for better/direct re-use in other projects:

https://thi.ng/lispy

The core language is kept intentionally minimal, aimed at simple sandboxed data transformations/derivations, small code snippets/expressions in GUIs or config settings. However, the language is very easy to extend/customize with new functions or control flow constructs etc. Currently, the language is interpreted and has the following builtins (see screenshots). There's no macro support so far (and not sure if that's even desired here)...

[1] The original #HowToThing example browser REPL this was extracted from (and which has now been updated to use the new package):

https://demo.thi.ng/umbrella/lispy-repl/

#ThingUmbrella #Lisp #DSL #FunctionalProgramming #REPL

#ReleaseWednesday 🚀 — I wonder how many other FLOSS devs are sitting on code for ~8 years prior to first release... In one of these cases (many others readily available in my stash 🙃), triggered by recent major updates to the thi.ng/vectors library, I've refactored (almost 100% rewritten) and applied the same approach to the new/old package:

https://thi.ng/tensors

This package provides 1D/2D/3D/4D tensors, supporting different storage implementations (currently still all CPU side only) and an extensible set of polymorphic tensor operations (currently ~45 math ops, incl. matrix-matrix/matrix-vector products, reductions, argmin/max, activation functions etc.). The tensor classes themselves also provide several zero-copy slicing, re-ordering, clipping, extraction functions, most of them type-safe.

The original (private) version was heavily reliant on dynamic code generation, which has now been replaced with higher-order functions to provide various dimension-optimized versions of all operations.

This package is NOT specifically aimed at machine learning, even though it could probably used for some tasks in that realm (likely with extra hand holding). There are many other use cases for this kind of data structure...

Also new in other packages in this release cycle (incl. some code examples):

- https://docs.thi.ng/umbrella/arrays/functions/permutation.html
- https://docs.thi.ng/umbrella/bidir-index/functions/decodeObjectIterator.html
- https://docs.thi.ng/umbrella/transducers/functions/binned.html

#ThingUmbrella #TypeScript #JavaScript #Tensor #OpenSource

#ReleaseWednesday — I just released a new version (v8.0.0) of https://thi.ng/vectors, an almost complete rewrite of the package with all of its ~900 vector operations. I've updated the Readme with a section of _potentially_ minor breaking changes, however I expect this to be a seamless upgrade for the vast majority of users...

I've recently written more about the reasons and implications of this update and I'll refer you to those posts instead of repeating them once more (see links below).

Just the top-level changes:

- Replaced dynamic code generation with higher-order templating to be usable with strict content security policies (when deployed online)
- New structure allows for vast majority of functions to have doc strings (and they do now)
- More consistent/less confusing naming for some operations
- Potentially improved tree-shaking and smaller project bundle sizes

Related to this update I've also refactored and fixed some bugs in other packages (e.g. color, geom, matrices). As a result both the color & matrix packages are now also free from dynamic codegen and therefore won't cause any problems with strict CSPs

Should you run into any issues regarding this update, please get in touch (also grateful for any other experience/impact reports... 🙏)

More info in these recent posts/threads:

- https://mastodon.thi.ng/@toxi/114296442006935718
- https://mastodon.thi.ng/@toxi/114319651778770391
- https://mastodon.thi.ng/@toxi/114336012068839250

Happy coding!

#ThingUmbrella #Vectors #TypeScript #JavaScript #OpenSource

#ReleaseWednesday Just pushed a new version of https://thi.ng/block-fs, now with additional multi-command CLI tooling to convert & bundle a local file system tree into a single block-based binary blob (e.g. for bundling assets, or distributing a virtual filesystem as part of a web app, or for snapshot testing, or as bridge for WASM interop etc.)

Also new, the main API now includes a `.readAsObjectURL()` method to wrap files as URLs to binary blobs with associated MIME types, thereby making it trivial to use the virtual filesystem for sourcing stored images and other assets for direct use in the browser...

(Ps. For more context see other recent announcement: https://mastodon.thi.ng/@toxi/114264980961483146)

#ThingUmbrella #BlockStorage #FileSystem #BlockFS #VirtualFS #CLI #TypeScript #JavaScript #OpenSource

Just released a new version of the polyglot data structure & bindings generator for hybrid #WebAssembly, #Zig & #TypeScript apps/interop. Now also supporting externally defined types for which only stubs for alignment & sizing are required, but which otherwise are opaque and can be used as any other type defs in this toolchain (e.g. embedded in structs/unions or as pointers, slices, arrays etc.)

https://thi.ng/wasm-api-bindgen

#ReleaseWednesday #WASM #Ziglang #CodeGen #Bindings

#ReleaseWednesday 🚀 This week's https://thi.ng/umbrella releases include:

https://thi.ng/meta-css — Added a `doc` command to generate Markdown documentation for generated CSS frameworks (also used to document the included base framework as a section of the readme). Added documentation for the hot-reloading `develop` mode/command and updated/extended the included framework rules (now 1000+ classes & parametric CSS templates)

https://thi.ng/memoize — Added new, faster & more minimal memoization functions specifically for functions with numeric/string args only (most common in my own usage)

https://thi.ng/rdom-forms & https://thi.ng/hiccup-html — Added more form element types

https://thi.ng/text-format — Added more HTML/CSS formatter options, updated ANSI formatter (faster)

Also updated & refactored several example projects to utilize some of these new features...

#ThingUmbrella #OpenSource #TypeScript #JavaScript #CSS

#ReleaseWednesday This round of releases includes (among others):

- https://thi.ng/timestep - new package for fixed timestep simulation updates, discussed in previous tweet
- https://thi.ng/api - added function to simplify typed array initialization from vector data, e.g. super useful for #WebGL / #WASM interop
- https://thi.ng/scenegraph - added .mapLocalPointToGlobal() to map local point from anywhere in the scene hierarchy to world space (e.g. useful for camera controllers, view matrix creation)

Other small additions/fixes to https://thi.ng/color, https://thi.ng/random, https://thi.ng/vectors and https://thi.ng/webgl...

Link to changelogs:

https://github.com/thi-ng/umbrella/blob/develop/README.md#latest-updates

Happy coding! 🤩

#ThingUmbrella #TypeScript #OpenSource

#ReleaseWednesday Revamped, refactored and expanded an older project over the past few days and brought it under the #ThingUmbrella: http://thi.ng/units is a new package for extensible SI unit creation, combination, conversion and calculation with unit based quantities. It comes with ~170 predefined units & constants, but these are just basic building blocks for more. Take a look at the (long) readme (excerpts attached here), with various examples to learn more!

(Especially check the section about calculating with quantities...)

#TypeScript

Big mission accomplished, now let's roll...

RT @[email protected]

#ReleaseWednesday The brand new version of http://thi.ng/wasm-api has code generator (C, TS & Zig) support for memory mapped union types (& structs too, ofc!)

...and boy does this make #ziglang #typescript #webassembly interop even more beautiful, efficient & seamless! 🚀

👇

🐦🔗: https://twitter.com/thing_umbrella/status/1585254150438150144