Skip to content

Spec Frontend — Kontrak Visual

Kontrak yang wajib dipenuhi Shell dan renderer visual manapun. Kind visual tidak flat — ada hirarki empat tingkat:

Shell  →  App renderer  →  Page renderer  →  Component renderer

Shell adalah stack teknologi + kontrak bootstrap penuh (satu App = satu Shell). Tiga tingkat di dalamnya dideklarasikan lewat meta-kind VisualSpecKind (dengan tier: app | page | component) dan diimplementasikan oleh kind Renderer. Shell membaca spec saat runtime lewat Spec Resolution API — bukan code generation.

DokumenCakupan
01-visual-hierarchy.mdEmpat tingkat hirarki, aturan stack_family, kebijakan shell baru
02-visual-spec-kind.mdMeta-kind VisualSpecKind: tier, schema, renderer_contract, slot system
03-renderer-kind.mdKind Renderer: implements, stack_family, trust_tier, registry, konformansi
04-spec-resolution-api.mdSeam runtime shell ↔ engine; wajib backend-agnostic
05-app-kinds.mdKatalog tier app: sidebar-nav, topnav, landing-page
06-page-kinds.mdKatalog tier page: data-entry, table (inline/batch edit), master-detail, kanban, calendar, wizard, dashboard, report, timeline, approval-inbox, notification-center, custom page, …
07-component-kinds.mdKatalog tier component: input (termasuk fileinput, richtext), widget, slot filling, asset
08-formaexpr.mdGrammar ekspresi client-side, berlaku untuk semua shell

Renderer/shell author: baca 01 → 02 → 03 → 04, lalu katalog tier yang relevan.

Standar terbuka (CC0) dengan implementasi referensi.