Function composeStack

python/vibe-coding-ide/frontend/src/templates.ts:52–94

(
  frontendId: string,
  backendId: string
)

}

export function composeStack(
  frontendId: string,
  backendId: string
): ProjectTemplate | undefined {
  const frontend = getTemplateById(frontendId)
  const backend = getTemplateById(backendId)
  if (!frontend || !backend) return undefined

  const files: Record<string, string> = {}
  for (const [p, c] of Object.entries(frontend.files)) {
    files[`frontend/${p}`] = c as string
  }
  for (const [p, c] of Object.entries(backend.files)) {
    files[`backend/${p}`] = c as string
  }

  // No UI injection here; stack-specific frontends handle connectivity checks

  const backendDefault = `backend/${backend.defaultActiveFile}`
  const frontendDefault = `frontend/${frontend.defaultActiveFile}`
  const defaultActiveFile =
    backendDefault in files
      ? backendDefault
      : frontendDefault in files
      ? frontendDefault
      : Object.keys(files)[0] || 'README.md'

  // For stacks, keep suggestions concise: prefer backend-only prompts
  const suggestions = backend.suggestions
    ? [...backend.suggestions]
    : frontend.suggestions
    ? [...frontend.suggestions]
    : undefined

  return {
    id: `stack:${frontend.id}+${backend.id}`,
    label: `${frontend.label} + ${backend.label}`,
    description: 'Custom stack (composed frontend and backend)',
    files,
    defaultActiveFile,
    suggestions,
  }
}

export function getStackById(id: string): ProjectTemplate | undefined {
  const parsed = parseStackId(id)