everything-dev/dist/components/streaming-view.mjs.map

A consolidated product package for building Module Federation apps with oRPC APIs.

{"version":3,"file":"streaming-view.mjs","names":[],"sources":["../../src/components/streaming-view.ts"],"sourcesContent":["import chalk from \"chalk\";\nimport { linkify } from \"../utils/linkify\";\nimport { colors, icons } from \"../utils/theme\";\nimport type { ProcessState, ProcessStatus } from \"./dev-view\";\n\nconst orange = chalk.hex(\"#ffaa00\");\nconst PLUGIN_PREFIX = \"plugin:\";\n\nexport interface StreamingViewHandle {\n  updateProcess: (name: string, status: ProcessStatus, message?: string) => void;\n  addLog: (source: string, line: string, isError?: boolean) => void;\n  unmount: () => Promise<void> | void;\n}\n\nconst getTimestamp = (): string => {\n  const now = new Date();\n  return `${now.getHours().toString().padStart(2, \"0\")}:${now.getMinutes().toString().padStart(2, \"0\")}:${now.getSeconds().toString().padStart(2, \"0\")}`;\n};\n\nconst write = (text: string) => process.stdout.write(`${text}\\n`);\n\nconst getServiceColor = (name: string): ((s: string) => string) => {\n  if (name.startsWith(PLUGIN_PREFIX)) return orange;\n  if (name === \"host\") return colors.cyan;\n  if (name === \"ui\" || name === \"ui-ssr\") return colors.magenta;\n  if (name === \"api\") return colors.blue;\n  return colors.white;\n};\n\nconst getDisplayName = (name: string): string => {\n  return name.startsWith(PLUGIN_PREFIX)\n    ? name.slice(PLUGIN_PREFIX.length).toUpperCase()\n    : name.toUpperCase();\n};\n\nconst isPlugin = (name: string): boolean => name.startsWith(PLUGIN_PREFIX);\n\nconst getSectionedProcesses = (processes: ProcessState[]) => {\n  const plugins = processes.filter((p) => isPlugin(p.name));\n  const services = processes.filter((p) => !isPlugin(p.name));\n  const sections: Array<{ key: string; title: string; processes: ProcessState[] }> = [];\n  if (plugins.length > 0) sections.push({ key: \"plugins\", title: \"PLUGINS\", processes: plugins });\n  if (services.length > 0)\n    sections.push({ key: \"services\", title: \"SERVICES\", processes: services });\n  return sections;\n};\n\nconst getColumnWidths = (processes: ProcessState[]) => {\n  const name = Math.max(6, ...processes.map((p) => getDisplayName(p.name).length));\n  const source = Math.max(10, ...processes.map((p) => (p.source ? ` (${p.source})`.length : 0)));\n  return { name, source };\n};\n\nconst getStatusIcon = (status: ProcessStatus): string => {\n  switch (status) {\n    case \"pending\":\n      return icons.pending;\n    case \"starting\":\n      return icons.scan;\n    case \"ready\":\n      return icons.ok;\n    case \"error\":\n      return icons.err;\n  }\n};\n\nexport function renderStreamingView(\n  initialProcesses: ProcessState[],\n  description: string,\n  env: Record<string, string>,\n  onExit?: () => Promise<void> | void,\n): StreamingViewHandle {\n  const processes = new Map<string, ProcessState>();\n  for (const p of initialProcesses) {\n    processes.set(p.name, { ...p });\n  }\n\n  let allReadyPrinted = false;\n  const hostProcess = initialProcesses.find((p) => p.name === \"host\");\n  const hostPort = hostProcess?.port || 3000;\n  const proxyTarget = env.API_PROXY;\n  const sectionedProcesses = getSectionedProcesses(initialProcesses);\n  const columnWidths = getColumnWidths(initialProcesses);\n  const lastLogBySource = new Map<string, string>();\n\n  const headerLines: string[] = [\n    \"\",\n    colors.cyan(`${\"─\".repeat(52)}`),\n    `  ${icons.run} ${colors.cyan(description.toUpperCase())}`,\n    colors.cyan(`${\"─\".repeat(52)}`),\n    \"\",\n  ];\n\n  if (proxyTarget) {\n    headerLines.push(orange(`  ${icons.arrow} API PROXY → ${proxyTarget}`), \"\");\n  }\n\n  for (const section of sectionedProcesses) {\n    headerLines.push(colors.cyan(`  ${section.title}`));\n    for (const proc of section.processes) {\n      const color = getServiceColor(proc.name);\n      const sourceLabel = proc.source ? ` (${proc.source})` : \"\";\n      headerLines.push(\n        `${colors.dim(`[${getTimestamp()}]`)} ${color(`[${getDisplayName(proc.name).padEnd(columnWidths.name)}]`)}  ${icons.pending} waiting${sourceLabel.padEnd(columnWidths.source)}`,\n      );\n    }\n    headerLines.push(\"\");\n  }\n  console.log(headerLines.join(\"\\n\"));\n\n  const checkAllReady = () => {\n    if (allReadyPrinted) return;\n    const allReady = Array.from(processes.values()).every((p) => p.status === \"ready\");\n    if (allReady) {\n      allReadyPrinted = true;\n      const readyLines = [\n        \"\",\n        colors.dim(`${\"─\".repeat(52)}`),\n        colors.green(`${icons.ok} All ${processes.size} services ready`),\n        colors.green(`${icons.arrow} http://localhost:${hostPort}`),\n        colors.dim(`${\"─\".repeat(52)}`),\n        \"\",\n      ];\n      console.log(readyLines.join(\"\\n\"));\n    }\n  };\n\n  const updateProcess = (name: string, status: ProcessStatus, message?: string) => {\n    const proc = processes.get(name);\n    if (!proc) return;\n\n    proc.status = status;\n    if (message) proc.message = message;\n\n    const color = getServiceColor(name);\n    const icon = getStatusIcon(status);\n    const displayName = getDisplayName(name).padEnd(columnWidths.name);\n    const sourceLabel = proc?.source ? ` (${proc.source})` : \"\";\n    const isRemote = proc?.source === \"remote\";\n    const isHost = name === \"host\";\n    const showPort = proc.port > 0 && (isHost || !isRemote) && status === \"ready\";\n    const statusText =\n      status === \"ready\"\n        ? isRemote && !isHost\n          ? \"loaded\"\n          : \"running\"\n        : status === \"starting\"\n          ? \"starting\"\n          : status === \"error\"\n            ? \"failed\"\n            : \"waiting\";\n    const portStr = showPort ? ` :${proc.port}` : \"\";\n\n    write(\n      `${colors.dim(`[${getTimestamp()}]`)} ${color(`[${displayName}]`)}  ${status === \"ready\" ? colors.green(icon) : status === \"error\" ? colors.error(icon) : icon} ${statusText}${sourceLabel.padEnd(columnWidths.source)}${portStr}`,\n    );\n\n    checkAllReady();\n  };\n\n  const addLog = (source: string, line: string, isError = false) => {\n    const lastLine = lastLogBySource.get(source);\n    const nextLine = `${isError ? \"ERR\" : \"OUT\"}:${line}`;\n    if (lastLine === nextLine) return;\n    lastLogBySource.set(source, nextLine);\n\n    const color = getServiceColor(source);\n    const logColor = isError ? colors.error : colors.dim;\n    write(\n      `${colors.dim(`[${getTimestamp()}]`)} ${color(`[${source.toUpperCase()}]`)}  ${colors.dim(\"│\")} ${logColor(linkify(line))}`,\n    );\n  };\n\n  const unmount = () => onExit?.();\n\n  return { updateProcess, addLog, unmount };\n}\n"],"mappings":"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"}