v2.0.0 (#1)

* introduce vite framework * use build folder
shahnami · Mar 10, 2024 · d34e9ca · d34e9ca
1 parent 7c86071
commit d34e9ca
Show file tree

Hide file tree

Showing 54 changed files with 2,384 additions and 1,522 deletions.
diff --git a/.gitignore b/.gitignore
@@ -10,6 +10,7 @@
 
 # production
 /build
+/dist
 
 # misc
 .DS_Store

diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
-# Stealth Account Recovery Assistant
+# Stealth Account Recovery Assistant (PoC)
 
-Stealth Acount Recovery Assistant (SARA) is a web application that helps users recover their FluidKey stealth accounts using the FluidKey Stealth Account Kit.
+Stealth Acount Recovery Assistant (SARA) is a simple web application that helps users recover their FluidKey stealth accounts using the FluidKey Stealth Account Kit.
 
 ## Demo
 

diff --git a/config-overrides.js b/config-overrides.js
diff --git a/index.html b/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta
+      name="viewport"
+      content="minimum-scale=1, initial-scale=1, width=device-width, user-scalable=no"
+    />
+    <title>SARA</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "sara",
   "description": "Stealth Acount Recovery Assistant (SARA) is a web application that helps users recover their FluidKey stealth accounts using the FluidKey Stealth Account Kit.",
-  "version": "0.1.0",
+  "version": "2.0.0",
   "private": false,
   "engines": {
     "node": ">=18"
@@ -10,61 +10,51 @@
     "type": "git",
     "url": "https://github.com/shahnami/sara.git"
   },
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build --outDir build",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
   "dependencies": {
     "@fluidkey/stealth-account-kit": "^0.0.30",
+    "@mantine/core": "7.6.1",
+    "@mantine/hooks": "7.6.1",
     "@rainbow-me/rainbowkit": "^2.0.1",
+    "@tabler/icons-react": "^2.47.0",
     "@tanstack/react-query": "^5.25.0",
     "async": "^3.2.5",
     "buffer": "^6.0.3",
     "ethers": "^6.11.1",
+    "global": "^4.4.0",
     "lodash": "^4.17.21",
     "process": "^0.11.10",
     "react": "^18.2.0",
-    "react-csv": "^2.2.2",
     "react-dom": "^18.2.0",
-    "react-pin-input": "^1.3.1",
     "react-scripts": "5.0.1",
     "stream-browserify": "^3.0.0",
-    "styled-components": "^6.1.8",
-    "typescript": "^4.4.2",
+    "typescript": "^5.4.2",
     "viem": "2.x",
     "wagmi": "^2.5.7"
   },
-  "scripts": {
-    "debug": "react-app-rewired start",
-    "build": "react-app-rewired build",
-    "test": "react-app-rewired test",
-    "eject": "react-app-rewired eject"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^13.0.0",
-    "@testing-library/user-event": "^13.2.1",
     "@types/async": "^3.2.24",
-    "@types/jest": "^27.0.1",
     "@types/lodash": "^4.14.202",
-    "@types/node": "^16.7.13",
-    "@types/react": "^18.0.0",
+    "@types/react": "^18.2.36",
     "@types/react-csv": "^1.1.10",
-    "@types/react-dom": "^18.0.0",
-    "react-app-rewired": "^2.2.1"
+    "@types/react-dom": "^18.2.14",
+    "@typescript-eslint/eslint-plugin": "^6.9.1",
+    "@typescript-eslint/parser": "^6.9.1",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.53.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.4",
+    "postcss": "^8.4.32",
+    "postcss-preset-mantine": "1.13.0",
+    "postcss-simple-vars": "^7.0.1",
+    "vite": "^5.0.10",
+    "vite-plugin-node-polyfills": "^0.21.0",
+    "vite-tsconfig-paths": "^4.3.1"
   }
 }
diff --git a/postcss.config.cjs b/postcss.config.cjs
@@ -0,0 +1,14 @@
+module.exports = {
+  plugins: {
+    "postcss-preset-mantine": {},
+    "postcss-simple-vars": {
+      variables: {
+        "mantine-breakpoint-xs": "36em",
+        "mantine-breakpoint-sm": "48em",
+        "mantine-breakpoint-md": "62em",
+        "mantine-breakpoint-lg": "75em",
+        "mantine-breakpoint-xl": "88em",
+      },
+    },
+  },
+};
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/public/index.html b/public/index.html
diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/public/manifest.json b/public/manifest.json
diff --git a/public/robots.txt b/public/robots.txt
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,23 +1,27 @@
-import { WagmiProvider } from "wagmi";
+import "@mantine/core/styles.css";
+import "@rainbow-me/rainbowkit/styles.css";
+import "@css/index.css";
+
+import { MantineProvider } from "@mantine/core";
 import { RainbowKitProvider } from "@rainbow-me/rainbowkit";
 import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
+import { WagmiProvider } from "wagmi";
 
-// Styles
-import "@rainbow-me/rainbowkit/styles.css";
+import { config, myRainbowExtendedTheme } from "@configs/rainbow.config";
+import { theme } from "./theme";
 
 // Components
-import { Index } from "./pages/Index";
-
-// Configs
-import { config } from "./configs/rainbow.config";
+import { Index } from "@pages/Index";
 
 const queryClient = new QueryClient();
 const App = () => {
   return (
     <WagmiProvider config={config}>
       <QueryClientProvider client={queryClient}>
-        <RainbowKitProvider>
-          <Index />
+        <RainbowKitProvider theme={myRainbowExtendedTheme}>
+          <MantineProvider theme={theme}>
+            <Index />
+          </MantineProvider>
         </RainbowKitProvider>
       </QueryClientProvider>
     </WagmiProvider>

diff --git a/src/components/ActionCard.tsx b/src/components/ActionCard.tsx
-Original file line number
+Diff line change
@@ Expand Up / @@ -10,6 +10,7 @@ @@
     # production
     /build
+    /dist
     # misc
     .DS_Store
@@ Expand Down @@