experiment(bridge-frame): create L1 L2 bridging frame

experiments/bridge-frame/.gitignore

@@ -0,0 +1,25 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# production
+/docs/dist
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# typescript
+*.tsbuildinfo
+
+# wrangler related
+.wrangler
+.dev.vars

experiments/bridge-frame/README.md

@@ -0,0 +1,3 @@
+# Superchain Bridge Frame
+
+Farcaster frame that lets users bridge from the L1 to a Superchain.

experiments/bridge-frame/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "bridge-frame",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "frog:dev": "frog dev",
+    "dev": "concurrently -n worker,devtools -c blue,yellow \"pnpm wrangler:dev\" \"pnpm frog dev --ui\"",
+    "wrangler:dev": "wrangler dev src/index.tsx",
+    "wrangler:deploy": "wrangler deploy --minify src/index.tsx",
+    "lint": "eslint \"**/*.{ts,tsx}\" && pnpm prettier --check \"**/*.{ts,tsx}\"",
+    "lint:fix": "eslint \"**/*.{ts,tsx}\" --fix --quiet && pnpm prettier \"**/*.{ts,tsx}\" --write --loglevel=warn"
+  },
+  "dependencies": {
+    "@coinbase/onchainkit": "^0.11.0",
+    "abitype": "^1.0.2",
+    "frog": "latest",
+    "hono": "^4",
+    "viem": "^2.9.5",
+    "zod": "^3.22.4"
+  },
+  "devDependencies": {
+    "@cloudflare/workers-types": "^4.20240329.0",
+    "concurrently": "^8.2.2",
+    "prettier": "^3.1.0",
+    "typescript": "^5.4.3",
+    "vite": "^5.1.5",
+    "wrangler": "latest"
+  }
+}

experiments/bridge-frame/src/app.ts

@@ -0,0 +1,36 @@
+import { Frog } from 'frog'
+
+import type { Env } from '@/env'
+import type { State } from '@/state'
+
+export const app = new Frog<{ Bindings: Env; State: State }>({
+  imageAspectRatio: '1:1',
+  imageOptions: {
+    width: 600,
+    height: 600,
+    fonts: [
+      {
+        name: 'Sora',
+        weight: 500,
+        source: 'google',
+      },
+      {
+        name: 'Sora',
+        weight: 600,
+        source: 'google',
+      },
+      {
+        name: 'Sora',
+        weight: 700,
+        source: 'google',
+      },
+    ],
+  },
+  initialState: {
+    chainSelection: {
+      pageIndex: 0,
+    },
+  },
+})
+
+export type App = typeof app