Field notes / Engineering in practice
Articles on Angular, maps and AI-assisted delivery
The decisions behind a product that is easier to change, test and hand over.
Code, diagrams and examples from GeoAtlas, clearcraft’s own product. Start with the problem your team is working on.
Discuss your applicationFrom a decision to a working interface.
07 / Articles
Agentic UI · Angular · AG-UIAgentic UI in Angular: a map portal assistant that keeps the human in charge
How the GeoAtlas assistant is built in Angular: one command core, AG-UI events over SSE, confirmations and undo, guardrails in code, a local model, evals.
Take away Visible actions, confirmation rules and undo for supported commands.
AI-assisted development · Coding agents · CIDelivering Angular with AI coding agents: clear roles, checks and human ownership
How I deliver Angular with AI coding agents: bounded tasks, written briefs, human review, remote gates and evidence rules.
Take away A brief and an acceptance check for one bounded change.
Angular · Modernization · SignalsAn Angular modernization checklist: from NgModules to standalone, signals and zoneless
An order for modernizing an Angular application: baseline tests, strict TypeScript, upgrades, standalone, signals, OnPush and zoneless, with the pitfalls.
Take away A migration order with a rollback point at each stage.
Angular · Shared UI · Design systemsDesigning a shared UI library for several Angular applications
How to design a shared Angular UI library for several applications: package boundaries, one owner per behaviour, design tokens, a living catalog, tests.
Take away A clear boundary between a reusable pattern and product rules.
Angular · OpenLayers · SignalsState and lifecycle of maps in Angular with OpenLayers
Who owns the OpenLayers map in an Angular application, how layers become components, how signals bridge events, and how to destroy, test and print a map.
Take away Browser-safe initialization, cleanup and print sizing.
CI · Jenkins · PlaywrightRemote CI gates for an Angular monorepo: four minutes to release, fifteen to verify
How GeoAtlas separates fast feedback, full browser verification and nightly deployment checks, with dated measurements and their limits.
Take away Separate feedback, verification and deployment checks.
Angular · Web mappingCreate interactive maps with Angular and OpenLayers
Practical decisions for Angular map integration: composition, application state, spatial data and implementation support.
Take away A complete selection workflow across a map and a table.