Skip to content

fix(link): polished "What's next" block — numbered, colorized, single copy-paste command#65

Merged
tonychang04 merged 2 commits intomainfrom
polish/link-next-steps
Apr 13, 2026
Merged

fix(link): polished "What's next" block — numbered, colorized, single copy-paste command#65
tonychang04 merged 2 commits intomainfrom
polish/link-next-steps

Conversation

@tonychang04
Copy link
Copy Markdown
Contributor

@tonychang04 tonychang04 commented Apr 13, 2026

Summary

After link --template, the CLI used to print two adjacent clack notes:

┌  Next steps  ───┐
│  cd my-app      │
│  npm run dev    │
└─────────────────┘
┌  Keep building  ──────────────────┐
│  Open your coding agent (Claude…) │
└───────────────────────────────────┘

Now it prints one block, numbered, with cd && npm run dev joined into a single copy-paste:

◇  What's next ──────────────────────────────────────────────────────────────╮
│                                                                            │
│  1. cd my-app && npm run dev                                               │
│  2. Open Claude Code or Cursor and prompt your agent to add more features  │
│                                                                            │
├────────────────────────────────────────────────────────────────────────────╯

Tokens are colorized via picocolors: cd / npm run dev / Claude Code / Cursor cyan, my-app green, && dim, dashboard URL underlined. (Colors don't show in this captured snippet.)

picocolors was already in the dep tree transitively via @clack/prompts; bumped to a direct dep since we now import it ourselves.

Test plan

  • insforge link --project-id <id> --template todo from a real terminal — confirm the new combined "What's next" block renders with colors and step 1 is a single working copy-paste.
  • Same command from Claude Code's bash — confirm output is still readable when ANSI codes get stripped.

🤖 Generated with Claude Code

Note

Polish the link command's "What's next" output with numbered steps and colors

Updates the post-link console output in src/commands/projects/link.ts using picocolors. The dashboard URL is now underlined, next steps are numbered and color-coded, and the separate "Keep building" note is removed. The combined run command is printed as a single copy-pasteable string.

Macroscope summarized f0a40db.

Summary by CodeRabbit

  • Improvements

    • Enhanced CLI output after template download: colorized, underlined links and a clearer, numbered "What's next" with a single highlighted command and explicit guidance to prompt your agent for more features.
  • Chores

    • Version bumped to 0.1.48.
    • Added a runtime dependency for colorized terminal output.

Two adjacent boxes ("Next steps" + "Keep building") collapsed into one
"What's next" block. Steps are numbered, the cd + npm run dev pair is
joined with && so it's a single copy-paste, and key tokens are
colorized via picocolors (cd / npm run dev / agent names cyan, project
name green, && dim, dashboard URL underlined).

Bumps version 0.1.47 → 0.1.48 and adds picocolors as a direct dep
(it was already transitive via @clack/prompts).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Apr 13, 2026

Walkthrough

Package version bumped to 0.1.48 and picocolors added as a new dependency. CLI output in the project link command was updated to use picocolors for colored and underlined next-step messaging and adjusted textual wording mentioning Claude Code and Cursor.

Changes

Cohort / File(s) Summary
Package Configuration
package.json
Version updated from 0.1.470.1.48; added runtime dependency picocolors ^1.1.1.
Command Output Formatting
src/commands/projects/link.ts
Imported picocolors and applied color/underline formatting to dashboard URL and "What's next" instructions; updated phrasing to reference Claude Code and Cursor; preserved existing control flow and failure handling.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

Suggested reviewers

  • jwfing
  • CarmenDou

Poem

🐰 I hopped through code with colors bright,

cyan commands and green delight,
Underlined links that point the way,
Small changes, cheerful CLI day! 🎨✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (2 passed)
Check name Status Explanation
Title check ✅ Passed The title accurately summarizes the main change: polishing the 'What's next' block with numbered steps, colorization, and a single copy-paste command, which aligns with the changeset in link.ts and the addition of picocolors dependency.
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch polish/link-next-steps

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Copy Markdown

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🧹 Nitpick comments (1)
src/commands/projects/link.ts (1)

268-268: Consider consistent dashboard URL styling across success branches.

Line 268 underlines the URL in the template path, but the non-template path (Line 287) remains plain. Unifying this would make output behavior more consistent.

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@src/commands/projects/link.ts` at line 268, The dashboard URL is styled with
pc.underline in one success branch but left plain in the other, producing
inconsistent output; find the clack.log.step calls that output `Dashboard:
${dashboardUrl}` (both the template and non-template success branches) and make
them consistent by applying the same styling — e.g., change the plain
`Dashboard: ${dashboardUrl}` call to `Dashboard: ${pc.underline(dashboardUrl)}`
(or remove underline from the other branch) so both branches use the same
formatting; ensure you import/retain `pc` usage if needed and run the command to
verify consistent output.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Nitpick comments:
In `@src/commands/projects/link.ts`:
- Line 268: The dashboard URL is styled with pc.underline in one success branch
but left plain in the other, producing inconsistent output; find the
clack.log.step calls that output `Dashboard: ${dashboardUrl}` (both the template
and non-template success branches) and make them consistent by applying the same
styling — e.g., change the plain `Dashboard: ${dashboardUrl}` call to
`Dashboard: ${pc.underline(dashboardUrl)}` (or remove underline from the other
branch) so both branches use the same formatting; ensure you import/retain `pc`
usage if needed and run the command to verify consistent output.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 8b3e329c-fa4a-427d-8d0a-ef05b8c4761f

📥 Commits

Reviewing files that changed from the base of the PR and between 406c097 and c679ac3.

⛔ Files ignored due to path filters (1)
  • package-lock.json is excluded by !**/package-lock.json
📒 Files selected for processing (2)
  • package.json
  • src/commands/projects/link.ts

@tonychang04 tonychang04 requested review from CarmenDou and jwfing April 13, 2026 21:30
@tonychang04 tonychang04 merged commit aa144f9 into main Apr 13, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants