Merge pull request #71 from reAudioPlayer/next

0.10.3

.github/workflows/executable.yml

@@ -2,6 +2,8 @@ name: executable
 
 on:
   push:
+    paths:
+      - 'src/server/**'
   workflow_dispatch:
 
 jobs:
@@ -11,10 +13,10 @@ jobs:
 
     steps:
     - uses: actions/checkout@v2
-    - name: Set up Python 3.10
+    - name: Set up Python 3.11
       uses: actions/setup-python@v2
       with:
-        python-version: "3.10"
+        python-version: "3.11"
     - name: Install dependencies
       working-directory: ./src/server
       run: |

.github/workflows/mypy.yml

@@ -2,6 +2,8 @@ name: mypy
 
 on:
   push:
+    paths:
+      - 'src/server/**'
   workflow_dispatch:
 
 jobs:
@@ -11,10 +13,10 @@ jobs:
 
     steps:
     - uses: actions/checkout@v2
-    - name: Set up Python 3.10
+    - name: Set up Python 3.11
       uses: actions/setup-python@v2
       with:
-        python-version: "3.10"
+        python-version: "3.11"
     - name: Install dependencies
       working-directory: ./src/server
       run: |

.github/workflows/pylint.yml

@@ -2,6 +2,8 @@ name: pylint
 
 on:
   push:
+    paths:
+      - 'src/server/**'
   workflow_dispatch:
 
 jobs:
@@ -11,10 +13,10 @@ jobs:
 
     steps:
     - uses: actions/checkout@v2
-    - name: Set up Python 3.10
+    - name: Set up Python 3.11
       uses: actions/setup-python@v2
       with:
-        python-version: "3.10"
+        python-version: "3.11"
     - name: Install dependencies
       working-directory: ./src/server
       run: |

.gitignore

@@ -10,3 +10,4 @@ src/ui/dist/assets/img/covers/*.png
 src/usr
 src/cache
 .idea
+.vscode

Dockerfile

@@ -1,4 +1,4 @@
-FROM python:3.10-alpine
+FROM python:3.11-alpine
 
 RUN apk add --no-cache ffmpeg nginx git && \
     mkdir /opt/reAudioPlayer && \

Dockerfile.dev

@@ -1,4 +1,4 @@
-FROM python:3.10
+FROM python:3.11
 
 RUN apt-get update && apt-get upgrade -y && \
     apt-get install -y ffmpeg nginx

build/nginx.conf

@@ -51,6 +51,15 @@ server {
 		proxy_set_header Host $host;
 	}
 
+	# websocket
+	location /download/ws {
+		proxy_pass http://localhost:1234;
+		proxy_http_version 1.1;
+		proxy_set_header Upgrade $http_upgrade;
+		proxy_set_header Connection "Upgrade";
+		proxy_set_header Host $host;
+	}
+
 	# static files
 	location / {
 		try_files $uri $uri/ /index.html;

docker-compose.yml

@@ -1,7 +1,7 @@
 version: "3.9"
 services:
   reap-one:
-    image: "ghcr.io/reaudioplayer/reap-one:0.10.2"
+    image: "ghcr.io/reaudioplayer/reap-one:0.10.3"
     ports:
       - "1234:80"
     volumes:

docs/assets/cardEffect.css

@@ -0,0 +1,67 @@
+@property --grid-gradient-angle {
+    syntax: "<angle>";
+    initial-value: 30deg;
+    inherits: false;
+}
+
+/* !prefers reduced motion */
+@media (prefers-reduced-motion: no-preference) {
+    .about__grid__item, .card {
+        position: relative;
+    }
+
+    :where(.card, .about__grid__item):hover::before {
+        content: "";
+        position: absolute;
+        inset: 0;
+        background: var(--fg-secondary);
+        transition: all .2s ease-in-out;
+        z-index: -2;
+        border-radius: inherit;
+        filter: blur(7px);
+        opacity: .2;
+    }
+
+    @keyframes grid-rotate-gradient {
+        0% {
+            --grid-gradient-angle: 0deg;
+        }
+        100% {
+            --grid-gradient-angle: 360deg;
+        }
+    }
+
+    :where(.card, .about__grid__item)::after {
+        content: "";
+        position: absolute;
+        inset: -2px;
+        transition: all .2s ease-in-out;
+        z-index: -1;
+        border-radius: inherit;
+        --colour: var(--fg-secondary);
+        --max-opacity: .5;
+
+        opacity: 0;
+        transition: all .5s;
+
+        background: conic-gradient(
+            from var(--grid-gradient-angle),
+            transparent 0deg,
+            var(--colour) 30deg 60deg,
+            transparent 120deg 150deg,
+            var(--colour) 210deg 240deg,
+            transparent 300deg 330deg
+        );
+        animation: grid-rotate-gradient 7s linear infinite;
+    }
+
+    @media (prefers-color-scheme: light) {
+        :where(.card, .about__grid__item)::after {
+            --max-opacity: .3;
+        }        
+    }
+
+    :where(.card, .about__grid__item):hover::after {
+        opacity: var(--max-opacity);
+    }
+}

docs/assets/colours.css

@@ -0,0 +1,19 @@
+:root {
+    --fg-base: #181c2f;
+    --fg-base-dk: #8b8c91;
+    --fg-secondary: #18a74b;
+    --bg-base: white;
+    --bg-base-lt: #f3f7fb;
+    --border: #E3E7EB;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --fg-base: white;
+        --fg-base-dk: #a7a7a7;
+        --fg-secondary: #1ed760;
+        --bg-base: #121212;
+        --bg-base-lt: #181818;
+        --border: hsla(0,0%,100%,0.1);
+    }
+}

docs/assets/fancyImage.css

@@ -0,0 +1,12 @@
+.features__feature img {
+    transform:
+        perspective(5000px)
+        rotateY(var(--rotateY))
+        rotateX(var(--rotateX));
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .features__feature img {
+        transform: none;
+    }
+}

docs/assets/fonts.css

@@ -0,0 +1,30 @@
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Fira Mono';
+    font-style: normal;
+    font-display: swap;
+}
+
+body {
+    font-family: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    font-display: swap;
+}
+
+.mono {
+    font-family: 'Fira Mono', monospace;
+    font-display: swap;
+}
+
+.material-symbols-rounded {
+    font-variation-settings:
+        'FILL' 0,
+        'wght' 400,
+        'GRAD' 0,
+        'opsz' 48
+}