buildV0Payload() — ui Function Reference

Architecture documentation for the buildV0Payload() function in route.ts from the ui codebase.

Function typescript DesignEngine StateManagement calls 3 called by 1

Entity Profile

DesignEngine→ StateManagement→ buildV0Payload() — ui Function Reference

Dependency Diagram

graph TD
  99866bc1_a32a_eb11_ee85_68ceecc601f6["buildV0Payload()"]
  2306a3f2_6413_2045_0888_633ffb84f9ee["route.ts"]
  99866bc1_a32a_eb11_ee85_68ceecc601f6 -->|defined in| 2306a3f2_6413_2045_0888_633ffb84f9ee
  73fa47b2_9ddd_4bfe_c0a4_7ff3992c78f7["GET()"]
  73fa47b2_9ddd_4bfe_c0a4_7ff3992c78f7 -->|calls| 99866bc1_a32a_eb11_ee85_68ceecc601f6
  837d12e4_48d5_fc67_ec0c_328d5f0e4eb9["buildGlobalsCss()"]
  99866bc1_a32a_eb11_ee85_68ceecc601f6 -->|calls| 837d12e4_48d5_fc67_ec0c_328d5f0e4eb9
  478e88c6_041e_68dd_0add_701d1ecce8f5["buildLayoutFile()"]
  99866bc1_a32a_eb11_ee85_68ceecc601f6 -->|calls| 478e88c6_041e_68dd_0add_701d1ecce8f5
  719cc2c8_7eb3_0bdf_dba1_ef9bc67fdd74["buildComponentFiles()"]
  99866bc1_a32a_eb11_ee85_68ceecc601f6 -->|calls| 719cc2c8_7eb3_0bdf_dba1_ef9bc67fdd74
  style 99866bc1_a32a_eb11_ee85_68ceecc601f6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(create)/create/v0/route.ts lines 65–80

async function buildV0Payload(designSystemConfig: DesignSystemConfig) {
  const registryBase = buildRegistryBase(designSystemConfig)

  // Build all files in parallel.
  const [globalsCss, layoutFile, componentFiles] = await Promise.all([
    buildGlobalsCss(registryBase),
    buildLayoutFile(designSystemConfig),
    buildComponentFiles(designSystemConfig),
  ])

  return registryItemSchema.parse({
    name: designSystemConfig.item ?? "Item",
    type: "registry:item",
    files: [globalsCss, layoutFile, ...componentFiles],
  })
}