Merge branch 'develop' of https://github.com/getmaxun/maxun into develop

README.md

@@ -18,7 +18,8 @@ Maxun lets you train a robot in 2 minutes and scrape the web on auto-pilot. Web
     <a href="https://maxun-website.vercel.app/"><b>Website</b></a> |
     <a href="https://discord.com/invite/NFhWDCdb"><b>Discord</b></a> |
     <a href="https://x.com/maxun_io"><b>Twitter</b></a> |
-    <a href="https://docs.google.com/forms/d/e/1FAIpQLSdbD2uhqC4sbg4eLZ9qrFbyrfkXZ2XsI6dQ0USRCQNZNn5pzg/viewform"><b>Join Maxun Cloud</b></a>
+    <a href="https://docs.google.com/forms/d/e/1FAIpQLSdbD2uhqC4sbg4eLZ9qrFbyrfkXZ2XsI6dQ0USRCQNZNn5pzg/viewform"><b>Join Maxun Cloud</b></a> | 
+    <a href="https://www.youtube.com/@MaxunOSS"><b>Watch Tutorials</b></a>
 </p>
 
 ![maxun_demo](https://github.com/user-attachments/assets/a61ba670-e56a-4ae1-9681-0b4bd6ba9cdc)
@@ -109,6 +110,17 @@ BYOP (Bring Your Own Proxy) lets you connect external proxies to bypass anti-bot
 # Cloud
 We offer a managed cloud version to run Maxun without having to manage the infrastructure and extract data at scale. Maxun cloud also deals with anti-bot detection, huge proxy network with automatic proxy rotation, and CAPTCHA solving. If this interests you, [join the cloud waitlist](https://docs.google.com/forms/d/e/1FAIpQLSdbD2uhqC4sbg4eLZ9qrFbyrfkXZ2XsI6dQ0USRCQNZNn5pzg/viewform) as we launch soon.
 
+# Screenshots
+![Maxun PH Launch (1)-1-1](https://github.com/user-attachments/assets/d7c75fa2-2bbc-47bb-a5f6-0ee6c162f391)
+![Maxun PH Launch (1)-2-1](https://github.com/user-attachments/assets/d85a3ec7-8ce8-4daa-89aa-52d9617e227a)
+![Maxun PH Launch (1)-3-1](https://github.com/user-attachments/assets/4bd5a0b4-485d-44f4-a487-edd9afc18b11)
+![Maxun PH Launch (1)-4-1](https://github.com/user-attachments/assets/78140675-a6b6-49b2-981f-6a3d9a32b0b9)
+![Maxun PH Launch (1)-5-1](https://github.com/user-attachments/assets/d9fe8519-c81c-4e45-92f2-b2939bf24192)
+![Maxun PH Launch (1)-6-1](https://github.com/user-attachments/assets/c26e9ae3-c3da-4280-826a-c7cdf913fb93)
+![Maxun PH Launch (1)-7-1](https://github.com/user-attachments/assets/fd7196f4-a6dc-4c4c-9c76-fdd93fac8247)
+![Maxun PH Launch (1)-8-1](https://github.com/user-attachments/assets/16ee4a71-772a-49ae-a0e5-cb0529519bda)
+![Maxun PH Launch (1)-9-1](https://github.com/user-attachments/assets/160f46fa-0357-4c1b-ba50-b4fe64453bb7)
+
 # Note
 This project is in early stages of development. Your feedback is very important for us - we're actively working to improve the product. <a href="https://forms.gle/E8vRMVB7bUbsSktPA">Drop anonymous feedback here.</a>
 

server/src/routes/auth.ts

@@ -15,7 +15,7 @@ interface AuthenticatedRequest extends Request {
 
 router.post('/register', async (req, res) => {
     console.log('Received request at /auth/register');
-    console.log('Received body:', req.body);
+    
     try {
         const { email, password } = req.body
 

src/components/molecules/IntegrationSettings.tsx

@@ -113,9 +113,9 @@ export const IntegrationSettingsModal = ({ isOpen, handleStart, handleClose }: I
     }, [recordingId]);
 
     return (
-        <GenericModal isOpen={isOpen} onClose={handleClose}>
+        <GenericModal isOpen={isOpen} onClose={handleClose} modalStyle={modalStyle}>
             <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-start', marginLeft: '65px' }}>
-                <Typography variant="h6" sx={{ margin: '15px 0px' }}>Integrate with Google Sheet <Chip label="beta" color="primary" variant="outlined" /></Typography>
+                <Typography variant="h6" >Integrate with Google Sheet <Chip label="beta" color="primary" variant="outlined" /></Typography>
 
                 {recording && recording.google_sheet_id ? (
                     <>
@@ -143,7 +143,6 @@ export const IntegrationSettingsModal = ({ isOpen, handleStart, handleClose }: I
                                     variant="contained"
                                     color="primary"
                                     onClick={authenticateWithGoogle}
-                                    style={{ marginBottom: '15px' }}
                                 >
                                     Authenticate with Google
                                 </Button>
@@ -225,3 +224,15 @@ export const IntegrationSettingsModal = ({ isOpen, handleStart, handleClose }: I
         </GenericModal>
     );
 };
+
+export const modalStyle = {
+    top: '40%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    width: '50%',
+    backgroundColor: 'background.paper',
+    p: 4,
+    height: 'fit-content',
+    display: 'block',
+    padding: '20px',
+};

src/components/molecules/NavBar.tsx

@@ -65,21 +65,21 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
             {!isRecording ? (
               <>
                 <IconButton
-                component="a"
+                  component="a"
-                href="https://discord.gg/NFhWDCdb"
+                  href="https://discord.gg/NFhWDCdb"
-                target="_blank"
+                  target="_blank"
-                rel="noopener noreferrer"
+                  rel="noopener noreferrer"
-                sx={{
+                  sx={{
-                  display: 'flex',
+                    display: 'flex',
-                  alignItems: 'center',
+                    alignItems: 'center',
-                  borderRadius: '5px',
+                    borderRadius: '5px',
-                  padding: '8px',
+                    padding: '8px',
-                  marginRight: '10px',
+                    marginRight: '30px',
-                }}
+                  }}
                 >
-                <DiscordIcon sx={{ marginRight: '5px' }} />
+                  <DiscordIcon sx={{ marginRight: '5px' }} />
                 </IconButton>
-              <iframe src="https://ghbtns.com/github-btn.html?user=getmaxun&repo=maxun&type=star&count=true&size=large" frameBorder="0" scrolling="0" width="170" height="30" title="GitHub"></iframe>
+                <iframe src="https://ghbtns.com/github-btn.html?user=getmaxun&repo=maxun&type=star&count=true&size=large" frameBorder="0" scrolling="0" width="170" height="30" title="GitHub"></iframe>
                 <IconButton onClick={handleMenuOpen} sx={{
                   display: 'flex',
                   alignItems: 'center',

src/components/molecules/RobotSettings.tsx

@@ -104,6 +104,7 @@ export const RobotSettingsModal = ({ isOpen, handleStart, handleClose, initialSe
                             <>
                                 <TextField
                                     label="Robot Target URL"
+                                    key="Robot Target URL"
                                     value={targetUrl}
                                     InputProps={{
                                         readOnly: true,
@@ -112,6 +113,7 @@ export const RobotSettingsModal = ({ isOpen, handleStart, handleClose, initialSe
                                 />
                                 <TextField
                                     label="Robot ID"
+                                    key="Robot ID"
                                     value={robot.recording_meta.id}
                                     InputProps={{
                                         readOnly: true,
@@ -120,7 +122,8 @@ export const RobotSettingsModal = ({ isOpen, handleStart, handleClose, initialSe
                                 />
                                 <TextField
                                     label="Created By User"
-                                    value={userEmail}
+                                    key="Created By User"
+                                    value={userEmail ? userEmail : ''}
                                     InputProps={{
                                         readOnly: true,
                                     }}
@@ -128,6 +131,7 @@ export const RobotSettingsModal = ({ isOpen, handleStart, handleClose, initialSe
                                 />
                                 <TextField
                                     label="Robot Created At"
+                                    key="Robot Created At"
                                     value={robot.recording_meta.createdAt}
                                     InputProps={{
                                         readOnly: true,