stack-auth · madster456 · Aug 12, 2025 · Jul 14, 2025 · Jul 15, 2025 · Jul 15, 2025
diff --git a/apps/backend/.env b/apps/backend/.env
@@ -66,5 +66,6 @@ OTEL_EXPORTER_OTLP_ENDPOINT=# enter the OpenTelemetry endpoint here. Optional, d
 STACK_INTEGRATION_CLIENTS_CONFIG=# a list of oidc-provider clients for integrations. If not provided, disables integrations
 STACK_FREESTYLE_API_KEY=# enter your freestyle.sh api key
 STACK_OPENAI_API_KEY=# enter your openai api key
+STACK_FEATUREBASE_API_KEY=# enter your featurebase api key
 STACK_STRIPE_SECRET_KEY=# enter your stripe api key
 STACK_STRIPE_WEBHOOK_SECRET=# enter your stripe webhook secret
diff --git a/.../backend/src/app/api/latest/internal/feature-requests/[featureRequestId]/upvote/route.tsx b/.../backend/src/app/api/latest/internal/feature-requests/[featureRequestId]/upvote/route.tsx
@@ -0,0 +1,79 @@
+import { createSmartRouteHandler } from "@/route-handlers/smart-route-handler";
+import { adaptSchema, yupBoolean, yupNumber, yupObject, yupString } from "@stackframe/stack-shared/dist/schema-fields";
+import { getEnvVariable } from "@stackframe/stack-shared/dist/utils/env";
+import { StackAssertionError } from "@stackframe/stack-shared/dist/utils/errors";
+import { getOrCreateFeaturebaseUser } from "@stackframe/stack-shared/dist/utils/featurebase";
+
+const STACK_FEATUREBASE_API_KEY = getEnvVariable("STACK_FEATUREBASE_API_KEY");
+
+// POST /api/latest/internal/feature-requests/[featureRequestId]/upvote
+export const POST = createSmartRouteHandler({
+  metadata: {
+    summary: "Toggle upvote on feature request",
+    description: "Toggle upvote on a feature request for the current user",
+    tags: ["Internal"],
+  },
+  request: yupObject({
+    auth: yupObject({
+      type: adaptSchema,
+      user: adaptSchema.defined(),
+      project: yupObject({
+        id: yupString().oneOf(["internal"]).defined(),
+      })
+    }).defined(),
+    params: yupObject({
+      featureRequestId: yupString().defined(),
+    }).defined(),
+    body: yupObject({}),
+    method: yupString().oneOf(["POST"]).defined(),
+  }),
+  response: yupObject({
+    statusCode: yupNumber().oneOf([200]).defined(),
+    bodyType: yupString().oneOf(["json"]).defined(),
+    body: yupObject({
+      success: yupBoolean().defined(),
+      upvoted: yupBoolean().optional(),
+    }).defined(),
+  }),
+  handler: async ({ auth, params }) => {
+    // Get or create Featurebase user for consistent email handling
+    const featurebaseUser = await getOrCreateFeaturebaseUser({
+      id: auth.user.id,
+      primaryEmail: auth.user.primary_email,
+      displayName: auth.user.display_name,
+      profileImageUrl: auth.user.profile_image_url,
+    });
+
+    const response = await fetch('https://do.featurebase.app/v2/posts/upvoters', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-API-Key': STACK_FEATUREBASE_API_KEY,
+      },
+      body: JSON.stringify({
+        id: params.featureRequestId,
+        email: featurebaseUser.email,
+      }),
+    });
+
+    let data;
+    try {
+      data = await response.json();
+    } catch (error) {
+      if (error instanceof StackAssertionError) {
+        throw error;
+      }
+      throw new StackAssertionError("Failed to parse Featurebase upvote response", { cause: error });
+    }
+
+    if (!response.ok) {
+      throw new StackAssertionError(`Featurebase upvote API error: ${data.error || 'Failed to toggle upvote'}`, { data });
+    }
+
+    return {
+      statusCode: 200,
+      bodyType: "json" as const,
+      body: { success: true, upvoted: data.upvoted },
+    };
+  },
+});
diff --git a/apps/backend/src/app/api/latest/internal/feature-requests/route.tsx b/apps/backend/src/app/api/latest/internal/feature-requests/route.tsx
@@ -0,0 +1,190 @@
+import { createSmartRouteHandler } from "@/route-handlers/smart-route-handler";
+import { adaptSchema, yupArray, yupBoolean, yupNumber, yupObject, yupString } from "@stackframe/stack-shared/dist/schema-fields";
+import { getEnvVariable } from "@stackframe/stack-shared/dist/utils/env";
+import { StackAssertionError } from "@stackframe/stack-shared/dist/utils/errors";
+import { getOrCreateFeaturebaseUser } from "@stackframe/stack-shared/dist/utils/featurebase";
+
+const STACK_FEATUREBASE_API_KEY = getEnvVariable("STACK_FEATUREBASE_API_KEY");
+
+// GET /api/latest/internal/feature-requests
+export const GET = createSmartRouteHandler({
+  metadata: {
+    summary: "Get feature requests",
+    description: "Fetch all feature requests with upvote status for the current user",
+    tags: ["Internal"],
+  },
+  request: yupObject({
+    auth: yupObject({
+      type: adaptSchema,
+      user: adaptSchema.defined(),
+      project: yupObject({
+        id: yupString().oneOf(["internal"]).defined(),
+      }).defined(),
+    }).defined(),
+    query: yupObject({}),
+    method: yupString().oneOf(["GET"]).defined(),
+  }),
+  response: yupObject({
+    statusCode: yupNumber().oneOf([200]).defined(),
+    bodyType: yupString().oneOf(["json"]).defined(),
+    body: yupObject({
+      posts: yupArray(yupObject({
+        id: yupString().defined(),
+        title: yupString().defined(),
+        content: yupString().nullable(),
+        upvotes: yupNumber().defined(),
+        date: yupString().defined(),
+        postStatus: yupObject({
+          name: yupString().defined(),
+          color: yupString().defined(),
+        }).noUnknown(false).nullable(),
+        userHasUpvoted: yupBoolean().defined(),
+      }).noUnknown(false)).defined(),
+    }).defined(),
+  }),
+  handler: async ({ auth }) => {
+    // Get or create Featurebase user for consistent email handling
+    const featurebaseUser = await getOrCreateFeaturebaseUser({
+      id: auth.user.id,
+      primaryEmail: auth.user.primary_email,
+      displayName: auth.user.display_name,
+      profileImageUrl: auth.user.profile_image_url,
+    });
+
+    // Fetch all posts with sorting
+    const response = await fetch('https://do.featurebase.app/v2/posts?limit=50&sortBy=upvotes:desc', {
+      method: 'GET',
+      headers: {
+        'X-API-Key': STACK_FEATUREBASE_API_KEY,
+      },
+    });
+
+    const data = await response.json();
+
+    if (!response.ok) {
+      throw new Error(`Featurebase API error: ${data.error || 'Failed to fetch feature requests'}`);
+    }
+
+    const posts = data.results || [];
+
+    // Check upvote status for each post for the current user using Featurebase email
+    const postsWithUpvoteStatus = await Promise.all(
+      posts.map(async (post: any) => {
+        let userHasUpvoted = false;
+
+        const upvoteResponse = await fetch(`https://do.featurebase.app/v2/posts/upvoters?submissionId=${post.id}`, {
+          method: 'GET',
+          headers: {
+            'X-API-Key': STACK_FEATUREBASE_API_KEY,
+          },
+        });
+
+        if (upvoteResponse.ok) {
+          const upvoteData = await upvoteResponse.json();
+          const upvoters = upvoteData.results || [];
+          userHasUpvoted = upvoters.some((upvoter: any) =>
+            upvoter.userId === featurebaseUser.userId
+          );
+        }
+
+        return {
+          id: post.id,
+          title: post.title,
+          content: post.content,
+          upvotes: post.upvotes || 0,
+          date: post.date,
+          postStatus: post.postStatus,
+          userHasUpvoted,
+        };
+      })
+    );
+
+    return {
+      statusCode: 200,
+      bodyType: "json" as const,
+      body: { posts: postsWithUpvoteStatus },
+    };
+  },
+});
+
+// POST /api/latest/internal/feature-requests
+export const POST = createSmartRouteHandler({
+  metadata: {
+    summary: "Create feature request",
+    description: "Create a new feature request",
+    tags: ["Internal"],
+  },
+  request: yupObject({
+    auth: yupObject({
+      type: adaptSchema,
+      user: adaptSchema.defined(),
+      project: yupObject({
+        id: yupString().oneOf(["internal"]).defined(),
+      }).defined(),
+    }).defined(),
+    body: yupObject({
+      title: yupString().defined(),
+      content: yupString().optional(),
+      category: yupString().optional(),
+      tags: yupArray(yupString()).optional(),
+      commentsAllowed: yupBoolean().optional(),
+      customInputValues: yupObject().noUnknown(false).optional().nullable(),
+    }).defined(),
+    method: yupString().oneOf(["POST"]).defined(),
+  }),
+  response: yupObject({
+    statusCode: yupNumber().oneOf([200]).defined(),
+    bodyType: yupString().oneOf(["json"]).defined(),
+    body: yupObject({
+      success: yupBoolean().defined(),
+      id: yupString().optional(),
+    }).defined(),
+  }),
+  handler: async ({ auth, body }) => {
+    // Get or create Featurebase user for consistent email handling
+    const featurebaseUser = await getOrCreateFeaturebaseUser({
+      id: auth.user.id,
+      primaryEmail: auth.user.primary_email,
+      displayName: auth.user.display_name,
+      profileImageUrl: auth.user.profile_image_url,
+    });
+
+    const featurebaseRequestBody = {
+      title: body.title,
+      content: body.content || '',
+      category: body.category || 'feature-requests',
+      tags: body.tags || ['feature_request', 'dashboard'],
+      commentsAllowed: body.commentsAllowed ?? true,
+      email: featurebaseUser.email,
+      authorName: auth.user.display_name || 'Stack Auth User',
+      customInputValues: {
+        // Using the actual field IDs from Featurebase
+        "6872f858cc9682d29cf2e4c0": 'dashboard_companion', // source field
+        "6872f88041fa77a4dd9dab29": featurebaseUser.userId, // userId field
+        "6872f890143fc108288d8f5a": 'stack-auth', // projectId field
+        ...body.customInputValues,
+      }
+    };
+
+    const response = await fetch('https://do.featurebase.app/v2/posts', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-API-Key': STACK_FEATUREBASE_API_KEY,
+      },
+      body: JSON.stringify(featurebaseRequestBody),
+    });
+
+    const data = await response.json();
+
+    if (!response.ok) {
+      throw new StackAssertionError(`Featurebase API error: ${data.error || 'Failed to create feature request'}`, { data });
+    }
+
+    return {
+      statusCode: 200,
+      bodyType: "json" as const,
+      body: { success: true, id: data.id },
+    };
+  },
+});
diff --git a/apps/dashboard/next.config.mjs b/apps/dashboard/next.config.mjs
@@ -62,6 +62,17 @@ const nextConfig = {
 
   poweredByHeader: false,
 
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '*.featurebase-attachments.com',
+        port: '',
+        pathname: '/**',
+      },
+    ],
+  },
+
   async rewrites() {
     return [
       {
@@ -78,7 +89,7 @@ const nextConfig = {
       },
     ];
   },
-  skipTrailingSlashRedirect: true, 
+  skipTrailingSlashRedirect: true,
 
   async headers() {
     return [

diff --git a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/sidebar-layout.tsx b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/sidebar-layout.tsx
@@ -1,9 +1,9 @@
 'use client';
 
-import { FeedbackDialog } from "@/components/feedback-dialog";
 import { Link } from "@/components/link";
 import { Logo } from "@/components/logo";
 import { ProjectSwitcher } from "@/components/project-switcher";
+import { StackCompanion } from "@/components/stack-companion";
 import ThemeToggle from "@/components/theme-toggle";
 import { getPublicEnvVar } from '@/lib/env';
 import { cn, devFeaturesEnabledForProject } from "@/lib/utils";
@@ -14,7 +14,7 @@ import {
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator,
-  Button,
+
   Sheet,
   SheetContent,
   SheetTitle,
@@ -489,14 +489,19 @@ function HeaderBreadcrumb({
 
 export default function SidebarLayout(props: { projectId: string, children?: React.ReactNode }) {
   const [sidebarOpen, setSidebarOpen] = useState(false);
+  const [companionExpanded, setCompanionExpanded] = useState(false);
   const { resolvedTheme, setTheme } = useTheme();
 
   return (
     <div className="w-full flex">
+      {/* Left Sidebar */}
       <div className="flex-col border-r min-w-[240px] h-screen sticky top-0 hidden md:flex backdrop-blur-md bg-white/20 dark:bg-black/20 z-[10]">
         <SidebarContent projectId={props.projectId} />
       </div>
+
+      {/* Main Content Area */}
       <div className="flex flex-col flex-grow w-0">
+        {/* Header */}
         <div className="h-14 border-b flex items-center justify-between sticky top-0 backdrop-blur-md bg-white/20 dark:bg-black/20 z-10 px-4 md:px-6">
           <div className="hidden md:flex">
             <HeaderBreadcrumb projectId={props.projectId} />
@@ -522,20 +527,24 @@ export default function SidebarLayout(props: { projectId: string, children?: Rea
             </div>
           </div>
 
-          <div className="flex gap-4">
-            <FeedbackDialog
-              trigger={<Button variant="outline" size='sm'>Feedback</Button>}
-            />
+          <div className="flex gap-4 relative">
             {getPublicEnvVar("NEXT_PUBLIC_STACK_EMULATOR_ENABLED") === "true" ?
               <ThemeToggle /> :
               <UserButton colorModeToggle={() => setTheme(resolvedTheme === 'light' ? 'dark' : 'light')} />
             }
           </div>
         </div>
+
+        {/* Content Body - Normal scrolling */}
         <div className="flex-grow relative">
           {props.children}
         </div>
       </div>
+
+      {/* Stack Companion - Sticky positioned like left sidebar */}
+      <div className="h-screen sticky top-0 backdrop-blur-md bg-white/20 dark:bg-black/20 z-[10]">
+        <StackCompanion onExpandedChange={setCompanionExpanded} />
+      </div>
     </div>
   );
 }