feat: Add "Open in ChatGPT/Claude" buttons for each page #15428
Conversation
Besides the existing "Copy Page" and "View as Markdown", I've added two more buttons in the dropdown so users can open that page in ChatGPT or Claude and ask questions about it.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
![sentry[bot]](https://avatars.githubusercontent.com/in/12637?s=60&v=4){kind=small}
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
sergical
left a comment
sergical
left a comment
There was a problem hiding this comment.
small comment but non-blocking, this is super helpful!
| </div> | ||
| </Link> | ||
|
|
||
| <a |
There was a problem hiding this comment.
not sure if using Link here is better since it's an external link
There was a problem hiding this comment.
That's actually why I used a instead of Link. Isn't Next.js's Link for soft nav within the app?
There was a problem hiding this comment.
it can be used for external links too as it'll render an anchor tag anyway, was just thinking since Link was already imported in the file, just for standardization but leave it as is :)
There was a problem hiding this comment.
No I know. Here's what my thought was:
- we def have an external link and that's not going to change;
- we don't want the current behaviour to change as well (with the
atag); - Next.js's Link component probably checks in with the router before navigating (extra steps for external navigation) and it has a preloading mechanism built in for perf optimization on soft navs. It's definitely built for local soft navigation;
- Next.js's Link component is third-party and prone to change;
The a approach seemed like the cleanest.
Bundle ReportChanges will decrease total bundle size by 4.45kB (-0.02%) ⬇️. This is within the configured threshold ✅ Detailed changes
Affected Assets, Files, and Routes:view changes for bundle: sentry-docs-client-array-pushAssets Changed:
Files in
view changes for bundle: sentry-docs-server-cjsAssets Changed:
Files in
App Routes Affected:
|
|
@sentry review |
| viewBox="0 0 24 24" | ||
| width={width} | ||
| height={height} | ||
| className="ml-1 inline" |
There was a problem hiding this comment.
id control this as props in case we want to use the external link as the first item
Besides the existing "Copy Page" and "View as Markdown", I've added two more buttons in the dropdown so users can open that page in ChatGPT or Claude and ask questions about it:
Both buttons are static links that open ChatGPT / Claude with predefined prompt.
Example: https://chatgpt.com/?hint=search&q=Read+from+https://docs.sentry.io/platforms/javascript/+so+I+can+ask+questions+about+its+contents