fix: build

package.json

@@ -9,7 +9,6 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@farcaster/hub-nodejs": "^0.11.16",
     "@farcaster/hub-web": "^0.8.9",
     "@noble/ed25519": "^2.1.0",
     "@noble/hashes": "^1.4.0",
@@ -19,7 +18,7 @@
     "@tanstack/react-query-persist-client": "^5.40.1",
     "connectkit": "^1.8.0",
     "encoding": "^0.1.13",
-    "next": "14.2.3",
+    "next": "14.1.4",
     "pino-pretty": "^11.1.0",
     "qrcode.react": "^3.1.0",
     "react": "^18",
@@ -34,8 +33,9 @@
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
-    "postcss": "^8",
-    "tailwindcss": "^3.4.1",
+    "autoprefixer": "^10.4.19",
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.4",
     "typescript": "^5"
   }
 }

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

src/app/page.tsx

@@ -50,6 +50,7 @@ export default function Home() {
             },
           })
         : undefined,
+    enabled: !!fid,
   });
 
   const {

src/app/providers.tsx

@@ -7,7 +7,6 @@ import { WagmiProvider, createConfig } from "wagmi";
 import { optimism } from "wagmi/chains";
 import { BackfillContextProvider } from "../context/backfillContext";
 import { ConfigContextProvider } from "../context/configContext";
-import "./globals.css";
 
 const config = createConfig(
   getDefaultConfig({
@@ -17,13 +16,7 @@ const config = createConfig(
   })
 );
 
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      gcTime: 1000 * 60 * 60 * 24, // 24 hours
-    },
-  },
-});
+const queryClient = new QueryClient();
 
 export default function Providers({
   children,
@@ -36,9 +29,7 @@ export default function Providers({
         <ConnectKitProvider>
           <ConfigContextProvider>
             <BackfillContextProvider>
-              {typeof window !== "undefined" ? (
-                <HashRouter>{children}</HashRouter>
-              ) : null}
+              <HashRouter>{children}</HashRouter>
             </BackfillContextProvider>
           </ConfigContextProvider>
         </ConnectKitProvider>

src/components/AppDetail.tsx

@@ -1,18 +1,12 @@
 import { Message, UserDataType } from "@farcaster/hub-web";
-import { useState } from "react";
 import { useNavigate, useParams } from "react-router-dom";
 import { twMerge } from "tailwind-merge";
-import { useSendTransaction } from "wagmi";
 import { SerializedMessagesArchive } from "../app/types";
 import { downloadJsonFile } from "../app/utils";
-import {
-  BackfillContextType,
-  useBackfillData,
-} from "../context/backfillContext";
+import { useBackfillData } from "../context/backfillContext";
 import { border } from "../style/common";
 import { ActionButton } from "./ActionButton";
 import { BackButton } from "./BackButton";
-import { SignerDetail } from "./SignerDetail";
 import { SignerView } from "./SignerView";
 import { UserDataView } from "./UserDataView";
 

src/components/ImportDetail.tsx

@@ -1,5 +1,5 @@
 import { Message } from "@farcaster/hub-web";
-import { Dispatch, SetStateAction, useMemo, useState } from "react";
+import { useMemo, useState } from "react";
 import { Link } from "react-router-dom";
 import { twMerge } from "tailwind-merge";
 import { bytesToHex } from "viem";
@@ -11,11 +11,11 @@ import {
   truncateAddress,
 } from "../app/utils";
 import { messageTypeKeys, useBackfillData } from "../context/backfillContext";
+import { useConfig } from "../context/configContext";
 import { useFarcasterIdentity } from "../hooks/useFarcasterIdentity";
 import { ActionButton } from "./ActionButton";
 import { BackButton } from "./BackButton";
 import { LocalSignerView } from "./LocalSignerView";
-import { useConfig } from "../context/configContext";
 
 export function ImportDetail({
   importedData,

src/components/SignerDetail.tsx

@@ -4,6 +4,8 @@ import {
   isCastAddMessage,
   isCastRemoveMessage,
 } from "@farcaster/hub-web";
+import { useParams } from "react-router-dom";
+import { twMerge } from "tailwind-merge";
 import { bytesToHex } from "viem";
 import { useAccount, useReadContract, useWriteContract } from "wagmi";
 import {
@@ -17,14 +19,12 @@ import {
 import { useBackfillData } from "../context/backfillContext";
 import { ID_REGISTRY } from "../contracts/id-registry";
 import { KEY_REGISTRY } from "../contracts/key-registry";
+import { border } from "../style/common";
 import { ActionButton } from "./ActionButton";
 import { BackButton } from "./BackButton";
 import { CastView } from "./CastView";
 import { PaginatedGrid } from "./PaginatedGrid";
-import { useParams } from "react-router-dom";
 import { UserDataView } from "./UserDataView";
-import { twMerge } from "tailwind-merge";
-import { border } from "../style/common";
 
 export function SignerDetail({ signer: signerProp }: { signer?: string }) {
   const { signer: signerRoute } = useParams<{ signer: string }>();

src/context/backfillContext.tsx

@@ -69,7 +69,6 @@ export function BackfillContextProvider({
       messageTypeKeys.map((key) => data[key]).flat()
     );
 
-    console.log(messagesByHash);
     setIsLoading(false);
     return {
       data,

tailwind.config.js

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};