specify localhost

web/.eslintrc.js

@@ -1,13 +1,13 @@
 module.exports = {
-  extends: ['next/core-web-vitals', 'plugin:tailwindcss/recommended'],
-  plugins: ['simple-import-sort', 'unused-imports'],
+  extends: ["next/core-web-vitals", "plugin:tailwindcss/recommended"],
+  plugins: ["simple-import-sort", "unused-imports"],
   rules: {
-    '@next/next/no-img-element': 'off',
-    'jsx-a11y/alt-text': 'off',
-    'no-duplicate-imports': 'error',
-    'simple-import-sort/exports': 'error',
-    'simple-import-sort/imports': 'error',
-    'tailwindcss/no-custom-classname': 'error',
-    'unused-imports/no-unused-imports': 'error',
+    "@next/next/no-img-element": "off",
+    "jsx-a11y/alt-text": "off",
+    "no-duplicate-imports": "error",
+    "simple-import-sort/exports": "error",
+    "simple-import-sort/imports": "error",
+    "tailwindcss/no-custom-classname": "error",
+    "unused-imports/no-unused-imports": "error",
   },
 };

web/next.config.ts

@@ -1,6 +1,6 @@
 /** @type {import('next').NextConfig} */
 
-import { NextConfig } from 'next';
+import { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   reactStrictMode: true,

web/src/app/api/auth/[...nextauth]/route.ts

@@ -1,26 +1,26 @@
-import { createAppClient, viemConnector } from '@farcaster/auth-client';
-import NextAuth from 'next-auth';
-import CredentialsProvider from 'next-auth/providers/credentials';
+import { createAppClient, viemConnector } from "@farcaster/auth-client";
+import NextAuth from "next-auth";
+import CredentialsProvider from "next-auth/providers/credentials";
 
-import { getProfile } from '../../../../lib/services/user';
+import { getProfile } from "../../../../lib/services/user";
 
 export const authOptions = {
   providers: [
     CredentialsProvider({
-      name: 'Sign in with Farcaster',
+      name: "Sign in with Farcaster",
       credentials: {
         message: {
-          label: 'Message',
-          type: 'text',
-          placeholder: '0x0',
+          label: "Message",
+          type: "text",
+          placeholder: "0x0",
         },
         signature: {
-          label: 'Signature',
-          type: 'text',
-          placeholder: '0x0',
+          label: "Signature",
+          type: "text",
+          placeholder: "0x0",
         },
         csrfToken: {
-          type: 'text',
+          type: "text",
         },
       },
       async authorize(credentials) {
@@ -31,7 +31,7 @@ export const authOptions = {
         const verifyResponse = await appClient.verifySignInMessage({
           message: credentials!.message as string,
           signature: credentials!.signature as `0x${string}`,
-          domain: 'example.com',
+          domain: "http://localhost:3000",
           nonce: credentials!.csrfToken,
         });
 

web/src/app/api/feed/route.ts

@@ -1,11 +1,11 @@
-import { getFeed } from '@lib/services/feed';
-import { FeedApiResponse } from '@shared/types/api';
-import { NextResponse } from 'next/server';
+import { getFeed } from "@lib/services/feed";
+import { FeedApiResponse } from "@shared/types/api";
+import { NextResponse } from "next/server";
 
 export async function GET(request: Request) {
-  const fid = new URL(request.url).searchParams.get('fid');
+  const fid = new URL(request.url).searchParams.get("fid");
   if (!fid) {
-    return NextResponse.json({ error: 'fid is required' }, { status: 400 });
+    return NextResponse.json({ error: "fid is required" }, { status: 400 });
   }
   const payload: FeedApiResponse = { feed: await getFeed({ fid }) };
   return NextResponse.json(payload);

web/src/app/api/users/[fid]/casts/route.ts

@@ -1,13 +1,13 @@
-import { getCasts } from '@lib/services/casts';
-import { ProfileCastsApiResponse } from '@shared/types/api';
-import { NextResponse } from 'next/server';
+import { getCasts } from "@lib/services/casts";
+import { ProfileCastsApiResponse } from "@shared/types/api";
+import { NextResponse } from "next/server";
 
 export async function GET(
   _request: Request,
   { params: { fid } }: { params: { fid: string } },
 ) {
   if (!fid) {
-    return NextResponse.json({ error: 'fid is required' }, { status: 400 });
+    return NextResponse.json({ error: "fid is required" }, { status: 400 });
   }
 
   const payload: ProfileCastsApiResponse = { casts: await getCasts({ fid }) };

web/src/app/api/users/[fid]/route.ts

@@ -1,13 +1,13 @@
-import { getProfile } from '@lib/services/user';
-import { ProfileApiResponse } from '@shared/types/api';
-import { NextResponse } from 'next/server';
+import { getProfile } from "@lib/services/user";
+import { ProfileApiResponse } from "@shared/types/api";
+import { NextResponse } from "next/server";
 
 export async function GET(
   _request: Request,
   { params: { fid } }: { params: { fid: string } },
 ) {
   if (!fid) {
-    return NextResponse.json({ error: 'fid is required' }, { status: 400 });
+    return NextResponse.json({ error: "fid is required" }, { status: 400 });
   }
 
   const payload: ProfileApiResponse = { profile: await getProfile({ fid }) };

web/src/app/page.tsx

@@ -1,14 +1,16 @@
-import { FeedPage } from '@components/feed/FeedPage';
-import { LandingPage } from '@components/landing/LandingPage';
-import { getServerSession } from 'next-auth';
+import { FeedPage } from "@components/feed/FeedPage";
+import { LandingPage } from "@components/landing/LandingPage";
+import { getServerSession } from "next-auth";
 
-import { authOptions } from './api/auth/[...nextauth]/route';
+import { authOptions } from "./api/auth/[...nextauth]/route";
 
 export default async function Home() {
   const session = await getServerSession(authOptions);
 
   if (session) {
-    const { user: { fid } } = session;
+    const {
+      user: { fid },
+    } = session;
     return (
       <div>
         <FeedPage fid={fid} />

web/src/components/avatar/Avatar.tsx

@@ -1,23 +1,23 @@
-'use client';
+"use client";
 
-import { User } from '@shared/types/models';
-import { useMemo, useState } from 'react';
+import { User } from "@shared/types/models";
+import { useMemo, useState } from "react";
 
-const fallbackUrl = '/default-avatar.png';
+const fallbackUrl = "/default-avatar.png";
 
 type AvatarProps = {
-  size?: 'sm' | 'md' | 'lg';
+  size?: "sm" | "md" | "lg";
   user: User;
   pfpDiameter?: number;
 };
-export function Avatar({ size = 'md', user }: AvatarProps) {
+export function Avatar({ size = "md", user }: AvatarProps) {
   const [src, setSrc] = useState(user.pfp_url || fallbackUrl);
 
   const diameter = useMemo(() => {
     switch (size) {
-      case 'sm':
+      case "sm":
         return 32;
-      case 'md':
+      case "md":
         return 46;
       default:
         return 86;

web/src/components/feed/Cast.tsx

@@ -1,7 +1,7 @@
-import { Avatar } from '@components/avatar/Avatar';
-import { CastEmbeds } from '@components/feed/CastEmbeds';
-import { Cast as CastType } from '@shared/types/models';
-import { formatDistance } from 'date-fns';
+import { Avatar } from "@components/avatar/Avatar";
+import { CastEmbeds } from "@components/feed/CastEmbeds";
+import { Cast as CastType } from "@shared/types/models";
+import { formatDistance } from "date-fns";
 
 type CastProps = {
   cast: CastType;
@@ -21,7 +21,7 @@ export function Cast({ cast }: CastProps) {
         </div>
         <div
           className="text-balance break-words"
-          style={{ wordBreak: 'break-word' }}
+          style={{ wordBreak: "break-word" }}
         >
           {cast.text}
         </div>

web/src/components/feed/CastEmbeds.tsx

@@ -1,6 +1,6 @@
-import { Embeds } from '@shared/types/models';
+import { Embeds } from "@shared/types/models";
 
-import { CastImageEmbed } from './CastImageEmbed';
+import { CastImageEmbed } from "./CastImageEmbed";
 
 type CastEmbedsProps = {
   embeds: Embeds;

web/src/components/feed/CastImageEmbed.tsx

@@ -1,6 +1,6 @@
-'use client';
+"use client";
 
-import { useState } from 'react';
+import { useState } from "react";
 
 type CastImageEmbedProps = {
   url: string;

web/src/components/feed/FeedPage.tsx

@@ -1,8 +1,8 @@
 import { Cast } from "@components/feed/Cast";
-import { Profile } from '@components/profile/Profile';
+import { Profile } from "@components/profile/Profile";
 import { getFeed } from "@lib/services/feed";
 
-import { getProfile } from '../../lib/services/user';
+import { getProfile } from "../../lib/services/user";
 
 type FeedPageProps = {
   fid: string;

web/src/components/landing/LandingPage.tsx

@@ -1,4 +1,4 @@
-import Login from '@components/login/Login';
+import Login from "@components/login/Login";
 
 export function LandingPage() {
   return (

web/src/components/login/Login.tsx

@@ -33,8 +33,8 @@ export default function Login() {
       config={{
         relay: "https://relay.farcaster.xyz",
         rpcUrl: "https://mainnet.optimism.io",
-        siweUri: "http://example.com/login",
-        domain: "example.com",
+        siweUri: "http://localhost:3000",
+        domain: "http://localhost:3000",
       }}
     >
       <SignInButton
@@ -46,3 +46,5 @@ export default function Login() {
     </AuthKitProvider>
   );
 }
+
+function Button() {}

web/src/components/logout/Logout.tsx

@@ -1,6 +1,6 @@
-'use client';
+"use client";
 
-import { signOut } from 'next-auth/react';
+import { signOut } from "next-auth/react";
 
 export default function Logout() {
   return (

web/src/components/profile/Profile.tsx

@@ -1,7 +1,7 @@
-import { User } from '@shared/types/models';
+import { User } from "@shared/types/models";
 
-import { Avatar } from '../avatar/Avatar';
-import Logout from '../logout/Logout';
+import { Avatar } from "../avatar/Avatar";
+import Logout from "../logout/Logout";
 
 type ProfileProps = {
   user: User;

web/src/lib/services/casts.ts

@@ -1,11 +1,11 @@
-import { Embeds } from '@shared/types/models';
-import { sql } from 'kysely';
+import { Embeds } from "@shared/types/models";
+import { sql } from "kysely";
 
-import { db } from '../database/db';
-import { processEmbeds } from './embeds';
+import { db } from "../database/db";
+import { processEmbeds } from "./embeds";
 
 export function formatHash(hash: Buffer) {
-  return hash.toString('hex');
+  return hash.toString("hex");
 }
 
 export async function getCasts({
@@ -16,39 +16,39 @@ export async function getCasts({
   limit?: number;
 }) {
   const profile = db
-    .selectFrom('user_data')
+    .selectFrom("user_data")
     .select([
-      'fid',
-      sql`MAX(CASE WHEN type = 1 THEN value ELSE NULL END)`.as('pfp_url'),
-      sql`MAX(CASE WHEN type = 2 THEN value ELSE NULL END)`.as('display_name'),
-      sql`MAX(CASE WHEN type = 3 THEN value ELSE NULL END)`.as('bio'),
-      sql`MAX(CASE WHEN type = 6 THEN value ELSE NULL END)`.as('username'),
+      "fid",
+      sql`MAX(CASE WHEN type = 1 THEN value ELSE NULL END)`.as("pfp_url"),
+      sql`MAX(CASE WHEN type = 2 THEN value ELSE NULL END)`.as("display_name"),
+      sql`MAX(CASE WHEN type = 3 THEN value ELSE NULL END)`.as("bio"),
+      sql`MAX(CASE WHEN type = 6 THEN value ELSE NULL END)`.as("username"),
     ])
-    .where('deleted_at', 'is', null)
-    .where('fid', '=', fid)
-    .groupBy('fid')
-    .as('profile');
+    .where("deleted_at", "is", null)
+    .where("fid", "=", fid)
+    .groupBy("fid")
+    .as("profile");
 
   const casts = await db
-    .selectFrom('casts')
-    .leftJoin(profile, 'profile.fid', 'casts.fid')
+    .selectFrom("casts")
+    .leftJoin(profile, "profile.fid", "casts.fid")
     .select([
-      'casts.hash',
-      'casts.timestamp',
-      'casts.text',
-      'casts.embeds',
-      'casts.mentions',
-      'casts.mentions_positions',
-      'casts.fid',
-      'profile.pfp_url',
-      'profile.display_name',
-      'profile.bio',
-      'profile.username',
+      "casts.hash",
+      "casts.timestamp",
+      "casts.text",
+      "casts.embeds",
+      "casts.mentions",
+      "casts.mentions_positions",
+      "casts.fid",
+      "profile.pfp_url",
+      "profile.display_name",
+      "profile.bio",
+      "profile.username",
     ])
-    .where('casts.fid', '=', fid)
-    .where('casts.deleted_at', 'is', null)
-    .where('casts.parent_hash', 'is', null)
-    .orderBy('casts.timestamp', 'desc')
+    .where("casts.fid", "=", fid)
+    .where("casts.deleted_at", "is", null)
+    .where("casts.parent_hash", "is", null)
+    .orderBy("casts.timestamp", "desc")
     .limit(limit)
     .execute();