LZR templating
Semantic templates lower into addressable fragments, scope maps, sidecars, and edit contracts.
- Components with expansion provenance
- Expression and data-read lineage
- Browser-like whitespace contracts
src://docs/lzr-templating.html Hypermake + LZR treat source files, data reads, rendered output, proof sidecars, and Inspector views as one explicit graph. The result is a site system that can explain what changed, why it changed, and where to inspect it.
Everything important has a stable address that works in templates, CLI output, graph projections, and the Inspector.
src://features.html Author the source in LZR. data://testing-scenarios.json Provide structured fixture data. rendered://public/features.html Final rendered artifact. public://_hypermake/testing/latest.json Graph-owned testing digest. Semantic templates lower into addressable fragments, scope maps, sidecars, and edit contracts.
src://docs/lzr-templating.html Hypermake owns recipes, dynamic dependency manifests, target state, and virtual prereqs.
rendered://public/features.html Move between source truth, structured data, rendered effects, and proof projections without guessing.
src:// source ownershipdata:// and JSON pointersrendered:// output effectsrendered://public/testing.html Preview risky changes in isolated environments while keeping graph identity and inspector context intact.
hypermake branches list The Inspector is a live projection of graph, tape, source map, scope map, and data-read truth.
/_hypermake/inspector/ AX packets give agents bounded, proof-carrying context instead of forcing them to scrape the project.
concept://ax-packet One source or data edit moves through graph ownership, tape proofs, rendered effects, and Inspector projections.
src://basics/text-and-attributes.html hypermake graph public cache://hypermake/lzr/data-reads/rendered/public/basics/text-and-attributes.data-reads.json rendered://public/basics/text-and-attributes.html /_hypermake/inspector/ src://components/component-bound.html<set key="campaign" value="{{ data://campaign.json }}" />
<scenario-layout
title="Component-bound rendered effects"
family="component invocation and prop lineage"
source="src://components/component-bound.html"
rendered="rendered://public/components/component-bound.html"
coverage="component prop changes, source ownership, rendered-effect proof"
></scenario-layout>
<test-panel label="What this page tests" tone="blue">
<p>Component invocation attributes, component-bound text, and data-backed rendered effects.</ data://campaign.json{
"title": "Corpus Campaign",
"client": "Corpus Client",
"url": "/campaign.html",
"adCount": 2,
"newsletterCount": 1,
"assets": [
{
"src": "/assets/banner.jpg",
"alt": "Banner asset"
},
{
"src": "/assets/newsletter.jpg",
"alt": "Newsletter asset"
}
],
"variants": [
{
"id": "banner",
"width": 300,
"height": 250
},
{
"id": "newsletter",
"width": 640,
"height": 480
}
]
} campaigncampaign
title"Corpus Campaign"
client"Corpus Client"
url"/campaign.html"
adCount 2
newsletterCount 1
assets [2 items]
variants [2 items]
rendered://public/components/component-bound.html<section class="card campaign-header" data-panel="Campaign header"><h2>Campaign header</h2> <h1 id=campaign-title>Corpus Client Campaign</h1> <p class=scope-note>This page is intended to reproduce component/data-bound rendered-effect proof gaps.</p> </section>Open the live scenario ->
Hypermake + LZR does not ask the browser DOM to become the source of authority. Edits are planned against source/data truth, validated against map and proof state, then reflected into rendered output and Inspector surfaces.
Usually page-level rebuilds with limited fragment provenance.
Addressed source/data/rendered graph with fragment tape proofs.
Often hides ownership in browser state and runtime conventions.