prettier formatting, add manifest url in console.log
This commit is contained in:
voldemort
parent
bafe525510
commit
c9ff17558d
3
.prettierignore
Normal file
3
.prettierignore
Normal file
@ -0,0 +1,3 @@
|
||||
react/
|
||||
frontend/dist/
|
||||
frontend/src/assets/
|
||||
8
.prettierrc.json
Normal file
8
.prettierrc.json
Normal file
@ -0,0 +1,8 @@
|
||||
{
|
||||
"trailingComma": "es5",
|
||||
"tabWidth": 4,
|
||||
"semi": true,
|
||||
"singleQuote": false,
|
||||
"useTabs": false,
|
||||
"printWidth": 100
|
||||
}
|
||||
130
background.js
130
background.js
@ -1,84 +1,84 @@
|
||||
// Open popout window when the extension icon is clicked
|
||||
chrome.browserAction.onClicked.addListener(() => {
|
||||
chrome.windows.create({
|
||||
url: chrome.runtime.getURL("react/index.html"),
|
||||
type: "popup", // opens as a floating window
|
||||
width: 800,
|
||||
height: 600
|
||||
});
|
||||
chrome.windows.create({
|
||||
url: chrome.runtime.getURL("react/index.html"),
|
||||
type: "popup", // opens as a floating window
|
||||
width: 800,
|
||||
height: 600,
|
||||
});
|
||||
});
|
||||
|
||||
// Listen for messages and store data in chrome.storage.local
|
||||
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
|
||||
const { type, data } = message;
|
||||
const { type, data } = message;
|
||||
|
||||
switch (type) {
|
||||
case "DRM_TYPE":
|
||||
console.log("DRM Type:", data);
|
||||
chrome.storage.local.set({ drmType: data });
|
||||
break;
|
||||
switch (type) {
|
||||
case "DRM_TYPE":
|
||||
console.log("DRM Type:", data);
|
||||
chrome.storage.local.set({ drmType: data });
|
||||
break;
|
||||
|
||||
case "PSSH_DATA":
|
||||
console.log("Storing PSSH:", data);
|
||||
chrome.storage.local.set({ latestPSSH: data });
|
||||
break;
|
||||
case "PSSH_DATA":
|
||||
console.log("Storing PSSH:", data);
|
||||
chrome.storage.local.set({ latestPSSH: data });
|
||||
break;
|
||||
|
||||
case "KEYS_DATA":
|
||||
console.log("Storing Decryption Keys:", data);
|
||||
chrome.storage.local.set({ latestKeys: data });
|
||||
break;
|
||||
|
||||
case "LICENSE_URL":
|
||||
console.log("Storling License URL " + data);
|
||||
chrome.storage.local.set({licenseURL: data});
|
||||
break;
|
||||
case "KEYS_DATA":
|
||||
console.log("Storing Decryption Keys:", data);
|
||||
chrome.storage.local.set({ latestKeys: data });
|
||||
break;
|
||||
|
||||
default:
|
||||
console.warn("Unknown message type received:", type);
|
||||
}
|
||||
case "LICENSE_URL":
|
||||
console.log("Storling License URL " + data);
|
||||
chrome.storage.local.set({ licenseURL: data });
|
||||
break;
|
||||
|
||||
default:
|
||||
console.warn("Unknown message type received:", type);
|
||||
}
|
||||
});
|
||||
|
||||
// Set initial config and injection type on install
|
||||
chrome.runtime.onInstalled.addListener((details) => {
|
||||
if (details.reason === "install") {
|
||||
chrome.storage.local.set({ valid_config: false }, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Error setting valid_config:", chrome.runtime.lastError);
|
||||
} else {
|
||||
console.log("valid_config set to false on first install.");
|
||||
}
|
||||
});
|
||||
if (details.reason === "install") {
|
||||
chrome.storage.local.set({ valid_config: false }, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Error setting valid_config:", chrome.runtime.lastError);
|
||||
} else {
|
||||
console.log("valid_config set to false on first install.");
|
||||
}
|
||||
});
|
||||
|
||||
chrome.storage.local.set({ injection_type: "LICENSE" }, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Error setting Injection Type:", chrome.runtime.lastError);
|
||||
} else {
|
||||
console.log("Injection type set to LICENSE on first install.");
|
||||
}
|
||||
});
|
||||
chrome.storage.local.set({ injection_type: "LICENSE" }, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Error setting Injection Type:", chrome.runtime.lastError);
|
||||
} else {
|
||||
console.log("Injection type set to LICENSE on first install.");
|
||||
}
|
||||
});
|
||||
|
||||
chrome.storage.local.set({ drm_override: "DISABLED" }, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Error setting DRM Override type:", chrome.runtime.lastError);
|
||||
} else {
|
||||
console.log("DRM Override type set to DISABLED on first install.");
|
||||
}
|
||||
});
|
||||
chrome.storage.local.set({ drm_override: "DISABLED" }, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Error setting DRM Override type:", chrome.runtime.lastError);
|
||||
} else {
|
||||
console.log("DRM Override type set to DISABLED on first install.");
|
||||
}
|
||||
});
|
||||
|
||||
chrome.storage.local.set({ cdrm_instance: null }, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Error setting CDRM instance:", chrome.runtime.lastError);
|
||||
} else {
|
||||
console.log("CDRM instance set to null.");
|
||||
}
|
||||
});
|
||||
chrome.storage.local.set({ cdrm_instance: null }, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Error setting CDRM instance:", chrome.runtime.lastError);
|
||||
} else {
|
||||
console.log("CDRM instance set to null.");
|
||||
}
|
||||
});
|
||||
|
||||
chrome.storage.local.set({ cdrm_api_key: null }, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Error setting CDRM API Key:", chrome.runtime.lastError);
|
||||
} else {
|
||||
console.log("CDRM API Key set.");
|
||||
}
|
||||
});
|
||||
}
|
||||
chrome.storage.local.set({ cdrm_api_key: null }, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Error setting CDRM API Key:", chrome.runtime.lastError);
|
||||
} else {
|
||||
console.log("CDRM API Key set.");
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
115
content.js
115
content.js
@ -1,67 +1,96 @@
|
||||
// Inject `inject.js` into the page context
|
||||
(function injectScript() {
|
||||
const script = document.createElement('script');
|
||||
script.src = chrome.runtime.getURL('inject.js');
|
||||
script.type = 'text/javascript';
|
||||
script.onload = () => script.remove(); // Clean up
|
||||
// Inject directly into <html> or <head>
|
||||
(document.documentElement || document.head || document.body).appendChild(script);
|
||||
const script = document.createElement("script");
|
||||
script.src = chrome.runtime.getURL("inject.js");
|
||||
script.type = "text/javascript";
|
||||
script.onload = () => script.remove(); // Clean up
|
||||
// Inject directly into <html> or <head>
|
||||
(document.documentElement || document.head || document.body).appendChild(script);
|
||||
})();
|
||||
|
||||
// Listen for messages from the injected script
|
||||
window.addEventListener("message", function(event) {
|
||||
window.addEventListener("message", function (event) {
|
||||
if (event.source !== window) return;
|
||||
|
||||
if (["__DRM_TYPE__", "__PSSH_DATA__", "__KEYS_DATA__", "__LICENSE_URL__"].includes(event.data?.type)) {
|
||||
if (
|
||||
["__DRM_TYPE__", "__PSSH_DATA__", "__KEYS_DATA__", "__LICENSE_URL__"].includes(
|
||||
event.data?.type
|
||||
)
|
||||
) {
|
||||
chrome.runtime.sendMessage({
|
||||
type: event.data.type.replace("__", "").replace("__", ""),
|
||||
data: event.data.data
|
||||
data: event.data.data,
|
||||
});
|
||||
}
|
||||
|
||||
if (event.data.type === "__GET_CDM_DEVICES__") {
|
||||
chrome.storage.local.get(["widevine_device", "playready_device"], (result) => {
|
||||
const widevine_device = result.widevine_device || null;
|
||||
const playready_device = result.playready_device || null;
|
||||
|
||||
chrome.storage.local.get(["widevine_device", "playready_device"], (result) => {
|
||||
const widevine_device = result.widevine_device || null;
|
||||
const playready_device = result.playready_device || null;
|
||||
|
||||
window.postMessage(
|
||||
{
|
||||
type: "__CDM_DEVICES__",
|
||||
widevine_device,
|
||||
playready_device
|
||||
},
|
||||
"*"
|
||||
);
|
||||
});
|
||||
window.postMessage(
|
||||
{
|
||||
type: "__CDM_DEVICES__",
|
||||
widevine_device,
|
||||
playready_device,
|
||||
},
|
||||
"*"
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
if (event.data.type === "__GET_INJECTION_TYPE__") {
|
||||
chrome.storage.local.get("injection_type", (result) => {
|
||||
const injectionType = result.injection_type || "LICENSE";
|
||||
|
||||
chrome.storage.local.get("injection_type", (result) => {
|
||||
const injectionType = result.injection_type || "LICENSE";
|
||||
|
||||
window.postMessage(
|
||||
{
|
||||
type: "__INJECTION_TYPE__",
|
||||
injectionType
|
||||
},
|
||||
"*"
|
||||
);
|
||||
});
|
||||
window.postMessage(
|
||||
{
|
||||
type: "__INJECTION_TYPE__",
|
||||
injectionType,
|
||||
},
|
||||
"*"
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
if (event.data.type === "__GET_DRM_OVERRIDE__") {
|
||||
chrome.storage.local.get("drm_override", (result) => {
|
||||
const drmOverride = result.drm_override || "DISABLED";
|
||||
|
||||
chrome.storage.local.get("drm_override", (result) => {
|
||||
const drmOverride = result.drm_override || "DISABLED";
|
||||
window.postMessage(
|
||||
{
|
||||
type: "__DRM_OVERRIDE__",
|
||||
drmOverride,
|
||||
},
|
||||
"*"
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
window.postMessage(
|
||||
{
|
||||
type: "__DRM_OVERRIDE__",
|
||||
drmOverride
|
||||
},
|
||||
"*"
|
||||
);
|
||||
});
|
||||
// Manifest header and URL
|
||||
|
||||
const seenManifestUrls = new Set();
|
||||
|
||||
if (event.data?.type === "__MANIFEST_URL__") {
|
||||
const url = event.data.data;
|
||||
if (seenManifestUrls.has(url)) return;
|
||||
seenManifestUrls.add(url);
|
||||
console.log("✅ [Content] Unique manifest URL:", url);
|
||||
|
||||
chrome.runtime.sendMessage({
|
||||
type: "MANIFEST_URL_FOUND",
|
||||
data: url,
|
||||
});
|
||||
}
|
||||
|
||||
if (event.data?.type === "__MANIFEST_HEADERS__") {
|
||||
const { url, headers } = event.data;
|
||||
console.log("[Content.js] Manifest Headers:", url, headers);
|
||||
|
||||
chrome.runtime.sendMessage({
|
||||
type: "MANIFEST_HEADERS",
|
||||
url,
|
||||
headers,
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
@ -1,33 +1,30 @@
|
||||
import js from '@eslint/js'
|
||||
import globals from 'globals'
|
||||
import reactHooks from 'eslint-plugin-react-hooks'
|
||||
import reactRefresh from 'eslint-plugin-react-refresh'
|
||||
import js from "@eslint/js";
|
||||
import globals from "globals";
|
||||
import reactHooks from "eslint-plugin-react-hooks";
|
||||
import reactRefresh from "eslint-plugin-react-refresh";
|
||||
|
||||
export default [
|
||||
{ ignores: ['dist'] },
|
||||
{
|
||||
files: ['**/*.{js,jsx}'],
|
||||
languageOptions: {
|
||||
ecmaVersion: 2020,
|
||||
globals: globals.browser,
|
||||
parserOptions: {
|
||||
ecmaVersion: 'latest',
|
||||
ecmaFeatures: { jsx: true },
|
||||
sourceType: 'module',
|
||||
},
|
||||
{ ignores: ["dist"] },
|
||||
{
|
||||
files: ["**/*.{js,jsx}"],
|
||||
languageOptions: {
|
||||
ecmaVersion: 2020,
|
||||
globals: globals.browser,
|
||||
parserOptions: {
|
||||
ecmaVersion: "latest",
|
||||
ecmaFeatures: { jsx: true },
|
||||
sourceType: "module",
|
||||
},
|
||||
},
|
||||
plugins: {
|
||||
"react-hooks": reactHooks,
|
||||
"react-refresh": reactRefresh,
|
||||
},
|
||||
rules: {
|
||||
...js.configs.recommended.rules,
|
||||
...reactHooks.configs.recommended.rules,
|
||||
"no-unused-vars": ["error", { varsIgnorePattern: "^[A-Z_]" }],
|
||||
"react-refresh/only-export-components": ["warn", { allowConstantExport: true }],
|
||||
},
|
||||
},
|
||||
plugins: {
|
||||
'react-hooks': reactHooks,
|
||||
'react-refresh': reactRefresh,
|
||||
},
|
||||
rules: {
|
||||
...js.configs.recommended.rules,
|
||||
...reactHooks.configs.recommended.rules,
|
||||
'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
|
||||
'react-refresh/only-export-components': [
|
||||
'warn',
|
||||
{ allowConstantExport: true },
|
||||
],
|
||||
},
|
||||
},
|
||||
]
|
||||
];
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>CDRM Decryption Extension</title>
|
||||
</head>
|
||||
<body class="min-w-full min-h-full w-full h-full">
|
||||
<div class="min-w-full min-h-full w-full h-full" id="root"></div>
|
||||
<script type="module" src="/src/main.jsx"></script>
|
||||
</body>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>CDRM Decryption Extension</title>
|
||||
</head>
|
||||
<body class="min-w-full min-h-full w-full h-full">
|
||||
<div class="min-w-full min-h-full w-full h-full" id="root"></div>
|
||||
<script type="module" src="/src/main.jsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
6810
frontend/package-lock.json
generated
6810
frontend/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -1,30 +1,30 @@
|
||||
{
|
||||
"name": "frontend",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"lint": "eslint .",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@tailwindcss/vite": "^4.1.7",
|
||||
"react": "^19.1.0",
|
||||
"react-dom": "^19.1.0",
|
||||
"react-router-dom": "^7.6.1",
|
||||
"tailwindcss": "^4.1.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/js": "^9.25.0",
|
||||
"@types/react": "^19.1.2",
|
||||
"@types/react-dom": "^19.1.2",
|
||||
"@vitejs/plugin-react": "^4.4.1",
|
||||
"eslint": "^9.25.0",
|
||||
"eslint-plugin-react-hooks": "^5.2.0",
|
||||
"eslint-plugin-react-refresh": "^0.4.19",
|
||||
"globals": "^16.0.0",
|
||||
"vite": "^6.3.5"
|
||||
}
|
||||
"name": "frontend",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"lint": "eslint .",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@tailwindcss/vite": "^4.1.7",
|
||||
"react": "^19.1.0",
|
||||
"react-dom": "^19.1.0",
|
||||
"react-router-dom": "^7.6.1",
|
||||
"tailwindcss": "^4.1.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/js": "^9.25.0",
|
||||
"@types/react": "^19.1.2",
|
||||
"@types/react-dom": "^19.1.2",
|
||||
"@vitejs/plugin-react": "^4.4.1",
|
||||
"eslint": "^9.25.0",
|
||||
"eslint-plugin-react-hooks": "^5.2.0",
|
||||
"eslint-plugin-react-refresh": "^0.4.19",
|
||||
"globals": "^16.0.0",
|
||||
"vite": "^6.3.5"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,77 +1,72 @@
|
||||
import { useState, useEffect } from "react";
|
||||
import {
|
||||
HashRouter as Router,
|
||||
Routes,
|
||||
Route,
|
||||
Navigate,
|
||||
} from "react-router-dom";
|
||||
import { HashRouter as Router, Routes, Route, Navigate } from "react-router-dom";
|
||||
import TopNav from "./components/topnav";
|
||||
import SideNav from "./components/sidenav";
|
||||
import Results from "./components/results";
|
||||
import Settings from "./components/settings";
|
||||
|
||||
function App() {
|
||||
const [isSideNavOpen, setIsSideNavOpen] = useState(false);
|
||||
const [validConfig, setValidConfig] = useState(null); // null = loading
|
||||
const [isSideNavOpen, setIsSideNavOpen] = useState(false);
|
||||
const [validConfig, setValidConfig] = useState(null); // null = loading
|
||||
|
||||
useEffect(() => {
|
||||
chrome.storage.local.get("valid_config", (result) => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Error reading valid_config:", chrome.runtime.lastError);
|
||||
setValidConfig(false); // fallback
|
||||
} else {
|
||||
setValidConfig(result.valid_config === true);
|
||||
}
|
||||
});
|
||||
}, []);
|
||||
useEffect(() => {
|
||||
chrome.storage.local.get("valid_config", (result) => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Error reading valid_config:", chrome.runtime.lastError);
|
||||
setValidConfig(false); // fallback
|
||||
} else {
|
||||
setValidConfig(result.valid_config === true);
|
||||
}
|
||||
});
|
||||
}, []);
|
||||
|
||||
if (validConfig === null) {
|
||||
return (
|
||||
<div className="flex items-center justify-center h-screen bg-black text-white">
|
||||
Loading...
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
if (validConfig === null) {
|
||||
return (
|
||||
<div className="flex items-center justify-center h-screen bg-black text-white">
|
||||
Loading...
|
||||
</div>
|
||||
<Router>
|
||||
<div className="min-w-full min-h-full w-full h-full flex flex-grow bg-black/95 flex-col relative">
|
||||
<div className="w-full min-h-16 max-h-16 h-16 shrink-0 flex sticky top-0 z-20 border-b border-b-white bg-black overflow-x-hidden">
|
||||
<TopNav onMenuClick={() => setIsSideNavOpen(true)} />
|
||||
</div>
|
||||
|
||||
<div id="currentpagecontainer" className="w-full grow overflow-y-auto">
|
||||
<Routes>
|
||||
{!validConfig ? (
|
||||
<>
|
||||
<Route
|
||||
path="/settings"
|
||||
element={
|
||||
<Settings onConfigSaved={() => setValidConfig(true)} />
|
||||
}
|
||||
/>
|
||||
<Route path="*" element={<Navigate to="/settings" replace />} />
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<Route path="/" element={<Navigate to="/results" replace />} />
|
||||
<Route path="/results" element={<Results />} />
|
||||
<Route path="/settings" element={<Settings />} />
|
||||
</>
|
||||
)}
|
||||
</Routes>
|
||||
</div>
|
||||
|
||||
<div
|
||||
className={`fixed top-0 left-0 w-full h-full z-50 bg-black transform transition-transform duration-300 ease-in-out ${
|
||||
isSideNavOpen ? "translate-x-0" : "-translate-x-full"
|
||||
}`}
|
||||
>
|
||||
<SideNav onClose={() => setIsSideNavOpen(false)} />
|
||||
</div>
|
||||
</div>
|
||||
</Router>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<Router>
|
||||
<div className="min-w-full min-h-full w-full h-full flex flex-grow bg-black/95 flex-col relative">
|
||||
<div className="w-full min-h-16 max-h-16 h-16 shrink-0 flex sticky top-0 z-20 border-b border-b-white bg-black overflow-x-hidden">
|
||||
<TopNav onMenuClick={() => setIsSideNavOpen(true)} />
|
||||
</div>
|
||||
|
||||
<div id="currentpagecontainer" className="w-full grow overflow-y-auto">
|
||||
<Routes>
|
||||
{!validConfig ? (
|
||||
<>
|
||||
<Route
|
||||
path="/settings"
|
||||
element={
|
||||
<Settings onConfigSaved={() => setValidConfig(true)} />
|
||||
}
|
||||
/>
|
||||
<Route path="*" element={<Navigate to="/settings" replace />} />
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<Route path="/" element={<Navigate to="/results" replace />} />
|
||||
<Route path="/results" element={<Results />} />
|
||||
<Route path="/settings" element={<Settings />} />
|
||||
</>
|
||||
)}
|
||||
</Routes>
|
||||
</div>
|
||||
|
||||
<div
|
||||
className={`fixed top-0 left-0 w-full h-full z-50 bg-black transform transition-transform duration-300 ease-in-out ${
|
||||
isSideNavOpen ? "translate-x-0" : "-translate-x-full"
|
||||
}`}
|
||||
>
|
||||
<SideNav onClose={() => setIsSideNavOpen(false)} />
|
||||
</div>
|
||||
</div>
|
||||
</Router>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
|
||||
@ -1,149 +1,139 @@
|
||||
import React, { useEffect, useState } from "react";
|
||||
|
||||
function Results() {
|
||||
const [drmType, setDrmType] = useState("");
|
||||
const [pssh, setPssh] = useState("");
|
||||
const [licenseUrl, setLicenseUrl] = useState("");
|
||||
const [keys, setKeys] = useState([]);
|
||||
const [drmType, setDrmType] = useState("");
|
||||
const [pssh, setPssh] = useState("");
|
||||
const [licenseUrl, setLicenseUrl] = useState("");
|
||||
const [keys, setKeys] = useState([]);
|
||||
|
||||
useEffect(() => {
|
||||
chrome.storage.local.get(
|
||||
[
|
||||
"drmType",
|
||||
"latestPSSH",
|
||||
"latestLicenseRequest",
|
||||
"latestKeys",
|
||||
"licenseURL",
|
||||
],
|
||||
(result) => {
|
||||
if (result.drmType) setDrmType(result.drmType);
|
||||
if (result.latestPSSH) setPssh(result.latestPSSH);
|
||||
if (result.licenseURL) setLicenseUrl(result.licenseURL);
|
||||
if (result.latestKeys) {
|
||||
try {
|
||||
const parsed = Array.isArray(result.latestKeys)
|
||||
? result.latestKeys
|
||||
: JSON.parse(result.latestKeys);
|
||||
setKeys(parsed);
|
||||
} catch (e) {
|
||||
console.error("Failed to parse keys:", e);
|
||||
setKeys([]);
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
const handleChange = (changes, area) => {
|
||||
if (area === "local") {
|
||||
if (changes.drmType) {
|
||||
setDrmType(changes.drmType.newValue);
|
||||
}
|
||||
if (changes.latestPSSH) {
|
||||
setPssh(changes.latestPSSH.newValue);
|
||||
}
|
||||
if (changes.licenseURL) {
|
||||
setLicenseUrl(changes.licenseURL.newValue);
|
||||
}
|
||||
if (changes.latestKeys) {
|
||||
setKeys(changes.latestKeys.newValue);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
chrome.storage.onChanged.addListener(handleChange);
|
||||
return () => chrome.storage.onChanged.removeListener(handleChange);
|
||||
}, []);
|
||||
|
||||
const handleCapture = () => {
|
||||
// Reset stored values
|
||||
chrome.storage.local.set({
|
||||
drmType: "None",
|
||||
latestPSSH: "None",
|
||||
licenseURL: "None",
|
||||
latestKeys: [],
|
||||
});
|
||||
|
||||
// Get all normal windows to exclude your popup
|
||||
chrome.windows.getAll(
|
||||
{ populate: true, windowTypes: ["normal"] },
|
||||
(windows) => {
|
||||
if (!windows || windows.length === 0) {
|
||||
console.warn("No normal Chrome windows found");
|
||||
return;
|
||||
}
|
||||
|
||||
// Find the last focused normal window
|
||||
const lastFocusedWindow = windows.find((w) => w.focused) || windows[0];
|
||||
|
||||
if (!lastFocusedWindow) {
|
||||
console.warn("No focused normal window found");
|
||||
return;
|
||||
}
|
||||
|
||||
// Find the active tab in that window (that is a regular webpage)
|
||||
const activeTab = lastFocusedWindow.tabs.find(
|
||||
(tab) => tab.active && tab.url && /^https?:\/\//.test(tab.url)
|
||||
useEffect(() => {
|
||||
chrome.storage.local.get(
|
||||
["drmType", "latestPSSH", "latestLicenseRequest", "latestKeys", "licenseURL"],
|
||||
(result) => {
|
||||
if (result.drmType) setDrmType(result.drmType);
|
||||
if (result.latestPSSH) setPssh(result.latestPSSH);
|
||||
if (result.licenseURL) setLicenseUrl(result.licenseURL);
|
||||
if (result.latestKeys) {
|
||||
try {
|
||||
const parsed = Array.isArray(result.latestKeys)
|
||||
? result.latestKeys
|
||||
: JSON.parse(result.latestKeys);
|
||||
setKeys(parsed);
|
||||
} catch (e) {
|
||||
console.error("Failed to parse keys:", e);
|
||||
setKeys([]);
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
if (activeTab?.id) {
|
||||
chrome.tabs.reload(activeTab.id, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Failed to reload tab:", chrome.runtime.lastError);
|
||||
const handleChange = (changes, area) => {
|
||||
if (area === "local") {
|
||||
if (changes.drmType) {
|
||||
setDrmType(changes.drmType.newValue);
|
||||
}
|
||||
if (changes.latestPSSH) {
|
||||
setPssh(changes.latestPSSH.newValue);
|
||||
}
|
||||
if (changes.licenseURL) {
|
||||
setLicenseUrl(changes.licenseURL.newValue);
|
||||
}
|
||||
if (changes.latestKeys) {
|
||||
setKeys(changes.latestKeys.newValue);
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
console.warn("No active tab found in the last focused normal window");
|
||||
}
|
||||
}
|
||||
);
|
||||
};
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="w-full grow flex h-full overflow-y-auto overflow-x-auto flex-col text-white p-4">
|
||||
<button
|
||||
onClick={handleCapture}
|
||||
className="w-full h-10 bg-sky-500 rounded-md p-2 mt-2 text-white cursor-pointer hover:bg-sky-600"
|
||||
>
|
||||
Capture current tab
|
||||
</button>
|
||||
<p className="text-2xl mt-5">DRM Type</p>
|
||||
<input
|
||||
type="text"
|
||||
value={drmType}
|
||||
className="w-full h-10 bg-slate-800/50 rounded-md p-2 mt-2 text-white"
|
||||
placeholder="None"
|
||||
disabled
|
||||
/>
|
||||
<p className="text-2xl mt-5">PSSH</p>
|
||||
<input
|
||||
type="text"
|
||||
value={pssh}
|
||||
className="w-full h-10 bg-slate-800/50 rounded-md p-2 mt-2 text-white"
|
||||
placeholder="None"
|
||||
disabled
|
||||
/>
|
||||
<p className="text-2xl mt-5">License URL</p>
|
||||
<input
|
||||
type="text"
|
||||
value={licenseUrl}
|
||||
className="w-full h-10 bg-slate-800/50 rounded-md p-2 mt-2 text-white"
|
||||
placeholder="None"
|
||||
disabled
|
||||
/>
|
||||
<p className="text-2xl mt-5">Keys</p>
|
||||
<div className="w-full min-h-64 h-64 flex items-center justify-center text-center overflow-y-auto bg-slate-800/50 rounded-md p-2 mt-2 text-white whitespace-pre-line">
|
||||
{Array.isArray(keys) &&
|
||||
keys.filter((k) => k.type !== "SIGNING").length > 0 ? (
|
||||
keys
|
||||
.filter((k) => k.type !== "SIGNING")
|
||||
.map((k) => `${k.key_id || k.keyId}:${k.key}`)
|
||||
.join("\n")
|
||||
) : (
|
||||
<span className="text-gray-400">None</span>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
chrome.storage.onChanged.addListener(handleChange);
|
||||
return () => chrome.storage.onChanged.removeListener(handleChange);
|
||||
}, []);
|
||||
|
||||
const handleCapture = () => {
|
||||
// Reset stored values
|
||||
chrome.storage.local.set({
|
||||
drmType: "None",
|
||||
latestPSSH: "None",
|
||||
licenseURL: "None",
|
||||
latestKeys: [],
|
||||
});
|
||||
|
||||
// Get all normal windows to exclude your popup
|
||||
chrome.windows.getAll({ populate: true, windowTypes: ["normal"] }, (windows) => {
|
||||
if (!windows || windows.length === 0) {
|
||||
console.warn("No normal Chrome windows found");
|
||||
return;
|
||||
}
|
||||
|
||||
// Find the last focused normal window
|
||||
const lastFocusedWindow = windows.find((w) => w.focused) || windows[0];
|
||||
|
||||
if (!lastFocusedWindow) {
|
||||
console.warn("No focused normal window found");
|
||||
return;
|
||||
}
|
||||
|
||||
// Find the active tab in that window (that is a regular webpage)
|
||||
const activeTab = lastFocusedWindow.tabs.find(
|
||||
(tab) => tab.active && tab.url && /^https?:\/\//.test(tab.url)
|
||||
);
|
||||
|
||||
if (activeTab?.id) {
|
||||
chrome.tabs.reload(activeTab.id, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Failed to reload tab:", chrome.runtime.lastError);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
console.warn("No active tab found in the last focused normal window");
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="w-full grow flex h-full overflow-y-auto overflow-x-auto flex-col text-white p-4">
|
||||
<button
|
||||
onClick={handleCapture}
|
||||
className="w-full h-10 bg-sky-500 rounded-md p-2 mt-2 text-white cursor-pointer hover:bg-sky-600"
|
||||
>
|
||||
Capture current tab
|
||||
</button>
|
||||
<p className="text-2xl mt-5">DRM Type</p>
|
||||
<input
|
||||
type="text"
|
||||
value={drmType}
|
||||
className="w-full h-10 bg-slate-800/50 rounded-md p-2 mt-2 text-white"
|
||||
placeholder="None"
|
||||
disabled
|
||||
/>
|
||||
<p className="text-2xl mt-5">PSSH</p>
|
||||
<input
|
||||
type="text"
|
||||
value={pssh}
|
||||
className="w-full h-10 bg-slate-800/50 rounded-md p-2 mt-2 text-white"
|
||||
placeholder="None"
|
||||
disabled
|
||||
/>
|
||||
<p className="text-2xl mt-5">License URL</p>
|
||||
<input
|
||||
type="text"
|
||||
value={licenseUrl}
|
||||
className="w-full h-10 bg-slate-800/50 rounded-md p-2 mt-2 text-white"
|
||||
placeholder="None"
|
||||
disabled
|
||||
/>
|
||||
<p className="text-2xl mt-5">Keys</p>
|
||||
<div className="w-full min-h-64 h-64 flex items-center justify-center text-center overflow-y-auto bg-slate-800/50 rounded-md p-2 mt-2 text-white whitespace-pre-line">
|
||||
{Array.isArray(keys) && keys.filter((k) => k.type !== "SIGNING").length > 0 ? (
|
||||
keys
|
||||
.filter((k) => k.type !== "SIGNING")
|
||||
.map((k) => `${k.key_id || k.keyId}:${k.key}`)
|
||||
.join("\n")
|
||||
) : (
|
||||
<span className="text-gray-400">None</span>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Results;
|
||||
|
||||
@ -2,149 +2,140 @@ import { useState, useEffect } from "react";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
|
||||
function Settings({ onConfigSaved }) {
|
||||
const [instanceUrl, setInstanceUrl] = useState("");
|
||||
const [storedUrl, setStoredUrl] = useState(null);
|
||||
const [message, setMessage] = useState(null);
|
||||
const [messageType, setMessageType] = useState(null);
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [instanceUrl, setInstanceUrl] = useState("");
|
||||
const [storedUrl, setStoredUrl] = useState(null);
|
||||
const [message, setMessage] = useState(null);
|
||||
const [messageType, setMessageType] = useState(null);
|
||||
const [loading, setLoading] = useState(false);
|
||||
|
||||
const navigate = useNavigate();
|
||||
const navigate = useNavigate();
|
||||
|
||||
useEffect(() => {
|
||||
chrome.storage.local.get("cdrm_instance", (result) => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error(
|
||||
"Error fetching CDRM instance:",
|
||||
chrome.runtime.lastError
|
||||
);
|
||||
} else if (result.cdrm_instance) {
|
||||
setStoredUrl(result.cdrm_instance);
|
||||
}
|
||||
});
|
||||
}, []);
|
||||
|
||||
const handleSave = async () => {
|
||||
const trimmedUrl = instanceUrl.trim().replace(/\/+$/, "");
|
||||
if (!trimmedUrl) {
|
||||
setMessage("Please enter a valid URL.");
|
||||
setMessageType("error");
|
||||
return;
|
||||
}
|
||||
|
||||
const endpoint = trimmedUrl + "/api/extension";
|
||||
setLoading(true);
|
||||
setMessage(null);
|
||||
|
||||
try {
|
||||
const response = await fetch(endpoint, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (data.status === true) {
|
||||
setMessage("Successfully connected to CDRM Instance.");
|
||||
setMessageType("success");
|
||||
|
||||
const widevineRes = await fetch(
|
||||
`${trimmedUrl}/remotecdm/widevine/deviceinfo`
|
||||
);
|
||||
if (!widevineRes.ok)
|
||||
throw new Error("Failed to fetch Widevine device info");
|
||||
const widevineData = await widevineRes.json();
|
||||
|
||||
const playreadyRes = await fetch(
|
||||
`${trimmedUrl}/remotecdm/playready/deviceinfo`
|
||||
);
|
||||
if (!playreadyRes.ok)
|
||||
throw new Error("Failed to fetch PlayReady device info");
|
||||
const playreadyData = await playreadyRes.json();
|
||||
|
||||
chrome.storage.local.set(
|
||||
{
|
||||
valid_config: true,
|
||||
cdrm_instance: trimmedUrl,
|
||||
widevine_device: {
|
||||
device_type: widevineData.device_type,
|
||||
system_id: widevineData.system_id,
|
||||
security_level: widevineData.security_level,
|
||||
secret: widevineData.secret,
|
||||
device_name: widevineData.device_name,
|
||||
host: trimmedUrl,
|
||||
},
|
||||
playready_device: {
|
||||
security_level: playreadyData.security_level,
|
||||
secret: playreadyData.secret,
|
||||
device_name: playreadyData.device_name,
|
||||
host: trimmedUrl,
|
||||
},
|
||||
},
|
||||
() => {
|
||||
useEffect(() => {
|
||||
chrome.storage.local.get("cdrm_instance", (result) => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error(
|
||||
"Error saving to chrome.storage:",
|
||||
chrome.runtime.lastError
|
||||
);
|
||||
setMessage("Error saving configuration.");
|
||||
setMessageType("error");
|
||||
} else {
|
||||
console.log("Configuration saved.");
|
||||
setStoredUrl(trimmedUrl);
|
||||
setInstanceUrl("");
|
||||
if (onConfigSaved) onConfigSaved();
|
||||
navigate("/results"); // Automatically redirect after success
|
||||
console.error("Error fetching CDRM instance:", chrome.runtime.lastError);
|
||||
} else if (result.cdrm_instance) {
|
||||
setStoredUrl(result.cdrm_instance);
|
||||
}
|
||||
}
|
||||
);
|
||||
} else {
|
||||
throw new Error("Invalid response from endpoint.");
|
||||
}
|
||||
} catch (err) {
|
||||
console.error("Connection error:", err);
|
||||
setMessage("Invalid endpoint or device info could not be retrieved.");
|
||||
setMessageType("error");
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
};
|
||||
});
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="w-full h-full overflow-y-auto overflow-x-auto flex flex-col p-4">
|
||||
<input
|
||||
type="text"
|
||||
value={instanceUrl}
|
||||
onChange={(e) => setInstanceUrl(e.target.value)}
|
||||
placeholder={
|
||||
storedUrl
|
||||
? `Current CDRM Instance: ${storedUrl}`
|
||||
: "CDRM Instance URL (e.g., https://cdrm-project.com/, http://127.0.0.1:5000/)"
|
||||
const handleSave = async () => {
|
||||
const trimmedUrl = instanceUrl.trim().replace(/\/+$/, "");
|
||||
if (!trimmedUrl) {
|
||||
setMessage("Please enter a valid URL.");
|
||||
setMessageType("error");
|
||||
return;
|
||||
}
|
||||
className="w-full p-4 text-lg bg-gray-800 text-white border border-gray-700 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 mt-4"
|
||||
/>
|
||||
<button
|
||||
onClick={handleSave}
|
||||
disabled={loading}
|
||||
className={`mt-4 p-2 ${
|
||||
loading ? "bg-blue-400" : "bg-blue-600 hover:bg-blue-700"
|
||||
} text-white rounded-md transition duration-300`}
|
||||
>
|
||||
{loading ? "Connecting..." : "Save Settings"}
|
||||
</button>
|
||||
|
||||
{message && (
|
||||
<p
|
||||
className={`mt-2 text-sm text-center ${
|
||||
messageType === "success" ? "text-green-400" : "text-red-400"
|
||||
}`}
|
||||
>
|
||||
{message}
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
const endpoint = trimmedUrl + "/api/extension";
|
||||
setLoading(true);
|
||||
setMessage(null);
|
||||
|
||||
try {
|
||||
const response = await fetch(endpoint, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (data.status === true) {
|
||||
setMessage("Successfully connected to CDRM Instance.");
|
||||
setMessageType("success");
|
||||
|
||||
const widevineRes = await fetch(`${trimmedUrl}/remotecdm/widevine/deviceinfo`);
|
||||
if (!widevineRes.ok) throw new Error("Failed to fetch Widevine device info");
|
||||
const widevineData = await widevineRes.json();
|
||||
|
||||
const playreadyRes = await fetch(`${trimmedUrl}/remotecdm/playready/deviceinfo`);
|
||||
if (!playreadyRes.ok) throw new Error("Failed to fetch PlayReady device info");
|
||||
const playreadyData = await playreadyRes.json();
|
||||
|
||||
chrome.storage.local.set(
|
||||
{
|
||||
valid_config: true,
|
||||
cdrm_instance: trimmedUrl,
|
||||
widevine_device: {
|
||||
device_type: widevineData.device_type,
|
||||
system_id: widevineData.system_id,
|
||||
security_level: widevineData.security_level,
|
||||
secret: widevineData.secret,
|
||||
device_name: widevineData.device_name,
|
||||
host: trimmedUrl,
|
||||
},
|
||||
playready_device: {
|
||||
security_level: playreadyData.security_level,
|
||||
secret: playreadyData.secret,
|
||||
device_name: playreadyData.device_name,
|
||||
host: trimmedUrl,
|
||||
},
|
||||
},
|
||||
() => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error(
|
||||
"Error saving to chrome.storage:",
|
||||
chrome.runtime.lastError
|
||||
);
|
||||
setMessage("Error saving configuration.");
|
||||
setMessageType("error");
|
||||
} else {
|
||||
console.log("Configuration saved.");
|
||||
setStoredUrl(trimmedUrl);
|
||||
setInstanceUrl("");
|
||||
if (onConfigSaved) onConfigSaved();
|
||||
navigate("/results"); // Automatically redirect after success
|
||||
}
|
||||
}
|
||||
);
|
||||
} else {
|
||||
throw new Error("Invalid response from endpoint.");
|
||||
}
|
||||
} catch (err) {
|
||||
console.error("Connection error:", err);
|
||||
setMessage("Invalid endpoint or device info could not be retrieved.");
|
||||
setMessageType("error");
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="w-full h-full overflow-y-auto overflow-x-auto flex flex-col p-4">
|
||||
<input
|
||||
type="text"
|
||||
value={instanceUrl}
|
||||
onChange={(e) => setInstanceUrl(e.target.value)}
|
||||
placeholder={
|
||||
storedUrl
|
||||
? `Current CDRM Instance: ${storedUrl}`
|
||||
: "CDRM Instance URL (e.g., https://cdrm-project.com/, http://127.0.0.1:5000/)"
|
||||
}
|
||||
className="w-full p-4 text-lg bg-gray-800 text-white border border-gray-700 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 mt-4"
|
||||
/>
|
||||
<button
|
||||
onClick={handleSave}
|
||||
disabled={loading}
|
||||
className={`mt-4 p-2 ${
|
||||
loading ? "bg-blue-400" : "bg-blue-600 hover:bg-blue-700"
|
||||
} text-white rounded-md transition duration-300`}
|
||||
>
|
||||
{loading ? "Connecting..." : "Save Settings"}
|
||||
</button>
|
||||
|
||||
{message && (
|
||||
<p
|
||||
className={`mt-2 text-sm text-center ${
|
||||
messageType === "success" ? "text-green-400" : "text-red-400"
|
||||
}`}
|
||||
>
|
||||
{message}
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Settings;
|
||||
|
||||
@ -4,48 +4,45 @@ import settingsIcon from "../assets/settings.svg";
|
||||
import closeIcon from "../assets/close.svg";
|
||||
|
||||
function SideNav({ onClose }) {
|
||||
return (
|
||||
<div className="w-full h-full overflow-y-auto overflow-x-auto flex flex-col bg-black">
|
||||
<div className="w-full min-h-16 max-h-16 h-16 shrink-0 flex sticky top-0 z-20 border-b border-b-white bg-black">
|
||||
<button
|
||||
onClick={onClose}
|
||||
className="h-full ml-auto p-3 hover:cursor-pointer"
|
||||
>
|
||||
<img src={closeIcon} alt="Close" className="h-full" />
|
||||
</button>
|
||||
</div>
|
||||
return (
|
||||
<div className="w-full h-full overflow-y-auto overflow-x-auto flex flex-col bg-black">
|
||||
<div className="w-full min-h-16 max-h-16 h-16 shrink-0 flex sticky top-0 z-20 border-b border-b-white bg-black">
|
||||
<button onClick={onClose} className="h-full ml-auto p-3 hover:cursor-pointer">
|
||||
<img src={closeIcon} alt="Close" className="h-full" />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="w-full h-16 flex items-center justify-center mt-2">
|
||||
<NavLink
|
||||
to="/results"
|
||||
onClick={onClose}
|
||||
className="text-white text-2xl font-bold flex flex-row items-center border-l-white hover:border-l-1 w-full hover:bg-black/50 transition duration-300 ease-in-out p-2"
|
||||
>
|
||||
<img
|
||||
src={homeIcon}
|
||||
alt="Home"
|
||||
className="h-full w-16 p-2 flex items-center cursor-pointer"
|
||||
/>
|
||||
Home
|
||||
</NavLink>
|
||||
</div>
|
||||
<div className="w-full h-16 flex items-center justify-center mt-2">
|
||||
<NavLink
|
||||
to="/results"
|
||||
onClick={onClose}
|
||||
className="text-white text-2xl font-bold flex flex-row items-center border-l-white hover:border-l-1 w-full hover:bg-black/50 transition duration-300 ease-in-out p-2"
|
||||
>
|
||||
<img
|
||||
src={homeIcon}
|
||||
alt="Home"
|
||||
className="h-full w-16 p-2 flex items-center cursor-pointer"
|
||||
/>
|
||||
Home
|
||||
</NavLink>
|
||||
</div>
|
||||
|
||||
<div className="w-full h-16 flex items-center justify-center mt-2">
|
||||
<NavLink
|
||||
to="/settings"
|
||||
onClick={onClose}
|
||||
className="text-white text-2xl font-bold flex flex-row items-center hover:border-l-1 border-l-white w-full hover:bg-black/50 transition duration-300 ease-in-out p-2"
|
||||
>
|
||||
<img
|
||||
src={settingsIcon}
|
||||
alt="Settings"
|
||||
className="h-full w-16 p-2 flex items-center cursor-pointer"
|
||||
/>
|
||||
Settings
|
||||
</NavLink>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
<div className="w-full h-16 flex items-center justify-center mt-2">
|
||||
<NavLink
|
||||
to="/settings"
|
||||
onClick={onClose}
|
||||
className="text-white text-2xl font-bold flex flex-row items-center hover:border-l-1 border-l-white w-full hover:bg-black/50 transition duration-300 ease-in-out p-2"
|
||||
>
|
||||
<img
|
||||
src={settingsIcon}
|
||||
alt="Settings"
|
||||
className="h-full w-16 p-2 flex items-center cursor-pointer"
|
||||
/>
|
||||
Settings
|
||||
</NavLink>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default SideNav;
|
||||
|
||||
@ -2,84 +2,81 @@ import { useEffect, useState } from "react";
|
||||
import hamburgerIcon from "../assets/hamburger.svg";
|
||||
|
||||
function TopNav({ onMenuClick }) {
|
||||
const [injectionType, setInjectionType] = useState("LICENSE");
|
||||
const [drmOverride, setDrmOverride] = useState("DISABLED");
|
||||
const [injectionType, setInjectionType] = useState("LICENSE");
|
||||
const [drmOverride, setDrmOverride] = useState("DISABLED");
|
||||
|
||||
useEffect(() => {
|
||||
chrome.storage.local.get(["injection_type", "drm_override"], (result) => {
|
||||
if (result.injection_type !== undefined) {
|
||||
setInjectionType(result.injection_type);
|
||||
}
|
||||
if (result.drm_override !== undefined) {
|
||||
setDrmOverride(result.drm_override);
|
||||
}
|
||||
});
|
||||
}, []);
|
||||
useEffect(() => {
|
||||
chrome.storage.local.get(["injection_type", "drm_override"], (result) => {
|
||||
if (result.injection_type !== undefined) {
|
||||
setInjectionType(result.injection_type);
|
||||
}
|
||||
if (result.drm_override !== undefined) {
|
||||
setDrmOverride(result.drm_override);
|
||||
}
|
||||
});
|
||||
}, []);
|
||||
|
||||
const handleInjectionTypeChange = (type) => {
|
||||
chrome.storage.local.set({ injection_type: type }, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error(
|
||||
"Error updating injection_type:",
|
||||
chrome.runtime.lastError
|
||||
);
|
||||
} else {
|
||||
setInjectionType(type);
|
||||
console.log(`Injection type updated to ${type}`);
|
||||
}
|
||||
});
|
||||
};
|
||||
const handleInjectionTypeChange = (type) => {
|
||||
chrome.storage.local.set({ injection_type: type }, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Error updating injection_type:", chrome.runtime.lastError);
|
||||
} else {
|
||||
setInjectionType(type);
|
||||
console.log(`Injection type updated to ${type}`);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const handleDrmOverrideChange = (type) => {
|
||||
chrome.storage.local.set({ drm_override: type }, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Error updating drm_override:", chrome.runtime.lastError);
|
||||
} else {
|
||||
setDrmOverride(type);
|
||||
console.log(`DRM Override updated to ${type}`);
|
||||
}
|
||||
});
|
||||
};
|
||||
const handleDrmOverrideChange = (type) => {
|
||||
chrome.storage.local.set({ drm_override: type }, () => {
|
||||
if (chrome.runtime.lastError) {
|
||||
console.error("Error updating drm_override:", chrome.runtime.lastError);
|
||||
} else {
|
||||
setDrmOverride(type);
|
||||
console.log(`DRM Override updated to ${type}`);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="w-full h-full flex flex-row overflow-x-hidden">
|
||||
<img
|
||||
src={hamburgerIcon}
|
||||
alt="Menu"
|
||||
className="h-full w-16 p-2 flex items-center cursor-pointer"
|
||||
onClick={onMenuClick}
|
||||
/>
|
||||
<div className="flex flex-row h-full justify-center items-center ml-auto mr-2">
|
||||
<p className="text-white text-lg p-2 mr-2 border-r-2 border-r-white text-nowrap">
|
||||
Injection Type:
|
||||
</p>
|
||||
<button
|
||||
onClick={() => handleInjectionTypeChange("LICENSE")}
|
||||
className={`text-white text-lg p-2 rounded-md m-1 cursor-pointer ${
|
||||
injectionType === "LICENSE" ? "bg-sky-500/70" : "bg-black"
|
||||
}`}
|
||||
>
|
||||
License
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleInjectionTypeChange("EME")}
|
||||
className={`text-white text-lg p-2 rounded-md m-1 cursor-pointer ${
|
||||
injectionType === "EME" ? "bg-green-500/70" : "bg-black"
|
||||
}`}
|
||||
>
|
||||
EME
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleInjectionTypeChange("DISABLED")}
|
||||
className={`text-white text-lg p-2 rounded-md m-1 cursor-pointer ${
|
||||
injectionType === "DISABLED" ? "bg-red-500/70" : "bg-black"
|
||||
}`}
|
||||
>
|
||||
Disabled
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
return (
|
||||
<div className="w-full h-full flex flex-row overflow-x-hidden">
|
||||
<img
|
||||
src={hamburgerIcon}
|
||||
alt="Menu"
|
||||
className="h-full w-16 p-2 flex items-center cursor-pointer"
|
||||
onClick={onMenuClick}
|
||||
/>
|
||||
<div className="flex flex-row h-full justify-center items-center ml-auto mr-2">
|
||||
<p className="text-white text-lg p-2 mr-2 border-r-2 border-r-white text-nowrap">
|
||||
Injection Type:
|
||||
</p>
|
||||
<button
|
||||
onClick={() => handleInjectionTypeChange("LICENSE")}
|
||||
className={`text-white text-lg p-2 rounded-md m-1 cursor-pointer ${
|
||||
injectionType === "LICENSE" ? "bg-sky-500/70" : "bg-black"
|
||||
}`}
|
||||
>
|
||||
License
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleInjectionTypeChange("EME")}
|
||||
className={`text-white text-lg p-2 rounded-md m-1 cursor-pointer ${
|
||||
injectionType === "EME" ? "bg-green-500/70" : "bg-black"
|
||||
}`}
|
||||
>
|
||||
EME
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleInjectionTypeChange("DISABLED")}
|
||||
className={`text-white text-lg p-2 rounded-md m-1 cursor-pointer ${
|
||||
injectionType === "DISABLED" ? "bg-red-500/70" : "bg-black"
|
||||
}`}
|
||||
>
|
||||
Disabled
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default TopNav;
|
||||
|
||||
@ -1,8 +1,10 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
html, body, #root {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html,
|
||||
body,
|
||||
#root {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
import { StrictMode } from 'react'
|
||||
import { createRoot } from 'react-dom/client'
|
||||
import './index.css'
|
||||
import App from './App.jsx'
|
||||
import { StrictMode } from "react";
|
||||
import { createRoot } from "react-dom/client";
|
||||
import "./index.css";
|
||||
import App from "./App.jsx";
|
||||
|
||||
createRoot(document.getElementById('root')).render(
|
||||
<StrictMode>
|
||||
<App />
|
||||
</StrictMode>,
|
||||
)
|
||||
createRoot(document.getElementById("root")).render(
|
||||
<StrictMode>
|
||||
<App />
|
||||
</StrictMode>
|
||||
);
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { defineConfig } from 'vite'
|
||||
import react from '@vitejs/plugin-react'
|
||||
import tailwindcss from '@tailwindcss/vite'
|
||||
import { defineConfig } from "vite";
|
||||
import react from "@vitejs/plugin-react";
|
||||
import tailwindcss from "@tailwindcss/vite";
|
||||
|
||||
// https://vite.dev/config/
|
||||
export default defineConfig({
|
||||
base: './',
|
||||
plugins: [react(), tailwindcss()],
|
||||
})
|
||||
base: "./",
|
||||
plugins: [react(), tailwindcss()],
|
||||
});
|
||||
|
||||
@ -1,41 +1,41 @@
|
||||
{
|
||||
"manifest_version": 2,
|
||||
"name": "CDRM Extension 2.0",
|
||||
"version": "2.0",
|
||||
"description": "Decrypt DRM Protected content",
|
||||
"permissions": [
|
||||
"webRequest",
|
||||
"webRequestBlocking",
|
||||
"<all_urls>",
|
||||
"activeTab",
|
||||
"storage",
|
||||
"tabs",
|
||||
"contextMenus"
|
||||
],
|
||||
"background": {
|
||||
"scripts": ["background.js"],
|
||||
"persistent": true
|
||||
},
|
||||
"content_scripts": [
|
||||
{
|
||||
"matches": ["<all_urls>"],
|
||||
"js": ["content.js"],
|
||||
"run_at": "document_start",
|
||||
"all_frames": true
|
||||
"manifest_version": 2,
|
||||
"name": "CDRM Extension 2.0",
|
||||
"version": "2.0",
|
||||
"description": "Decrypt DRM Protected content",
|
||||
"permissions": [
|
||||
"webRequest",
|
||||
"webRequestBlocking",
|
||||
"<all_urls>",
|
||||
"activeTab",
|
||||
"storage",
|
||||
"tabs",
|
||||
"contextMenus"
|
||||
],
|
||||
"background": {
|
||||
"scripts": ["background.js"],
|
||||
"persistent": true
|
||||
},
|
||||
"content_scripts": [
|
||||
{
|
||||
"matches": ["<all_urls>"],
|
||||
"js": ["content.js"],
|
||||
"run_at": "document_start",
|
||||
"all_frames": true
|
||||
}
|
||||
],
|
||||
"web_accessible_resources": ["inject.js"],
|
||||
"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
|
||||
"browser_action": {
|
||||
"default_icon": {
|
||||
"16": "icons/icon16.png",
|
||||
"32": "icons/icon32.png",
|
||||
"128": "icons/icon128.png"
|
||||
}
|
||||
},
|
||||
"icons": {
|
||||
"16": "icons/icon16.png",
|
||||
"32": "icons/icon32.png",
|
||||
"128": "icons/icon128.png"
|
||||
}
|
||||
],
|
||||
"web_accessible_resources": ["inject.js"],
|
||||
"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
|
||||
"browser_action": {
|
||||
"default_icon": {
|
||||
"16": "icons/icon16.png",
|
||||
"32": "icons/icon32.png",
|
||||
"128": "icons/icon128.png"
|
||||
}
|
||||
},
|
||||
"icons": {
|
||||
"16": "icons/icon16.png",
|
||||
"32": "icons/icon32.png",
|
||||
"128": "icons/icon128.png"
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user