chore(clerk-js,types): Load tasks based on environment settings

[LauraBeatris]

Description

This PR removes the previous experimental.withSessionTasks flag in favor of preloading SessionTasks component based on the current environment settings, to avoid downloading its chunk of JS for instances that aren't using this feature.

Breakdown

Main changes:

• Introduce a new root path (/tasks) so that SessionTasks can declare inner routes to be reused across SignIn/SignUp
• With the above, SessionTasks can now be used as standalone, outside of SignIn/SignUp paths, such as rendering it on a catchall (/onboarding/[[...index]].tsx) -> coming in a next PR
• Also with the root path, allows to redirect from @clerk/backend when the incoming JWT claims contain sts pending -> coming in a next PR

Misc:

• Introduce webpack chunk for SessionTasks on bundlewatch to track size across PRs
• Fix nomenclature to be consistent across tasks on plural, since that component can have multiple tasks routes / render multiple tasks

Checklist

• pnpm test runs as expected.
• pnpm build runs as expected.
• (If applicable) JSDoc comments have been added or updated for any package exports
• (If applicable) Documentation has been updated

Type of change

• 🐛 Bug fix
• 🌟 New feature
• 🔨 Breaking change
• 📖 Refactoring / dependency upgrade / documentation
• other:

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
clerk-js-sandbox	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 24, 2025 11:56am

[changeset-bot]

🦋 Changeset detected

Latest commit: 4dde647

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 21 packages

Name	Type
@clerk/clerk-js	Patch
@clerk/types	Patch
@clerk/chrome-extension	Patch
@clerk/clerk-expo	Patch
@clerk/agent-toolkit	Patch
@clerk/astro	Patch
@clerk/backend	Patch
@clerk/elements	Patch
@clerk/expo-passkeys	Patch
@clerk/express	Patch
@clerk/fastify	Patch
@clerk/localizations	Patch
@clerk/nextjs	Patch
@clerk/nuxt	Patch
@clerk/react-router	Patch
@clerk/clerk-react	Patch
@clerk/remix	Patch
@clerk/shared	Patch
@clerk/testing	Patch
@clerk/themes	Patch
@clerk/vue	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[LauraBeatris]

Here are a few considerations when it comes to optimizations:

• It's not possible to prefetch FAPI organization memberships ahead of navigating to a task. By the time the SignIn/SignUp component loads, the user hasn't had a session yet.
• Lazy loading is being applied to the entire SessionTasks within SignIn/SignUp
  • I've experimented with lazy loading the inner routes to SessionTasks based on the environment settings, eg: the upcoming billing task wouldn't get downloaded if there's only a force org task, however, it'd require dealing with Suspense and possibility leading to a waterfall of loading -> it's a tradeoff tho, we can revisit this later