Merge branch 'main' into jacek/rate-limit-retry-bapi

Author: jacekradko

.changeset/fix-cache-components-build.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/hungry-chicken-flash.md

@@ -0,0 +1,2 @@
+---
+---

integration/templates/next-cache-components/src/app/api/use-cache-error-trigger/route.ts

@@ -1,9 +1,17 @@
-export default async function DynamicPage({ params }: { params: Promise<{ id: string }> }) {
+import { Suspense } from 'react';
+
+async function DynamicContent({ params }: { params: Promise<{ id: string }> }) {
   const { id } = await params;
+  return <p data-testid='route-id'>{id}</p>;
+}
+
+export default function DynamicPage({ params }: { params: Promise<{ id: string }> }) {
   return (
     <main>
       <h1>Dynamic Route</h1>
-      <p data-testid='route-id'>{id}</p>
+      <Suspense fallback={<div>Loading...</div>}>
+        <DynamicContent params={params} />
+      </Suspense>
     </main>
   );
 }

integration/templates/next-cache-components/src/app/dynamic-route/[id]/page.tsx

@@ -1,10 +1,13 @@
 import { SignIn } from '@clerk/nextjs';
+import { Suspense } from 'react';
 
 export default function SignInPage() {
   return (
     <main>
       <h1>Sign In</h1>
-      <SignIn />
+      <Suspense fallback={<div>Loading...</div>}>
+        <SignIn />
+      </Suspense>
     </main>
   );
 }

integration/templates/next-cache-components/src/app/sign-in/[[...catchall]]/page.tsx

@@ -68,6 +68,48 @@ const routes = [
     path: '/billing/subscription-details-btn',
     component: () => import('./views/billing/SubscriptionDetailsBtn.vue'),
   },
+  // Composable state routes (public, for testing composable output)
+  {
+    name: 'AuthState',
+    path: '/auth-state',
+    component: () => import('./views/AuthState.vue'),
+  },
+  {
+    name: 'UserState',
+    path: '/user-state',
+    component: () => import('./views/UserState.vue'),
+  },
+  {
+    name: 'SessionState',
+    path: '/session-state',
+    component: () => import('./views/SessionState.vue'),
+  },
+  {
+    name: 'OrgState',
+    path: '/org-state',
+    component: () => import('./views/OrgState.vue'),
+  },
+  // Component test routes
+  {
+    name: 'SignOut',
+    path: '/sign-out',
+    component: () => import('./views/SignOutPage.vue'),
+  },
+  {
+    name: 'OrganizationList',
+    path: '/org-list',
+    component: () => import('./views/OrganizationListPage.vue'),
+  },
+  {
+    name: 'CreateOrganization',
+    path: '/create-org',
+    component: () => import('./views/CreateOrganizationPage.vue'),
+  },
+  {
+    name: 'ShowComponent',
+    path: '/show-component',
+    component: () => import('./views/ShowComponent.vue'),
+  },
 ];
 
 const router = createRouter({

integration/templates/next-cache-components/src/app/use-cache-error-trigger/page.tsx

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { useAuth } from '@clerk/vue';
+
+const { isLoaded, isSignedIn, userId, sessionId, orgId, orgRole, orgSlug } = useAuth();
+</script>
+
+<template>
+  <div id="auth-state">
+    <p data-auth-is-loaded>{{ isLoaded }}</p>
+    <p data-auth-is-signed-in>{{ isSignedIn }}</p>
+    <p data-auth-user-id>{{ userId }}</p>
+    <p data-auth-session-id>{{ sessionId }}</p>
+    <p data-auth-org-id>{{ orgId }}</p>
+    <p data-auth-org-role>{{ orgRole }}</p>
+    <p data-auth-org-slug>{{ orgSlug }}</p>
+  </div>
+</template>

integration/templates/next-cache-components/src/app/use-cache-error/page.tsx

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import { CreateOrganization } from '@clerk/vue';
+</script>
+
+<template>
+  <CreateOrganization />
+</template>