Skip to content

Revamp terminal aesthetics for tern-cli and tern-dev to Oxide style#10

Open
Prateek32177 wants to merge 3 commits intomainfrom
codex/rebuild-output-aesthetics-for-tern-cli-and-tern-dev
Open

Revamp terminal aesthetics for tern-cli and tern-dev to Oxide style#10
Prateek32177 wants to merge 3 commits intomainfrom
codex/rebuild-output-aesthetics-for-tern-cli-and-tern-dev

Conversation

@Prateek32177
Copy link
Contributor

Motivation

  • Provide a unified, left-aligned Oxide-style terminal aesthetic across both @hookflo/tern-cli and @hookflo/tern-dev using a shared emerald/cyan/yellow/muted palette.
  • Replace mixed/centered/clack default output with consistent bordered rows, breathing room, and brand-colored accents while preserving existing runtime behavior.
  • Keep all forwarding, config, and handler functionality unchanged while moving presentation to custom print helpers.

Description

  • Updated ANSI palette to the requested colors by changing packages/tern-cli/src/colors.ts and src/logger.ts to include GREEN, CYAN, YELLOW, GRAY, MUTED, WHITE, RED, RESET, and BOLD constants.
  • Rebuilt CLI print layer in packages/tern-cli/src/print.ts with new primitives and helpers (printLogo, printDivider, printRow, printPipe, printSummary, printStep, printStepDone, printStepFile, printEnvBlock, startConnectingAnimation, printUrlBox, printListeningState, printEvent, printExit) to implement the new layout and animated connecting bar.
  • Switched @hookflo/tern-cli flows to use the new print helpers by updating packages/tern-cli/src/index.ts, packages/tern-cli/src/install.ts, packages/tern-cli/src/tunnel.ts, packages/tern-cli/src/files.ts, and packages/tern-cli/src/config.ts; this includes replacing the clack spinner with printStep/printStepDone outputs and making createHandlerFile return a boolean so callers control printed output.
  • Reworked tern-dev logging in src/logger.ts to the same aesthetic primitives (banner, rows, dividers, connected/reconnecting/safety/request/session-ended functions) and wired the runtime in src/cli.ts to call printConnected, printReconnecting, printRequest, and printSessionEnded instead of the old helpers so logs match the new format.

Testing

  • Ran TypeScript checks via npm run typecheck at the repo root and the command completed successfully.
  • Ran npm run typecheck inside packages/tern-cli and the command completed successfully.

Codex Task

@chatgpt-codex-connector
Copy link

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.
To continue using code reviews, you can upgrade your account or add credits to your account and enable them for code reviews in your settings.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant