Latest EFY, Fix Bugs, New Card Layout, Seek Bar Gradient, Improved Ca…

…ptions

.dockerignore

@@ -4,3 +4,4 @@ dist/
 .*
 *.md
 !.prettier*
+!.eslintrc.cjs

.env

@@ -0,0 +1,3 @@
+VITE_PIPED_API=https://pipedapi.kavin.rocks
+VITE_PIPED_PROXY=https://pipedproxy.kavin.rocks
+VITE_PIPED_INSTANCES=https://piped-instances.kavin.rocks/

.eslintrc.cjs

@@ -4,4 +4,9 @@ module.exports = {
         node: true,
     },
     extends: ["plugin:vue/vue3-recommended", "eslint:recommended", "@unocss", "plugin:prettier/recommended"],
+    rules: {
+        "vue/no-undef-components": ["error", {
+            ignorePatterns: ["router-link", "router-view", "i18n-t", "ErrorHandler"]
+        }],
+    },
 };

.github/FUNDING.yml

@@ -1,2 +1,3 @@
 github: TeamPiped
 liberapay: kavin
+custom: https://liberapay.com/bnyro

.github/ISSUE_TEMPLATE/new_instance.yml

@@ -0,0 +1,54 @@
+name: New Instance
+title: "New instance: "
+description: Request to add a new instance to the official list
+labels: ["new-instance"]
+body:
+  - type: input
+    id: api-url
+    attributes:
+      label: Api Url
+      description: The backend url of the instance.
+      placeholder: https://pipedapi.kavin.rocks
+    validations:
+      required: true
+
+  - type: input
+    id: location
+    attributes:
+      label: Instance location
+      description: The country the instance is located in.
+      placeholder: Germany, 🇩🇪
+    validations:
+      required: true
+
+  - type: checkboxes
+    id: cdn
+    attributes:
+      label: CDN (not required)
+      description: Whether the instances uses a [CDN](https://www.cloudflare.com/learning/cdn/what-is-a-cdn/).
+      options:
+        - label: My instance does use a CDN.
+
+  - type: checkboxes
+    id: approval
+    attributes:
+      label: Instance owner
+      description: If you're not the owner of the instance, you must leave a proof that the instance owner agreed with adding the instance to the list of public instances.
+      options:
+        - label: I am the owner of the instance.
+
+  - type: textarea
+    id: other
+    attributes:
+      label: Other details
+
+  - type: markdown
+    attributes:
+      value: |
+        Thank you for hosting a public Piped instance!
+    
+  - type: markdown
+    attributes:
+      value: |
+        If you have any further questions, please join one of the communities that are linked in the README.
+      

.github/workflows/ci.yml

@@ -16,12 +16,12 @@ jobs:
               with:
                   version: latest
             - name: Setup Node.js
-              uses: actions/setup-node@v3
+              uses: actions/setup-node@v4
               with:
                   cache: "pnpm"
             - run: pnpm install
             - run: pnpm build
-            - uses: actions/upload-artifact@v3
+            - uses: actions/upload-artifact@v4
               with:
                   name: build
                   path: dist

.github/workflows/codeql.yml

@@ -33,7 +33,7 @@ jobs:
 
     # Initializes the CodeQL tools for scanning.
     - name: Initialize CodeQL
-      uses: github/codeql-action/init@v2
+      uses: github/codeql-action/init@v3
       with:
         languages: ${{ matrix.language }}
         # If you wish to specify custom queries, you can do so here or in a config file.
@@ -47,7 +47,7 @@ jobs:
     # Autobuild attempts to build any compiled languages (C/C++, C#, Go, Java, or Swift).
     # If this step fails, then you should remove it and run the build manually (see below)
     - name: Autobuild
-      uses: github/codeql-action/autobuild@v2
+      uses: github/codeql-action/autobuild@v3
 
     # ℹ️ Command-line programs to run using the OS shell.
     # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
@@ -60,6 +60,6 @@ jobs:
     #     ./location_of_script_within_repo/buildscript.sh
 
     - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v2
+      uses: github/codeql-action/analyze@v3
       with:
         category: "/language:${{matrix.language}}"

.github/workflows/docker-build.yml

@@ -17,7 +17,7 @@ jobs:
               with:
                   version: latest
             - name: Setup Node.js
-              uses: actions/setup-node@v3
+              uses: actions/setup-node@v4
               with:
                   cache: "pnpm"
             - run: pnpm install

.github/workflows/ipfs-build.yml

@@ -17,7 +17,7 @@ jobs:
               with:
                   version: latest
             - name: Setup Node.js
-              uses: actions/setup-node@v3
+              uses: actions/setup-node@v4
               with:
                   cache: "pnpm"
             - run: pnpm install

.github/workflows/reviewdog.yml

@@ -14,7 +14,7 @@ jobs:
               with:
                   version: latest
             - name: Setup Node.js
-              uses: actions/setup-node@v3
+              uses: actions/setup-node@v4
               with:
                   cache: "pnpm"
             - run: pnpm install

CODE_OF_CONDUCT.md

@@ -20,7 +20,7 @@ Examples of unacceptable behavior include but are not limited to:
 -   Trolling, insulting/derogatory comments, threats, and personal or political attacks
 -   Harassment of any form
 -   Publishing others' private information, such as a physical or electronic address, without explicit permission from the individual
--   Derailling conversations unnecessarily in a way that is not constructive, such as repeatedly posting off-topic comments whilest not in an off-topic channel
+-   Derailling conversations unnecessarily in a way that is not constructive, such as repeatedly posting off-topic comments whilst not in an off-topic channel
 -   Other conduct which could reasonably be considered inappropriate in a professional setting
 -   Tagging maintainers or project members without being one yourself
 

Dockerfile

@@ -18,6 +18,9 @@ RUN --mount=type=cache,target=/root/.local/share/pnpm \
 FROM nginx:alpine
 
 COPY --from=build /app/dist/ /usr/share/nginx/html/
+
 COPY docker/nginx.conf /etc/nginx/conf.d/default.conf
 
-EXPOSE 80
+COPY docker/entrypoint.sh /entrypoint.sh
+
+ENTRYPOINT [ "/entrypoint.sh" ]

Dockerfile.ci

@@ -2,5 +2,7 @@ FROM nginx:alpine
 
 COPY ./dist-ci/ /usr/share/nginx/html/
 COPY docker/nginx.conf /etc/nginx/conf.d/default.conf
+COPY docker/entrypoint.sh /entrypoint.sh
 
 EXPOSE 80
+ENTRYPOINT [ "/entrypoint.sh" ]

README.md

@@ -57,22 +57,21 @@ By using Piped, you can freely watch and listen to content without the fear of p
 | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |
 | ![Screenshot 1](https://cloudflare-ipfs.com/ipfs/bafybeiaxhsog7jzydr7xb3xhlemxilqksceqg5fraaiuojzclhocsqrcvq) | ![Screenshot 2](https://cloudflare-ipfs.com/ipfs/bafybeigafumvrgbfyufxjptvufobstrywrfv2kteyuuictfko6kvghjszu) | ![Screenshot 3](https://cloudflare-ipfs.com/ipfs/bafybeiehs5xjqmmq34gmewxoqm3j3b2ze3pve4sdmanz7ukrxwgrcmxnry) |
 
-## Public Chat Rooms
+## Having trouble?
+If you have any general questions regarding how Piped works or trouble setting up your own instance, please consult the following public chat rooms and documentation for help. Please use these platforms exclusively for such cases and do NOT open an issue.
 
--   You can join us via Matrix at [#piped](https://matrix.to/#/#piped:matrix.org).
--   You can also join us at the libera.chat IRC network which is bridged to the Matrix room at [#piped](https://web.libera.chat/#piped).
-
-## Public Communities
+### Public Chat Rooms/Communities
 
+-   You can join us via Matrix at [#piped](https://matrix.to/#/#piped:matrix.org).
 -   You can join us on Lemmy on the [![email protected]](https://feddit.rocks/c/piped) community.
 
-## Self-Hosting
+### Self-Hosting
 
 See https://docs.piped.video/docs/self-hosting/ for more details.
 
 The source code of the documentation website is available at https://github.com/TeamPiped/Documentation.
 
-## Documentation
+### Documentation
 
 The documentation can be found at https://docs.piped.video (accessible via IPNS as well).
 
@@ -114,7 +113,7 @@ pnpm install
 ### Compiles and hot-reloads for development
 
 ```
-pnpm serve
+pnpm dev
 ```
 
 You can now make changes and view then in realtime!
@@ -127,33 +126,47 @@ If you would like to contact me personally, you may do so with the following mea
 -   Mastodon: https://mastodon.online/@kavin
 -   Email: [email protected]
 
+Please note that isn't meant for support, see [Public Chat Rooms/Communities](#public-chat-roomscommunities) for that.
+
 ## Donations
 
 Donations can be made at:
 
 -   bc1qhq8zjxmu405nvp37njj6zv3s980zg400pu9jfe (BTC)
 -   0x1D77D4cfB1a947514241bcf19B1F04738495e2fD (ETH)
--   8A5Up8rKgagVAz6TuUduBqHp518H1U6fYc6GqCfWsaEfjGzbSccfYpgMqp5d4oe5Ws5MuFE1iKmhQTadhMhvuk3bHRT5Ebk (XMR, aka Monero)
+-   84wyyeGTrg4U1daJufi78bAFrBQgdRhmxJZvgYv8dAFeFVwkJaBEmw5C7fNniUM9n4jfrz3NeG32Agxtp7JNAcCUFPACfwA (XMR, aka Monero)
 -   nano_1ngejzydncche4rdua3iebhj7sa95pw5geq4pb8phugtjf3tku933ktjb4pq (Nano)
 -   XpzgouDTKCUuE8a92XqjX9b43gKL8oLihw (Dash)
 
-FIAT donations can be made at: https://liberapay.com/kavin
+FIAT donations can be made at:
+
+- https://liberapay.com/kavin (Author of project, used for Project infrastructure maintenance, and official instance)
+- https://liberapay.com/Bnyro (Maintainer of repo)
 
 Contributions in any other form are also welcomed.
 
 # Made with Piped
 
--   [Yattee](https://github.com/yattee/yattee) - an alternative frontend for YouTube, for IOS.
--   [LibreTube](https://github.com/Libre-tube/LibreTube) - an alternative frontend for YouTube, for Android.
--   [Racoon](https://github.com/shailendramaurya/racoon) - A web based minimal YouTube downloader.
--   [Hyperpipe](https://codeberg.org/Hyperpipe/Hyperpipe) - an alternative privacy respecting frontend for YouTube Music.
--   [Musicale](https://github.com/Bellisario/musicale) - an alternative to YouTube Music, with style.
--   [ytify](https://github.com/n-ce/ytify) - a complementary minimal audio streaming frontend for YouTube.
--   [PsTube](https://github.com/prateekmedia/pstube) - Watch and download videos without ads on Android, Linux, Windows, iOS, and Mac OSX.
--   [Piped-Material](https://github.com/mmjee/Piped-Material) - A fork of Piped, focusing on better performance and a more usable design.
--   [ReacTube](https://github.com/NeeRaj-2401/ReacTube) - Privacy friendly & distraction free Youtube front-end using Piped API.
+**Mobile/desktop apps**
+-   [LibreTube](https://github.com/Libre-tube/LibreTube) - Alternative frontend for YouTube, for Android.
 -   [YTDLnis](https://github.com/deniscerri/ytdlnis) - Video and audio downloader for Android that uses Piped to update formats.
--   [DeskVideo](https://github.com/malisipi/DeskVideo) - A desktop styled, customizable alternative front-end for YouTube.
+-   [Yattee](https://github.com/yattee/yattee) - Alternative frontend for YouTube, for MacOS / IOS.
+-   [PsTube](https://github.com/prateekmedia/pstube) - Watch and download videos without ads on Android, Linux, Windows, iOS, and Mac OSX.
+-   [Harmony Music](https://github.com/anandnet/Harmony-Music) - YouTube Music alternative for Android, built with Flutter that supports piped linking for playlists.
+-   [VibeYou](https://github.com/you-apps/VibeYou) - Privacy focused music player for Android supporting playback via Piped.
+
+**Web apps**
+-   [Piped-Material](https://github.com/mmjee/Piped-Material) - Fork of Piped, focusing on better performance and a more usable design.
+-   [Hyperpipe](https://codeberg.org/Hyperpipe/Hyperpipe) - Alternative privacy respecting front-end for YouTube Music.
+-   [ytify](https://github.com/n-ce/ytify) - Complementary audio streaming frontend for YouTube & YouTube Music.
+-   [Musicale](https://github.com/Bellisario/musicale) - Alternative frontend for YouTube Music with style.
+-   [conduit](https://github.com/ai25/conduit) - Alternative frontend for YouTube, with a modern player and watch together capabilities.
+-   [DeskVideo](https://github.com/malisipi/DeskVideo) - Desktop styled, customizable alternative frontend for YouTube.
+-   [ReacTube](https://github.com/NeeRaj-2401/ReacTube) - Privacy friendly & distraction free YouTube frontend.
+
+**Other**
+-   [vidyodl](https://github.com/MrKovar/vidyodl) - Simple API to download videos from YouTube, using Piped.
+-   [Piped Addon for Kodi](https://github.com/syhlx/plugin.video.piped) - Kodi plugin for Piped.
 
 ## YourKit
 

docker/entrypoint.sh

@@ -0,0 +1,9 @@
+#!/bin/sh
+
+if [ -z "$BACKEND_HOSTNAME" ]; then
+    echo "BACKEND_HOSTNAME not set"
+    exit 1
+fi
+
+sed -i s/pipedapi.kavin.rocks/"$BACKEND_HOSTNAME"/g /usr/share/nginx/html/assets/*
+nginx -g "daemon off;"

index.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html style="background: #0f0f0f" lang="en" >
     <head>
+        <base href="%BASE_URL%"/>
         <meta charset="utf-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width,initial-scale=1.0" />

localizefonts.sh

@@ -1,7 +1,8 @@
 #!/bin/sh
 
 base='https://fonts\.(gstatic\.com|kavin\.rocks)'
-fonts=$(cat dist/assets/* | grep -Po "$base[^)]*" | sort | uniq)
+fonts=$(cat dist/assets/* | grep -Eo "${base}[^)]*" | sort | uniq)
+
 for font in $fonts; do
 	file="dist/fonts$(echo "$font" | sed -E "s#$base##")"
 	mkdir -p "$(dirname "$file")"