Nápad na práci s Latte pomocí „vizuálních komponent“

Kdybych pracoval více na frontendu – a tedy se šablonami – chtěl bych si vytvářet malinké vizuální komponenty, které bych skládal do velkých celků. Chtěl bych si třeba nadefinovat vzhled submit tlačítek a mít je konzistentní v celé aplikaci. Chtěl bych být odstíněn od jmen *.latte souborů a adresářové struktury, chtěl bych pracovat se jmennými prostory.

<n:base:submitButton caption>
	<p class="foo"><input type="submit" class="bar" value="{$caption}"/></p>
</n:base:submitButton>

{* Párové tagy by komponentu definovaly, pomocí nepárové tagu by se komponenta používala. *}

<n:base:address address>
	<p>Ulice: {$address->street}</p>
	<p>ČP: {$address->houseNumber}</p>
	<p>...</p>
</n:base:address>

{* ------- *}

<n:company:detail company>
	<p>Název společnosti: {$company->name}</p>
	<n:base:address address={$company->address}/>
</n:company:detail>

{* ------- *}

<h1>Detail firmy</h1>
<n:company:detail company={$company}/>

{* Se jmennými prostory potom například takto: *}

<n: namespace="company"/>
<n: use="base:address"/>
<n: use="base:submitButton"/>
{* <n: namespace="company" use="base:address" use="base:submitButton"/> *}

{* a pak tedy jen *}

<n:detail .../> {* company:detail *}
<n:submitButton .../> {* base:submitButton *}

Nechtěl bych tedy řešit, v jakých souborech jsou komponenty definovány, ale v jakých jmenných prostorech jsou definovány. (Mohly by se tedy definovat i pomocí PHP pro širší možnosti.)

Kdybych chtěl vykreslovat formulář, nechtěl bych to řešit přes nějaký defaultní renderer, který bych, pokud by nevykreslil formulář podle mých sofistikovanějších představ, musel vykreslovat ručně (a na polovině z nich zapomenout vypisovat $form->errors). Chtěl bych si nadefinovat komponenty pro nějaké typické výchozí způsoby (inline formuláře, do tabulky, labely vs pouze placeholdery) a mít možnost nějak elegantně řešit drobné rozdíly.

<n:company:form:employee form>
	<p><n:base:input value={$form['firstName']}/> <n:base:input value={$form['lastName']}/></p>
	{* dále už po řádcích *}
	<n:base:form form={$form} exclude={['firstName', 'lastName']}/>
</n:company:form:company>

Co si o tom myslíte?