feat(nextjs): Support Accountless mode #4602

panteliselef · 2024-11-19T08:25:26Z

Description

Opt-in support for Accountless

This is introduced for @clerk/nextjs but more sdks may follow in the future.

What does the PR do (for development only).

Allows for a Clerk Next.js application to run without a PK and SK being explicitly set.
It will automatically creates new keys and stores them inside .clerk/
The application will use those keys, but prompts the user to claim them.

Technical

For ClerkProvider as RSC: clerkMIddleware detects missing sk -> basically calls next() as "signed-out" and let rendering to call Server ClerkProvider -> Server ClerkProvider fetches and creates the keys, stores them into a file -> It passes the keys into a client component that will fire a server action on mount that sets the keys into cookies and redirect to a made up url that clerkMiddelware expects -> clerkMiddleware runs again, this time detects the cookies that contain the accountless keys and properly propagates the pk and sk further down.
For ClerkProvider as Client component: The provider will render which fires a server action that creates the keys and set them into cookies. Once this is completed we return only the PK and the claimUrl and we force the ClerkProvider from clerk-react to remount.

Requirements

Store the keys in the file system, in order for the keys to "belong" to a certain project.
Use hashed cookies based on the working directory (PWD) of the project to allow multiple projects that run in accountless project to work.
We are using cookies as a way of syncing the rendering lifecycle with the middleware.

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

changeset-bot · 2024-11-19T08:25:30Z

🦋 Changeset detected

Latest commit: b27445d

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

This PR includes changesets to release 22 packages

Name	Type
@clerk/clerk-js	Minor
@clerk/types	Minor
@clerk/backend	Minor
@clerk/nextjs	Minor
@clerk/chrome-extension	Patch
@clerk/clerk-expo	Patch
@clerk/astro	Patch
@clerk/elements	Patch
@clerk/expo-passkeys	Patch
@clerk/express	Patch
@clerk/fastify	Patch
@clerk/localizations	Patch
@clerk/nuxt	Patch
@clerk/clerk-react	Patch
@clerk/remix	Patch
@clerk/clerk-sdk-node	Patch
@clerk/shared	Patch
@clerk/tanstack-start	Patch
@clerk/testing	Patch
@clerk/themes	Patch
@clerk/ui	Patch
@clerk/vue	Patch

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

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

…der and update middleware to read sk and pk from cookies

packages/nextjs/src/server/utils.ts

@@ -224,6 +237,8 @@
  }
 }

+const ACCOUNTLESS_ENCRYPTION_KEY = 'clerk_accountless_dummy_key';


nikosdouvlis · 2024-11-19T12:26:53Z

!snapshot

clerk-cookie · 2024-11-19T12:29:20Z

Hey @nikosdouvlis - the snapshot version command generated the following package versions:

Package	Version
@clerk/astro	1.4.14-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/backend	1.18.0-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/chrome-extension	1.3.38-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/clerk-js	5.35.0-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/elements	0.19.5-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/clerk-expo	2.3.7-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/expo-passkeys	0.0.7-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/express	1.3.16-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/fastify	2.0.18-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/localizations	3.6.5-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/nextjs	6.5.0-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/nuxt	0.0.2-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/clerk-react	5.16.1-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/remix	4.2.54-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/clerk-sdk-node	5.0.67-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/shared	2.15.1-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/tanstack-start	0.5.1-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/testing	1.3.28-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/themes	2.1.46-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/types	4.35.0-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/ui	0.1.22-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1
@clerk/vue	0.0.6-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/astro

npm i @clerk/astro@1.4.14-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/backend

npm i @clerk/backend@1.18.0-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@1.3.38-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@5.35.0-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/elements

npm i @clerk/elements@0.19.5-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/clerk-expo

npm i @clerk/clerk-expo@2.3.7-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@0.0.7-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/express

npm i @clerk/express@1.3.16-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.0.18-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/localizations

npm i @clerk/localizations@3.6.5-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@6.5.0-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@0.0.2-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/clerk-react

npm i @clerk/clerk-react@5.16.1-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/remix

npm i @clerk/remix@4.2.54-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/clerk-sdk-node

npm i @clerk/clerk-sdk-node@5.0.67-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/shared

npm i @clerk/shared@2.15.1-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/tanstack-start

npm i @clerk/tanstack-start@0.5.1-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/testing

npm i @clerk/testing@1.3.28-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/themes

npm i @clerk/themes@2.1.46-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/types

npm i @clerk/types@4.35.0-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/ui

npm i @clerk/ui@0.1.22-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

@clerk/vue

npm i @clerk/vue@0.0.6-snapshot.v86758dae8d163423fa7a7e671b8ed2acfe654bd1 --save-exact

vercel · 2024-11-21T11:42:13Z

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

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
clerk-js-sandbox	⬜️ Skipped (Inspect)			Nov 27, 2024 10:58am

…s-in-clerknextjs

React does not like the fact that <html><body> may be missing and that Suspense is not used inside <html>

…s-in-clerknextjs # Conflicts: # packages/clerk-js/src/core/clerk.ts # packages/clerk-js/src/ui/Components.tsx # packages/clerk-js/src/ui/lazyModules/components.ts

panteliselef · 2024-11-26T16:51:04Z

integration/tests/next-build.test.ts

      export function ClientComponent() {
        useAuth();
-      
+


this is just auto formatting

panteliselef · 2024-11-26T16:51:30Z

packages/backend/src/api/factory.ts

@@ -23,6 +24,9 @@ export function createBackendApiClient(options: CreateBackendApiOptions) {
  const request = buildRequest(options);

  return {
+    __experimental_accountlessApplications: new AccountlessApplicationAPI(


i'd like to have this as experimental for a while

panteliselef · 2024-11-26T16:52:12Z

packages/backend/src/api/request.ts

@@ -51,13 +51,23 @@ type BuildRequestOptions = {
  apiVersion?: string;
  /* Library/SDK name */
  userAgent?: string;
+
+  skipSecretKey?: boolean;


the endpoint for creating the accountless keys doesn't require a secret key

panteliselef · 2024-11-26T16:54:02Z

packages/nextjs/package.cjs.json

+    },
+    "#fs": {
+      "edge-light": "./runtime/browser/fs.js",
+      "worker": "./runtime/browser/fs.js",
+      "browser": "./runtime/browser/fs.js",
+      "node": {
+        "require": "./runtime/node/fs.js",
+        "import": "./runtime/node/fs.js"
+      },
+      "default": "./runtime/browser/fs.js"


fixes a bug in nextjs where importing from node:fs is prohibited and the dev server or build step fails even if the code is wrapped with try/catch.

panteliselef · 2024-11-26T16:54:07Z

packages/nextjs/package.esm.json

+    "#fs": {
+      "edge-light": "./runtime/browser/fs.js",
+      "worker": "./runtime/browser/fs.js",
+      "browser": "./runtime/browser/fs.js",
+      "node": {
+        "require": "./runtime/node/fs.js",
+        "import": "./runtime/node/fs.js"
+      },
+      "default": "./runtime/browser/fs.js"


fixes a bug in nextjs where importing from node:fs is prohibited and the dev server or build step fails even if the code is wrapped with try/catch.

panteliselef · 2024-11-26T17:07:45Z

packages/nextjs/src/runtime/node/fs.js

@@ -0,0 +1,12 @@
+const { existsSync, writeFileSync, readFileSync, appendFileSync, mkdirSync, rmSync } = require('node:fs');
+const path = require('node:path');


i added path inside the #fs module because it was faster, let me know if you disagree

Make we can rename it something else if we want to export both.

BRKalow

Looking good so far.

BRKalow · 2024-11-27T20:26:16Z

packages/backend/src/api/request.ts

-    const { secretKey, apiUrl = API_URL, apiVersion = API_VERSION, userAgent = USER_AGENT } = options;
+    const {
+      secretKey,
+      skipSecretKey = false,


I think requireSecretKey might be a better name.

Suggested change

skipSecretKey = false,

requireSecretKey = false,

BRKalow · 2024-11-27T20:28:48Z

packages/nextjs/src/app-router/accountless-actions.ts

+  // TODO-ACCOUNTLESS: Do we even need this ? I think setting the cookie will reset the router cache.
+  redirect(`/clerk-sync-accountless?returnUrl=${returnUrl}`, RedirectType.replace);


What is the route for specifically? Would be nice if we could remove! Would it be enough if we triggered a full page refresh?

BRKalow · 2024-11-27T20:29:43Z

packages/nextjs/src/server/constants.ts

@@ -21,3 +21,5 @@ export const SDK_METADATA = {

 export const TELEMETRY_DISABLED = isTruthy(process.env.NEXT_PUBLIC_CLERK_TELEMETRY_DISABLED);
 export const TELEMETRY_DEBUG = isTruthy(process.env.NEXT_PUBLIC_CLERK_TELEMETRY_DEBUG);
+
+export const ALLOW_ACCOUNTLESS = isTruthy(process.env.NEXT_PUBLIC_CLERK_ACCOUNTLESS);


Maybe a better name:

Suggested change

export const ALLOW_ACCOUNTLESS = isTruthy(process.env.NEXT_PUBLIC_CLERK_ACCOUNTLESS);

export const ENABLE_KEYLESS = isTruthy(process.env.NEXT_PUBLIC_CLERK_ENABLE_KEYLESS);

BRKalow · 2024-11-27T20:30:23Z

packages/nextjs/src/utils/clerk-js-script.tsx

+  /**
+   * If publishable key avoid appending an invalid script in the dom.


Suggested change

/**

* If publishable key avoid appending an invalid script in the dom.

/**

* If no publishable key, avoid appending an invalid script in the DOM.

BRKalow · 2024-11-27T20:31:18Z

packages/nextjs/src/app-router/client/ClerkProvider.tsx

+ * Note: Using lazy() with Suspense instead of dynamic is not possible as React will throw a hydration error when `ClerkProvider` wraps `<html><body>...`
+ */
+const LazyAccountlessCreator = dynamic(() =>
+  import('./lazy-accountless-creator.js').then(m => m.AccountlessCreateKeys),


Is the extension necessary?

Suggested change

import('./lazy-accountless-creator.js').then(m => m.AccountlessCreateKeys),

import('./lazy-accountless-creator').then(m => m.AccountlessCreateKeys),

i believe eslint was complaining

BRKalow · 2024-11-27T21:00:13Z

packages/nextjs/src/app-router/client/ClerkProvider.tsx

+
+export const ClientClerkProvider = (props: NextClerkProviderProps) => {
+  const { children, ...rest } = props;
+  const safePk = mergeNextClerkPropsWithEnv(rest).publishableKey;


Suggested change

const safePk = mergeNextClerkPropsWithEnv(rest).publishableKey;

const safePublishableKey = mergeNextClerkPropsWithEnv(rest).publishableKey;

BRKalow · 2024-11-27T21:00:23Z

packages/nextjs/src/app-router/client/ClerkProvider.tsx

+  const { children, ...rest } = props;
+  const safePk = mergeNextClerkPropsWithEnv(rest).publishableKey;
+
+  if (safePk || isNextWithUnstableServerActions || !ALLOW_ACCOUNTLESS) {


Suggested change

if (safePk || isNextWithUnstableServerActions || !ALLOW_ACCOUNTLESS) {

if (safePublishableKey || isNextWithUnstableServerActions || !ALLOW_ACCOUNTLESS) {

BRKalow · 2024-11-27T21:01:02Z

packages/nextjs/src/server/utils.ts

@@ -97,7 +97,19 @@ export function decorateRequest(
  req: ClerkRequest,
  res: Response,
  requestState: RequestState,
-  requestData?: AuthenticateRequestOptions,
+  requestData: AuthenticateRequestOptions,
+  publicRequestDate: Pick<


Suggested change

publicRequestDate: Pick<

publicRequestData: Pick<

BRKalow · 2024-11-27T21:01:35Z

packages/nextjs/src/server/utils.ts

+  requestData: AuthenticateRequestOptions,
+  publicRequestDate: Pick<


Can you remind me why we need these two different buckets of request data?

BRKalow · 2024-11-27T21:02:52Z

.changeset/brown-items-reflect.md

+'@clerk/types': minor
+---
+
+accountless


Once we're ready, let's expand the changeset description here. And consolidate the two changeset files.

panteliselef · 2024-11-27T11:00:02Z

packages/nextjs/src/app-router/server/ClerkProvider.tsx

+     */
+    const dynamicConfig = await getDynamicConfig();
+
+    const newOrReadKeys = dynamicConfig.accountlessMode


About dynamicConfig.accountlessMode we need a way to let us know that the middleware is using the PK and SK from the accountless cookies

panteliselef · 2024-11-27T14:30:22Z

.changeset/brown-items-reflect.md

+'@clerk/types': minor
+---
+
+accountless


panteliselef · 2024-11-27T14:30:27Z

.changeset/poor-books-hug.md

+'@clerk/nextjs': minor
+---
+
+accountless


mwickett · 2024-11-28T17:55:45Z

packages/nextjs/src/server/accountless-node.ts

+       #
+      # #    ####   ####   ####  #    # #    # ##### #      ######  ####   ####
+     #   #  #    # #    # #    # #    # ##   #   #   #      #      #      #
+    #     # #      #      #    # #    # # #  #   #   #      #####   ####   ####
+    ####### #      #      #    # #    # #  # #   #   #      #           #      #
+    #     # #    # #    # #    # #    # #   ##   #   #      #      #    # #    #
+    #     #  ####   ####   ####   ####  #    #   #   ###### ######  ####   ####


issuedat · 2024-11-29T09:22:46Z

!snapshot

clerk-cookie · 2024-11-29T09:24:58Z

Hey @issuedat - the snapshot version command generated the following package versions:

Package	Version
@clerk/astro	1.5.0-snapshot.v20241129092324
@clerk/backend	1.19.0-snapshot.v20241129092324
@clerk/chrome-extension	2.0.1-snapshot.v20241129092324
@clerk/clerk-js	5.36.0-snapshot.v20241129092324
@clerk/elements	0.19.8-snapshot.v20241129092324
@clerk/clerk-expo	2.3.11-snapshot.v20241129092324
@clerk/expo-passkeys	0.0.10-snapshot.v20241129092324
@clerk/express	1.3.19-snapshot.v20241129092324
@clerk/fastify	2.0.21-snapshot.v20241129092324
@clerk/localizations	3.7.1-snapshot.v20241129092324
@clerk/nextjs	6.6.0-snapshot.v20241129092324
@clerk/nuxt	0.0.5-snapshot.v20241129092324
@clerk/clerk-react	5.17.1-snapshot.v20241129092324
@clerk/remix	4.2.57-snapshot.v20241129092324
@clerk/clerk-sdk-node	5.0.70-snapshot.v20241129092324
@clerk/shared	2.17.1-snapshot.v20241129092324
@clerk/tanstack-start	0.5.4-snapshot.v20241129092324
@clerk/testing	1.3.31-snapshot.v20241129092324
@clerk/themes	2.1.49-snapshot.v20241129092324
@clerk/types	4.36.0-snapshot.v20241129092324
@clerk/ui	0.1.25-snapshot.v20241129092324
@clerk/vue	0.0.9-snapshot.v20241129092324

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/astro

npm i @clerk/astro@1.5.0-snapshot.v20241129092324 --save-exact

@clerk/backend

npm i @clerk/backend@1.19.0-snapshot.v20241129092324 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@2.0.1-snapshot.v20241129092324 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@5.36.0-snapshot.v20241129092324 --save-exact

@clerk/elements

npm i @clerk/elements@0.19.8-snapshot.v20241129092324 --save-exact

@clerk/clerk-expo

npm i @clerk/clerk-expo@2.3.11-snapshot.v20241129092324 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@0.0.10-snapshot.v20241129092324 --save-exact

@clerk/express

npm i @clerk/express@1.3.19-snapshot.v20241129092324 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.0.21-snapshot.v20241129092324 --save-exact

@clerk/localizations

npm i @clerk/localizations@3.7.1-snapshot.v20241129092324 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@6.6.0-snapshot.v20241129092324 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@0.0.5-snapshot.v20241129092324 --save-exact

@clerk/clerk-react

npm i @clerk/clerk-react@5.17.1-snapshot.v20241129092324 --save-exact

@clerk/remix

npm i @clerk/remix@4.2.57-snapshot.v20241129092324 --save-exact

@clerk/clerk-sdk-node

npm i @clerk/clerk-sdk-node@5.0.70-snapshot.v20241129092324 --save-exact

@clerk/shared

npm i @clerk/shared@2.17.1-snapshot.v20241129092324 --save-exact

@clerk/tanstack-start

npm i @clerk/tanstack-start@0.5.4-snapshot.v20241129092324 --save-exact

@clerk/testing

npm i @clerk/testing@1.3.31-snapshot.v20241129092324 --save-exact

@clerk/themes

npm i @clerk/themes@2.1.49-snapshot.v20241129092324 --save-exact

@clerk/types

npm i @clerk/types@4.36.0-snapshot.v20241129092324 --save-exact

@clerk/ui

npm i @clerk/ui@0.1.25-snapshot.v20241129092324 --save-exact

@clerk/vue

npm i @clerk/vue@0.0.9-snapshot.v20241129092324 --save-exact

add changesets

202e089

panteliselef self-assigned this Nov 19, 2024

chore(backend): Create experimental accountless api

ef1e29a

clerk-cookie added the backend label Nov 19, 2024

Support accountless sync and creation in Server and Client ClerkProvi…

55e1f2d

…der and update middleware to read sk and pk from cookies

clerk-cookie added the nextjs label Nov 19, 2024

github-advanced-security bot found potential problems Nov 19, 2024

View reviewed changes

Update @clerk/react to not throw when pk is missing

86758da

clerk-cookie added the react label Nov 19, 2024

Add missing changes to Server clerk provider

af91677

panteliselef added 2 commits November 19, 2024 16:32

WIP

0b40c97

WIP 2

0646cc9

clerk-cookie added the integration label Nov 21, 2024

vercel bot had a problem deploying to Preview November 21, 2024 11:42 Failure

panteliselef force-pushed the elef/user-1072-support-accountless-in-clerknextjs branch from 8f908b0 to 18e8fe4 Compare November 21, 2024 11:45

vercel bot had a problem deploying to Preview November 21, 2024 11:46 Failure

fix: Gracefully handle problematic nextjs version with server actions

5e0181d

panteliselef force-pushed the elef/user-1072-support-accountless-in-clerknextjs branch from 18e8fe4 to 5e0181d Compare November 21, 2024 11:49

vercel bot had a problem deploying to Preview November 21, 2024 11:50 Failure

Merge branch 'refs/heads/main' into elef/user-1072-support-accountles…

07d7a08

…s-in-clerknextjs

vercel bot deployed to Preview November 21, 2024 11:54 View deployment

panteliselef marked this pull request as ready for review November 21, 2024 12:06

panteliselef added 2 commits November 21, 2024 15:17

Replace Suspense with dynamic()

dbfb097

React does not like the fact that <html><body> may be missing and that Suspense is not used inside <html>

fix: Support returnUrl when syncing with middleware

7f0020a

vercel bot temporarily deployed to Preview November 21, 2024 13:18 Inactive

feat: Add UI prompt

293b15b

panteliselef marked this pull request as draft November 21, 2024 13:45

clerk-cookie added types clerk-js labels Nov 21, 2024

vercel bot deployed to Preview November 21, 2024 13:46 View deployment

fix: Comply with rendering modes

e971a2d

vercel bot deployed to Preview November 21, 2024 15:41 View deployment

panteliselef added 2 commits November 21, 2024 18:04

feat: Use UI prompt in sandbox

c4b1ac5

fix(nextjs): Add internal prefix to tokenUrl prop

afd7dc9

vercel bot deployed to Preview November 21, 2024 16:09 View deployment

Merge branch 'refs/heads/main' into elef/user-1072-support-accountles…

8e1b64f

…s-in-clerknextjs # Conflicts: # packages/clerk-js/src/core/clerk.ts # packages/clerk-js/src/ui/Components.tsx # packages/clerk-js/src/ui/lazyModules/components.ts

clerk-cookie removed types clerk-js labels Nov 26, 2024

vercel bot deployed to Preview November 26, 2024 16:32 View deployment

chore(nextjs): Cleanup and add comments with context

ca1df30

vercel bot temporarily deployed to Preview November 26, 2024 17:19 Inactive

panteliselef commented Nov 26, 2024

View reviewed changes

panteliselef added 2 commits November 27, 2024 11:35

add ascii art for accountless

41bc200

make it opt-in with an env ff

b27445d

vercel bot temporarily deployed to Preview November 27, 2024 10:58 Inactive

panteliselef marked this pull request as ready for review November 27, 2024 14:30

panteliselef requested a review from a team November 27, 2024 14:37

BRKalow reviewed Nov 27, 2024

View reviewed changes

panteliselef commented Nov 28, 2024

View reviewed changes

panteliselef mentioned this pull request Nov 28, 2024

[WIP]: Accountless #4535

Closed

13 tasks

mwickett reviewed Nov 28, 2024

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(nextjs): Support Accountless mode #4602

feat(nextjs): Support Accountless mode #4602

panteliselef commented Nov 19, 2024 •

edited

Loading

changeset-bot bot commented Nov 19, 2024 •

edited

Loading

nikosdouvlis commented Nov 19, 2024

clerk-cookie commented Nov 19, 2024

vercel bot commented Nov 21, 2024 •

edited

Loading

panteliselef Nov 26, 2024

panteliselef Nov 26, 2024

panteliselef Nov 26, 2024

panteliselef Nov 26, 2024

panteliselef Nov 26, 2024

panteliselef Nov 26, 2024

BRKalow Nov 27, 2024

BRKalow left a comment

BRKalow Nov 27, 2024

BRKalow Nov 27, 2024 •

edited

Loading

BRKalow Nov 27, 2024

BRKalow Nov 27, 2024

BRKalow Nov 27, 2024

panteliselef Nov 28, 2024

BRKalow Nov 27, 2024

BRKalow Nov 27, 2024

BRKalow Nov 27, 2024

BRKalow Nov 27, 2024

BRKalow Nov 27, 2024

panteliselef Nov 27, 2024

panteliselef Nov 27, 2024

panteliselef Nov 27, 2024

mwickett Nov 28, 2024

issuedat commented Nov 29, 2024

clerk-cookie commented Nov 29, 2024

		@@ -0,0 +1,12 @@
		const { existsSync, writeFileSync, readFileSync, appendFileSync, mkdirSync, rmSync } = require('node:fs');
		const path = require('node:path');

		// TODO-ACCOUNTLESS: Do we even need this ? I think setting the cookie will reset the router cache.
		redirect(`/clerk-sync-accountless?returnUrl=${returnUrl}`, RedirectType.replace);

	export const ALLOW_ACCOUNTLESS = isTruthy(process.env.NEXT_PUBLIC_CLERK_ACCOUNTLESS);
	export const ENABLE_KEYLESS = isTruthy(process.env.NEXT_PUBLIC_CLERK_ENABLE_KEYLESS);

		/**
		* If publishable key avoid appending an invalid script in the dom.

	import('./lazy-accountless-creator.js').then(m => m.AccountlessCreateKeys),
	import('./lazy-accountless-creator').then(m => m.AccountlessCreateKeys),

	const safePk = mergeNextClerkPropsWithEnv(rest).publishableKey;
	const safePublishableKey = mergeNextClerkPropsWithEnv(rest).publishableKey;

	if (safePk \|\| isNextWithUnstableServerActions \|\| !ALLOW_ACCOUNTLESS) {
	if (safePublishableKey \|\| isNextWithUnstableServerActions \|\| !ALLOW_ACCOUNTLESS) {

		requestData: AuthenticateRequestOptions,
		publicRequestDate: Pick<

feat(nextjs): Support Accountless mode #4602

Are you sure you want to change the base?

feat(nextjs): Support Accountless mode #4602

Conversation

panteliselef commented Nov 19, 2024 • edited Loading

Description

Opt-in support for Accountless

What does the PR do (for development only).

Technical

Requirements

Checklist

Type of change

changeset-bot bot commented Nov 19, 2024 • edited Loading

🦋 Changeset detected

nikosdouvlis commented Nov 19, 2024

clerk-cookie commented Nov 19, 2024

vercel bot commented Nov 21, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

BRKalow left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

BRKalow Nov 27, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

issuedat commented Nov 29, 2024

clerk-cookie commented Nov 29, 2024

panteliselef commented Nov 19, 2024 •

edited

Loading

changeset-bot bot commented Nov 19, 2024 •

edited

Loading

vercel bot commented Nov 21, 2024 •

edited

Loading

BRKalow Nov 27, 2024 •

edited

Loading