style: fix formatting with prettier

Author: andrewjiang

README.md

@@ -9,6 +9,7 @@ Builddit provides a streamlined interface for browsing and interacting with buil
 ## Features
 
 ### Core Features
+
 - Browse build requests from `/someone-build` channel
   - View text posts with author information
   - Sort by Newest and Top (Day, Week, Month, All)
@@ -37,17 +38,20 @@ Builddit provides a streamlined interface for browsing and interacting with buil
 ## Development Setup
 
 1. Clone the repository:
+
    ```bash
    git clone https://github.com/andrewjiang/builddit.git
    cd builddit
    ```
 
 2. Install dependencies:
+
    ```bash
    npm install
    ```
 
 3. Create a `.env` file with the following variables:
+
    ```
    # Neynar API Configuration
    NEYNAR_API_KEY=your_api_key
@@ -444,14 +448,17 @@ The project uses a combination of Farcaster Auth Kit and Next-Auth to provide a
 The application uses a hybrid data fetching approach to balance performance and data freshness:
 
 ### Frontend Polling
+
 - The frontend polls every 30 seconds for new content
 - Each poll first attempts to fetch from MongoDB for performance
 - Falls back to Neynar API if MongoDB query fails or returns no results
 - New posts are merged at the top during polling
 - Additional posts are appended at the bottom during infinite scroll
 
 ### Database Updates
+
 1. **Primary Path (MongoDB)**
+
    - Most reads hit MongoDB first for better performance
    - Stores complete build request data including:
      - Cast metadata (text, timestamp, author)
@@ -466,19 +473,23 @@ The application uses a hybrid data fetching approach to balance performance and
    - Uses upsert operations to ensure data consistency
 
 ### Historical Sync
+
 A separate script (`scripts/sync-historical-builds.cjs`) handles complete historical data synchronization:
+
 - Processes builds in batches (100 per batch)
 - Includes full engagement metrics
 - Syncs all replies and recasts
 - Updates claim counts
 - Maintains user profiles
 
 ### Known Limitations
+
 - Frontend polling might miss updates if MongoDB always returns results
 - Engagement metrics might be stale between polls
 - No real-time updates for likes/recasts
 
 ### Future Improvements
+
 - [ ] Add timestamp checks to force Neynar refresh for stale data
 - [ ] Implement background job for periodic Neynar sync
 - [ ] Add Neynar webhook support for real-time updates
@@ -489,6 +500,7 @@ A separate script (`scripts/sync-historical-builds.cjs`) handles complete histor
 For reliable execution of background tasks and data synchronization, we use Digital Ocean App Platform Jobs:
 
 1. **Historical Build Sync Job**
+
    ```yaml
    jobs:
    - name: sync-historical-builds
@@ -523,6 +535,7 @@ For reliable execution of background tasks and data synchronization, we use Digi
    ```
 
 #### Benefits of Digital Ocean Jobs:
+
 - No execution time limits
 - Reliable scheduling
 - Detailed logging and monitoring
@@ -531,6 +544,7 @@ For reliable execution of background tasks and data synchronization, we use Digi
 - Cost-effective for background tasks
 
 #### Setup Instructions:
+
 1. Create a new App Platform project
 2. Add the jobs section to your `app.yaml`
 3. Configure environment variables

app/api/build-requests/[hash]/claims/route.ts

@@ -83,7 +83,7 @@ export async function POST(
     // Increment the claimsCount on the build request
     await BuildRequest.findOneAndUpdate(
       { hash: params.hash },
-      { $inc: { claimsCount: 1 } }
+      { $inc: { claimsCount: 1 } },
     );
 
     return NextResponse.json({ claim });

components/BountyModal.tsx

@@ -9,7 +9,11 @@ interface BountyModalProps {
   onClose: () => void;
 }
 
-export function BountyModal({ buildRequest, isOpen, onClose }: BountyModalProps) {
+export function BountyModal({
+  buildRequest,
+  isOpen,
+  onClose,
+}: BountyModalProps) {
   const [amount, setAmount] = useState("");
   const [currency, setCurrency] = useState("USDC");
   const [deadline, setDeadline] = useState("");
@@ -18,17 +22,17 @@ export function BountyModal({ buildRequest, isOpen, onClose }: BountyModalProps)
   // Calculate default deadline (2 weeks from now)
   const twoWeeksFromNow = new Date();
   twoWeeksFromNow.setDate(twoWeeksFromNow.getDate() + 14);
-  const defaultDeadline = twoWeeksFromNow.toISOString().split('T')[0];
+  const defaultDeadline = twoWeeksFromNow.toISOString().split("T")[0];
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
-    
+
     // Create the Warpcast intent URL
     const intentUrl = new URL("https://warpcast.com/~/compose");
-    
+
     // Format the text for the bounty
-    const bountyText = `I'd love for someone to build this!\n\nAmount: ${amount} ${currency}${deadline ? `\nDeadline: ${deadline}` : ''}${description ? `\n\n${description}` : ''}\n\n@bountybot`;
-    
+    const bountyText = `I'd love for someone to build this!\n\nAmount: ${amount} ${currency}${deadline ? `\nDeadline: ${deadline}` : ""}${description ? `\n\n${description}` : ""}\n\n@bountybot`;
+
     intentUrl.searchParams.set("text", bountyText);
     intentUrl.searchParams.set(
       "embeds[]",
@@ -143,7 +147,7 @@ export function BountyModal({ buildRequest, isOpen, onClose }: BountyModalProps)
                       id="deadline"
                       value={deadline}
                       onChange={(e) => setDeadline(e.target.value)}
-                      min={new Date().toISOString().split('T')[0]}
+                      min={new Date().toISOString().split("T")[0]}
                       placeholder={defaultDeadline}
                       className="w-full px-4 py-2 bg-purple-800/50 border border-purple-700 rounded-lg 
                                text-purple-100 placeholder-purple-400 focus:outline-none focus:ring-2 
@@ -202,4 +206,4 @@ export function BountyModal({ buildRequest, isOpen, onClose }: BountyModalProps)
       </Dialog>
     </Transition>
   );
-} 
+}

components/BuildRequestCard.tsx

@@ -68,11 +68,16 @@ function EmbeddedCastCard({
             )}
             {embed.url && (
               <div className="mt-2 overflow-hidden">
-                {isImageUrl(embed.url) || embed.metadata?.html?.ogImage?.[0]?.url ? (
+                {isImageUrl(embed.url) ||
+                embed.metadata?.html?.ogImage?.[0]?.url ? (
                   <div className="relative w-full max-w-[480px] rounded-lg overflow-hidden bg-purple-800/50">
                     <div className="relative aspect-[16/9] max-h-[320px]">
                       <SafeImage
-                        src={isImageUrl(embed.url) ? embed.url : embed.metadata?.html?.ogImage?.[0]?.url}
+                        src={
+                          isImageUrl(embed.url)
+                            ? embed.url
+                            : embed.metadata?.html?.ogImage?.[0]?.url
+                        }
                         alt={embed.metadata?.html?.ogTitle || "Embedded image"}
                         className="absolute inset-0 w-full h-full object-cover rounded-lg"
                       />
@@ -124,22 +129,22 @@ function EmbeddedCastCard({
 function isImageUrl(url: string): boolean {
   // Check for common image extensions
   if (/\.(jpg|jpeg|png|gif|webp)$/i.test(url)) return true;
-  
+
   // Check for common image hosting domains
-  if (url.includes('imagedelivery.net')) return true;
-  if (url.includes('openseauserdata.com')) return true;
-  if (url.includes('i.imgur.com')) return true;
-  if (url.includes('cdn.discordapp.com')) return true;
-  
+  if (url.includes("imagedelivery.net")) return true;
+  if (url.includes("openseauserdata.com")) return true;
+  if (url.includes("i.imgur.com")) return true;
+  if (url.includes("cdn.discordapp.com")) return true;
+
   // Google Docs image URLs
-  if (url.includes('googleusercontent.com/docs')) return true;
-  
+  if (url.includes("googleusercontent.com/docs")) return true;
+
   // Firefly media URLs
-  if (url.includes('media.firefly.land/farcaster')) return true;
-  
+  if (url.includes("media.firefly.land/farcaster")) return true;
+
   // Empire Builder OG image URLs
-  if (url.includes('empirebuilder.world/api/og')) return true;
-  
+  if (url.includes("empirebuilder.world/api/og")) return true;
+
   return false;
 }
 
@@ -303,12 +308,19 @@ export function BuildRequestCard({ buildRequest }: BuildRequestCardProps) {
                     <EmbeddedCastCard cast={embed.cast} />
                   ) : embed.url ? (
                     <div className="mt-2 overflow-hidden">
-                      {(embed.metadata?.html?.ogImage?.[0]?.url || isImageUrl(embed.url)) ? (
+                      {embed.metadata?.html?.ogImage?.[0]?.url ||
+                      isImageUrl(embed.url) ? (
                         <div className="relative w-full max-w-[480px] rounded-lg overflow-hidden bg-purple-800/50">
                           <div className="relative aspect-[16/9] max-h-[320px]">
                             <SafeImage
-                              src={embed.metadata?.html?.ogImage?.[0]?.url || embed.url}
-                              alt={embed.metadata?.html?.ogTitle || "Embedded image"}
+                              src={
+                                embed.metadata?.html?.ogImage?.[0]?.url ||
+                                embed.url
+                              }
+                              alt={
+                                embed.metadata?.html?.ogTitle ||
+                                "Embedded image"
+                              }
                               className="absolute inset-0 w-full h-full object-cover rounded-lg"
                             />
                           </div>

components/BuildRequestDetails.tsx

@@ -59,7 +59,9 @@ function EmbeddedCastCard({
           )}
         </div>
       </div>
-      <p className="text-purple-100 whitespace-pre-wrap break-words overflow-hidden overflow-wrap-anywhere mb-3">{cast.text}</p>
+      <p className="text-purple-100 whitespace-pre-wrap break-words overflow-hidden overflow-wrap-anywhere mb-3">
+        {cast.text}
+      </p>
       {cast.embeds && cast.embeds.length > 0 && (
         <div className="space-y-2">
           {cast.embeds.map((embed: Embed, index: number) => (
@@ -99,23 +101,23 @@ function EmbeddedCastCard({
 function isImageUrl(url: string): boolean {
   // Check for common image extensions
   if (/\.(jpg|jpeg|png|gif|webp)$/i.test(url)) return true;
-  
+
   // Check for common image hosting domains
-  if (url.includes('imagedelivery.net')) return true;
-  if (url.includes('openseauserdata.com')) return true;
-  if (url.includes('i.imgur.com')) return true;
-  if (url.includes('cdn.discordapp.com')) return true;
-  if (url.includes('i.seadn.io')) return true;
-  
+  if (url.includes("imagedelivery.net")) return true;
+  if (url.includes("openseauserdata.com")) return true;
+  if (url.includes("i.imgur.com")) return true;
+  if (url.includes("cdn.discordapp.com")) return true;
+  if (url.includes("i.seadn.io")) return true;
+
   // Google Docs image URLs
-  if (url.includes('googleusercontent.com/docs')) return true;
-  
+  if (url.includes("googleusercontent.com/docs")) return true;
+
   // Firefly media URLs
-  if (url.includes('media.firefly.land/farcaster')) return true;
-  
+  if (url.includes("media.firefly.land/farcaster")) return true;
+
   // Empire Builder OG image URLs
-  if (url.includes('empirebuilder.world/api/og')) return true;
-  
+  if (url.includes("empirebuilder.world/api/og")) return true;
+
   return false;
 }
 
@@ -203,12 +205,21 @@ export function BuildRequestDetails({
                     <EmbeddedCastCard cast={embed.cast} />
                   ) : embed.url ? (
                     <div className="mt-2 overflow-hidden">
-                      {(isImageUrl(embed.url) || embed.metadata?.html?.ogImage?.[0]?.url) ? (
+                      {isImageUrl(embed.url) ||
+                      embed.metadata?.html?.ogImage?.[0]?.url ? (
                         <div className="relative w-full rounded-lg overflow-hidden bg-purple-800/50">
                           <div className="relative aspect-[16/9]">
                             <SafeImage
-                              src={isImageUrl(embed.url) ? embed.url : (embed.metadata?.html?.ogImage?.[0]?.url || embed.url)}
-                              alt={embed.metadata?.html?.ogTitle || "Embedded image"}
+                              src={
+                                isImageUrl(embed.url)
+                                  ? embed.url
+                                  : embed.metadata?.html?.ogImage?.[0]?.url ||
+                                    embed.url
+                              }
+                              alt={
+                                embed.metadata?.html?.ogTitle ||
+                                "Embedded image"
+                              }
                               className="absolute inset-0 w-full h-full object-cover rounded-lg"
                             />
                           </div>
@@ -382,17 +393,26 @@ export function BuildRequestDetails({
             timestamp: buildRequest.timestamp,
             embeds: buildRequest.embeds,
             reactions: {
-              likes_count: "reactions" in buildRequest ? buildRequest.reactions.likes_count : (buildRequest as any).engagement?.likes || 0,
-              recasts_count: "reactions" in buildRequest ? buildRequest.reactions.recasts_count : (buildRequest as any).engagement?.recasts || 0,
+              likes_count:
+                "reactions" in buildRequest
+                  ? buildRequest.reactions.likes_count
+                  : (buildRequest as any).engagement?.likes || 0,
+              recasts_count:
+                "reactions" in buildRequest
+                  ? buildRequest.reactions.recasts_count
+                  : (buildRequest as any).engagement?.recasts || 0,
               likes: [],
-              recasts: []
+              recasts: [],
             },
             replies: {
-              count: "replies" in buildRequest ? buildRequest.replies.count : (buildRequest as any).engagement?.replies || 0
+              count:
+                "replies" in buildRequest
+                  ? buildRequest.replies.count
+                  : (buildRequest as any).engagement?.replies || 0,
             },
             mentioned_profiles: buildRequest.mentioned_profiles || [],
             author: buildRequest.author,
-            channel: buildRequest.channel
+            channel: buildRequest.channel,
           }}
           isOpen={isClaimModalOpen}
           onClose={() => setIsClaimModalOpen(false)}