-
-
-
-
-
+ <>
+ - CDRM-Project -
-
+
+
+
);
}
diff --git a/cdrm-frontend/src/components/Pages/API.jsx b/cdrm-frontend/src/components/Pages/API.jsx
index b43bc55..c42a0bb 100644
--- a/cdrm-frontend/src/components/Pages/API.jsx
+++ b/cdrm-frontend/src/components/Pages/API.jsx
@@ -1,4 +1,8 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
+import NavBar from "../NavBar";
+import Container from "../Container";
+import { FaCopy } from "react-icons/fa";
+import { toast } from "sonner";
const { protocol, hostname, port } = window.location;
@@ -10,6 +14,11 @@ if (
fullHost += `:${port}`;
}
+const handleCopy = (text) => {
+ navigator.clipboard.writeText(text);
+ toast.success("Copied to clipboard");
+};
+
function API() {
const [deviceInfo, setDeviceInfo] = useState({
device_type: "",
@@ -61,13 +70,7 @@ function API() {
document.title = "API | CDRM-Project";
}, []);
- return (
-
+
-
- {/* External links at very bottom */}
-
-
+
+
+ -
+
+
+
+
+
- {/* Scrollable navigation area */}
-
-
+
+
+ Discord + +
+ -
+
+
+ Telegram + +
+ -
+
+
+ Gitea + +
+
+
- {/* Main NavLinks */}
-
- `flex flex-row p-3 border-l-3 ${
- isActive
- ? "border-l-sky-500/50 bg-black/50"
- : "hover:border-l-sky-500/50 hover:bg-white/5"
- }`
- }
- >
-
-
-
-
- `flex flex-row p-3 border-l-3 ${
- isActive
- ? "border-l-emerald-500/50 bg-black/50"
- : "hover:border-l-emerald-500/50 hover:bg-white/5"
- }`
- }
- >
-
-
-
-
- `flex flex-row p-3 border-l-3 ${
- isActive
- ? "border-l-indigo-500/50 bg-black/50"
- : "hover:border-l-indigo-500/50 hover:bg-white/5"
- }`
- }
- >
-
-
-
-
- `flex flex-row p-3 border-l-3 ${
- isActive
- ? "border-l-rose-500/50 bg-black/50"
- : "hover:border-l-rose-500/50 hover:bg-white/5"
- }`
- }
- >
-
-
-
- {/* Account link at bottom of scrollable area */}
-
+ - Home -
-- Cache -
-- API -
-- Test Player -
-
-
- `flex flex-row p-3 border-l-3 ${
- isActive
- ? "border-l-yellow-500/50 bg-black/50"
- : "hover:border-l-yellow-500/50 hover:bg-white/5"
- }`
- }
- >
-
-
+ CDRM-Project
+ +
Social links
+
+
+
-
+
+
+
+
+
+
-
-
- Sending a decryption request
-
-
-
- {`import requests
+ const decryptRequest = `import requests
print(requests.post(
url='${fullHost}/api/decrypt',
@@ -83,55 +86,154 @@ print(requests.post(
'Accept-Language': 'en-US,en;q=0.5',
})
}
-).json()['message'])`}
-
-
-
+
+
);
}
diff --git a/cdrm-frontend/src/components/Pages/Cache.jsx b/cdrm-frontend/src/components/Pages/Cache.jsx
index 9522a4e..ce878b8 100644
--- a/cdrm-frontend/src/components/Pages/Cache.jsx
+++ b/cdrm-frontend/src/components/Pages/Cache.jsx
@@ -1,9 +1,16 @@
import { useEffect, useRef, useState } from "react";
+import { FaDownload } from "react-icons/fa";
+import { toast } from "sonner";
+import Container from "../Container";
+import NavBar from "../NavBar";
function Cache() {
const [searchQuery, setSearchQuery] = useState("");
const [cacheData, setCacheData] = useState([]);
- const [keyCount, setKeyCount] = useState(0); // New state to store the key count
+ const [keyCount, setKeyCount] = useState(0);
+ const [loading, setLoading] = useState(false);
+ const [hasSearched, setHasSearched] = useState(false);
+
const debounceTimeout = useRef(null);
// Fetch the key count when the component mounts
@@ -23,32 +30,40 @@ function Cache() {
const handleInputChange = (event) => {
const query = event.target.value;
- setSearchQuery(query); // Update the search query
+ setSearchQuery(query);
- // Clear the previous timeout
if (debounceTimeout.current) {
clearTimeout(debounceTimeout.current);
}
- // Set a new timeout to send the API call after 1 second of no typing
- debounceTimeout.current = setTimeout(() => {
- if (query.trim() !== "") {
- sendApiCall(query); // Only call the API if the query is not empty
- } else {
- setCacheData([]); // Clear results if query is empty
- }
- }, 1000); // 1 second delay
+ if (query.trim() !== "") {
+ setLoading(true); // Show spinner immediately
+ debounceTimeout.current = setTimeout(() => {
+ sendApiCall(query);
+ }, 1000);
+ } else {
+ setHasSearched(false); // Reset state when input is cleared
+ setCacheData([]);
+ }
};
const sendApiCall = (text) => {
+ setLoading(true);
fetch("/api/cache/search", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ input: text }),
})
.then((response) => response.json())
- .then((data) => setCacheData(data)) // Update cache data with the results
- .catch((error) => console.error("Error:", error));
+ .then((data) => {
+ setCacheData(data);
+ setHasSearched(true);
+ })
+ .catch((error) => {
+ toast.error(`Error: ${error.message}`);
+ console.error("Error:", error);
+ })
+ .finally(() => setLoading(false));
};
useEffect(() => {
@@ -56,51 +71,71 @@ function Cache() {
}, []);
return (
-
+
+
);
}
diff --git a/cdrm-frontend/src/components/Pages/HomePage.jsx b/cdrm-frontend/src/components/Pages/HomePage.jsx
index 09a2f29..2704ef9 100644
--- a/cdrm-frontend/src/components/Pages/HomePage.jsx
+++ b/cdrm-frontend/src/components/Pages/HomePage.jsx
@@ -1,5 +1,9 @@
-import React, { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
import { readTextFromClipboard } from "../Functions/ParseChallenge";
+import NavBar from "../NavBar";
+import Container from "../Container";
+import { toast } from "sonner";
+import { IoInformationCircleOutline } from "react-icons/io5";
function HomePage() {
const [pssh, setPssh] = useState("");
@@ -58,7 +62,7 @@ function HomePage() {
})
.catch((error) => {
console.error("Error during decryption request:", error);
- setMessage("Error: Unable to process request.");
+ setMessage(`Error: Unable to process request. Reason: ${error.message}`);
setIsVisible(true);
});
};
@@ -67,14 +71,15 @@ function HomePage() {
event.preventDefault();
if (messageRef.current) {
const textToCopy = messageRef.current.innerText; // Grab the plain text (with visual line breaks)
+ toast.success("Copied to clipboard");
navigator.clipboard.writeText(textToCopy).catch((err) => {
- alert("Failed to copy!");
+ toast.error(`Failed to copy. Reason: ${err.message}`);
console.error(err);
});
}
};
- const handleFetchPaste = () => {
+ const handleFetchPaste = (event) => {
event.preventDefault();
readTextFromClipboard()
.then(() => {
@@ -84,7 +89,8 @@ function HomePage() {
setData(document.getElementById("data").value);
})
.catch((err) => {
- alert("Failed to paste from fetch!");
+ toast.error(`Failed to paste from fetch. Reason: ${err.message}`);
+ console.error("Failed to paste from fetch:", err);
});
};
@@ -133,138 +139,150 @@ function HomePage() {
return (
<>
-
Sending a search request
-
-
+
+
+
);
}
diff --git a/cdrm-frontend/src/components/Pages/Account.jsx b/cdrm-frontend/src/components/Pages/Account.jsx
index e5c865f..f31d2c6 100644
--- a/cdrm-frontend/src/components/Pages/Account.jsx
+++ b/cdrm-frontend/src/components/Pages/Account.jsx
@@ -1,14 +1,17 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
+import { toast } from "sonner";
+import Container from "../Container";
+import NavBar from "../NavBar";
+import MyAccount from "./MyAccount";
import Register from "./Register";
-import MyAccount from "./MyAccount"; // <-- Import the MyAccount component
function Account() {
- const [isLoggedIn, setIsLoggedIn] = useState(null); // null = loading state
+ const [isLoggedIn, setIsLoggedIn] = useState(null);
useEffect(() => {
fetch("/login/status", {
method: "POST",
- credentials: "include", // Sends cookies with request
+ credentials: "include",
})
.then((res) => res.json())
.then((data) => {
@@ -19,19 +22,25 @@ function Account() {
}
})
.catch((err) => {
+ toast.error(`Error checking login status. Reason: ${err.message}`);
console.error("Error checking login status:", err);
- setIsLoggedIn(false); // Assume not logged in on error
+ setIsLoggedIn(false);
});
}, []);
if (isLoggedIn === null) {
- return
- {`import requests
+).json()['message'])`;
+
+ const searchRequest = `import requests
print(requests.post(
url='${fullHost}/api/cache/search',
json={
'input': 'AAAAW3Bzc2gAAAAA7e+LqXnWSs6jyCfc1R0h7QAAADsIARIQ62dqu8s0Xpa7z2FmMPGj2hoNd2lkZXZpbmVfdGVzdCIQZmtqM2xqYVNkZmFsa3IzaioCSEQyAA=='
}
-).json())`}
-
+).json())`;
+
+ return (
+ <>
+
+
-
-
+
+
+
+
+
+ Sending a decryption request
+
+
+
+
+ {decryptRequest}
+
+
+
+
+
+
+
+
+
+ Sending a search request
+
+
+
+
+ {searchRequest}
+
+
+
+
+
+
+
+
+
+ PyWidevine RemoteCDM info
+
+
+
+ + Device Type:{" "} + + {deviceInfo.device_type || "N/A"} + +
++ System ID:{" "} + + {deviceInfo.system_id || "N/A"} + +
++ Security Level:{" "} + + {deviceInfo.security_level || "N/A"} + +
++ Host:{" "} + {fullHost}/remotecdm/widevine +
++ Secret:{" "} + {deviceInfo.secret || "N/A"} +
++ Device Name:{" "} + + {deviceInfo.device_name || "N/A"} + +
+
+
+
+
+ PyPlayready RemoteCDM info
+
+
+
+ + Security Level:{" "} + + {prDeviceInfo.security_level || "N/A"} + +
++ Host:{" "} + + {fullHost}/remotecdm/playready + +
++ Secret:{" "} + + {prDeviceInfo.secret || "N/A"} + +
++ Device Name:{" "} + + {prDeviceInfo.device_name || "N/A"} + +
+
-
- PyWidevine RemoteCDM info
-
-
-
- Device Type: '{deviceInfo.device_type}'
- System ID: {deviceInfo.system_id}
-
- Security Level: {deviceInfo.security_level}
-
- Host: {fullHost}/remotecdm/widevine
-
- Secret: '{deviceInfo.secret}'
- Device Name: {deviceInfo.device_name}
-
-
- PyPlayready RemoteCDM info
-
-
-
- Security Level: {prDeviceInfo.security_level}
-
- Host: {fullHost}/remotecdm/playready
-
- Secret: '{prDeviceInfo.secret}'
- Device Name: {prDeviceInfo.device_name}
-
Loading...
; // Optional loading UI
+ return Loading...
;
}
return (
-
- {isLoggedIn ?
+ <>
+
+ {isLoggedIn ?
+
-
+ <>
+
-
-
- Download Cache
-
-
-
-
-
-
-
- | PSSH | -KID | -Key | -
|---|---|---|
| {item.PSSH} | -{item.KID} | -{item.Key} | -
| - No data found - | -||
+
+
+
+
+ {loading ? (
+
+
+ Searching...
+
+ ) : cacheData.length > 0 ? (
+
+
+ ) : hasSearched ? (
+
+
+
+
+
+ | + | PSSH | +key ID:key pair | +
|---|---|---|
| {index + 1} | +{item.PSSH} | ++ {item.KID}:{item.Key} + | +
+
+ ) : (
+ No data found in the database
+
+
+ )}
+ Enter a search query to see results
+
-