Skip to content

feat(router-devtools-core): add navigation link to route#4048

Merged
SeanCassiere merged 6 commits intoTanStack:mainfrom
scarf005:feat/devtool-link
Apr 30, 2025
Merged

feat(router-devtools-core): add navigation link to route#4048
SeanCassiere merged 6 commits intoTanStack:mainfrom
scarf005:feat/devtool-link

Conversation

@scarf005
Copy link
Copy Markdown
Contributor

2025-04-25_15-48-40.mp4

@nx-cloud
Copy link
Copy Markdown
Contributor

nx-cloud Bot commented Apr 25, 2025

View your CI Pipeline Execution ↗ for commit b84ad17.

Command Status Duration Result
nx affected --targets=test:eslint,test:unit,tes... ✅ Succeeded 4m 51s View ↗
nx run-many --target=build --exclude=examples/*... ✅ Succeeded 2m View ↗

☁️ Nx Cloud last updated this comment at 2025-04-30 09:14:18 UTC

@scarf005 scarf005 force-pushed the feat/devtool-link branch from 9e9fffd to 08443ae Compare April 25, 2025 06:57
@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new Bot commented Apr 25, 2025

More templates

@tanstack/arktype-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/arktype-adapter@4048

@tanstack/directive-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/directive-functions-plugin@4048

@tanstack/eslint-plugin-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/eslint-plugin-router@4048

@tanstack/history

npm i https://pkg.pr.new/TanStack/router/@tanstack/history@4048

@tanstack/react-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router@4048

@tanstack/react-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-devtools@4048

@tanstack/react-router-with-query

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-with-query@4048

@tanstack/react-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start@4048

@tanstack/react-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-client@4048

@tanstack/react-start-config

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-config@4048

@tanstack/react-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-plugin@4048

@tanstack/react-start-router-manifest

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-router-manifest@4048

@tanstack/react-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-server@4048

@tanstack/router-cli

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-cli@4048

@tanstack/router-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-core@4048

@tanstack/router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools@4048

@tanstack/router-devtools-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools-core@4048

@tanstack/router-generator

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-generator@4048

@tanstack/router-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-plugin@4048

@tanstack/router-utils

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-utils@4048

@tanstack/router-vite-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-vite-plugin@4048

@tanstack/server-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/server-functions-plugin@4048

@tanstack/solid-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router@4048

@tanstack/solid-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router-devtools@4048

@tanstack/solid-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start@4048

@tanstack/solid-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-client@4048

@tanstack/solid-start-config

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-config@4048

@tanstack/solid-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-plugin@4048

@tanstack/solid-start-router-manifest

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-router-manifest@4048

@tanstack/solid-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-server@4048

@tanstack/start

npm i https://pkg.pr.new/TanStack/router/@tanstack/start@4048

@tanstack/start-api-routes

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-api-routes@4048

@tanstack/start-client-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-client-core@4048

@tanstack/start-config

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-config@4048

@tanstack/start-server-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-core@4048

@tanstack/start-server-functions-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-client@4048

@tanstack/start-server-functions-fetcher

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-fetcher@4048

@tanstack/start-server-functions-handler

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-handler@4048

@tanstack/start-server-functions-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-server@4048

@tanstack/start-server-functions-ssr

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-ssr@4048

@tanstack/valibot-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/valibot-adapter@4048

@tanstack/virtual-file-routes

npm i https://pkg.pr.new/TanStack/router/@tanstack/virtual-file-routes@4048

@tanstack/zod-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/zod-adapter@4048

commit: b84ad17

@scarf005 scarf005 force-pushed the feat/devtool-link branch 4 times, most recently from 826a26e to 33889cd Compare April 25, 2025 08:31
@scarf005 scarf005 force-pushed the feat/devtool-link branch 3 times, most recently from 88cfde9 to 517bd38 Compare April 28, 2025 01:22
Copy link
Copy Markdown
Member

@SeanCassiere SeanCassiere left a comment

Choose a reason for hiding this comment

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

I'd like to have some code comments added in for these functions/variables:

  • routeKind - Just comment in what each of the "kinds" mean.
  • hasValidParamValueInMatch - Purpose of the function and comments at each exit statements and what that means.
  • navigateToPath - Explain why there are different conditions for the string being returned.

Overall, I like this PR and want to get this landed in.

@SeanCassiere
Copy link
Copy Markdown
Member

I'm trying to figure out why CI is failing, but I do not have a lot of time to look into it at the moment.

@scarf005 please request a re-review from me once you've added in the changes I asked for. I'll run the tests locally and see if there's actually an "issue" with these changes that are somehow invisible at first-glance, or if its just the CI pipeline being difficult.

@scarf005 scarf005 force-pushed the feat/devtool-link branch from 517bd38 to 5eb570d Compare April 28, 2025 04:41
@scarf005
Copy link
Copy Markdown
Contributor Author

@SeanCassiere hi, i refactored the code again and was able to simplify most of the logic. now routeKind, hasValidParamValueInMatch, and navigateToPath is all merged into navigationTarget, and i've added comments for each conditions.

@scarf005 scarf005 requested a review from SeanCassiere April 28, 2025 04:43
…ilding logic

reuse the `interpolatePath` function from router-core
instead of manually trying to insert params into
`route.fullPath`
Comment thread packages/router-devtools-core/src/BaseTanStackRouterDevtoolsPanel.tsx Outdated
@SeanCassiere SeanCassiere merged commit 12eb142 into TanStack:main Apr 30, 2025
5 checks passed
@SeanCassiere
Copy link
Copy Markdown
Member

@scarf005 thank you for picking this up and contributing!

@scarf005 scarf005 deleted the feat/devtool-link branch April 30, 2025 09:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants