mirrors/Hyperpipe
1
0
Fork 0
mirror of https://codeberg.org/Hyperpipe/Hyperpipe synced 2025-06-27 20:58:01 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed:

Browse source 
- Blank custom api url
- Collapsing .pl-item without art
This commit is contained in:
Shiny Nematoda 2022-09-21 11:24:41 +00:00
parent 2b33070a8a
commit 170b4a1f27
No known key found for this signature in database
GPG key ID: 6506D50F5613A42D
7 changed files with 124 additions and 96 deletions
Download patch file Download diff file Expand all files Collapse all files

12
.woodpecker/surge.yml
View file

@ -1,13 +1,19 @@
pipeline: pipeline:
deploy: build:
image: node:alpine image: node:alpine
commands: commands:
- npm install - npm install
- npm run build - npm run build
- npm install surge when:
event: [push, pull_request]
deploy:
image: node:alpine
commands:
- npm install surge && npm audit fix
- cp dist/index.html dist/200.html - cp dist/index.html dist/200.html
- npx surge ./dist hyperpipe.surge.sh - npx surge ./dist hyperpipe.surge.sh
secrets: [ surge_login, surge_token ] secrets: [surge_login, surge_token]
when: when:
branch: main branch: main
event: push event: push

8
index.html
View file

@ -6,8 +6,8 @@
http-equiv="Content-Security-Policy" http-equiv="Content-Security-Policy"
content="default-src 'self'; img-src *; media-src * blob:; style-src 'unsafe-inline' 'self'; connect-src *" /> content="default-src 'self'; img-src *; media-src * blob:; style-src 'unsafe-inline' 'self'; connect-src *" />
<link rel="icon" href="/favicon.svg" /> <link rel="icon" href="/favicon.svg" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<meta name="msapplication-TileColor" content="#181818"> <meta name="msapplication-TileColor" content="#181818" />
<link rel="preconnect" href="https://cdn.jsdelivr.net" /> <link rel="preconnect" href="https://cdn.jsdelivr.net" />
<link rel="preconnect" href="https://hyperpipeapi.onrender.com" /> <link rel="preconnect" href="https://hyperpipeapi.onrender.com" />
<link rel="dns-prefetch" href="https://pipedapi.kavin.rocks" /> <link rel="dns-prefetch" href="https://pipedapi.kavin.rocks" />
@ -20,7 +20,9 @@
<meta property="og:title" content="Hyperpipe" /> <meta property="og:title" content="Hyperpipe" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:image" content="/android-maskable.png" /> <meta property="og:image" content="/android-maskable.png" />
<meta property="og:description" content="Privacy respecting YouTube Music Frontend." /> <meta
property="og:description"
content="Privacy respecting YouTube Music Frontend." />
<title>Hyperpipe</title> <title>Hyperpipe</title>
</head> </head>

6
src/components/NavBar.vue
View file

@ -34,8 +34,10 @@ function set(page) {
<nav> <nav>
<h1 class="bi" @click="home"> <h1 class="bi" @click="home">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M5.097 13.097a2.904 2.904 0 0 1 5.806 0A2.905 2.905 0 0 1 8 16a2.905 2.905 0 0 1-2.903-2.903Z"/> <path
<path d="M2.194 11.618a1.614 1.614 0 1 0 2.258 1.479c0-.661-.399-1.23-.968-1.479v-4.87l3.097 2.065v-4.31l1.432-2.18 1.406 2.09v4.4l3.097-2.065v4.87a1.614 1.614 0 1 0 2.258 1.479c0-.661-.398-1.23-.968-1.479v-7.27L10.71 6.413v-2.4L7.987 0 5.29 4.116v2.297L2.194 4.348v7.27Z"/> d="M5.097 13.097a2.904 2.904 0 0 1 5.806 0A2.905 2.905 0 0 1 8 16a2.905 2.905 0 0 1-2.903-2.903Z" />
<path
d="M2.194 11.618a1.614 1.614 0 1 0 2.258 1.479c0-.661-.399-1.23-.968-1.479v-4.87l3.097 2.065v-4.31l1.432-2.18 1.406 2.09v4.4l3.097-2.065v4.87a1.614 1.614 0 1 0 2.258 1.479c0-.661-.398-1.23-.968-1.479v-7.27L10.71 6.413v-2.4L7.987 0 5.29 4.116v2.297L2.194 4.348v7.27Z" />
</svg> </svg>
</h1> </h1>

28
src/components/Player.vue
View file

@ -83,33 +83,23 @@ async function Stream() {
window.audioPlayer window.audioPlayer
.load(url, 0, mime) .load(url, 0, mime)
.then(() => { .then(() => {
window.audioPlayer.configure('abr.enabled', true);
if (quality && quality != 'auto') { if (quality && quality != 'auto') {
window.audioPlayer.configure('abr.enabled', false); window.audioPlayer.configure('abr.enabled', false);
const tracks = window.audioPlayer.getVariantTracks(); const tracks = window.audioPlayer.getVariantTracks(),
bandwidths = tracks.map(i => i.bandwidth);
let sel; let sel;
if (quality == 'best') { if (quality == 'best') sel = Math.max(...bandwidths);
let best = { bandwidth: 0 }; else if (quality == 'worst') sel = Math.min(...bandwidths);
tracks.forEach(track => {
if (track.bandwidth > best.bandwidth) best = track;
});
sel = best;
} else if (quality == 'worst') {
let worst = { bandwidth: 10 ** 8 };
tracks.forEach(track => {
if (track.bandwidth < worst.bandwidth) worst = track;
});
sel = worst;
}
if (sel) { if (sel) {
window.audioPlayer.selectVariantTrack(sel); window.audioPlayer.selectVariantTrack(
tracks[bandwidths.indexOf(sel)],
);
} }
} }
}) })

4
src/components/Playlists.vue
View file

@ -56,9 +56,9 @@ defineEmits(['playthis']);
.pl-item { .pl-item {
display: flex; display: flex;
align-items: center; align-items: center;
grid-column-gap: 1rem; min-height: 3.55rem;
grid-column-gap: 0.4rem;
padding: 0.4rem; padding: 0.4rem;
padding-right: 1rem;
margin: 0.125rem; margin: 0.125rem;
border-radius: 0.25rem; border-radius: 0.25rem;
background: var(--color-background); background: var(--color-background);

34
src/components/Prefs.vue
View file

@ -1,5 +1,5 @@
<script setup> <script setup>
import { ref, onMounted } from 'vue'; import { ref, computed, onMounted } from 'vue';
import { getJson } from '@/scripts/fetch.js'; import { getJson } from '@/scripts/fetch.js';
import { SUPPORTED_LOCALES, useI18n } from '@/stores/misc.js'; import { SUPPORTED_LOCALES, useI18n } from '@/stores/misc.js';
@ -53,6 +53,22 @@ function getStoreBool(key, ele) {
ele.value = getStore(key) || true; ele.value = getStore(key) || true;
} }
const verifyApi = computed(() =>
hypInstances.value
.map(i => i.api_url.replace('https://', '').replace('http://'))
.includes(getStore('api') || 'hyperpipeapi.onrender.com'),
),
verifyPipedApi = computed(() =>
instances.value
.map(i => i.api_url.replace('https://', ''))
.includes(getStore('pipedapi') || 'pipedapi.kavin.rocks'),
),
verifyAuthApi = computed(() =>
instances.value
.map(i => i.api_url.replace('https://', ''))
.includes(getStore('authapi') || 'pipedapi.kavin.rocks'),
);
onMounted(() => { onMounted(() => {
getStoreBool('next', next); getStoreBool('next', next);
}); });
@ -143,6 +159,10 @@ onMounted(() => {
:value="i.api_url.replace('https://', '').replace('http://', '')"> :value="i.api_url.replace('https://', '').replace('http://', '')">
{{ i.name }} {{ i.name }}
</option> </option>
<option v-if="!verifyApi">
{{ getStore('api') || 'hyperpipeapi.onrender.com' }}
</option>
</select> </select>
<div class="table-wrap"> <div class="table-wrap">
@ -174,9 +194,13 @@ onMounted(() => {
<option <option
v-for="i in instances" v-for="i in instances"
:key="i.name" :key="i.name"
:value="i.api_url.replace('https://', '').replace('http://', '')"> :value="i.api_url.replace('https://', '')">
{{ i.name.replace('Official', 'Default') }} {{ i.name.replace('Official', 'Default') }}
</option> </option>
<option v-if="!verifyPipedApi">
{{ getStore('pipedapi') || 'pipedapi.kavin.rocks' }}
</option>
</select> </select>
<h3>{{ t('instances.auth') }}</h3> <h3>{{ t('instances.auth') }}</h3>
@ -188,9 +212,13 @@ onMounted(() => {
<option <option
v-for="i in instances" v-for="i in instances"
:key="i.name" :key="i.name"
:value="i.api_url.replace('https://', '').replace('http://', '')"> :value="i.api_url.replace('https://', '')">
{{ i.name.replace('Official', 'Default') }} {{ i.name.replace('Official', 'Default') }}
</option> </option>
<option v-if="!verifyAuthApi">
{{ getStore('authapi') || 'pipedapi.kavin.rocks' }}
</option>
</select> </select>
<div class="table-wrap"> <div class="table-wrap">

126
src/locales/ar.json
View file

@ -1,65 +1,65 @@
{ {
"playlist": { "playlist": {
"sync": "تزامن قوائم التشغيل", "sync": "تزامن قوائم التشغيل",
"local": "قوائم التشغيل المحلية", "local": "قوائم التشغيل المحلية",
"remote": "قوائم التشغيل عن بعد", "remote": "قوائم التشغيل عن بعد",
"name": "اسم قائمة التشغيل", "name": "اسم قائمة التشغيل",
"select": "اختار قائمة التشغيل للإضافه", "select": "اختار قائمة التشغيل للإضافه",
"add": "إضافة اغانى لقائمة التشغيل", "add": "إضافة اغانى لقائمة التشغيل",
"create": "انشاء قائمة تشغيل جديدة" "create": "انشاء قائمة تشغيل جديدة"
}, },
"title": { "title": {
"songs": "أغانى", "songs": "أغانى",
"albums": "ألبومات", "albums": "ألبومات",
"singles": "أغانى منفردة", "singles": "أغانى منفردة",
"artists": "فنانين", "artists": "فنانين",
"similar_artists": "فنانين مشابهين", "similar_artists": "فنانين مشابهين",
"login": "تسجيل دخول", "login": "تسجيل دخول",
"local": "محلي", "local": "محلي",
"remote": "عن بعد", "remote": "عن بعد",
"search": "بحث", "search": "بحث",
"moods": "امزجة", "moods": "امزجة",
"genres": "الأنواع", "genres": "الأنواع",
"featured": "المميز", "featured": "المميز",
"community": "المجتمع", "community": "المجتمع",
"spotlight": "جديد و مشهور" "spotlight": "جديد و مشهور"
}, },
"action": { "action": {
"back": "للخلف", "back": "للخلف",
"add": "إضافة", "add": "إضافة",
"create": "إنشاء", "create": "إنشاء",
"cancel": "إلغاء", "cancel": "إلغاء",
"send": "إرسال", "send": "إرسال",
"receive": "إستقبال" "receive": "إستقبال"
}, },
"pref": { "pref": {
"auto_queue": "ضف الأغاني لقائمة الانتظار تِلْقائيًا", "auto_queue": "ضف الأغاني لقائمة الانتظار تِلْقائيًا",
"codec": "ترميز", "codec": "ترميز",
"volume": "حجم الصوت الافتراضي", "volume": "حجم الصوت الافتراضي",
"auto": "تِلْقائيًا", "auto": "تِلْقائيًا",
"theme": "سمة", "theme": "سمة",
"player": "مشغل الصوت", "player": "مشغل الصوت",
"quality": "الجودة", "quality": "الجودة",
"best": "الأفضل", "best": "الأفضل",
"worst": "الأسوء" "worst": "الأسوء"
}, },
"info": { "info": {
"no_info": "لا توجد معلومات متاحة", "no_info": "لا توجد معلومات متاحة",
"see_all": "اظهار الكل", "see_all": "اظهار الكل",
"search": "إبدا البحث" "search": "إبدا البحث"
}, },
"instances": { "instances": {
"hyp": "مواقع Hyperpipe", "hyp": "مواقع Hyperpipe",
"piped": "مواقع Piped", "piped": "مواقع Piped",
"name": "إسم", "name": "إسم",
"cdn": "شبكة توصيل المحتوى", "cdn": "شبكة توصيل المحتوى",
"up_to_date": "اخر اصدار", "up_to_date": "اخر اصدار",
"version": "اصدار", "version": "اصدار",
"auth": "موقع المصادقة", "auth": "موقع المصادقة",
"loc": "الأماكن" "loc": "الأماكن"
}, },
"lyrics": { "lyrics": {
"load": "عرض كلمات اﻷغنية", "load": "عرض كلمات اﻷغنية",
"void": "لايوجد كلمات اغانى" "void": "لايوجد كلمات اغانى"
} }
} }