From 8172c2122eae352dadba00478b8d8d8dd951f021 Mon Sep 17 00:00:00 2001 From: TPD94 Date: Mon, 28 Apr 2025 14:35:53 -0400 Subject: [PATCH] Responsive Design --- cdrm-frontend/package-lock.json | 89 +++++++- cdrm-frontend/package.json | 2 + cdrm-frontend/src/App.jsx | 14 +- .../components/Functions/ParseChallenge.jsx | 173 ++++++++++++++++ .../Functions/license_protocol.min.js | 1 + .../src/components/Functions/protobuf.min.js | 8 + cdrm-frontend/src/components/Pages/API.jsx | 134 ++++++++++++ cdrm-frontend/src/components/Pages/Cache.jsx | 107 ++++++++++ .../src/components/Pages/HomePage.jsx | 192 +++++++++++++++++- .../src/components/Pages/TestPlayer.jsx | 158 ++++++++++++++ cdrm-frontend/src/index.css | 11 +- 11 files changed, 878 insertions(+), 11 deletions(-) create mode 100644 cdrm-frontend/src/components/Functions/ParseChallenge.jsx create mode 100644 cdrm-frontend/src/components/Functions/license_protocol.min.js create mode 100644 cdrm-frontend/src/components/Functions/protobuf.min.js create mode 100644 cdrm-frontend/src/components/Pages/API.jsx create mode 100644 cdrm-frontend/src/components/Pages/Cache.jsx create mode 100644 cdrm-frontend/src/components/Pages/TestPlayer.jsx diff --git a/cdrm-frontend/package-lock.json b/cdrm-frontend/package-lock.json index 5ec07b9..9fd2437 100644 --- a/cdrm-frontend/package-lock.json +++ b/cdrm-frontend/package-lock.json @@ -11,7 +11,9 @@ "@tailwindcss/vite": "^4.1.4", "react": "^19.0.0", "react-dom": "^19.0.0", + "react-helmet": "^6.1.0", "react-router-dom": "^7.5.2", + "shaka-player": "^4.14.9", "tailwindcss": "^4.1.4" }, "devDependencies": { @@ -1872,6 +1874,12 @@ "dev": true, "license": "ISC" }, + "node_modules/eme-encryption-scheme-polyfill": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/eme-encryption-scheme-polyfill/-/eme-encryption-scheme-polyfill-2.2.1.tgz", + "integrity": "sha512-GzgrLuZPYGijd8oaKuBqYv3Tc2oruDZM3V2982KOuy/PA1N3zwMe+/oIXJYfZ3BH3PwW5nONdBBE+VY6jlwbrw==", + "license": "Apache-2.0" + }, "node_modules/enhanced-resolve": { "version": "5.18.1", "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz", @@ -2358,7 +2366,6 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", - "dev": true, "license": "MIT" }, "node_modules/js-yaml": { @@ -2696,6 +2703,18 @@ "dev": true, "license": "MIT" }, + "node_modules/loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "license": "MIT", + "dependencies": { + "js-tokens": "^3.0.0 || ^4.0.0" + }, + "bin": { + "loose-envify": "cli.js" + } + }, "node_modules/lru-cache": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", @@ -2758,6 +2777,15 @@ "dev": true, "license": "MIT" }, + "node_modules/object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/optionator": { "version": "0.9.4", "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz", @@ -2897,6 +2925,17 @@ "node": ">= 0.8.0" } }, + "node_modules/prop-types": { + "version": "15.8.1", + "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", + "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==", + "license": "MIT", + "dependencies": { + "loose-envify": "^1.4.0", + "object-assign": "^4.1.1", + "react-is": "^16.13.1" + } + }, "node_modules/punycode": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", @@ -2928,6 +2967,42 @@ "react": "^19.1.0" } }, + "node_modules/react-fast-compare": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz", + "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==", + "license": "MIT" + }, + "node_modules/react-helmet": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/react-helmet/-/react-helmet-6.1.0.tgz", + "integrity": "sha512-4uMzEY9nlDlgxr61NL3XbKRy1hEkXmKNXhjbAIOVw5vcFrsdYbH2FEwcNyWvWinl103nXgzYNlns9ca+8kFiWw==", + "license": "MIT", + "dependencies": { + "object-assign": "^4.1.1", + "prop-types": "^15.7.2", + "react-fast-compare": "^3.1.1", + "react-side-effect": "^2.1.0" + }, + "peerDependencies": { + "react": ">=16.3.0" + } + }, + "node_modules/react-helmet/node_modules/react-side-effect": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.2.tgz", + "integrity": "sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==", + "license": "MIT", + "peerDependencies": { + "react": "^16.3.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", + "license": "MIT" + }, "node_modules/react-refresh": { "version": "0.17.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz", @@ -3048,6 +3123,18 @@ "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==", "license": "MIT" }, + "node_modules/shaka-player": { + "version": "4.14.9", + "resolved": "https://registry.npmjs.org/shaka-player/-/shaka-player-4.14.9.tgz", + "integrity": "sha512-0YZJ+UUHBz3meAzN/eOvjNoLH7eCG1yHP3BFH8ZnFbGf3K50DgLWNMoV6bm6pH4cndvXem+SdcQRXabItD4RBA==", + "license": "Apache-2.0", + "dependencies": { + "eme-encryption-scheme-polyfill": "^2.2.1" + }, + "engines": { + "node": ">=18" + } + }, "node_modules/shebang-command": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", diff --git a/cdrm-frontend/package.json b/cdrm-frontend/package.json index 7aa356f..6da4f1d 100644 --- a/cdrm-frontend/package.json +++ b/cdrm-frontend/package.json @@ -13,7 +13,9 @@ "@tailwindcss/vite": "^4.1.4", "react": "^19.0.0", "react-dom": "^19.0.0", + "react-helmet": "^6.1.0", "react-router-dom": "^7.5.2", + "shaka-player": "^4.14.9", "tailwindcss": "^4.1.4" }, "devDependencies": { diff --git a/cdrm-frontend/src/App.jsx b/cdrm-frontend/src/App.jsx index ab50b96..683a867 100644 --- a/cdrm-frontend/src/App.jsx +++ b/cdrm-frontend/src/App.jsx @@ -1,5 +1,8 @@ import { useState } from "react"; import Home from "./components/Pages/HomePage"; +import Cache from "./components/Pages/Cache"; +import API from "./components/Pages/API"; +import TestPlayer from "./components/Pages/TestPlayer"; import NavBar from "./components/NavBar"; import NavBarMain from "./components/NavBarMain"; import SideMenu from "./components/SideMenu"; // Add this import @@ -13,18 +16,21 @@ function App() { {/* The SideMenu should be visible when isMenuOpen is true */} -