chore: web v2

.eslintrc.json

@@ -0,0 +1,48 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:jsx-a11y/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:import/typescript",
+    "plugin:react/jsx-runtime",
+    "plugin:prettier/recommended",
+    "prettier"
+  ],
+  "overrides": [],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "plugins": [
+    "react",
+    "@typescript-eslint",
+    "import",
+    "jsx-a11y",
+    "react-hooks",
+    "prettier"
+  ],
+  "rules": {
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "warn",
+      {
+        "argsIgnorePattern": "^_",
+        "varsIgnorePattern": "^_",
+        "caughtErrorsIgnorePattern": "^_"
+      }
+    ],
+
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn"
+  }
+}

.prettierignore

@@ -0,0 +1,2 @@
+node_modules
+yarn.lock

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "tabWidth": 2,
+  "printWidth": 120,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "jsxSingleQuote": true,
+  "bracketSpacing": true
+}

README.md

@@ -0,0 +1,44 @@
+<p align="center">
+  <a href="https://defi.sucks" display='flex' place-items='center'>
+  <img src="./public/intro.png">
+  </a>
+</p>
+
+<div align="center">
+
+**[Website](https://defi.sucks) •
+[Twitter](https://twitter.com/DeFi_Wonderland) •
+[Github](https://github.com/defi-wonderland)**
+
+</div>
+
+## About Wonderland
+
+Wonderland is a team of top Web3 researchers, developers, and operators who believe that the future needs to be open-source, permissionless, and decentralized.
+
+[DeFi sucks](https://defi.sucks/), but we are here to make it better.
+
+## Setup
+
+```sh
+git clone git@github.com:defi-wonderland/web.git
+cd web
+yarn
+```
+
+## Development:
+
+```bash
+yarn dev
+```
+
+The app should be live at [http://localhost:5173/](http://localhost:5173/)
+
+## Production
+
+```
+yarn build
+yarn preview
+```
+
+The app should be live at [http://localhost:4173/](http://localhost:4173/)

index.html

@@ -4,33 +4,37 @@
     <meta charset="UTF-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="robots" content="index, follow">
-    <meta name="keywords" content="DeFi Wonderland, Defi, decentralized finance, activist fund, ethereum, solidity, devs">
-    <meta name="description" content="Wonderland is an activist fund, as such, our goal is to join forces with the best builders in the world to shape the future of the web. We believe this future needs to be open-source, permissionless, and decentralized, and we strive towards that goal.">
-    <meta name="author" content="DeFi Wonderland">
-    <meta property="og:url" content="https://defi.sucks">
-    <meta property="og:type" content="website">
-    <meta property="og:title" content="DeFi Wonderland">
-    <meta property="og:description" content="Wonderland is an activist fund, as such, our goal is to join forces with the best builders in the world to shape the future of the web. We believe this future needs to be open-source, permissionless, and decentralized, and we strive towards that goal.">
-    <meta property="og:image" content="https://defi.sucks/share.jpg">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:site" content="@DeFi_wonderlnad">
-    <meta name="twitter:creator" content="@DeFi_wonderland">
-    <meta name="twitter:title" content="DeFi Wonderland">
-    <meta name="twitter:description" content="Wonderland is an activist fund, as such, our goal is to join forces with the best builders in the world to shape the future of the web. We believe this future needs to be open-source, permissionless, and decentralized, and we strive towards that goal.">
-    <meta name="twitter:image" content="https://defi.sucks/share.jpg">
-    <meta name="theme-color" content="#10152A">
-
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="Wonderland, Defi, decentralized finance, activist fund, ethereum, solidity, devs" />
+    <meta
+      name="description"
+      content="Wonderland is the largest core development group in Web3. We partner up with the best protocols in the world, including, among others: Optimism, Connext, and Reflexer."
+    />
+    <meta name="author" content="Wonderland" />
+    <meta property="og:url" content="https://defi.sucks" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Wonderland" />
+    <meta
+      property="og:description"
+      content="Wonderland is the largest core development group in Web3. We partner up with the best protocols in the world, including, among others: Optimism, Connext, and Reflexer."
+    />
+    <meta property="og:image" content="https://defi.sucks/share.jpg" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@DeFi_wonderlnad" />
+    <meta name="twitter:creator" content="@DeFi_wonderland" />
+    <meta name="twitter:title" content="Wonderland" />
+    <meta
+      name="twitter:description"
+      content="Wonderland is the largest core development group in Web3. We partner up with the best protocols in the world, including, among others: Optimism, Connext, and Reflexer."
+    />
+    <meta name="twitter:image" content="https://defi.sucks/share.jpg" />
+    <meta name="theme-color" content="#10152A" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 
-    <script src="/libs/blotter.min.js"></script>
-    <!-- <script src="/libs/rollingDistortMaterial.js"></script> -->
-    <script src="/libs/liquidDistortMaterial.js"></script>
-
-    <title>DeFi Wonderland</title>
+    <title>Wonderland</title>
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script async type="module" src="/src/main.tsx"></script>
   </body>
 </html>

package.json

@@ -6,25 +6,47 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "lint": "npx eslint ./src/",
+    "lint:fix": "npm run lint -- --fix",
+    "prettier": "npx prettier src --check",
+    "prettier:fix": "npm run prettier -- --write",
+    "format": "npm run prettier:fix && npm run lint:fix"
   },
   "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.3.0",
-    "styled-components": "^5.3.5",
-    "fontfaceobserver": "^2.3.0"
-
+    "fontfaceobserver": "2.3.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-draggable": "4.4.5",
+    "react-markdown": "8.0.5",
+    "react-responsive-carousel": "3.2.23",
+    "react-router-dom": "6.8.0",
+    "react-transition-group": "4.4.5",
+    "rehype-katex": "6.0.2",
+    "rehype-raw": "6.1.1",
+    "remark-math": "5.1.1",
+    "styled-components": "5.3.5"
   },
   "devDependencies": {
-    "@types/fontfaceobserver": "^2.1.0",
-    "@types/react": "^18.0.15",
-    "@types/react-dom": "^18.0.6",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/styled-components": "^5.1.25",
-    "@vitejs/plugin-react": "^2.0.0",
-    "typescript": "^4.6.4",
-    "vite": "^3.0.0",
-    "vite-tsconfig-paths": "^3.5.0"
+    "@types/fontfaceobserver": "2.1.0",
+    "@types/react": "18.0.15",
+    "@types/react-dom": "18.0.6",
+    "@types/react-router-dom": "5.3.3",
+    "@types/react-transition-group": "4.4.5",
+    "@types/styled-components": "5.1.25",
+    "@typescript-eslint/eslint-plugin": "5.48.1",
+    "@typescript-eslint/parser": "5.48.1",
+    "@vitejs/plugin-react": "2.0.0",
+    "eslint": "8.26.0",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-jsx-a11y": "6.6.1",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-react": "7.32.0",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "prettier": "2.8.4",
+    "typescript": "4.6.4",
+    "vite": "3.0.0",
+    "vite-tsconfig-paths": "3.5.0"
   }
 }