@farcaster/create-mini-app 0.0.5 → 0.0.7

package/templates/default/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "biome check .",
+    "lint": "biome check src",
     "preview": "vite preview"
   },
   "dependencies": {

package/templates/default/src/App.tsx

@@ -1,23 +1,23 @@
-import { sdk } from '@farcaster/frame-sdk'
-import { useEffect } from 'react'
-import { useAccount, useConnect, useSignMessage } from 'wagmi'
+import { sdk } from "@farcaster/frame-sdk";
+import { useEffect } from "react";
+import { useAccount, useConnect, useSignMessage } from "wagmi";
 
 function App() {
   useEffect(() => {
-    sdk.actions.ready()
-  }, [])
+    sdk.actions.ready();
+  }, []);
 
   return (
     <>
       <div>Mini App + Vite + TS + React + Wagmi</div>
       <ConnectMenu />
     </>
-  )
+  );
 }
 
 function ConnectMenu() {
-  const { isConnected, address } = useAccount()
-  const { connect, connectors } = useConnect()
+  const { isConnected, address } = useAccount();
+  const { connect, connectors } = useConnect();
 
   if (isConnected) {
     return (
@@ -26,27 +26,23 @@ function ConnectMenu() {
         <div>{address}</div>
         <SignButton />
       </>
-    )
+    );
   }
 
   return (
     <button type="button" onClick={() => connect({ connector: connectors[0] })}>
       Connect
     </button>
-  )
+  );
 }
 
 function SignButton() {
-  const { signMessage, isPending, data, error } = useSignMessage()
+  const { signMessage, isPending, data, error } = useSignMessage();
 
   return (
     <>
-      <button
-        type="button"
-        onClick={() => signMessage({ message: 'hello world' })}
-        disabled={isPending}
-      >
-        {isPending ? 'Signing...' : 'Sign message'}
+      <button type="button" onClick={() => signMessage({ message: "hello world" })} disabled={isPending}>
+        {isPending ? "Signing..." : "Sign message"}
       </button>
       {data && (
         <>
@@ -61,7 +57,7 @@ function SignButton() {
         </>
       )}
     </>
-  )
+  );
 }
 
-export default App
+export default App;

package/templates/default/src/main.tsx

@@ -1,16 +1,16 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import { WagmiProvider } from 'wagmi'
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { WagmiProvider } from "wagmi";
 
-import App from './App.tsx'
-import { config } from './wagmi.ts'
+import App from "./App.tsx";
+import { config } from "./wagmi.ts";
 
-import './index.css'
+import "./index.css";
 
-const queryClient = new QueryClient()
+const queryClient = new QueryClient();
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
+ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <React.StrictMode>
     <WagmiProvider config={config}>
       <QueryClientProvider client={queryClient}>
@@ -18,4 +18,4 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
       </QueryClientProvider>
     </WagmiProvider>
   </React.StrictMode>,
-)
+);

package/templates/default/src/wagmi.ts

@@ -1,6 +1,6 @@
-import { farcasterFrame } from '@farcaster/frame-wagmi-connector'
-import { http, createConfig } from 'wagmi'
-import { base, mainnet } from 'wagmi/chains'
+import { farcasterFrame } from "@farcaster/frame-wagmi-connector";
+import { http, createConfig } from "wagmi";
+import { base, mainnet } from "wagmi/chains";
 
 export const config = createConfig({
   chains: [base, mainnet],
@@ -9,10 +9,10 @@ export const config = createConfig({
     [base.id]: http(),
     [mainnet.id]: http(),
   },
-})
+});
 
-declare module 'wagmi' {
+declare module "wagmi" {
   interface Register {
-    config: typeof config
+    config: typeof config;
   }
 }

package/templates/default/vite.config.ts

@@ -1,5 +1,5 @@
-import react from '@vitejs/plugin-react'
-import { defineConfig } from 'vite'
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -7,4 +7,4 @@ export default defineConfig({
   server: {
     allowedHosts: true,
   },
-})
+});