Release v0.1.9

Author: Niweera

Diff for: README.md

@@ -25,8 +25,8 @@ New features to keep an eye on;
 - [x] Google Drive link to Mega.nz link
 - [x] Direct download link to Google Drive link
 - [x] Direct download link to Mega.nz link
-- [ ] Google Drive link to direct download link
-- [ ] Mega.nz to direct download link
+- [x] Google Drive link to direct download link
+- [x] Mega.nz to direct download link
 - [ ] Torrents to Google Drive link
 - [ ] Torrents to Mega.nz link
 - [ ] Torrents to direct download link

Diff for: package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "niwder-ui",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "private": true,
   "dependencies": {
     "@emotion/react": "^11.8.2",
@@ -41,7 +41,8 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "deploy": "set CI=true npm i && npm run build && firebase deploy"
+    "deploy": "set CI=true npm i && npm run build && firebase deploy && npm run clean",
+    "clean": "rimraf build .firebase"
   },
   "eslintConfig": {
     "extends": [
@@ -61,5 +62,8 @@
       "last 1 safari version"
     ]
   },
-  "proxy": "https://niwder-api.niweera.gq"
+  "proxy": "https://niwder-api.niweera.gq",
+  "devDependencies": {
+    "rimraf": "^3.0.2"
+  }
 }

Diff for: package.json

@@ -83,6 +83,10 @@ const Home = () => {
                 3. Direct download link to Google Drive link
                 <br />
                 4. Direct download link to Mega.nz link
+                <br />
+                5. Google Drive link to direct download link
+                <br />
+                6. Mega.nz link to direct download link
               </Typography>
               <Typography
                 variant="h6"

Diff for: src/components/Home/index.js

@@ -77,6 +77,14 @@ const MenuListItems = ({ anchorEl, handleClose, classes }) => {
       >
         <MenuItem onClick={handleClose}>Google Drive to Direct</MenuItem>
       </NavLink>
+      <NavLink
+        to={"/transfers/mega-to-direct"}
+        className={({ isActive }) =>
+          isActive ? classes.linkTextActive : classes.linkText
+        }
+      >
+        <MenuItem onClick={handleClose}>Mega.nz to Direct</MenuItem>
+      </NavLink>
     </Menu>
   );
 };

Diff for: src/components/Navbar/MenuListItems.js

@@ -0,0 +1,45 @@
+import React from "react";
+import { queueTransfer } from "../../../store/actions";
+import TransfersBase from "../TransfersBase";
+import SecondaryComponent from "../TransfersBase/SecondaryComponent";
+import TransferringComponent from "../TransfersBase/TransferringComponent";
+import { faLink } from "@fortawesome/free-solid-svg-icons/faLink";
+import { megaRe } from "../../../config/Constants";
+import { faM } from "@fortawesome/free-solid-svg-icons/faM";
+
+const secondary = ({ megaLink, directLink, size, mimeType, timestamp }) => (
+  <SecondaryComponent
+    primaryLink={directLink}
+    primaryText={"Direct Link"}
+    secondaryLink={megaLink}
+    secondaryText={"Mega.nz Link"}
+    size={size}
+    mimeType={mimeType}
+    timestamp={timestamp}
+    primaryIcon={faLink}
+    secondaryIcon={faM}
+  />
+);
+
+const transferring = ({ message, percentage }) => (
+  <TransferringComponent primaryText={message} percentage={percentage} />
+);
+
+const MegaToDirect = () => {
+  return (
+    <TransfersBase
+      dbPath={"mega-to-direct"}
+      regExpString={megaRe}
+      validationErrorMessage={
+        "The URL must be a valid Mega.nz file/folder export URL"
+      }
+      submitFN={queueTransfer}
+      title={<>Add a Mega.nz link to convert to a Direct link</>}
+      placeholder={"Mega.nz Link"}
+      secondaryComponent={secondary}
+      transferringComponent={transferring}
+    />
+  );
+};
+
+export default MegaToDirect;

Diff for: src/components/Transfers/MegaToDirect/index.js

@@ -336,6 +336,26 @@ const Transfers = () => {
                     Transfer from Google Drive to Direct Link
                   </Button>
                 </NavLink>
+
+                <NavLink
+                  to={"/transfers/mega-to-direct"}
+                  className={classes.linkTextActive}
+                >
+                  <Button
+                    fullWidth
+                    variant="contained"
+                    size="large"
+                    startIcon={
+                      <Box className={classes.box} component="span">
+                        <FontAwesomeIcon icon={faM} size="xs" color="#d9272e" />{" "}
+                        <ArrowRightAltIcon />
+                        <FontAwesomeIcon icon={faLink} size="xs" />
+                      </Box>
+                    }
+                  >
+                    Transfer from Mega.nz to Direct Link
+                  </Button>
+                </NavLink>
               </ButtonGroup>
             </CardContent>
           </Card>

Diff for: src/components/Transfers/index.js

@@ -3,19 +3,21 @@ import { messaging } from "../config";
 
 const useFCMNotifications = (setNotification, setNotificationOpen) => {
   useEffect(() => {
+    let unsubscribe;
+
     if (messaging) {
-      const unsubscribe = messaging.onMessage(
+      unsubscribe = messaging.onMessage(
         (payload) => {
           setNotification(payload?.notification || payload?.data);
           setNotificationOpen(true);
         },
         (error) => console.log(error)
       );
-
-      return () => {
-        unsubscribe && unsubscribe();
-      };
     }
+
+    return () => {
+      unsubscribe?.();
+    };
   }, [setNotification, setNotificationOpen]);
 };
 

Diff for: src/helpers/useFCMNotifications.js

@@ -16,6 +16,7 @@ import GDriveToMega from "./components/Transfers/GDriveToMega";
 import DirectToGDrive from "./components/Transfers/DirectToGDrive";
 import DirectToMega from "./components/Transfers/DirectToMega";
 import GDriveToDirect from "./components/Transfers/GDriveToDirect";
+import MegaToDirect from "./components/Transfers/MegaToDirect";
 import PrivacyPolicy from "./components/PrivacyPolicy";
 import TermsOfService from "./components/TermsOfService";
 
@@ -73,6 +74,11 @@ const RoutesComponent = () => {
                 path={"/transfers/gdrive-to-direct"}
                 element={<GDriveToDirect />}
               />
+              <Route
+                exact
+                path={"/transfers/mega-to-direct"}
+                element={<MegaToDirect />}
+              />
             </Route>
             <Route exact path={"*"} element={<NotFound />} />
           </Routes>