Migrate from Create React App (CRA) to Vite

ldamasio · Aug 31, 2023 · 1075862 · 1075862
1 parent 4a4bc37
commit 1075862
Show file tree

Hide file tree

Showing 47 changed files with 2,931 additions and 27,478 deletions.
diff --git a/frontends/web/public/favicon.ico → frontends/web/favicon.ico b/frontends/web/public/favicon.ico → frontends/web/favicon.ico
diff --git a/frontends/web/index.html b/frontends/web/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Robson is an open source crypto robot"
+    />
+    <title>Robson Bot</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <script type="module" src="/src/index.jsx"></script>
+  </body>
+</html>
diff --git a/frontends/web/jsconfig.json b/frontends/web/jsconfig.json
@@ -1,6 +1,8 @@
 {
-    "compilerOptions": {
-      "baseUrl": "src"
-    },
-    "include": ["src"]
-  }
+  "compilerOptions": {
+    "baseUrl": "src"
+  },
+  "include": [
+    "src"
+  ]
+}
diff --git a/frontends/web/package-lock.json b/frontends/web/package-lock.json
diff --git a/frontends/web/package.json b/frontends/web/package.json
@@ -14,21 +14,13 @@
     "react-dom": "^18.2.0",
     "react-router-bootstrap": "^0.26.2",
     "react-router-dom": "^6.3.0",
-    "react-scripts": "5.0.1",
     "react-use-websocket": "^4.2.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
+    "start": "vite",
+    "build": "vite build",
+    "serve": "vite preview"
   },
   "browserslist": {
     "production": [
@@ -41,5 +33,9 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.0.4",
+    "vite": "^4.4.9"
   }
 }
diff --git a/frontends/web/public/index.html b/frontends/web/public/index.html
diff --git a/frontends/web/public/manifest.json b/frontends/web/public/manifest.json
diff --git a/frontends/web/src/App.js → frontends/web/src/App.jsx b/frontends/web/src/App.js → frontends/web/src/App.jsx
diff --git a/frontends/web/src/components/Contact.js → frontends/web/src/components/Contact.jsx b/frontends/web/src/components/Contact.js → frontends/web/src/components/Contact.jsx
diff --git a/frontends/web/src/components/Demo.js → frontends/web/src/components/Demo.jsx b/frontends/web/src/components/Demo.js → frontends/web/src/components/Demo.jsx
diff --git a/frontends/web/src/components/Download.js → frontends/web/src/components/Download.jsx b/frontends/web/src/components/Download.js → frontends/web/src/components/Download.jsx
diff --git a/frontends/web/src/components/Hire.js → frontends/web/src/components/Hire.jsx b/frontends/web/src/components/Hire.js → frontends/web/src/components/Hire.jsx
diff --git a/frontends/web/src/components/Robson.js → frontends/web/src/components/Robson.jsx b/frontends/web/src/components/Robson.js → frontends/web/src/components/Robson.jsx
diff --git a/...tends/web/src/components/common/Footer.js → ...ends/web/src/components/common/Footer.jsx b/...tends/web/src/components/common/Footer.js → ...ends/web/src/components/common/Footer.jsx
diff --git a/...tends/web/src/components/common/Header.js → ...ends/web/src/components/common/Header.jsx b/...tends/web/src/components/common/Header.js → ...ends/web/src/components/common/Header.jsx
diff --git a/.../web/src/components/logged/ActualPrice.js → ...web/src/components/logged/ActualPrice.jsx b/.../web/src/components/logged/ActualPrice.js → ...web/src/components/logged/ActualPrice.jsx
diff --git a/...ends/web/src/components/logged/Balance.js → ...nds/web/src/components/logged/Balance.jsx b/...ends/web/src/components/logged/Balance.js → ...nds/web/src/components/logged/Balance.jsx
diff --git a/frontends/web/src/components/logged/Chart.js → ...tends/web/src/components/logged/Chart.jsx b/frontends/web/src/components/logged/Chart.js → ...tends/web/src/components/logged/Chart.jsx
diff --git a/...eb/src/components/logged/CommandButton.js → ...b/src/components/logged/CommandButton.jsx b/...eb/src/components/logged/CommandButton.js → ...b/src/components/logged/CommandButton.jsx
diff --git a/...ds/web/src/components/logged/Dataframe.js → ...s/web/src/components/logged/Dataframe.jsx b/...ds/web/src/components/logged/Dataframe.js → ...s/web/src/components/logged/Dataframe.jsx
diff --git a/...b/src/components/logged/ManagePosition.js → .../src/components/logged/ManagePosition.jsx b/...b/src/components/logged/ManagePosition.js → .../src/components/logged/ManagePosition.jsx
diff --git a/...ds/web/src/components/logged/Patrimony.js → ...s/web/src/components/logged/Patrimony.jsx b/...ds/web/src/components/logged/Patrimony.js → ...s/web/src/components/logged/Patrimony.jsx
diff --git a/...nds/web/src/components/logged/Position.js → ...ds/web/src/components/logged/Position.jsx b/...nds/web/src/components/logged/Position.js → ...ds/web/src/components/logged/Position.jsx
diff --git a/frontends/web/src/components/logged/Risk.js → frontends/web/src/components/logged/Risk.jsx b/frontends/web/src/components/logged/Risk.js → frontends/web/src/components/logged/Risk.jsx
diff --git a/...rc/components/logged/StartNewOperation.js → ...c/components/logged/StartNewOperation.jsx b/...rc/components/logged/StartNewOperation.js → ...c/components/logged/StartNewOperation.jsx
diff --git a/...s/web/src/components/logged/Strategies.js → .../web/src/components/logged/Strategies.jsx b/...s/web/src/components/logged/Strategies.js → .../web/src/components/logged/Strategies.jsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useContext } from 'react'
-import AuthContext from 'context/AuthContext'
+import AuthContext from '../../context/AuthContext'
 
 function Strategies() {
 

diff --git a/frontends/web/src/components/logged/Trend.js → ...tends/web/src/components/logged/Trend.jsx b/frontends/web/src/components/logged/Trend.js → ...tends/web/src/components/logged/Trend.jsx
diff --git a/...tends/web/src/components/logged/Volume.js → ...ends/web/src/components/logged/Volume.jsx b/...tends/web/src/components/logged/Volume.js → ...ends/web/src/components/logged/Volume.jsx
diff --git a/...s/logged/modals/StartNewOperationModal.js → .../logged/modals/StartNewOperationModal.jsx b/...s/logged/modals/StartNewOperationModal.js → .../logged/modals/StartNewOperationModal.jsx
diff --git a/frontends/web/src/context/AuthContext.js → frontends/web/src/context/AuthContext.jsx b/frontends/web/src/context/AuthContext.js → frontends/web/src/context/AuthContext.jsx
diff --git a/frontends/web/src/index.js → frontends/web/src/index.jsx b/frontends/web/src/index.js → frontends/web/src/index.jsx
diff --git a/frontends/web/src/screens/AboutUsScreen.js → frontends/web/src/screens/AboutUsScreen.jsx b/frontends/web/src/screens/AboutUsScreen.js → frontends/web/src/screens/AboutUsScreen.jsx
diff --git a/frontends/web/src/screens/CareersScreen.js → frontends/web/src/screens/CareersScreen.jsx b/frontends/web/src/screens/CareersScreen.js → frontends/web/src/screens/CareersScreen.jsx
diff --git a/frontends/web/src/screens/ContactScreen.js → frontends/web/src/screens/ContactScreen.jsx b/frontends/web/src/screens/ContactScreen.js → frontends/web/src/screens/ContactScreen.jsx
diff --git a/frontends/web/src/screens/DemoScreen.js → frontends/web/src/screens/DemoScreen.jsx b/frontends/web/src/screens/DemoScreen.js → frontends/web/src/screens/DemoScreen.jsx
diff --git a/frontends/web/src/screens/DownloadScreen.js → frontends/web/src/screens/DownloadScreen.jsx b/frontends/web/src/screens/DownloadScreen.js → frontends/web/src/screens/DownloadScreen.jsx
diff --git a/frontends/web/src/screens/FeaturesScreen.js → frontends/web/src/screens/FeaturesScreen.jsx b/frontends/web/src/screens/FeaturesScreen.js → frontends/web/src/screens/FeaturesScreen.jsx
diff --git a/frontends/web/src/screens/HireScreen.js → frontends/web/src/screens/HireScreen.jsx b/frontends/web/src/screens/HireScreen.js → frontends/web/src/screens/HireScreen.jsx
diff --git a/frontends/web/src/screens/HomeScreen.js → frontends/web/src/screens/HomeScreen.jsx b/frontends/web/src/screens/HomeScreen.js → frontends/web/src/screens/HomeScreen.jsx
diff --git a/...tends/web/src/screens/LoggedHomeScreen.js → ...ends/web/src/screens/LoggedHomeScreen.jsx b/...tends/web/src/screens/LoggedHomeScreen.js → ...ends/web/src/screens/LoggedHomeScreen.jsx
@@ -15,7 +15,7 @@ import Risk from '../components/logged/Risk'
 import Volume from '../components/logged/Volume'
 import Chart from '../components/logged/Chart'
 import Dataframe from '../components/logged/Dataframe'
-import AuthContext from 'context/AuthContext'
+import AuthContext from '../context/AuthContext'
 
 const LoggedHomeScreen = () => {
   return (
@@ -24,9 +24,9 @@ const LoggedHomeScreen = () => {
       <main className="py-5">
         <Container>
           <p>
-            <small>You are running this application in <b>{process.env.NODE_ENV}</b> mode.</small>
+            <small>You are running this application in <b>{import.meta.env.NODE_ENV}</b> mode.</small>
             <br />
-            <small>BACKEND_URL is <b>{process.env.REACT_APP_BACKEND_URL}</b></small>
+            <small>BACKEND_URL is <b>{import.meta.env.REACT_APP_BACKEND_URL}</b></small>
           </p>
           <Tabs defaultActiveKey="1">
             <Tab eventKey="1" title="Control Panel">

diff --git a/frontends/web/src/screens/LoginScreen.js → frontends/web/src/screens/LoginScreen.jsx b/frontends/web/src/screens/LoginScreen.js → frontends/web/src/screens/LoginScreen.jsx
@@ -1,5 +1,5 @@
 import React, { useContext } from 'react'
-import AuthContext from 'context/AuthContext'
+import AuthContext from '../context/AuthContext'
 // import { Link, useHistory } from 'react-router-dom';
 import { Container, Row, Col } from 'react-bootstrap'
 import Header from "../components/common/Header"

diff --git a/frontends/web/src/screens/NoPageScreen.js → frontends/web/src/screens/NoPageScreen.jsx b/frontends/web/src/screens/NoPageScreen.js → frontends/web/src/screens/NoPageScreen.jsx
diff --git a/frontends/web/src/screens/OurTeamScreen.js → frontends/web/src/screens/OurTeamScreen.jsx b/frontends/web/src/screens/OurTeamScreen.js → frontends/web/src/screens/OurTeamScreen.jsx
diff --git a/frontends/web/src/screens/PricingScreen.js → frontends/web/src/screens/PricingScreen.jsx b/frontends/web/src/screens/PricingScreen.js → frontends/web/src/screens/PricingScreen.jsx
diff --git a/frontends/web/src/screens/SignupScreen.js → frontends/web/src/screens/SignupScreen.jsx b/frontends/web/src/screens/SignupScreen.js → frontends/web/src/screens/SignupScreen.jsx
diff --git a/frontends/web/src/utils/PrivateRoutes.js → frontends/web/src/utils/PrivateRoutes.jsx b/frontends/web/src/utils/PrivateRoutes.js → frontends/web/src/utils/PrivateRoutes.jsx
diff --git a/frontends/web/vite.config.js b/frontends/web/vite.config.js
@@ -0,0 +1,11 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig(() => {
+  return {
+    build: {
+      outDir: 'build',
+    },
+    plugins: [react()],
+  };
+});