feat: New Wallet Connector UI (#24)

FuelLabs · Apr 1, 2024 · d2faee0 · d2faee0
1 parent adf2fa0
commit d2faee0
Show file tree

Hide file tree

Showing 56 changed files with 2,448 additions and 270 deletions.
diff --git a/.changeset/smart-roses-trade.md b/.changeset/smart-roses-trade.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/biome.json b/biome.json
@@ -38,6 +38,12 @@
     "useIgnoreFile": true
   },
   "files": {
-    "ignore": ["**/node_modules", "**/.turbo", "**/build", "pnpm-lock.yaml"]
+    "ignore": [
+      "**/node_modules",
+      "**/.turbo",
+      "**/build",
+      "**/contracts",
+      "pnpm-lock.yaml"
+    ]
   }
 }
diff --git a/examples/nodejs/package.json b/examples/nodejs/package.json
diff --git a/examples/nodejs/src/index.ts b/examples/nodejs/src/index.ts
diff --git a/examples/nodejs/tsconfig.json b/examples/nodejs/tsconfig.json
diff --git a/examples/nodejs/tsup.config.js b/examples/nodejs/tsup.config.js
diff --git a/examples/react-app/index.html b/examples/react-app/index.html
@@ -1,12 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Fuel Connectors</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
+
+<head>
+  <link rel="icon" href="./logo.png" />
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="description" content="Fuel enables developers to build integrations with any wallet." />
+  <title>Fuel Connectors</title>
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
+</html>
diff --git a/examples/react-app/package.json b/examples/react-app/package.json
@@ -8,10 +8,12 @@
     "build": "vite build"
   },
   "dependencies": {
+    "@radix-ui/react-toast": "1.1.5",
+    "clsx": "2.1.0",
+    "fuels": "0.79.0",
     "@fuels/connectors": "workspace:*",
     "@fuels/react": "0.18.0",
     "@tanstack/react-query": "5.28.8",
-    "fuels": "0.79.0",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
@@ -20,6 +22,9 @@
     "@types/react": "18.2.71",
     "@types/react-dom": "18.2.22",
     "@vitejs/plugin-react": "4.2.1",
+    "tailwindcss": "3.4.1",
+    "autoprefixer": "10.4.19",
+    "postcss": "8.4.38",
     "typescript": "5.4.3",
     "vite": "5.2.6"
   }

diff --git a/examples/react-app/postcss.config.cjs b/examples/react-app/postcss.config.cjs
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/examples/react-app/public/Fuel_Logo_White_RGB.svg b/examples/react-app/public/Fuel_Logo_White_RGB.svg
diff --git a/examples/react-app/public/connectors/fuel-wallet-dev.svg b/examples/react-app/public/connectors/fuel-wallet-dev.svg
diff --git a/examples/react-app/public/connectors/fuel-wallet.svg b/examples/react-app/public/connectors/fuel-wallet.svg
diff --git a/examples/react-app/public/connectors/fuelet-dark.svg b/examples/react-app/public/connectors/fuelet-dark.svg
diff --git a/examples/react-app/public/logo.png b/examples/react-app/public/logo.png
diff --git a/examples/react-app/public/logo_black.png b/examples/react-app/public/logo_black.png
diff --git a/examples/react-app/public/logo_white.png b/examples/react-app/public/logo_white.png
diff --git a/examples/react-app/public/robots.txt b/examples/react-app/public/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/examples/react-app/src/App.css b/examples/react-app/src/App.css