dependecies cleanup

Dockerfile

@@ -8,15 +8,13 @@ RUN apk update
 RUN apk add curl wget psmisc python3 ffmpeg
 COPY . .
 RUN chmod +x ./fetch-yt-dlp.sh
-# install pnpm
-RUN npm install -g pnpm
 # install node dependencies
-RUN pnpm install
-RUN pnpm fetch
-RUN pnpm build
-RUN pnpm build-server
+RUN npm install
+RUN npm fetch
+RUN npm build
+RUN npm build-server
 # cleanup
-RUN pnpm remove parcel
+RUN npm remove parcel
 RUN rm -rf .parcel-cache
 # expose and run
 EXPOSE 3022

frontend/index.css

@@ -1,11 +0,0 @@
-@import url('./src/styles/colors.css');
-
-.main {
-    min-height: calc(100vh - 41px);
-}
-
-body {
-    font-family: 'Shippori Antique', sans-serif;
-    background-color: var(--body);
-    color: var(--text);
-}

frontend/index.html

@@ -5,8 +5,6 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <title>yt-dlp Web UI</title>
 </head>
 

frontend/src/App.css

@@ -1,39 +0,0 @@
-@import url('../src/styles/colors.css');
-
-.status-box {
-    background-color: var(--status);
-    padding: 8px;
-    border-radius: 5px;
-    overflow-x: hidden;
-}
-
-.stack-box {
-    background-color: var(--stack);
-    border-radius: 0.5pc;
-}
-
-.settings {
-    cursor: pointer;
-    padding: 3px;
-    border: 1px solid var(--border);
-    border-radius: 5px;
-}
-
-.form-control {
-    background-color: var(--status);
-    border-color: var(--border);
-    color: var(--text);
-}
-
-.input-group-text {
-    color: var(--text);
-    background-color: var(--status);
-    border-color: var(--border);
-}
-
-.buttonAbort {
-    background-color: var(--border);
-    color: var(--text);
-    border: 0px;
-    margin-top: 2px;
-}

frontend/src/components/Footer.css

@@ -1,16 +0,0 @@
-@import url('../../src/styles/colors.css');
-
-.footer {
-    width: 100%;
-    height: 40px;
-    line-height: 38px;
-    background-color: var(--stack);
-}
-
-.separator {
-    border-left: 1px solid var(--border);
-}
-
-.website {
-    cursor: pointer;
-}

frontend/src/styles/colors.css

@@ -1,15 +0,0 @@
-:root{
-    --body:#f8f9ff;
-    --text:#3b3e66;
-    --status:#f8f9ffa1;
-    --border:#ced4da;
-    --stack: #ffffff;
-}
-
-.dark {
-    --body: #1c1c1c;
-    --text: #ffffff;
-    --status:#292929;
-    --stack: #212121;
-    --border: #3a3a3a;
-}

package.json

@@ -23,7 +23,6 @@
     "@mui/icons-material": "^5.6.2",
     "@mui/material": "^5.6.4",
     "@reduxjs/toolkit": "^1.8.1",
-    "babel-plugin-dev-expression": "^0.2.3",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-redux": "^8.0.1",
@@ -38,6 +37,7 @@
     "@types/node": "^17.0.31",
     "@types/react-router-dom": "^5.3.3",
     "@types/uuid": "^8.3.4",
+    "buffer": "^6.0.3",
     "parcel": "^2.5.0",
     "typescript": "^4.6.4"
   },
@@ -53,4 +53,4 @@
       ]
     }
   }
-}
+}