Skip to content

feat: first draft of tanstack-start-solid-v2#817

Open
brenelz wants to merge 25 commits intoTanStack:mainfrom
brenelz:tanstack-start-solid-v2
Open

feat: first draft of tanstack-start-solid-v2#817
brenelz wants to merge 25 commits intoTanStack:mainfrom
brenelz:tanstack-start-solid-v2

Conversation

@brenelz
Copy link
Copy Markdown
Contributor

@brenelz brenelz commented Apr 8, 2026

Summary by CodeRabbit

  • Documentation
    • Published a new blog post announcing Solid 2.0 beta support with install/upgrade guidance, package-manager snippets, migration links, highlights, and feedback directions.
  • Bug Fixes / UI Improvements
    • Package-manager tabs now fall back to the first available framework when the selected framework has no packages, preventing empty tab views.

@netlify
Copy link
Copy Markdown

netlify bot commented Apr 8, 2026

👷 Deploy request for tanstack pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 4584e94

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Apr 8, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 8f0a7efd-fa1f-4450-b775-8fc45389dbf9

📥 Commits

Reviewing files that changed from the base of the PR and between 1cfe831 and 4584e94.

📒 Files selected for processing (1)
  • src/blog/tanstack-start-solid-v2.md
✅ Files skipped from review due to trivial changes (1)
  • src/blog/tanstack-start-solid-v2.md

📝 Walkthrough

Walkthrough

Adds a new blog post announcing Solid 2.0 beta support across TanStack Router, Start, and Query, and updates package resolution fallback logic in PackageManagerTabs so it can render using the first available framework when the requested framework has no package groups (instead of returning null).

Changes

Cohort / File(s) Summary
Blog Post Addition
src/blog/tanstack-start-solid-v2.md
New markdown post with YAML frontmatter, header image, announcement body describing onboarding and upgrade paths, package-manager install snippets (Solid Router/Start/Solid.js beta, optional vite-plugin-solid, conditional TanStack Query beta), links to migration guide and discussion, and feedback instructions.
Package Manager Tabs Logic
src/components/markdown/PackageManagerTabs.tsx
Adjusts package group resolution: when packagesByFramework[normalizedFramework] is missing or empty, fall back to the first framework key that has non-empty packages instead of returning null. Small control-flow change (+7/-2).

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

🐇 I hopped through docs beneath the moonlit vine,
A blog to shout "beta!" and a fallback line.
Tabs find a neighbor when the first is bare,
Install commands scattered like clover in air.
Share a ping, dear devs — I nibble on your sign.

🚥 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
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately describes the main change: adding a first draft of a blog post announcing Solid 2.0 beta support for TanStack libraries, which aligns with the primary file addition and component enhancement.

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

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

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

@brenelz brenelz marked this pull request as ready for review April 9, 2026 21:53
Fall back to the first available framework so package manager tabs still render when a page only defines one framework.
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.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@src/components/markdown/PackageManagerTabs.tsx`:
- Around line 55-64: The current selection of packageGroups uses
packagesByFramework[normalizedFramework] which may be an empty array and thus
prevents falling back; update the logic that computes packageGroups (referencing
packagesByFramework, normalizedFramework, and fallbackFramework) to prefer a
non-empty array for normalizedFramework and only use fallbackFramework if the
normalizedFramework entry is missing or empty, and then adjust the subsequent
empty-check to return null only when packageGroups is undefined or has zero
length.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: e4fc1fc0-d1e6-4289-885d-8db2fdb42ac7

📥 Commits

Reviewing files that changed from the base of the PR and between b1931cf and 196e5b8.

📒 Files selected for processing (1)
  • src/components/markdown/PackageManagerTabs.tsx

Comment on lines +55 to 64
const fallbackFramework = Object.keys(packagesByFramework).find(
(framework) => packagesByFramework[framework]?.length,
)
const packageGroups =
packagesByFramework[normalizedFramework] ||
(fallbackFramework ? packagesByFramework[fallbackFramework] : undefined)

// Hide component if current framework not in package list
// Fall back to the first available framework so single-framework content still renders.
if (!packageGroups || packageGroups.length === 0) {
return null
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🟠 Major

Fallback is skipped when the requested framework exists but has zero package groups.

At Line 59, packagesByFramework[normalizedFramework] can be [] (truthy), so the fallback is never used; then Line 63 returns null. That contradicts the fallback intent in Line 62.

Proposed fix
   const fallbackFramework = Object.keys(packagesByFramework).find(
     (framework) => packagesByFramework[framework]?.length,
   )
-  const packageGroups =
-    packagesByFramework[normalizedFramework] ||
-    (fallbackFramework ? packagesByFramework[fallbackFramework] : undefined)
+  const requestedPackageGroups = packagesByFramework[normalizedFramework]
+  const packageGroups =
+    requestedPackageGroups && requestedPackageGroups.length > 0
+      ? requestedPackageGroups
+      : fallbackFramework
+        ? packagesByFramework[fallbackFramework]
+        : undefined
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
const fallbackFramework = Object.keys(packagesByFramework).find(
(framework) => packagesByFramework[framework]?.length,
)
const packageGroups =
packagesByFramework[normalizedFramework] ||
(fallbackFramework ? packagesByFramework[fallbackFramework] : undefined)
// Hide component if current framework not in package list
// Fall back to the first available framework so single-framework content still renders.
if (!packageGroups || packageGroups.length === 0) {
return null
const fallbackFramework = Object.keys(packagesByFramework).find(
(framework) => packagesByFramework[framework]?.length,
)
const requestedPackageGroups = packagesByFramework[normalizedFramework]
const packageGroups =
requestedPackageGroups && requestedPackageGroups.length > 0
? requestedPackageGroups
: fallbackFramework
? packagesByFramework[fallbackFramework]
: undefined
// Fall back to the first available framework so single-framework content still renders.
if (!packageGroups || packageGroups.length === 0) {
return null
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@src/components/markdown/PackageManagerTabs.tsx` around lines 55 - 64, The
current selection of packageGroups uses packagesByFramework[normalizedFramework]
which may be an empty array and thus prevents falling back; update the logic
that computes packageGroups (referencing packagesByFramework,
normalizedFramework, and fallbackFramework) to prefer a non-empty array for
normalizedFramework and only use fallbackFramework if the normalizedFramework
entry is missing or empty, and then adjust the subsequent empty-check to return
null only when packageGroups is undefined or has zero length.

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/blog/tanstack-start-solid-v2.md (1)

65-65: Optional tone polish for the feedback CTA.

Consider simplifying “that’s exactly why” to “that’s why” for a slightly tighter close.

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

In `@src/blog/tanstack-start-solid-v2.md` at line 65, Edit the sentence containing
"that’s exactly why we want feedback now" in the blog copy (the feedback CTA
line) and replace "that’s exactly why" with the tighter phrasing "that’s why" so
the sentence reads: "This support is still early, and that’s why we want
feedback now." Keep punctuation and surrounding wording unchanged.
🤖 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/blog/tanstack-start-solid-v2.md`:
- Line 65: Edit the sentence containing "that’s exactly why we want feedback
now" in the blog copy (the feedback CTA line) and replace "that’s exactly why"
with the tighter phrasing "that’s why" so the sentence reads: "This support is
still early, and that’s why we want feedback now." Keep punctuation and
surrounding wording unchanged.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 3c84c1eb-8af8-4000-85bb-f0b80d2649e3

📥 Commits

Reviewing files that changed from the base of the PR and between 196e5b8 and 1cfe831.

📒 Files selected for processing (1)
  • src/blog/tanstack-start-solid-v2.md

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