Skip to content

fix(fastify): Use runtime keys for Clerk client - #8640

Merged
brkalow merged 6 commits into
mainfrom
rob/fastify-clerk-client-runtime-keys
May 29, 2026
Merged

fix(fastify): Use runtime keys for Clerk client#8640
brkalow merged 6 commits into
mainfrom
rob/fastify-clerk-client-runtime-keys

Conversation

@wobsoriano

@wobsorianowobsoriano commented May 24, 2026

Copy link
Copy Markdown
Member

Description

Cherry picked from #8560, focused on creating a clerkClient from resolved runtime middleware options before calling authenticateRequest.

This also adds a clerk property to the request object similar to how the Hono SDK passes the inner Clerk client from middleware, so devs can access the same runtime-configured client in route handlers via request.clerk. This is useful when keys are provided directly to clerkPlugin() at runtime, since downstream Backend API calls will use the same resolved options as authentication.

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:

Co-authored-by: Jeff Escalante <jescalan@users.noreply.github.com>
@changeset-bot

changeset-botBot commented May 24, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: dc9a5c1

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

This PR includes changesets to release 1 package
NameType
@clerk/fastifyPatch

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

@vercel

vercelBot commented May 24, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

ProjectDeploymentActionsUpdated (UTC)
clerk-js-sandboxReadyReadyPreview, CommentMay 29, 2026 8:23pm

Request Review

@coderabbitai

coderabbitaiBot commented May 24, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 74130290-d2c2-4545-94de-6709f61f3d73

📥 Commits

Reviewing files that changed from the base of the PR and between de94d27 and 38ceb17.

📒 Files selected for processing (1)
  • packages/fastify/src/withClerkMiddleware.ts
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/fastify/src/withClerkMiddleware.ts

📝 Walkthrough

Walkthrough

This PR exposes the runtime-created Clerk client on Fastify requests. It augments FastifyRequest with clerk: ClerkClient, adds a clerk request decoration in the plugin, constructs a Clerk client inside the middleware from runtime options and assigns it to request.clerk, and updates tests to verify client creation with runtime keys and apiUrl derivation. A changeset documents the patch release and the fix.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check nameStatusExplanation
Title check✅ PassedThe title accurately describes the main change: using runtime keys for the Clerk client in the Fastify integration, which is central to this PR.
Description check✅ PassedThe description is related to the changeset, explaining the cherry-picked fix and the addition of the request.clerk property for runtime-configured client access.
Docstring Coverage✅ PassedNo functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check✅ PassedCheck skipped because no linked issues were found for this pull request.
Out of Scope Changes check✅ PassedCheck skipped because no linked issues were found for this pull request.

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


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

@coderabbitaicoderabbitaiBot left a comment

Copy link
Copy Markdown
Contributor

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 current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@packages/fastify/src/types.ts`:
- Around line 4-7: The FastifyRequest augmentation declares clerk as ClerkClient
but the runtime plugin calls instance.decorateRequest('clerk', null); causing a
type mismatch—change the augmented type to allow null (e.g.,
FastifyRequest.clerk: ClerkClient | null) so it matches the decorateRequest
initialization; update the declaration in types.ts referencing
FastifyRequest.clerk and ensure any code using clerk handles the nullable type
or narrows it before use.
🪄 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: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 27764212-21cd-44c6-a734-3cc813337102

📥 Commits

Reviewing files that changed from the base of the PR and between fe5a49c and 5e23bc8.

📒 Files selected for processing (6)
  • .changeset/silent-fastify-handshakes.md
  • packages/fastify/src/__tests__/clerkPlugin.test.ts
  • packages/fastify/src/__tests__/withClerkMiddleware.test.ts
  • packages/fastify/src/clerkPlugin.ts
  • packages/fastify/src/types.ts
  • packages/fastify/src/withClerkMiddleware.ts

Comment on lines +4 to +7
declare module 'fastify' {
interface FastifyRequest {
clerk: ClerkClient;
}

@coderabbitaicoderabbitaiBotMay 24, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🔴 Critical | ⚡ Quick win

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash# Verify the type/decorator contract mismatch locations
rg -n "interface FastifyRequest|clerk:\\s*ClerkClient|decorateRequest\\('clerk'" packages/fastify/src/types.ts packages/fastify/src/clerkPlugin.ts

Repository: clerk/javascript

Length of output: 259


Fix FastifyRequest.clerk type to match decorateRequest initialization

packages/fastify/src/types.ts declares FastifyRequest.clerk: ClerkClient, but packages/fastify/src/clerkPlugin.ts initializes it via instance.decorateRequest('clerk', null);, creating a compile-time type contract mismatch. Align the runtime value with the augmented type (e.g., make it nullable).

Suggested minimal fix
 declare module 'fastify' {
interface FastifyRequest {
- clerk: ClerkClient;+ clerk: ClerkClient | null;
}
}
📝 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
declare module 'fastify'{
interfaceFastifyRequest{
clerk: ClerkClient;
}
declare module 'fastify'{
interfaceFastifyRequest{
clerk: ClerkClient|null;
}
}
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
In `@packages/fastify/src/types.ts` around lines 4 - 7, The FastifyRequest
augmentation declares clerk as ClerkClient but the runtime plugin calls
instance.decorateRequest('clerk', null); causing a type mismatch—change the
augmented type to allow null (e.g., FastifyRequest.clerk: ClerkClient | null) so
it matches the decorateRequest initialization; update the declaration in
types.ts referencing FastifyRequest.clerk and ensure any code using clerk
handles the nullable type or narrows it before use.

Copy link
Copy Markdown
MemberAuthor

Choose a reason for hiding this comment

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

From Fastify Decorator docs:

Keep the initial shape of a decorated field close to its future dynamic value. Initialize a decorator as '' for strings and null for objects or functions.

So this is just a placehodler required by Fastify API and the value is always set to the actual ClerkClient before any route handler runs

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

@wobsoriano, that makes sense — the null initialization is purely a Fastify/V8 optimization hint and not a value that consumers ever see. The non-nullable clerk: ClerkClient type is correct. Sorry for the noise!


✏️ Learnings added
Learnt from: wobsoriano
Repo: clerk/javascript PR: 8640
File: packages/fastify/src/types.ts:4-7
Timestamp: 2026-05-29T20:36:33.106Z
Learning: In the Fastify integration (`packages/fastify/src/clerkPlugin.ts` and `packages/fastify/src/types.ts`), `instance.decorateRequest('clerk', null)` uses `null` as a required Fastify API placeholder (V8 shape hint) — not a runtime null. The `clerk` property is always assigned to a real `ClerkClient` before any route handler executes, so `FastifyRequest.clerk: ClerkClient` (non-nullable) is the correct type augmentation. Do not flag this as a type mismatch.

Note: Learnings are effective only in the context of similar code segments. To apply general coding guidelines, please configure review instructions. You can manage existing learnings in the app.


🧠 Learnings used
Learnt from: wobsoriano
Repo: clerk/javascript PR: 7883
File: packages/backend/src/api/__tests__/M2MTokenApi.test.ts:414-419
Timestamp: 2026-02-24T18:03:27.067Z
Learning: In TypeScript files within the clerk/javascript repository, enforce explicit return type annotations for exported functions and public APIs, but allow internal test helper functions without explicit return types. This helps maintain API clarity and type safety for consumers while not burdening test helpers that are not part of the public surface.

@pkg-pr-new

pkg-pr-newBot commented May 24, 2026

Copy link
Copy Markdown

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@8640

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@8640

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@8640

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@8640

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@8640

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@8640

@clerk/express

npm i https://pkg.pr.new/@clerk/express@8640

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@8640

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@8640

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@8640

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@8640

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@8640

@clerk/react

npm i https://pkg.pr.new/@clerk/react@8640

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@8640

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@8640

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@8640

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@8640

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@8640

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@8640

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@8640

commit: dc9a5c1

@brkalow
brkalow merged commit 35020c3 into mainMay 29, 2026
43 checks passed
@brkalow
brkalow deleted the rob/fastify-clerk-client-runtime-keys branch May 29, 2026 20:44
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@wobsoriano@alexcarpenter@brkalow
, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
fix(fastify): Use runtime keys for Clerk client by wobsoriano · Pull Request #8640 · clerk/javascript · GitHub
Skip to content

fix(fastify): Use runtime keys for Clerk client - #8640

Merged
brkalow merged 6 commits into
mainfrom
rob/fastify-clerk-client-runtime-keys
May 29, 2026
Merged

fix(fastify): Use runtime keys for Clerk client#8640
brkalow merged 6 commits into
mainfrom
rob/fastify-clerk-client-runtime-keys

Conversation

@wobsoriano

@wobsorianowobsoriano commented May 24, 2026

Copy link
Copy Markdown
Member

Description

Cherry picked from #8560, focused on creating a clerkClient from resolved runtime middleware options before calling authenticateRequest.

This also adds a clerk property to the request object similar to how the Hono SDK passes the inner Clerk client from middleware, so devs can access the same runtime-configured client in route handlers via request.clerk. This is useful when keys are provided directly to clerkPlugin() at runtime, since downstream Backend API calls will use the same resolved options as authentication.

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:

Co-authored-by: Jeff Escalante <jescalan@users.noreply.github.com>
@changeset-bot

changeset-botBot commented May 24, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: dc9a5c1

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

This PR includes changesets to release 1 package
NameType
@clerk/fastifyPatch

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

@vercel

vercelBot commented May 24, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

ProjectDeploymentActionsUpdated (UTC)
clerk-js-sandboxReadyReadyPreview, CommentMay 29, 2026 8:23pm

Request Review

@coderabbitai

coderabbitaiBot commented May 24, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 74130290-d2c2-4545-94de-6709f61f3d73

📥 Commits

Reviewing files that changed from the base of the PR and between de94d27 and 38ceb17.

📒 Files selected for processing (1)
  • packages/fastify/src/withClerkMiddleware.ts
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/fastify/src/withClerkMiddleware.ts

📝 Walkthrough

Walkthrough

This PR exposes the runtime-created Clerk client on Fastify requests. It augments FastifyRequest with clerk: ClerkClient, adds a clerk request decoration in the plugin, constructs a Clerk client inside the middleware from runtime options and assigns it to request.clerk, and updates tests to verify client creation with runtime keys and apiUrl derivation. A changeset documents the patch release and the fix.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check nameStatusExplanation
Title check✅ PassedThe title accurately describes the main change: using runtime keys for the Clerk client in the Fastify integration, which is central to this PR.
Description check✅ PassedThe description is related to the changeset, explaining the cherry-picked fix and the addition of the request.clerk property for runtime-configured client access.
Docstring Coverage✅ PassedNo functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check✅ PassedCheck skipped because no linked issues were found for this pull request.
Out of Scope Changes check✅ PassedCheck skipped because no linked issues were found for this pull request.

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


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

@coderabbitaicoderabbitaiBot left a comment

Copy link
Copy Markdown
Contributor

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 current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@packages/fastify/src/types.ts`:
- Around line 4-7: The FastifyRequest augmentation declares clerk as ClerkClient
but the runtime plugin calls instance.decorateRequest('clerk', null); causing a
type mismatch—change the augmented type to allow null (e.g.,
FastifyRequest.clerk: ClerkClient | null) so it matches the decorateRequest
initialization; update the declaration in types.ts referencing
FastifyRequest.clerk and ensure any code using clerk handles the nullable type
or narrows it before use.
🪄 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: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 27764212-21cd-44c6-a734-3cc813337102

📥 Commits

Reviewing files that changed from the base of the PR and between fe5a49c and 5e23bc8.

📒 Files selected for processing (6)
  • .changeset/silent-fastify-handshakes.md
  • packages/fastify/src/__tests__/clerkPlugin.test.ts
  • packages/fastify/src/__tests__/withClerkMiddleware.test.ts
  • packages/fastify/src/clerkPlugin.ts
  • packages/fastify/src/types.ts
  • packages/fastify/src/withClerkMiddleware.ts

Comment on lines +4 to +7
declare module 'fastify' {
interface FastifyRequest {
clerk: ClerkClient;
}

@coderabbitaicoderabbitaiBotMay 24, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🔴 Critical | ⚡ Quick win

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash# Verify the type/decorator contract mismatch locations
rg -n "interface FastifyRequest|clerk:\\s*ClerkClient|decorateRequest\\('clerk'" packages/fastify/src/types.ts packages/fastify/src/clerkPlugin.ts

Repository: clerk/javascript

Length of output: 259


Fix FastifyRequest.clerk type to match decorateRequest initialization

packages/fastify/src/types.ts declares FastifyRequest.clerk: ClerkClient, but packages/fastify/src/clerkPlugin.ts initializes it via instance.decorateRequest('clerk', null);, creating a compile-time type contract mismatch. Align the runtime value with the augmented type (e.g., make it nullable).

Suggested minimal fix
 declare module 'fastify' {
interface FastifyRequest {
- clerk: ClerkClient;+ clerk: ClerkClient | null;
}
}
📝 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
declare module 'fastify'{
interfaceFastifyRequest{
clerk: ClerkClient;
}
declare module 'fastify'{
interfaceFastifyRequest{
clerk: ClerkClient|null;
}
}
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
In `@packages/fastify/src/types.ts` around lines 4 - 7, The FastifyRequest
augmentation declares clerk as ClerkClient but the runtime plugin calls
instance.decorateRequest('clerk', null); causing a type mismatch—change the
augmented type to allow null (e.g., FastifyRequest.clerk: ClerkClient | null) so
it matches the decorateRequest initialization; update the declaration in
types.ts referencing FastifyRequest.clerk and ensure any code using clerk
handles the nullable type or narrows it before use.

Copy link
Copy Markdown
MemberAuthor

Choose a reason for hiding this comment

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

From Fastify Decorator docs:

Keep the initial shape of a decorated field close to its future dynamic value. Initialize a decorator as '' for strings and null for objects or functions.

So this is just a placehodler required by Fastify API and the value is always set to the actual ClerkClient before any route handler runs

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

@wobsoriano, that makes sense — the null initialization is purely a Fastify/V8 optimization hint and not a value that consumers ever see. The non-nullable clerk: ClerkClient type is correct. Sorry for the noise!


✏️ Learnings added
Learnt from: wobsoriano
Repo: clerk/javascript PR: 8640
File: packages/fastify/src/types.ts:4-7
Timestamp: 2026-05-29T20:36:33.106Z
Learning: In the Fastify integration (`packages/fastify/src/clerkPlugin.ts` and `packages/fastify/src/types.ts`), `instance.decorateRequest('clerk', null)` uses `null` as a required Fastify API placeholder (V8 shape hint) — not a runtime null. The `clerk` property is always assigned to a real `ClerkClient` before any route handler executes, so `FastifyRequest.clerk: ClerkClient` (non-nullable) is the correct type augmentation. Do not flag this as a type mismatch.

Note: Learnings are effective only in the context of similar code segments. To apply general coding guidelines, please configure review instructions. You can manage existing learnings in the app.


🧠 Learnings used
Learnt from: wobsoriano
Repo: clerk/javascript PR: 7883
File: packages/backend/src/api/__tests__/M2MTokenApi.test.ts:414-419
Timestamp: 2026-02-24T18:03:27.067Z
Learning: In TypeScript files within the clerk/javascript repository, enforce explicit return type annotations for exported functions and public APIs, but allow internal test helper functions without explicit return types. This helps maintain API clarity and type safety for consumers while not burdening test helpers that are not part of the public surface.

@pkg-pr-new

pkg-pr-newBot commented May 24, 2026

Copy link
Copy Markdown

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@8640

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@8640

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@8640

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@8640

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@8640

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@8640

@clerk/express

npm i https://pkg.pr.new/@clerk/express@8640

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@8640

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@8640

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@8640

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@8640

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@8640

@clerk/react

npm i https://pkg.pr.new/@clerk/react@8640

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@8640

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@8640

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@8640

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@8640

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@8640

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@8640

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@8640

commit: dc9a5c1

@brkalow
brkalow merged commit 35020c3 into mainMay 29, 2026
43 checks passed
@brkalow
brkalow deleted the rob/fastify-clerk-client-runtime-keys branch May 29, 2026 20:44
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@wobsoriano@alexcarpenter@brkalow
, 'i'); if (__m === '*' || __re.test(location.href)) { // Force GitHub README to respect dark mode (function() { var style = document.createElement('style'); style.textContent = ' .markdown-body { color-scheme: dark light; } .markdown-body pre { background: #161b22 !important; } .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; } .markdown-body table th, .markdown-body table td { border-color: #30363d !important; } .markdown-body img { background: #0d1117; } .markdown-body blockquote { border-left-color: #8b949e; } .markdown-body hr { border-color: #30363d; } '; document.head.appendChild(style); })(); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' fix(fastify): Use runtime keys for Clerk client by wobsoriano · Pull Request #8640 · clerk/javascript · GitHub
Skip to content

fix(fastify): Use runtime keys for Clerk client - #8640

Merged
brkalow merged 6 commits into
mainfrom
rob/fastify-clerk-client-runtime-keys
May 29, 2026
Merged

fix(fastify): Use runtime keys for Clerk client#8640
brkalow merged 6 commits into
mainfrom
rob/fastify-clerk-client-runtime-keys

Conversation

@wobsoriano

@wobsorianowobsoriano commented May 24, 2026

Copy link
Copy Markdown
Member

Description

Cherry picked from #8560, focused on creating a clerkClient from resolved runtime middleware options before calling authenticateRequest.

This also adds a clerk property to the request object similar to how the Hono SDK passes the inner Clerk client from middleware, so devs can access the same runtime-configured client in route handlers via request.clerk. This is useful when keys are provided directly to clerkPlugin() at runtime, since downstream Backend API calls will use the same resolved options as authentication.

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:

Co-authored-by: Jeff Escalante <jescalan@users.noreply.github.com>
@changeset-bot

changeset-botBot commented May 24, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: dc9a5c1

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

This PR includes changesets to release 1 package
NameType
@clerk/fastifyPatch

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

@vercel

vercelBot commented May 24, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

ProjectDeploymentActionsUpdated (UTC)
clerk-js-sandboxReadyReadyPreview, CommentMay 29, 2026 8:23pm

Request Review

@coderabbitai

coderabbitaiBot commented May 24, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 74130290-d2c2-4545-94de-6709f61f3d73

📥 Commits

Reviewing files that changed from the base of the PR and between de94d27 and 38ceb17.

📒 Files selected for processing (1)
  • packages/fastify/src/withClerkMiddleware.ts
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/fastify/src/withClerkMiddleware.ts

📝 Walkthrough

Walkthrough

This PR exposes the runtime-created Clerk client on Fastify requests. It augments FastifyRequest with clerk: ClerkClient, adds a clerk request decoration in the plugin, constructs a Clerk client inside the middleware from runtime options and assigns it to request.clerk, and updates tests to verify client creation with runtime keys and apiUrl derivation. A changeset documents the patch release and the fix.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check nameStatusExplanation
Title check✅ PassedThe title accurately describes the main change: using runtime keys for the Clerk client in the Fastify integration, which is central to this PR.
Description check✅ PassedThe description is related to the changeset, explaining the cherry-picked fix and the addition of the request.clerk property for runtime-configured client access.
Docstring Coverage✅ PassedNo functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check✅ PassedCheck skipped because no linked issues were found for this pull request.
Out of Scope Changes check✅ PassedCheck skipped because no linked issues were found for this pull request.

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


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

@coderabbitaicoderabbitaiBot left a comment

Copy link
Copy Markdown
Contributor

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 current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@packages/fastify/src/types.ts`:
- Around line 4-7: The FastifyRequest augmentation declares clerk as ClerkClient
but the runtime plugin calls instance.decorateRequest('clerk', null); causing a
type mismatch—change the augmented type to allow null (e.g.,
FastifyRequest.clerk: ClerkClient | null) so it matches the decorateRequest
initialization; update the declaration in types.ts referencing
FastifyRequest.clerk and ensure any code using clerk handles the nullable type
or narrows it before use.
🪄 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: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 27764212-21cd-44c6-a734-3cc813337102

📥 Commits

Reviewing files that changed from the base of the PR and between fe5a49c and 5e23bc8.

📒 Files selected for processing (6)
  • .changeset/silent-fastify-handshakes.md
  • packages/fastify/src/__tests__/clerkPlugin.test.ts
  • packages/fastify/src/__tests__/withClerkMiddleware.test.ts
  • packages/fastify/src/clerkPlugin.ts
  • packages/fastify/src/types.ts
  • packages/fastify/src/withClerkMiddleware.ts

Comment on lines +4 to +7
declare module 'fastify' {
interface FastifyRequest {
clerk: ClerkClient;
}

@coderabbitaicoderabbitaiBotMay 24, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🔴 Critical | ⚡ Quick win

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash# Verify the type/decorator contract mismatch locations
rg -n "interface FastifyRequest|clerk:\\s*ClerkClient|decorateRequest\\('clerk'" packages/fastify/src/types.ts packages/fastify/src/clerkPlugin.ts

Repository: clerk/javascript

Length of output: 259


Fix FastifyRequest.clerk type to match decorateRequest initialization

packages/fastify/src/types.ts declares FastifyRequest.clerk: ClerkClient, but packages/fastify/src/clerkPlugin.ts initializes it via instance.decorateRequest('clerk', null);, creating a compile-time type contract mismatch. Align the runtime value with the augmented type (e.g., make it nullable).

Suggested minimal fix
 declare module 'fastify' {
interface FastifyRequest {
- clerk: ClerkClient;+ clerk: ClerkClient | null;
}
}
📝 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
declare module 'fastify'{
interfaceFastifyRequest{
clerk: ClerkClient;
}
declare module 'fastify'{
interfaceFastifyRequest{
clerk: ClerkClient|null;
}
}
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
In `@packages/fastify/src/types.ts` around lines 4 - 7, The FastifyRequest
augmentation declares clerk as ClerkClient but the runtime plugin calls
instance.decorateRequest('clerk', null); causing a type mismatch—change the
augmented type to allow null (e.g., FastifyRequest.clerk: ClerkClient | null) so
it matches the decorateRequest initialization; update the declaration in
types.ts referencing FastifyRequest.clerk and ensure any code using clerk
handles the nullable type or narrows it before use.

Copy link
Copy Markdown
MemberAuthor

Choose a reason for hiding this comment

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

From Fastify Decorator docs:

Keep the initial shape of a decorated field close to its future dynamic value. Initialize a decorator as '' for strings and null for objects or functions.

So this is just a placehodler required by Fastify API and the value is always set to the actual ClerkClient before any route handler runs

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

@wobsoriano, that makes sense — the null initialization is purely a Fastify/V8 optimization hint and not a value that consumers ever see. The non-nullable clerk: ClerkClient type is correct. Sorry for the noise!


✏️ Learnings added
Learnt from: wobsoriano
Repo: clerk/javascript PR: 8640
File: packages/fastify/src/types.ts:4-7
Timestamp: 2026-05-29T20:36:33.106Z
Learning: In the Fastify integration (`packages/fastify/src/clerkPlugin.ts` and `packages/fastify/src/types.ts`), `instance.decorateRequest('clerk', null)` uses `null` as a required Fastify API placeholder (V8 shape hint) — not a runtime null. The `clerk` property is always assigned to a real `ClerkClient` before any route handler executes, so `FastifyRequest.clerk: ClerkClient` (non-nullable) is the correct type augmentation. Do not flag this as a type mismatch.

Note: Learnings are effective only in the context of similar code segments. To apply general coding guidelines, please configure review instructions. You can manage existing learnings in the app.


🧠 Learnings used
Learnt from: wobsoriano
Repo: clerk/javascript PR: 7883
File: packages/backend/src/api/__tests__/M2MTokenApi.test.ts:414-419
Timestamp: 2026-02-24T18:03:27.067Z
Learning: In TypeScript files within the clerk/javascript repository, enforce explicit return type annotations for exported functions and public APIs, but allow internal test helper functions without explicit return types. This helps maintain API clarity and type safety for consumers while not burdening test helpers that are not part of the public surface.

@pkg-pr-new

pkg-pr-newBot commented May 24, 2026

Copy link
Copy Markdown

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@8640

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@8640

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@8640

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@8640

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@8640

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@8640

@clerk/express

npm i https://pkg.pr.new/@clerk/express@8640

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@8640

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@8640

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@8640

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@8640

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@8640

@clerk/react

npm i https://pkg.pr.new/@clerk/react@8640

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@8640

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@8640

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@8640

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@8640

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@8640

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@8640

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@8640

commit: dc9a5c1

@brkalow
brkalow merged commit 35020c3 into mainMay 29, 2026
43 checks passed
@brkalow
brkalow deleted the rob/fastify-clerk-client-runtime-keys branch May 29, 2026 20:44
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@wobsoriano@alexcarpenter@brkalow
, 'i'); if (__m === '*' || __re.test(location.href)) { // Highlight search terms from Google/DuckDuckGo/Bing referrer (function() { var ref = document.referrer; var terms = []; if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) { var url = new URL(ref); var q = url.searchParams.get('q') || url.searchParams.get('p'); if (q) { terms = q.split(/\s+/).filter(function(t) { return t.length > 2; }); } } if (terms.length === 0) return; var style = document.createElement('style'); style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }'; document.head.appendChild(style); function highlight(node) { if (node.nodeType === 3) { // text node var text = node.textContent; var found = false; terms.forEach(function(term) { var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi'); if (regex.test(text)) { found = true; var frag = document.createDocumentFragment(); var parts = text.split(regex); parts.forEach(function(part, i) { if (i % 2 === 0) { frag.appendChild(document.createTextNode(part)); } else { var span = document.createElement('span'); span.className = 'userscript-highlight'; span.textContent = part; frag.appendChild(span); } }); node.parentNode.replaceChild(frag, node); } }); } else if (node.nodeType === 1 && node.childNodes) { // element var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT']; if (!skipTags.includes(node.tagName)) { Array.from(node.childNodes).forEach(highlight); } } } highlight(document.body); // Re-highlight on dynamic content var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1 || node.nodeType === 3) highlight(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' fix(fastify): Use runtime keys for Clerk client by wobsoriano · Pull Request #8640 · clerk/javascript · GitHub
Skip to content

fix(fastify): Use runtime keys for Clerk client - #8640

Merged
brkalow merged 6 commits into
mainfrom
rob/fastify-clerk-client-runtime-keys
May 29, 2026
Merged

fix(fastify): Use runtime keys for Clerk client#8640
brkalow merged 6 commits into
mainfrom
rob/fastify-clerk-client-runtime-keys

Conversation

@wobsoriano

@wobsorianowobsoriano commented May 24, 2026

Copy link
Copy Markdown
Member

Description

Cherry picked from #8560, focused on creating a clerkClient from resolved runtime middleware options before calling authenticateRequest.

This also adds a clerk property to the request object similar to how the Hono SDK passes the inner Clerk client from middleware, so devs can access the same runtime-configured client in route handlers via request.clerk. This is useful when keys are provided directly to clerkPlugin() at runtime, since downstream Backend API calls will use the same resolved options as authentication.

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:

Co-authored-by: Jeff Escalante <jescalan@users.noreply.github.com>
@changeset-bot

changeset-botBot commented May 24, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: dc9a5c1

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

This PR includes changesets to release 1 package
NameType
@clerk/fastifyPatch

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

@vercel

vercelBot commented May 24, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

ProjectDeploymentActionsUpdated (UTC)
clerk-js-sandboxReadyReadyPreview, CommentMay 29, 2026 8:23pm

Request Review

@coderabbitai

coderabbitaiBot commented May 24, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 74130290-d2c2-4545-94de-6709f61f3d73

📥 Commits

Reviewing files that changed from the base of the PR and between de94d27 and 38ceb17.

📒 Files selected for processing (1)
  • packages/fastify/src/withClerkMiddleware.ts
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/fastify/src/withClerkMiddleware.ts

📝 Walkthrough

Walkthrough

This PR exposes the runtime-created Clerk client on Fastify requests. It augments FastifyRequest with clerk: ClerkClient, adds a clerk request decoration in the plugin, constructs a Clerk client inside the middleware from runtime options and assigns it to request.clerk, and updates tests to verify client creation with runtime keys and apiUrl derivation. A changeset documents the patch release and the fix.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check nameStatusExplanation
Title check✅ PassedThe title accurately describes the main change: using runtime keys for the Clerk client in the Fastify integration, which is central to this PR.
Description check✅ PassedThe description is related to the changeset, explaining the cherry-picked fix and the addition of the request.clerk property for runtime-configured client access.
Docstring Coverage✅ PassedNo functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check✅ PassedCheck skipped because no linked issues were found for this pull request.
Out of Scope Changes check✅ PassedCheck skipped because no linked issues were found for this pull request.

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


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

@coderabbitaicoderabbitaiBot left a comment

Copy link
Copy Markdown
Contributor

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 current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@packages/fastify/src/types.ts`:
- Around line 4-7: The FastifyRequest augmentation declares clerk as ClerkClient
but the runtime plugin calls instance.decorateRequest('clerk', null); causing a
type mismatch—change the augmented type to allow null (e.g.,
FastifyRequest.clerk: ClerkClient | null) so it matches the decorateRequest
initialization; update the declaration in types.ts referencing
FastifyRequest.clerk and ensure any code using clerk handles the nullable type
or narrows it before use.
🪄 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: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 27764212-21cd-44c6-a734-3cc813337102

📥 Commits

Reviewing files that changed from the base of the PR and between fe5a49c and 5e23bc8.

📒 Files selected for processing (6)
  • .changeset/silent-fastify-handshakes.md
  • packages/fastify/src/__tests__/clerkPlugin.test.ts
  • packages/fastify/src/__tests__/withClerkMiddleware.test.ts
  • packages/fastify/src/clerkPlugin.ts
  • packages/fastify/src/types.ts
  • packages/fastify/src/withClerkMiddleware.ts

Comment on lines +4 to +7
declare module 'fastify' {
interface FastifyRequest {
clerk: ClerkClient;
}

@coderabbitaicoderabbitaiBotMay 24, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🔴 Critical | ⚡ Quick win

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash# Verify the type/decorator contract mismatch locations
rg -n "interface FastifyRequest|clerk:\\s*ClerkClient|decorateRequest\\('clerk'" packages/fastify/src/types.ts packages/fastify/src/clerkPlugin.ts

Repository: clerk/javascript

Length of output: 259


Fix FastifyRequest.clerk type to match decorateRequest initialization

packages/fastify/src/types.ts declares FastifyRequest.clerk: ClerkClient, but packages/fastify/src/clerkPlugin.ts initializes it via instance.decorateRequest('clerk', null);, creating a compile-time type contract mismatch. Align the runtime value with the augmented type (e.g., make it nullable).

Suggested minimal fix
 declare module 'fastify' {
interface FastifyRequest {
- clerk: ClerkClient;+ clerk: ClerkClient | null;
}
}
📝 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
declare module 'fastify'{
interfaceFastifyRequest{
clerk: ClerkClient;
}
declare module 'fastify'{
interfaceFastifyRequest{
clerk: ClerkClient|null;
}
}
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
In `@packages/fastify/src/types.ts` around lines 4 - 7, The FastifyRequest
augmentation declares clerk as ClerkClient but the runtime plugin calls
instance.decorateRequest('clerk', null); causing a type mismatch—change the
augmented type to allow null (e.g., FastifyRequest.clerk: ClerkClient | null) so
it matches the decorateRequest initialization; update the declaration in
types.ts referencing FastifyRequest.clerk and ensure any code using clerk
handles the nullable type or narrows it before use.

Copy link
Copy Markdown
MemberAuthor

Choose a reason for hiding this comment

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

From Fastify Decorator docs:

Keep the initial shape of a decorated field close to its future dynamic value. Initialize a decorator as '' for strings and null for objects or functions.

So this is just a placehodler required by Fastify API and the value is always set to the actual ClerkClient before any route handler runs

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

@wobsoriano, that makes sense — the null initialization is purely a Fastify/V8 optimization hint and not a value that consumers ever see. The non-nullable clerk: ClerkClient type is correct. Sorry for the noise!


✏️ Learnings added
Learnt from: wobsoriano
Repo: clerk/javascript PR: 8640
File: packages/fastify/src/types.ts:4-7
Timestamp: 2026-05-29T20:36:33.106Z
Learning: In the Fastify integration (`packages/fastify/src/clerkPlugin.ts` and `packages/fastify/src/types.ts`), `instance.decorateRequest('clerk', null)` uses `null` as a required Fastify API placeholder (V8 shape hint) — not a runtime null. The `clerk` property is always assigned to a real `ClerkClient` before any route handler executes, so `FastifyRequest.clerk: ClerkClient` (non-nullable) is the correct type augmentation. Do not flag this as a type mismatch.

Note: Learnings are effective only in the context of similar code segments. To apply general coding guidelines, please configure review instructions. You can manage existing learnings in the app.


🧠 Learnings used
Learnt from: wobsoriano
Repo: clerk/javascript PR: 7883
File: packages/backend/src/api/__tests__/M2MTokenApi.test.ts:414-419
Timestamp: 2026-02-24T18:03:27.067Z
Learning: In TypeScript files within the clerk/javascript repository, enforce explicit return type annotations for exported functions and public APIs, but allow internal test helper functions without explicit return types. This helps maintain API clarity and type safety for consumers while not burdening test helpers that are not part of the public surface.

@pkg-pr-new

pkg-pr-newBot commented May 24, 2026

Copy link
Copy Markdown

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@8640

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@8640

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@8640

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@8640

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@8640

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@8640

@clerk/express

npm i https://pkg.pr.new/@clerk/express@8640

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@8640

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@8640

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@8640

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@8640

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@8640

@clerk/react

npm i https://pkg.pr.new/@clerk/react@8640

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@8640

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@8640

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@8640

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@8640

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@8640

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@8640

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@8640

commit: dc9a5c1

@brkalow
brkalow merged commit 35020c3 into mainMay 29, 2026
43 checks passed
@brkalow
brkalow deleted the rob/fastify-clerk-client-runtime-keys branch May 29, 2026 20:44
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@wobsoriano@alexcarpenter@brkalow
, 'i'); if (__m === '*' || __re.test(location.href)) { // Strip utm_, fbclid, gclid, etc. from all links on page (function() { var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid', 'ref', 'ref_src', 'source', 'medium', 'campaign']; function cleanUrl(url) { try { var u = new URL(url, window.location.origin); var changed = false; trackingParams.forEach(function(p) { if (u.searchParams.has(p)) { u.searchParams.delete(p); changed = true; } }); return changed ? u.toString() : url; } catch (e) { return url; } } function cleanLinks() { document.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } cleanLinks(); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'A') cleanLinks(); node.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + ' fix(fastify): Use runtime keys for Clerk client by wobsoriano · Pull Request #8640 · clerk/javascript · GitHub
Skip to content

fix(fastify): Use runtime keys for Clerk client - #8640

Merged
brkalow merged 6 commits into
mainfrom
rob/fastify-clerk-client-runtime-keys
May 29, 2026
Merged

fix(fastify): Use runtime keys for Clerk client#8640
brkalow merged 6 commits into
mainfrom
rob/fastify-clerk-client-runtime-keys

Conversation

@wobsoriano

@wobsorianowobsoriano commented May 24, 2026

Copy link
Copy Markdown
Member

Description

Cherry picked from #8560, focused on creating a clerkClient from resolved runtime middleware options before calling authenticateRequest.

This also adds a clerk property to the request object similar to how the Hono SDK passes the inner Clerk client from middleware, so devs can access the same runtime-configured client in route handlers via request.clerk. This is useful when keys are provided directly to clerkPlugin() at runtime, since downstream Backend API calls will use the same resolved options as authentication.

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:

Co-authored-by: Jeff Escalante <jescalan@users.noreply.github.com>
@changeset-bot

changeset-botBot commented May 24, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: dc9a5c1

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

This PR includes changesets to release 1 package
NameType
@clerk/fastifyPatch

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

@vercel

vercelBot commented May 24, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

ProjectDeploymentActionsUpdated (UTC)
clerk-js-sandboxReadyReadyPreview, CommentMay 29, 2026 8:23pm

Request Review

@coderabbitai

coderabbitaiBot commented May 24, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 74130290-d2c2-4545-94de-6709f61f3d73

📥 Commits

Reviewing files that changed from the base of the PR and between de94d27 and 38ceb17.

📒 Files selected for processing (1)
  • packages/fastify/src/withClerkMiddleware.ts
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/fastify/src/withClerkMiddleware.ts

📝 Walkthrough

Walkthrough

This PR exposes the runtime-created Clerk client on Fastify requests. It augments FastifyRequest with clerk: ClerkClient, adds a clerk request decoration in the plugin, constructs a Clerk client inside the middleware from runtime options and assigns it to request.clerk, and updates tests to verify client creation with runtime keys and apiUrl derivation. A changeset documents the patch release and the fix.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check nameStatusExplanation
Title check✅ PassedThe title accurately describes the main change: using runtime keys for the Clerk client in the Fastify integration, which is central to this PR.
Description check✅ PassedThe description is related to the changeset, explaining the cherry-picked fix and the addition of the request.clerk property for runtime-configured client access.
Docstring Coverage✅ PassedNo functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check✅ PassedCheck skipped because no linked issues were found for this pull request.
Out of Scope Changes check✅ PassedCheck skipped because no linked issues were found for this pull request.

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


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

@coderabbitaicoderabbitaiBot left a comment

Copy link
Copy Markdown
Contributor

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 current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@packages/fastify/src/types.ts`:
- Around line 4-7: The FastifyRequest augmentation declares clerk as ClerkClient
but the runtime plugin calls instance.decorateRequest('clerk', null); causing a
type mismatch—change the augmented type to allow null (e.g.,
FastifyRequest.clerk: ClerkClient | null) so it matches the decorateRequest
initialization; update the declaration in types.ts referencing
FastifyRequest.clerk and ensure any code using clerk handles the nullable type
or narrows it before use.
🪄 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: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 27764212-21cd-44c6-a734-3cc813337102

📥 Commits

Reviewing files that changed from the base of the PR and between fe5a49c and 5e23bc8.

📒 Files selected for processing (6)
  • .changeset/silent-fastify-handshakes.md
  • packages/fastify/src/__tests__/clerkPlugin.test.ts
  • packages/fastify/src/__tests__/withClerkMiddleware.test.ts
  • packages/fastify/src/clerkPlugin.ts
  • packages/fastify/src/types.ts
  • packages/fastify/src/withClerkMiddleware.ts

Comment on lines +4 to +7
declare module 'fastify' {
interface FastifyRequest {
clerk: ClerkClient;
}

@coderabbitaicoderabbitaiBotMay 24, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🔴 Critical | ⚡ Quick win

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash# Verify the type/decorator contract mismatch locations
rg -n "interface FastifyRequest|clerk:\\s*ClerkClient|decorateRequest\\('clerk'" packages/fastify/src/types.ts packages/fastify/src/clerkPlugin.ts

Repository: clerk/javascript

Length of output: 259


Fix FastifyRequest.clerk type to match decorateRequest initialization

packages/fastify/src/types.ts declares FastifyRequest.clerk: ClerkClient, but packages/fastify/src/clerkPlugin.ts initializes it via instance.decorateRequest('clerk', null);, creating a compile-time type contract mismatch. Align the runtime value with the augmented type (e.g., make it nullable).

Suggested minimal fix
 declare module 'fastify' {
interface FastifyRequest {
- clerk: ClerkClient;+ clerk: ClerkClient | null;
}
}
📝 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
declare module 'fastify'{
interfaceFastifyRequest{
clerk: ClerkClient;
}
declare module 'fastify'{
interfaceFastifyRequest{
clerk: ClerkClient|null;
}
}
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
In `@packages/fastify/src/types.ts` around lines 4 - 7, The FastifyRequest
augmentation declares clerk as ClerkClient but the runtime plugin calls
instance.decorateRequest('clerk', null); causing a type mismatch—change the
augmented type to allow null (e.g., FastifyRequest.clerk: ClerkClient | null) so
it matches the decorateRequest initialization; update the declaration in
types.ts referencing FastifyRequest.clerk and ensure any code using clerk
handles the nullable type or narrows it before use.

Copy link
Copy Markdown
MemberAuthor

Choose a reason for hiding this comment

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

From Fastify Decorator docs:

Keep the initial shape of a decorated field close to its future dynamic value. Initialize a decorator as '' for strings and null for objects or functions.

So this is just a placehodler required by Fastify API and the value is always set to the actual ClerkClient before any route handler runs

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

@wobsoriano, that makes sense — the null initialization is purely a Fastify/V8 optimization hint and not a value that consumers ever see. The non-nullable clerk: ClerkClient type is correct. Sorry for the noise!


✏️ Learnings added
Learnt from: wobsoriano
Repo: clerk/javascript PR: 8640
File: packages/fastify/src/types.ts:4-7
Timestamp: 2026-05-29T20:36:33.106Z
Learning: In the Fastify integration (`packages/fastify/src/clerkPlugin.ts` and `packages/fastify/src/types.ts`), `instance.decorateRequest('clerk', null)` uses `null` as a required Fastify API placeholder (V8 shape hint) — not a runtime null. The `clerk` property is always assigned to a real `ClerkClient` before any route handler executes, so `FastifyRequest.clerk: ClerkClient` (non-nullable) is the correct type augmentation. Do not flag this as a type mismatch.

Note: Learnings are effective only in the context of similar code segments. To apply general coding guidelines, please configure review instructions. You can manage existing learnings in the app.


🧠 Learnings used
Learnt from: wobsoriano
Repo: clerk/javascript PR: 7883
File: packages/backend/src/api/__tests__/M2MTokenApi.test.ts:414-419
Timestamp: 2026-02-24T18:03:27.067Z
Learning: In TypeScript files within the clerk/javascript repository, enforce explicit return type annotations for exported functions and public APIs, but allow internal test helper functions without explicit return types. This helps maintain API clarity and type safety for consumers while not burdening test helpers that are not part of the public surface.

@pkg-pr-new

pkg-pr-newBot commented May 24, 2026

Copy link
Copy Markdown

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@8640

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@8640

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@8640

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@8640

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@8640

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@8640

@clerk/express

npm i https://pkg.pr.new/@clerk/express@8640

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@8640

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@8640

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@8640

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@8640

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@8640

@clerk/react

npm i https://pkg.pr.new/@clerk/react@8640

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@8640

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@8640

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@8640

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@8640

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@8640

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@8640

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@8640

commit: dc9a5c1

@brkalow
brkalow merged commit 35020c3 into mainMay 29, 2026
43 checks passed
@brkalow
brkalow deleted the rob/fastify-clerk-client-runtime-keys branch May 29, 2026 20:44
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@wobsoriano@alexcarpenter@brkalow
, 'i'); if (__m === '*' || __re.test(location.href)) { // Auto-enable theater mode on YouTube (function() { function tryTheater() { var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]'); if (btn && !btn.classList.contains('activated')) { btn.click(); } } // Try immediately tryTheater(); // Try after navigation (SPA) var lastUrl = location.href; setInterval(function() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(tryTheater, 500); } }, 1000); // Also try on player load var observer = new MutationObserver(tryTheater); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' fix(fastify): Use runtime keys for Clerk client by wobsoriano · Pull Request #8640 · clerk/javascript · GitHub
Skip to content

fix(fastify): Use runtime keys for Clerk client - #8640

Merged
brkalow merged 6 commits into
mainfrom
rob/fastify-clerk-client-runtime-keys
May 29, 2026
Merged

fix(fastify): Use runtime keys for Clerk client#8640
brkalow merged 6 commits into
mainfrom
rob/fastify-clerk-client-runtime-keys

Conversation

@wobsoriano

@wobsorianowobsoriano commented May 24, 2026

Copy link
Copy Markdown
Member

Description

Cherry picked from #8560, focused on creating a clerkClient from resolved runtime middleware options before calling authenticateRequest.

This also adds a clerk property to the request object similar to how the Hono SDK passes the inner Clerk client from middleware, so devs can access the same runtime-configured client in route handlers via request.clerk. This is useful when keys are provided directly to clerkPlugin() at runtime, since downstream Backend API calls will use the same resolved options as authentication.

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:

Co-authored-by: Jeff Escalante <jescalan@users.noreply.github.com>
@changeset-bot

changeset-botBot commented May 24, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: dc9a5c1

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

This PR includes changesets to release 1 package
NameType
@clerk/fastifyPatch

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

@vercel

vercelBot commented May 24, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

ProjectDeploymentActionsUpdated (UTC)
clerk-js-sandboxReadyReadyPreview, CommentMay 29, 2026 8:23pm

Request Review

@coderabbitai

coderabbitaiBot commented May 24, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 74130290-d2c2-4545-94de-6709f61f3d73

📥 Commits

Reviewing files that changed from the base of the PR and between de94d27 and 38ceb17.

📒 Files selected for processing (1)
  • packages/fastify/src/withClerkMiddleware.ts
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/fastify/src/withClerkMiddleware.ts

📝 Walkthrough

Walkthrough

This PR exposes the runtime-created Clerk client on Fastify requests. It augments FastifyRequest with clerk: ClerkClient, adds a clerk request decoration in the plugin, constructs a Clerk client inside the middleware from runtime options and assigns it to request.clerk, and updates tests to verify client creation with runtime keys and apiUrl derivation. A changeset documents the patch release and the fix.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check nameStatusExplanation
Title check✅ PassedThe title accurately describes the main change: using runtime keys for the Clerk client in the Fastify integration, which is central to this PR.
Description check✅ PassedThe description is related to the changeset, explaining the cherry-picked fix and the addition of the request.clerk property for runtime-configured client access.
Docstring Coverage✅ PassedNo functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check✅ PassedCheck skipped because no linked issues were found for this pull request.
Out of Scope Changes check✅ PassedCheck skipped because no linked issues were found for this pull request.

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


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

@coderabbitaicoderabbitaiBot left a comment

Copy link
Copy Markdown
Contributor

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 current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@packages/fastify/src/types.ts`:
- Around line 4-7: The FastifyRequest augmentation declares clerk as ClerkClient
but the runtime plugin calls instance.decorateRequest('clerk', null); causing a
type mismatch—change the augmented type to allow null (e.g.,
FastifyRequest.clerk: ClerkClient | null) so it matches the decorateRequest
initialization; update the declaration in types.ts referencing
FastifyRequest.clerk and ensure any code using clerk handles the nullable type
or narrows it before use.
🪄 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: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 27764212-21cd-44c6-a734-3cc813337102

📥 Commits

Reviewing files that changed from the base of the PR and between fe5a49c and 5e23bc8.

📒 Files selected for processing (6)
  • .changeset/silent-fastify-handshakes.md
  • packages/fastify/src/__tests__/clerkPlugin.test.ts
  • packages/fastify/src/__tests__/withClerkMiddleware.test.ts
  • packages/fastify/src/clerkPlugin.ts
  • packages/fastify/src/types.ts
  • packages/fastify/src/withClerkMiddleware.ts

Comment on lines +4 to +7
declare module 'fastify' {
interface FastifyRequest {
clerk: ClerkClient;
}

@coderabbitaicoderabbitaiBotMay 24, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🔴 Critical | ⚡ Quick win

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash# Verify the type/decorator contract mismatch locations
rg -n "interface FastifyRequest|clerk:\\s*ClerkClient|decorateRequest\\('clerk'" packages/fastify/src/types.ts packages/fastify/src/clerkPlugin.ts

Repository: clerk/javascript

Length of output: 259


Fix FastifyRequest.clerk type to match decorateRequest initialization

packages/fastify/src/types.ts declares FastifyRequest.clerk: ClerkClient, but packages/fastify/src/clerkPlugin.ts initializes it via instance.decorateRequest('clerk', null);, creating a compile-time type contract mismatch. Align the runtime value with the augmented type (e.g., make it nullable).

Suggested minimal fix
 declare module 'fastify' {
interface FastifyRequest {
- clerk: ClerkClient;+ clerk: ClerkClient | null;
}
}
📝 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
declare module 'fastify'{
interfaceFastifyRequest{
clerk: ClerkClient;
}
declare module 'fastify'{
interfaceFastifyRequest{
clerk: ClerkClient|null;
}
}
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
In `@packages/fastify/src/types.ts` around lines 4 - 7, The FastifyRequest
augmentation declares clerk as ClerkClient but the runtime plugin calls
instance.decorateRequest('clerk', null); causing a type mismatch—change the
augmented type to allow null (e.g., FastifyRequest.clerk: ClerkClient | null) so
it matches the decorateRequest initialization; update the declaration in
types.ts referencing FastifyRequest.clerk and ensure any code using clerk
handles the nullable type or narrows it before use.

Copy link
Copy Markdown
MemberAuthor

Choose a reason for hiding this comment

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

From Fastify Decorator docs:

Keep the initial shape of a decorated field close to its future dynamic value. Initialize a decorator as '' for strings and null for objects or functions.

So this is just a placehodler required by Fastify API and the value is always set to the actual ClerkClient before any route handler runs

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

@wobsoriano, that makes sense — the null initialization is purely a Fastify/V8 optimization hint and not a value that consumers ever see. The non-nullable clerk: ClerkClient type is correct. Sorry for the noise!


✏️ Learnings added
Learnt from: wobsoriano
Repo: clerk/javascript PR: 8640
File: packages/fastify/src/types.ts:4-7
Timestamp: 2026-05-29T20:36:33.106Z
Learning: In the Fastify integration (`packages/fastify/src/clerkPlugin.ts` and `packages/fastify/src/types.ts`), `instance.decorateRequest('clerk', null)` uses `null` as a required Fastify API placeholder (V8 shape hint) — not a runtime null. The `clerk` property is always assigned to a real `ClerkClient` before any route handler executes, so `FastifyRequest.clerk: ClerkClient` (non-nullable) is the correct type augmentation. Do not flag this as a type mismatch.

Note: Learnings are effective only in the context of similar code segments. To apply general coding guidelines, please configure review instructions. You can manage existing learnings in the app.


🧠 Learnings used
Learnt from: wobsoriano
Repo: clerk/javascript PR: 7883
File: packages/backend/src/api/__tests__/M2MTokenApi.test.ts:414-419
Timestamp: 2026-02-24T18:03:27.067Z
Learning: In TypeScript files within the clerk/javascript repository, enforce explicit return type annotations for exported functions and public APIs, but allow internal test helper functions without explicit return types. This helps maintain API clarity and type safety for consumers while not burdening test helpers that are not part of the public surface.

@pkg-pr-new

pkg-pr-newBot commented May 24, 2026

Copy link
Copy Markdown

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@8640

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@8640

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@8640

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@8640

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@8640

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@8640

@clerk/express

npm i https://pkg.pr.new/@clerk/express@8640

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@8640

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@8640

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@8640

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@8640

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@8640

@clerk/react

npm i https://pkg.pr.new/@clerk/react@8640

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@8640

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@8640

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@8640

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@8640

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@8640

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@8640

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@8640

commit: dc9a5c1

@brkalow
brkalow merged commit 35020c3 into mainMay 29, 2026
43 checks passed
@brkalow
brkalow deleted the rob/fastify-clerk-client-runtime-keys branch May 29, 2026 20:44
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@wobsoriano@alexcarpenter@brkalow
, 'i'); if (__m === '*' || __re.test(location.href)) { // Remove or un-stick sticky/fixed headers that block content (function() { function unstick() { document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) { if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') { el.style.position = 'static'; el.style.top = 'auto'; el.style.zIndex = 'auto'; } }); } unstick(); var observer = new MutationObserver(unstick); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); })(); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); })(); fix(fastify): Use runtime keys for Clerk client by wobsoriano · Pull Request #8640 · clerk/javascript · GitHub
Skip to content

fix(fastify): Use runtime keys for Clerk client - #8640

Merged
brkalow merged 6 commits into
mainfrom
rob/fastify-clerk-client-runtime-keys
May 29, 2026
Merged

fix(fastify): Use runtime keys for Clerk client#8640
brkalow merged 6 commits into
mainfrom
rob/fastify-clerk-client-runtime-keys

Conversation

@wobsoriano

@wobsorianowobsoriano commented May 24, 2026

Copy link
Copy Markdown
Member

Description

Cherry picked from #8560, focused on creating a clerkClient from resolved runtime middleware options before calling authenticateRequest.

This also adds a clerk property to the request object similar to how the Hono SDK passes the inner Clerk client from middleware, so devs can access the same runtime-configured client in route handlers via request.clerk. This is useful when keys are provided directly to clerkPlugin() at runtime, since downstream Backend API calls will use the same resolved options as authentication.

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:

Co-authored-by: Jeff Escalante <jescalan@users.noreply.github.com>
@changeset-bot

changeset-botBot commented May 24, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: dc9a5c1

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

This PR includes changesets to release 1 package
NameType
@clerk/fastifyPatch

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

@vercel

vercelBot commented May 24, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

ProjectDeploymentActionsUpdated (UTC)
clerk-js-sandboxReadyReadyPreview, CommentMay 29, 2026 8:23pm

Request Review

@coderabbitai

coderabbitaiBot commented May 24, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 74130290-d2c2-4545-94de-6709f61f3d73

📥 Commits

Reviewing files that changed from the base of the PR and between de94d27 and 38ceb17.

📒 Files selected for processing (1)
  • packages/fastify/src/withClerkMiddleware.ts
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/fastify/src/withClerkMiddleware.ts

📝 Walkthrough

Walkthrough

This PR exposes the runtime-created Clerk client on Fastify requests. It augments FastifyRequest with clerk: ClerkClient, adds a clerk request decoration in the plugin, constructs a Clerk client inside the middleware from runtime options and assigns it to request.clerk, and updates tests to verify client creation with runtime keys and apiUrl derivation. A changeset documents the patch release and the fix.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check nameStatusExplanation
Title check✅ PassedThe title accurately describes the main change: using runtime keys for the Clerk client in the Fastify integration, which is central to this PR.
Description check✅ PassedThe description is related to the changeset, explaining the cherry-picked fix and the addition of the request.clerk property for runtime-configured client access.
Docstring Coverage✅ PassedNo functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check✅ PassedCheck skipped because no linked issues were found for this pull request.
Out of Scope Changes check✅ PassedCheck skipped because no linked issues were found for this pull request.

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


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

@coderabbitaicoderabbitaiBot left a comment

Copy link
Copy Markdown
Contributor

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 current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@packages/fastify/src/types.ts`:
- Around line 4-7: The FastifyRequest augmentation declares clerk as ClerkClient
but the runtime plugin calls instance.decorateRequest('clerk', null); causing a
type mismatch—change the augmented type to allow null (e.g.,
FastifyRequest.clerk: ClerkClient | null) so it matches the decorateRequest
initialization; update the declaration in types.ts referencing
FastifyRequest.clerk and ensure any code using clerk handles the nullable type
or narrows it before use.
🪄 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: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 27764212-21cd-44c6-a734-3cc813337102

📥 Commits

Reviewing files that changed from the base of the PR and between fe5a49c and 5e23bc8.

📒 Files selected for processing (6)
  • .changeset/silent-fastify-handshakes.md
  • packages/fastify/src/__tests__/clerkPlugin.test.ts
  • packages/fastify/src/__tests__/withClerkMiddleware.test.ts
  • packages/fastify/src/clerkPlugin.ts
  • packages/fastify/src/types.ts
  • packages/fastify/src/withClerkMiddleware.ts

Comment on lines +4 to +7
declare module 'fastify' {
interface FastifyRequest {
clerk: ClerkClient;
}

@coderabbitaicoderabbitaiBotMay 24, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🔴 Critical | ⚡ Quick win

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash# Verify the type/decorator contract mismatch locations
rg -n "interface FastifyRequest|clerk:\\s*ClerkClient|decorateRequest\\('clerk'" packages/fastify/src/types.ts packages/fastify/src/clerkPlugin.ts

Repository: clerk/javascript

Length of output: 259


Fix FastifyRequest.clerk type to match decorateRequest initialization

packages/fastify/src/types.ts declares FastifyRequest.clerk: ClerkClient, but packages/fastify/src/clerkPlugin.ts initializes it via instance.decorateRequest('clerk', null);, creating a compile-time type contract mismatch. Align the runtime value with the augmented type (e.g., make it nullable).

Suggested minimal fix
 declare module 'fastify' {
interface FastifyRequest {
- clerk: ClerkClient;+ clerk: ClerkClient | null;
}
}
📝 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
declare module 'fastify'{
interfaceFastifyRequest{
clerk: ClerkClient;
}
declare module 'fastify'{
interfaceFastifyRequest{
clerk: ClerkClient|null;
}
}
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
In `@packages/fastify/src/types.ts` around lines 4 - 7, The FastifyRequest
augmentation declares clerk as ClerkClient but the runtime plugin calls
instance.decorateRequest('clerk', null); causing a type mismatch—change the
augmented type to allow null (e.g., FastifyRequest.clerk: ClerkClient | null) so
it matches the decorateRequest initialization; update the declaration in
types.ts referencing FastifyRequest.clerk and ensure any code using clerk
handles the nullable type or narrows it before use.

Copy link
Copy Markdown
MemberAuthor

Choose a reason for hiding this comment

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

From Fastify Decorator docs:

Keep the initial shape of a decorated field close to its future dynamic value. Initialize a decorator as '' for strings and null for objects or functions.

So this is just a placehodler required by Fastify API and the value is always set to the actual ClerkClient before any route handler runs

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

@wobsoriano, that makes sense — the null initialization is purely a Fastify/V8 optimization hint and not a value that consumers ever see. The non-nullable clerk: ClerkClient type is correct. Sorry for the noise!


✏️ Learnings added
Learnt from: wobsoriano
Repo: clerk/javascript PR: 8640
File: packages/fastify/src/types.ts:4-7
Timestamp: 2026-05-29T20:36:33.106Z
Learning: In the Fastify integration (`packages/fastify/src/clerkPlugin.ts` and `packages/fastify/src/types.ts`), `instance.decorateRequest('clerk', null)` uses `null` as a required Fastify API placeholder (V8 shape hint) — not a runtime null. The `clerk` property is always assigned to a real `ClerkClient` before any route handler executes, so `FastifyRequest.clerk: ClerkClient` (non-nullable) is the correct type augmentation. Do not flag this as a type mismatch.

Note: Learnings are effective only in the context of similar code segments. To apply general coding guidelines, please configure review instructions. You can manage existing learnings in the app.


🧠 Learnings used
Learnt from: wobsoriano
Repo: clerk/javascript PR: 7883
File: packages/backend/src/api/__tests__/M2MTokenApi.test.ts:414-419
Timestamp: 2026-02-24T18:03:27.067Z
Learning: In TypeScript files within the clerk/javascript repository, enforce explicit return type annotations for exported functions and public APIs, but allow internal test helper functions without explicit return types. This helps maintain API clarity and type safety for consumers while not burdening test helpers that are not part of the public surface.

@pkg-pr-new

pkg-pr-newBot commented May 24, 2026

Copy link
Copy Markdown

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@8640

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@8640

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@8640

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@8640

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@8640

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@8640

@clerk/express

npm i https://pkg.pr.new/@clerk/express@8640

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@8640

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@8640

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@8640

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@8640

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@8640

@clerk/react

npm i https://pkg.pr.new/@clerk/react@8640

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@8640

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@8640

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@8640

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@8640

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@8640

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@8640

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@8640

commit: dc9a5c1

@brkalow
brkalow merged commit 35020c3 into mainMay 29, 2026
43 checks passed
@brkalow
brkalow deleted the rob/fastify-clerk-client-runtime-keys branch May 29, 2026 20:44
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@wobsoriano@alexcarpenter@brkalow