Merge pull request #402 from ethereumfollowprotocol/add-safe

Author: encryptedDegen

next.config.mjs

@@ -75,10 +75,6 @@ const nextConfig = {
           key: 'X-DNS-Prefetch-Control',
           value: 'on',
         },
-        {
-          key: 'X-Frame-Options',
-          value: 'SAMEORIGIN',
-        },
         {
           key: 'X-Content-Type-Options',
           value: 'nosniff',
@@ -105,6 +101,23 @@ const nextConfig = {
         },
       ],
     },
+    {
+      source: '/manifest.json',
+      headers: [
+        {
+          key: 'Access-Control-Allow-Origin',
+          value: '*',
+        },
+        {
+          key: 'Access-Control-Allow-Methods',
+          value: 'GET',
+        },
+        {
+          key: 'Access-Control-Allow-Headers',
+          value: 'X-Requested-With, content-type, Authorization',
+        },
+      ],
+    },
     // {
     //   source: '/service-worker.js',
     //   headers: [

package.json

@@ -18,6 +18,8 @@
   },
   "dependencies": {
     "@next/third-parties": "15.1.6",
+    "@safe-global/safe-apps-provider": "^0.18.5",
+    "@safe-global/safe-apps-sdk": "^9.1.0",
     "@rainbow-me/rainbowkit": "^2.2.4",
     "@react-spring/web": "^9.7.5",
     "@sentry/nextjs": "^8.55.0",

public/manifest.json

@@ -0,0 +1,5 @@
+{
+  "name": "Ethereum Follow Protocol",
+  "description": "A native Ethereum protocol for following and tagging Ethereum accounts.",
+  "iconPath": "assets/logo.svg"
+}

src/lib/wagmi.ts

@@ -9,6 +9,7 @@ import {
 } from '@rainbow-me/rainbowkit/wallets'
 import { mainnet, optimism, base } from 'wagmi/chains'
 import { type Chain, connectorsForWallets } from '@rainbow-me/rainbowkit'
+import { safe } from 'wagmi/connectors'
 import { http, fallback, createStorage, cookieStorage, createConfig } from 'wagmi'
 import { createThirdwebClient, defineChain as thirdwebDefineChain } from 'thirdweb'
 import { inAppWalletConnector } from '@thirdweb-dev/wagmi-adapter'
@@ -133,7 +134,7 @@ export const chains: [ChainWithDetails, ...ChainWithDetails[]] = [
   },
 ]
 
-const combinedConnectors = [unicornConnector, ...connectors]
+const combinedConnectors = [unicornConnector, ...connectors, safe()]
 
 const config = createConfig({
   ssr: true,

src/types/index.d.ts

@@ -1,3 +1,4 @@
 declare module '*.jpeg'
+declare module '*.jpg'
 declare module '*.png'
 declare module '*.svg'