@farcaster/create-mini-app 0.0.0-canary-20250627225801

package/CHANGELOG.md

@@ -0,0 +1,50 @@
+# @farcaster/create-mini-app
+
+## 0.0.0-canary-20250627225801
+
+### Patch Changes
+
+- [#402](https://github.com/farcasterxyz/miniapps/pull/402) [`0f94fc1`](https://github.com/farcasterxyz/miniapps/commit/0f94fc15b590a551dffb545be9f04fcf9ea41689) Thanks [@PirosB3](https://github.com/PirosB3)! - Enforce Node.js version
+
+## 0.0.8
+
+### Patch Changes
+
+- [#143](https://github.com/farcasterxyz/frames/pull/143) [`9253759`](https://github.com/farcasterxyz/frames/commit/925375929d1ee9f7ab7b70df95222624f0fded9a) Thanks [@deodad](https://github.com/deodad)! - Added sections on farcaster.json and Frame Embed to README
+- [#144](https://github.com/farcasterxyz/frames/pull/144) [`3a9178b`](https://github.com/farcasterxyz/frames/commit/3a9178b14585acdf3158577101e0eed45f8513bc) Thanks [@deodad](https://github.com/deodad)! - added support for @neynar/create-farcaster-mini-app
+
+## 0.0.7
+
+### Patch Changes
+
+- [`79e0b7a`](https://github.com/farcasterxyz/frames/commit/79e0b7aed34a9623aaace90677eafda8e4e1f09c) Thanks [@deodad](https://github.com/deodad)! - fixed lint warnings
+
+## 0.0.6
+
+### Patch Changes
+
+- [`4c854ce`](https://github.com/farcasterxyz/frames/commit/4c854ce141f1448194f7d880aecb009e2a64f677) Thanks [@deodad](https://github.com/deodad)! - fixed lint warnings
+
+## 0.0.5
+
+### Patch Changes
+
+- [#140](https://github.com/farcasterxyz/frames/pull/140) [`5450e82`](https://github.com/farcasterxyz/frames/commit/5450e8238e1a257938fb197754535692cda54ca9) Thanks [@deodad](https://github.com/deodad)! - converted to esm
+
+## 0.0.4
+
+### Patch Changes
+
+- [`34563f5`](https://github.com/farcasterxyz/frames/commit/34563f5944b063912b65ff5fe424149ef9341809) Thanks [@deodad](https://github.com/deodad)! - removed unneeded buffer polyfill
+
+## 0.0.3
+
+### Patch Changes
+
+- [`3ba1faa`](https://github.com/farcasterxyz/frames/commit/3ba1faa8fec42959705c7caecfb881087bb864a0) Thanks [@deodad](https://github.com/deodad)! - fixed build
+
+## 0.0.2
+
+### Patch Changes
+
+- [`5afecac`](https://github.com/farcasterxyz/frames/commit/5afecac76d94f86246077c7b90c1071ba1710578) Thanks [@deodad](https://github.com/deodad)! - fixed build

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024-present Merkle Manufactory Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,17 @@
+# @farcaster/create-mini-app
+
+Get up and running quickly with [Mini Apps](https://miniapps.farcaster.xyz) by using the `@farcaster/create-mini-app` CLI.
+
+## Installation
+
+```bash
+npm create @farcaster/mini-app
+# or
+pnpm create @farcaster/mini-app
+# or
+yarn create @farcaster/mini-app
+```
+
+## Documentation
+
+For documentation and guides, visit [miniapps.farcaster.xyz](https://miniapps.farcaster.xyz/docs/getting-started).

package/bin.ts

@@ -0,0 +1,18 @@
+#!/usr/bin/env node
+import { createRequire } from 'node:module'
+import { cac } from 'cac'
+import { type InitParameters, init } from './init.js'
+
+const require = createRequire(import.meta.url)
+const pkg = require('../package.json')
+
+const cli = cac('create-vocs')
+
+cli.usage('[options]').option('-n, --name [name]', 'Name of project')
+
+cli.help()
+cli.version(pkg.version)
+
+const { options } = cli.parse()
+
+if (!options.help) init(options as InitParameters)

package/dist/bin.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=bin.d.ts.map

package/dist/bin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bin.d.ts","sourceRoot":"","sources":["../bin.ts"],"names":[],"mappings":""}

package/dist/bin.js

@@ -0,0 +1,14 @@
+#!/usr/bin/env node
+import { createRequire } from 'node:module';
+import { cac } from 'cac';
+import { init } from './init.js';
+const require = createRequire(import.meta.url);
+const pkg = require('../package.json');
+const cli = cac('create-vocs');
+cli.usage('[options]').option('-n, --name [name]', 'Name of project');
+cli.help();
+cli.version(pkg.version);
+const { options } = cli.parse();
+if (!options.help)
+    init(options);
+//# sourceMappingURL=bin.js.map

package/dist/bin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bin.js","sourceRoot":"","sources":["../bin.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzB,OAAO,EAAuB,IAAI,EAAE,MAAM,WAAW,CAAA;AAErD,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC9C,MAAM,GAAG,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAA;AAEtC,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,CAAA;AAE9B,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,CAAA;AAErE,GAAG,CAAC,IAAI,EAAE,CAAA;AACV,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;AAExB,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,KAAK,EAAE,CAAA;AAE/B,IAAI,CAAC,OAAO,CAAC,IAAI;IAAE,IAAI,CAAC,OAAyB,CAAC,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { init, type InitParameters } from './init.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,cAAc,EAAE,MAAM,WAAW,CAAA"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { init } from './init.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,WAAW,CAAA"}

package/dist/init.d.ts

@@ -0,0 +1,5 @@
+export type InitParameters = {
+    name: string;
+};
+export declare function init(params: InitParameters): Promise<void>;
+//# sourceMappingURL=init.d.ts.map

package/dist/init.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../init.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAE7C,wBAAsB,IAAI,CAAC,MAAM,EAAE,cAAc,iBAmEhD"}

package/dist/init.js

@@ -0,0 +1,97 @@
+import { resolve } from 'node:path';
+import { intro, log, outro, select, text } from '@clack/prompts';
+import { init as initNeynar } from '@neynar/create-farcaster-mini-app';
+import { default as fs } from 'fs-extra';
+import pc from 'picocolors';
+export async function init(params) {
+    intro('Welcome to Farcaster Mini Apps!');
+    const projectType = await select({
+        message: 'Select a template:',
+        options: [
+            {
+                value: 'basic',
+                label: 'Basic static site (Vite + TS + React + Wagmi)',
+            },
+            {
+                value: 'neynar',
+                label: 'Fully featured with Neynar integration (Next)',
+            },
+        ],
+    });
+    if (projectType === 'neynar') {
+        await initNeynar();
+        return;
+    }
+    const templateDir = resolve(import.meta.dirname, '../templates/default');
+    const displayName = params.name ||
+        (await text({
+            message: 'Enter the name of your project',
+            validate(value) {
+                if (!value)
+                    return 'Please enter a name.';
+                return;
+            },
+        }));
+    const name = kebabcase(displayName);
+    const destDir = resolve(process.cwd(), name);
+    // Copy contents
+    fs.copySync(templateDir, destDir);
+    // Replace dotfiles
+    for (const file of fs.readdirSync(destDir)) {
+        if (!file.startsWith('_'))
+            continue;
+        fs.renameSync(resolve(destDir, file), resolve(destDir, `.${file.slice(1)}`));
+    }
+    // Replace package.json properties
+    const pkgJson = fs.readJsonSync(resolve(destDir, 'package.json'));
+    pkgJson.name = name;
+    fs.writeJsonSync(resolve(destDir, 'package.json'), pkgJson, { spaces: 2 });
+    // Wrap up
+    log.success(`Project successfully scaffolded in ${pc.blue(destDir)}!`);
+    const pkgManager = detectPackageManager();
+    log.message('Next steps:');
+    log.step(`1. ${pc.blue(`cd ./${name}`)} - Navigate to project`);
+    log.step(`2. ${pc.blue(pkgManagerInstallCommand(pkgManager))} - Install dependencies`);
+    log.step(`3. ${pc.blue(pkgManagerRunCommand(pkgManager, 'dev'))} - Start dev server`);
+    log.step(`4. Head to ${pc.blue('http://localhost:5173')}`);
+    outro('Happy Mini App building!');
+}
+function detectPackageManager() {
+    const userAgent = process.env.npm_config_user_agent;
+    if (!userAgent)
+        return 'npm';
+    if (userAgent.includes('bun'))
+        return 'bun';
+    if (userAgent.includes('yarn'))
+        return 'yarn';
+    if (userAgent.includes('pnpm'))
+        return 'pnpm';
+    if (userAgent.includes('npm'))
+        return 'npm';
+    return 'npm';
+}
+function pkgManagerInstallCommand(pkgManager) {
+    if (pkgManager === 'bun')
+        return 'bun install';
+    if (pkgManager === 'yarn')
+        return 'yarn';
+    if (pkgManager === 'pnpm')
+        return 'pnpm install';
+    return 'npm install';
+}
+function pkgManagerRunCommand(pkgManager, command) {
+    if (pkgManager === 'bun')
+        return `bun run ${command}`;
+    if (pkgManager === 'yarn')
+        return `yarn ${command}`;
+    if (pkgManager === 'pnpm')
+        return `pnpm ${command}`;
+    return `npm run ${command}`;
+}
+function kebabcase(str) {
+    return str
+        .replace(/([a-z])([A-Z])/g, '$1-$2')
+        .replace(/[\s_]+/g, '-')
+        .toLowerCase();
+}
+//# sourceMappingURL=init.js.map

package/dist/init.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.js","sourceRoot":"","sources":["../init.ts"],"names":[],"mappings":"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"}

package/index.ts

@@ -0,0 +1 @@
+export { init, type InitParameters } from './init.js'

package/init.ts

@@ -0,0 +1,109 @@
+import { resolve } from 'node:path'
+import { intro, log, outro, select, text } from '@clack/prompts'
+import { init as initNeynar } from '@neynar/create-farcaster-mini-app'
+import { default as fs } from 'fs-extra'
+import pc from 'picocolors'
+
+export type InitParameters = { name: string }
+
+export async function init(params: InitParameters) {
+  intro('Welcome to Farcaster Mini Apps!')
+
+  const projectType = await select({
+    message: 'Select a template:',
+    options: [
+      {
+        value: 'basic',
+        label: 'Basic static site (Vite + TS + React + Wagmi)',
+      },
+      {
+        value: 'neynar',
+        label: 'Fully featured with Neynar integration (Next)',
+      },
+    ],
+  })
+
+  if (projectType === 'neynar') {
+    await initNeynar()
+    return
+  }
+
+  const templateDir = resolve(import.meta.dirname, '../templates/default')
+
+  const displayName =
+    params.name ||
+    ((await text({
+      message: 'Enter the name of your project',
+      validate(value) {
+        if (!value) return 'Please enter a name.'
+        return
+      },
+    })) as string)
+  const name = kebabcase(displayName)
+
+  const destDir = resolve(process.cwd(), name)
+
+  // Copy contents
+  fs.copySync(templateDir, destDir)
+
+  // Replace dotfiles
+  for (const file of fs.readdirSync(destDir)) {
+    if (!file.startsWith('_')) continue
+    fs.renameSync(resolve(destDir, file), resolve(destDir, `.${file.slice(1)}`))
+  }
+
+  // Replace package.json properties
+  const pkgJson = fs.readJsonSync(resolve(destDir, 'package.json'))
+  pkgJson.name = name
+  fs.writeJsonSync(resolve(destDir, 'package.json'), pkgJson, { spaces: 2 })
+
+  // Wrap up
+  log.success(`Project successfully scaffolded in ${pc.blue(destDir)}!`)
+
+  const pkgManager = detectPackageManager()
+
+  log.message('Next steps:')
+  log.step(`1. ${pc.blue(`cd ./${name}`)} - Navigate to project`)
+  log.step(
+    `2. ${pc.blue(pkgManagerInstallCommand(pkgManager))} - Install dependencies`,
+  )
+  log.step(
+    `3. ${pc.blue(pkgManagerRunCommand(pkgManager, 'dev'))} - Start dev server`,
+  )
+  log.step(`4. Head to ${pc.blue('http://localhost:5173')}`)
+
+  outro('Happy Mini App building!')
+}
+
+type PackageManager = 'npm' | 'yarn' | 'pnpm' | 'bun'
+
+function detectPackageManager(): PackageManager {
+  const userAgent = process.env.npm_config_user_agent
+  if (!userAgent) return 'npm'
+  if (userAgent.includes('bun')) return 'bun'
+  if (userAgent.includes('yarn')) return 'yarn'
+  if (userAgent.includes('pnpm')) return 'pnpm'
+  if (userAgent.includes('npm')) return 'npm'
+  return 'npm'
+}
+
+function pkgManagerInstallCommand(pkgManager: PackageManager) {
+  if (pkgManager === 'bun') return 'bun install'
+  if (pkgManager === 'yarn') return 'yarn'
+  if (pkgManager === 'pnpm') return 'pnpm install'
+  return 'npm install'
+}
+
+function pkgManagerRunCommand(pkgManager: PackageManager, command: string) {
+  if (pkgManager === 'bun') return `bun run ${command}`
+  if (pkgManager === 'yarn') return `yarn ${command}`
+  if (pkgManager === 'pnpm') return `pnpm ${command}`
+  return `npm run ${command}`
+}
+
+function kebabcase(str: string) {
+  return str
+    .replace(/([a-z])([A-Z])/g, '$1-$2')
+    .replace(/[\s_]+/g, '-')
+    .toLowerCase()
+}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@farcaster/create-mini-app",
+  "version": "0.0.0-canary-20250627225801",
+  "description": "Create Farcaster Mini Apps with one command",
+  "main": "index.js",
+  "type": "module",
+  "bin": {
+    "create-mini-app": "./dist/bin.js"
+  },
+  "keywords": [
+    "farcaster",
+    "mini-apps",
+    "mini apps",
+    "web3",
+    "cli"
+  ],
+  "license": "MIT",
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "typescript": "^5.8.3",
+    "@farcaster/tsconfig": "0.0.5"
+  },
+  "dependencies": {
+    "@clack/prompts": "^0.10.0",
+    "@neynar/create-farcaster-mini-app": "^1.2.7",
+    "cac": "^6.7.14",
+    "fs-extra": "^11.3.0",
+    "picocolors": "^1.1.1"
+  },
+  "engines": {
+    "node": ">=22.11.0"
+  },
+  "scripts": {
+    "build": "pnpm run clean && tsc --project tsconfig.build.json",
+    "check:types": "tsc --noEmit",
+    "clean": "rm -rf dist tsconfig.tsbuildinfo",
+    "dev": "pnpm run src/cli.ts"
+  }
+}

package/templates/default/README.md

@@ -0,0 +1,23 @@
+This is a [Vite](https://vitejs.dev) project bootstrapped with [`@farcaster/create-mini-app`](https://github.com/farcasterxyz/miniapps/tree/main/packages/create-mini-app).
+
+For documentation and guides, visit [miniapps.farcaster.xyz](https://miniapps.farcaster.xyz/docs/getting-started).
+
+## `farcaster.json`
+
+The `/.well-known/farcaster.json` is served from the [public
+directory](https://vite.dev/guide/assets) and can be updated by editing
+`./public/.well-known/farcaster.json`.
+
+You can also use the `public` directory to serve a static image for `splashBackgroundImageUrl`.
+
+## Frame Embed
+
+Add a the `fc:frame` in `index.html` to make your root app URL sharable in feeds:
+
+```html
+  <head>
+    <!--- other tags --->
+    <meta name="fc:frame" content='{"version":"next","imageUrl":"https://placehold.co/900x600.png?text=Frame%20Image","button":{"title":"Open","action":{"type":"launch_frame","name":"App Name","url":"https://app.com"}}}' /> 
+  </head>
+```
+

package/templates/default/_env.local

@@ -0,0 +1 @@
+VITE_WC_PROJECT_ID=

package/templates/default/_gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

package/templates/default/_npmrc

@@ -0,0 +1 @@
+legacy-peer-deps = true

package/templates/default/biome.json

@@ -0,0 +1,13 @@
+{
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "lineWidth": 120
+  },
+  "linter": {
+    "enabled": true
+  },
+  "organizeImports": {
+    "enabled": true
+  }
+}

package/templates/default/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Create Mini App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/default/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "default",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "biome check src",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@farcaster/frame-sdk": "latest",
+    "@farcaster/frame-wagmi-connector": "latest",
+    "@tanstack/react-query": "5.45.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "viem": "latest",
+    "wagmi": "latest"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^1.8.0",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "@wagmi/cli": "latest",
+    "typescript": "^5.8.3",
+    "vite": "^5.2.11"
+  }
+}

package/templates/default/public/.well-known/farcaster.json

@@ -0,0 +1 @@
+{}

package/templates/default/src/App.tsx

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

package/templates/default/src/index.css

@@ -0,0 +1,21 @@
+:root {
+  background-color: #181818;
+  color: rgba(255, 255, 255, 0.87);
+  color-scheme: light dark;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  font-synthesis: none;
+  font-weight: 400;
+  line-height: 1.5;
+  text-rendering: optimizeLegibility;
+
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    background-color: #f8f8f8;
+    color: #181818;
+  }
+}

package/templates/default/src/main.tsx

@@ -0,0 +1,21 @@
+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 "./index.css";
+
+const queryClient = new QueryClient();
+
+ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+  <React.StrictMode>
+    <WagmiProvider config={config}>
+      <QueryClientProvider client={queryClient}>
+        <App />
+      </QueryClientProvider>
+    </WagmiProvider>
+  </React.StrictMode>,
+);

package/templates/default/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/templates/default/src/wagmi.ts

@@ -0,0 +1,18 @@
+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],
+  connectors: [farcasterFrame()],
+  transports: {
+    [base.id]: http(),
+    [mainnet.id]: http(),
+  },
+});
+
+declare module "wagmi" {
+  interface Register {
+    config: typeof config;
+  }
+}

package/templates/default/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/templates/default/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/default/vite.config.ts

@@ -0,0 +1,10 @@
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    allowedHosts: true,
+  },
+});

package/tsconfig.build.json

@@ -0,0 +1,11 @@
+{
+  "extends": "@farcaster/tsconfig/node.json",
+  "exclude": ["dist", "node_modules"],
+  "include": ["*"],
+  "compilerOptions": {
+    "declaration": true,
+    "declarationMap": true,
+    "outDir": "./dist",
+    "sourceMap": true
+  }
+}