Technical deep dives and practical guides for image automation

Productionizing Our Blazor WebAssembly Editor

How HCTI handles runtime performance, download size, trimming, loading experience, and browser testing for a production Blazor WASM editor.

EngineeringBlazor+2

Simplifying Complexity: MemoryPack to the Rescue

How HCTI uses MemoryPack, read-time schema repair, and MagicOnion to store and transport a deeply typed template model.

Building a System to Generate Complex CSS

How HCTI turns typed template models into deterministic CSS shared by a Blazor editor and a server-side HTML renderer.

EngineeringCss+1

Beyond Text Replacement: Building Typed Template Variables

How HCTI kept Handlebars for content while extending template variables to colors, sizes, images, and other strongly typed editor properties.

EngineeringTemplates

Why Our Blazor App Still Uses TypeScript

How we integrate TypeScript into a Blazor WebAssembly application without making the two runtimes fight over state, rendering, or browser interactions.

EngineeringBlazor+2

Undo, Redo, and Live Preview - No Diffs Needed

How the HCTI template editor uses generated paths, typed tracking facades, transactions, and separate preview state to manage complex edits.

Building Consistent Blazor UX with Source Generators

How typed models, Roslyn-generated property descriptors, shared input components, and common rendering contracts keep a large Blazor editor consistent.

Building a Visual Template Editor in Blazor WASM

How we designed a browser-based template editor around typed models, efficient change tracking, code generation, deterministic CSS, and testability.

Introducing the Template Editor

Learn about how our new editor offers the best of both worlds: rich interactive visual design while keeping things grounded in HTML/CSS implementation.

ProductTemplates