diff --git a/packages/create/src/frameworks/react/add-ons/clerk/assets/_dot_env.local.append b/packages/create/src/frameworks/react/add-ons/clerk/assets/_dot_env.local.append index 831a8a2e..70b6be9a 100644 --- a/packages/create/src/frameworks/react/add-ons/clerk/assets/_dot_env.local.append +++ b/packages/create/src/frameworks/react/add-ons/clerk/assets/_dot_env.local.append @@ -1,2 +1,3 @@ # Clerk configuration, get this key from your [Dashboard](dashboard.clerk.com) VITE_CLERK_PUBLISHABLE_KEY= +CLERK_SECRET_KEY= diff --git a/packages/create/src/frameworks/react/add-ons/clerk/assets/src/integrations/clerk/header-user.tsx b/packages/create/src/frameworks/react/add-ons/clerk/assets/src/integrations/clerk/header-user.tsx index 69b4e834..0011cce3 100644 --- a/packages/create/src/frameworks/react/add-ons/clerk/assets/src/integrations/clerk/header-user.tsx +++ b/packages/create/src/frameworks/react/add-ons/clerk/assets/src/integrations/clerk/header-user.tsx @@ -1,19 +1,14 @@ -import { - SignedIn, - SignInButton, - SignedOut, - UserButton, -} from '@clerk/clerk-react' +import { Show, SignInButton, UserButton } from '@clerk/tanstack-react-start' export default function HeaderUser() { return ( <> - + - - + + - + ) } diff --git a/packages/create/src/frameworks/react/add-ons/clerk/assets/src/integrations/clerk/provider.tsx b/packages/create/src/frameworks/react/add-ons/clerk/assets/src/integrations/clerk/provider.tsx index 3dbbbf1c..c6b75516 100644 --- a/packages/create/src/frameworks/react/add-ons/clerk/assets/src/integrations/clerk/provider.tsx +++ b/packages/create/src/frameworks/react/add-ons/clerk/assets/src/integrations/clerk/provider.tsx @@ -1,4 +1,4 @@ -import { ClerkProvider } from '@clerk/clerk-react' +import { ClerkProvider } from '@clerk/tanstack-react-start' const PUBLISHABLE_KEY = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY if (!PUBLISHABLE_KEY) { diff --git a/packages/create/src/frameworks/react/add-ons/clerk/assets/src/routes/demo/clerk.tsx b/packages/create/src/frameworks/react/add-ons/clerk/assets/src/routes/demo/clerk.tsx index 14676584..b7b3ed6b 100644 --- a/packages/create/src/frameworks/react/add-ons/clerk/assets/src/routes/demo/clerk.tsx +++ b/packages/create/src/frameworks/react/add-ons/clerk/assets/src/routes/demo/clerk.tsx @@ -1,5 +1,5 @@ +import { useUser } from '@clerk/tanstack-react-start' import { createFileRoute } from '@tanstack/react-router' -import { useUser } from '@clerk/clerk-react' export const Route = createFileRoute('/demo/clerk')({ component: App, diff --git a/packages/create/src/frameworks/react/add-ons/clerk/assets/src/start.ts b/packages/create/src/frameworks/react/add-ons/clerk/assets/src/start.ts new file mode 100644 index 00000000..7447718f --- /dev/null +++ b/packages/create/src/frameworks/react/add-ons/clerk/assets/src/start.ts @@ -0,0 +1,8 @@ +import { clerkMiddleware } from '@clerk/tanstack-react-start/server' +import { createStart } from '@tanstack/react-start' + +export const startInstance = createStart(() => { + return { + requestMiddleware: [clerkMiddleware()], + } +}) diff --git a/packages/create/src/frameworks/react/add-ons/clerk/info.json b/packages/create/src/frameworks/react/add-ons/clerk/info.json index 3d1143bb..ac13da53 100644 --- a/packages/create/src/frameworks/react/add-ons/clerk/info.json +++ b/packages/create/src/frameworks/react/add-ons/clerk/info.json @@ -36,6 +36,18 @@ "required": true, "secret": false, "file": ".env.local" + }, + { + "name": "CLERK_SECRET_KEY", + "description": "Clerk secret key", + "required": true, + "secret": true, + "file": ".env.local" + } + ], + "packageAdditions": { + "dependencies": { + "@clerk/tanstack-react-start": "^1.0.4" } - ] + } } diff --git a/packages/create/src/frameworks/react/add-ons/clerk/package.json b/packages/create/src/frameworks/react/add-ons/clerk/package.json index a3be4657..9178d1a3 100644 --- a/packages/create/src/frameworks/react/add-ons/clerk/package.json +++ b/packages/create/src/frameworks/react/add-ons/clerk/package.json @@ -1,5 +1,5 @@ { "dependencies": { - "@clerk/clerk-react": "^5.61.3" + "@clerk/tanstack-react-start": "^1.0.4" } }