{video.author}
- {#if !('publishedText' in video) && 'viewCountText' in video}
-
- • {video.viewCountText}
- {$_('views')}
-
- {/if}
+ >{video.author}
+ {#if !('publishedText' in video) && 'viewCountText' in video}
+
+ • {video.viewCountText}
+ {$_('views')}
+
+ {/if}
+
{#if 'publishedText' in video}
diff --git a/materialious/src/lib/css/global.css b/materialious/src/lib/css/global.css
index 7b155a77..807c4742 100644
--- a/materialious/src/lib/css/global.css
+++ b/materialious/src/lib/css/global.css
@@ -10,13 +10,31 @@
margin: 1em 0;
}
+nav.top {
+ padding-top: calc(var(--safe-area-inset-top) + 1rem) !important;
+ height: 100px;
+ padding-bottom: 1em;
+}
+
+nav.bottom {
+ padding-bottom: var(--safe-area-inset-bottom) !important;
+}
+
main.root {
- padding-top: 6em !important;
+ padding-top: 7em !important;
padding-bottom: 5em !important;
max-height: 100vh;
overflow-y: auto;
}
+nav.left {
+ padding-top: 2em;
+}
+
+dialog {
+ padding-top: calc(var(--safe-area-inset-top) + 1rem) !important;
+}
+
.root-not-tv {
padding-left: 7em !important;
}
@@ -63,10 +81,5 @@ button.row:hover {
dialog.right {
width: 100% !important;
border-radius: 0 !important;
- padding-top: 2em;
- }
-
- nav.top {
- height: 110px;
}
}
diff --git a/materialious/src/lib/i18n/index.ts b/materialious/src/lib/i18n/index.ts
index b89bc3cf..213a0cbb 100644
--- a/materialious/src/lib/i18n/index.ts
+++ b/materialious/src/lib/i18n/index.ts
@@ -20,7 +20,8 @@ const resources: Record Promise>> = {
'pt-BR': () => import('./locales/pt-BR.json'),
lv: () => import('./locales/lv.json'),
ja: () => import('./locales/ja.json'),
- mi: () => import('./locales/mi.json')
+ mi: () => import('./locales/mi.json'),
+ 'hu-HU': () => import('./locales/hu.json')
};
function getUserLocale(): string {
@@ -30,9 +31,9 @@ function getUserLocale(): string {
return lang;
}
// In case of a regional code (e.g. 'de-CH'), fallback to the more general lang
- const baseLang = lang.split('-')[0]
+ const baseLang = lang.split('-')[0];
if (resources[baseLang]) {
- return baseLang
+ return baseLang;
}
}
}
diff --git a/materialious/src/lib/i18n/locales/hu.json b/materialious/src/lib/i18n/locales/hu.json
new file mode 100644
index 00000000..7cd3b8ec
--- /dev/null
+++ b/materialious/src/lib/i18n/locales/hu.json
@@ -0,0 +1,189 @@
+{
+ "create": "Létrehozás",
+ "searchPlaceholder": "Keresés",
+ "deleteAllHistory": "Összes előzmény törlése",
+ "disabled": "Letiltva",
+ "isUpcoming": "A videó még nem tekinthető meg.",
+ "copyUrl": "Webcím másolása",
+ "loadMore": "Továbbiak betöltése",
+ "views": "megtekintések",
+ "login": "Bejelentkezés",
+ "recommendedVideos": "Ajánlott videók",
+ "playlistVideos": "Videók lejátszási listázása",
+ "invidiousLogin": "Jelentkezzen be az Invidious-fiókjával",
+ "comments": "hozzászólások",
+ "reply": "válasz",
+ "replies": "válaszok",
+ "region": "Régió",
+ "noResult": "Nincs találat",
+ "channels": "csatornák",
+ "noCaptionData": "A feliratok nem tartalmaznak adatokat.",
+ "selectLang": "Nyelv kiválasztása",
+ "hideVideo": "Videó elrejtése",
+ "syncParty": {
+ "userLeft": "A felhasználó elhagyta a nézőcsoportot.",
+ "userOnPrivatePage": "A felhasználó jelenleg egy privát oldalt néz, a szinkronizálás hamarosan folytatódik.",
+ "userJoined": "A felhasználó csatlakozott a nézőcsoporthoz."
+ },
+ "videoTabs": {
+ "shorts": "Rövidek",
+ "streams": "Közvetítések",
+ "all": "Összes",
+ "playlists": "Lejátszási listák",
+ "videos": "Videók",
+ "channels": "Csatornák"
+ },
+ "layout": {
+ "sponsors": {
+ "disableToast": "Toast letiltása",
+ "sponsor": "Szponzor",
+ "disableTimeline": "Szegmensek letiltása az idővonalon",
+ "Catagories": "Kategóriák",
+ "unpaidSelfPromotion": "Nem fizetett/önreklámozás",
+ "interactionReminder": "Interakciós emlékeztető (Feliratkozás)",
+ "intermissionIntroAnimation": "Szünet/bevezető animáció",
+ "credits": "Végképernyő/köszönet",
+ "preViewRecapHook": "Bevezető/összegzés/figyelemfelketés",
+ "tangentJokes": "Kitöltő mellékvágányok/poénok"
+ },
+ "syncPartyWarning": "Vegye figyelembe, hogy IP-címe látható lesz az Ön által meghívott felhasználók számára.",
+ "expandDescription": "Leírás kibontása alapértelmezetten",
+ "interface": "Kezelőfelület",
+ "star": "Csillagozás a Githubon!",
+ "syncParty": "Csoport szinkronizálása",
+ "startSyncParty": "Csoport szinkronizációjának indítása",
+ "endSyncParty": "Csoport szinkornizációjának megállítása",
+ "notifications": "Értesítések",
+ "noNewNotifications": "Nincs új értesítés itt",
+ "settings": "Beállítások",
+ "login": "Bejelentkezés",
+ "customize": "Személyre szabás",
+ "lowBandwidthMode": "Alacsony adatforgalmú mód",
+ "searchHistory": "Előzmények keresése",
+ "theme": {
+ "theme": "Téma",
+ "darkMode": "Sötét mód",
+ "lightMode": "Világos mód",
+ "AmoledTheme": "Amoled téma",
+ "color": "Szín"
+ },
+ "searchSuggestions": "Keresési javaslatok",
+ "previewVideoOnHover": "Videó előnézete az egérmutatóval",
+ "expandChapters": "Fejezetek kibontása alapértelmezetten",
+ "expandComments": "Hozzászólások kibontása alapértelmezetten",
+ "allowInsecureRequests": "Nem biztonságos kérések engedélyezése",
+ "disableAutoUpdate": "Automatikus frissítések letiltása",
+ "dataPreferences": {
+ "dataPreferences": "Adatbeállítások",
+ "content": "Szeretne feliratkozásokat importálni/exportálni, jelszót módosítani vagy fiókot törölni? Kattintson ide, és görgessen az oldal aljára."
+ },
+ "player": {
+ "title": "Lejátszó",
+ "autoPlay": "Videók automatikus lejátszása",
+ "alwaysLoopVideo": "Mindig ismételje a videót",
+ "listenByDefault": "Hallgatás alapértelmezetten",
+ "ccByDefault": "Feliratok bekapcsolása alapértelmezetten",
+ "autoPlayNextByDefault": "Következő lejátszása alapértelmezetten",
+ "miniPlayer": "Minilejátszó",
+ "proxyVideos": "Videók proxyzása",
+ "backgroundPlay": "Hang lejátszása a háttérben",
+ "dash": "Dash",
+ "silenceSkipper": "Csend kihagyása (Kísérleti)",
+ "youtubeJsAlways": "Mindig használja",
+ "lockOrientation": "Képarányhoz rögzített tájolás",
+ "defaultPlaybackSpeed": "Alapértelmezett lejátszási sebesség",
+ "playerStatistics": "Lejátszási statisztikák megjelenítése alapértelmezetten",
+ "savePlaybackPosition": "Lejátszási pozíció mentése",
+ "localVideoFallback": "Helyi videó visszatérés",
+ "theatreModeByDefault": "Szélesvásznú mód alapértelmezetten",
+ "youtubeJsFallback": "Helyi videó visszatérés feldolgozása"
+ },
+ "bookmarklet": "Bookmarklet",
+ "instanceUrl": "Példány webcíme",
+ "displayThumbnailAvatars": "Profilképek (Lassú)",
+ "deArrow": {
+ "title": "DeArrow",
+ "thumbnailInstanceUrl": "Példány borítóképének webcíme",
+ "titleOnly": "Csak cím"
+ },
+ "logout": "Kijelentkezés",
+ "companionUrl": "Kiegészítő webcím"
+ },
+ "enabled": "Engedélyezve",
+ "donate": "Adományozás",
+ "hideReplies": "Válaszok elrejtése",
+ "defaultPage": "Alapértelmezett oldal",
+ "player": {
+ "youtubeJsFallBack": "Helyi videó visszatérés van használatban",
+ "preferredQuality": "Előnyben részesített minőség",
+ "share": {
+ "includeTimestamp": "Időbélyeggel ellátott",
+ "title": "Megosztás",
+ "materialiousLink": "Materialious-hivatkozás megosztása",
+ "youtubeLink": "Youtube-hivatkozás másolása",
+ "invidiousRedirect": "Invidious átirányítási hivatkozás másolása"
+ },
+ "audioOnly": "Csak hang",
+ "theatreMode": "Szélesvásznú mód",
+ "pauseTimer": "Időzítő szünteltetése",
+ "pauseVideoIn": "Videó szünteltetése ekkor ",
+ "chapters": "Fejezetek",
+ "download": "Letöltés",
+ "downloadSteps": {
+ "merging": "Videó és hang összefűzése",
+ "video": "Videó letöltése",
+ "audio": "Hang letöltése",
+ "classWorker": "FFmpeg class worker letöltése",
+ "core": "FFmpeg core letöltése",
+ "wasm": "FFmpeg wasm letöltése",
+ "worker": "FFmpeg worker letöltése",
+ "ffmpeg": "Az FFmpeg könyvtár és komponensek letöltése"
+ },
+ "noPlaylists": "Nincsenek lejátszási listák",
+ "unableToLoadComments": "Nem lehet betölteni a hozzászólásokat",
+ "addToPlaylist": "Hozzáadás a lejátszási listához",
+ "defaultLanguage": "Alapértelmezett nyelv",
+ "enableYoutubejsTemp": "Helyi videó visszatérés használata egyszer",
+ "enableYoutubejsPerm": "Mindig engedélyezze a helyi videó visszatérést",
+ "retryText": "A videó betöltése siketelen, hogyan szeretné folytatni?",
+ "youtubeJsLoading": "A videó betöltése sikertelen, újraprobálkozás a helyi videó visszatéréssel."
+ },
+ "title": "Cím",
+ "subscriptions": {
+ "manageSubscriptions": "Feliratkozások kezelése"
+ },
+ "skipping": "Kihagyás",
+ "language": "Nyelv",
+ "videos": "videók",
+ "playlist": {
+ "createPlaylist": "Lejátszási lista létrehozása",
+ "public": "Nyilvános",
+ "unlisted": "Nem listázott",
+ "private": "Privát",
+ "playVideos": "Videók lejátszása",
+ "loopPlaylist": "Lejátszási lista folyamatos lejátszása",
+ "shuffleVideos": "Videók lejátszása keverten"
+ },
+ "thumbnail": {
+ "live": "ÉLŐ",
+ "failedToLoadImage": "Kép betöltése sikertelen"
+ },
+ "pages": {
+ "home": "Kezdőoldal",
+ "trending": "Felkapott",
+ "subscriptions": "Feliratkozások",
+ "history": "Előzmények",
+ "playlists": "Lejátszási listák"
+ },
+ "subscribers": "feliratkozók",
+ "loginRequired": "Bejelentkezés szükséges",
+ "premium": "A prémium YouTube-tartalmak nem tekinthetők meg a Materialiouson.",
+ "invalidInstance": "Ellenőrizze a webcímet. Ha helyes, akkor a példány leállhatott, vagy nem támogatja a harmadik féltől származó klienseket.",
+ "cancel": "Mégse",
+ "delete": "Törlés",
+ "transcript": "Leirat",
+ "letterCase": "Címek nagybetűs írásmódja",
+ "unsubscribe": "Leiratkozás",
+ "subscribe": "Feliratkozás",
+ "invidiousBlockWarning": "Az Invidious jelenleg le van tiltva a Google által. Ha ebben az esetben a videók nem töltődnek be, akkor használja ezt a példányt a Materialious-on {android} vagy {desktop} platformon, hogy helyi videó visszatéréssel megkerülje ezt a problémát."
+}
diff --git a/materialious/src/lib/patches/youtubejs.ts b/materialious/src/lib/patches/youtubejs.ts
index bd49b591..d3e51f51 100644
--- a/materialious/src/lib/patches/youtubejs.ts
+++ b/materialious/src/lib/patches/youtubejs.ts
@@ -121,6 +121,8 @@ export async function patchYoutubeJs(videoId: string): Promise {
return;
}
+ console.log(recommended);
+
recommendedVideos.push({
videoThumbnails: (recommended?.content_image?.image as Thumbnail[]) || [],
videoId: recommended?.content_id || '',
diff --git a/materialious/src/lib/theme.ts b/materialious/src/lib/theme.ts
index a346932a..9696feff 100644
--- a/materialious/src/lib/theme.ts
+++ b/materialious/src/lib/theme.ts
@@ -1,9 +1,8 @@
import { Capacitor } from '@capacitor/core';
-import { StatusBar, Style } from '@capacitor/status-bar';
-import { NavigationBar } from '@hugotomazi/capacitor-navigation-bar';
import ui from 'beercss';
import { tick } from 'svelte';
import { get } from 'svelte/store';
+import { SafeArea } from '@capacitor-community/safe-area';
import { darkModeStore, interfaceAmoledTheme } from './store';
export async function getDynamicTheme(mode?: string): Promise> {
@@ -27,24 +26,17 @@ export async function setStatusBarColor() {
? '#000000'
: (await getDynamicTheme())['--surface-container'];
- await StatusBar.setBackgroundColor({
- color: surfaceColor
+ const contentColor = !get(darkModeStore) ? 'dark' : 'light';
+
+ await SafeArea.enable({
+ config: {
+ customColorsForSystemBars: true,
+ statusBarColor: surfaceColor,
+ statusBarContent: contentColor,
+ navigationBarColor: surfaceColor,
+ navigationBarContent: contentColor
+ }
});
-
- await NavigationBar.setColor({
- color: surfaceColor,
- darkButtons: !get(darkModeStore)
- });
-
- await NavigationBar.show();
-
- if (get(darkModeStore)) {
- await StatusBar.setStyle({ style: Style.Dark });
- } else {
- await StatusBar.setStyle({ style: Style.Light });
- }
-
- await StatusBar.setOverlaysWebView({ overlay: false });
}
}
diff --git a/materialious/src/routes/(app)/+layout.svelte b/materialious/src/routes/(app)/+layout.svelte
index dfe4cd14..7ae99272 100644
--- a/materialious/src/routes/(app)/+layout.svelte
+++ b/materialious/src/routes/(app)/+layout.svelte
@@ -1,5 +1,6 @@