yt-grabber 1.0.0

package/src/resources/images/loading.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    style="margin: auto; background: none; display: block; shape-rendering: auto;"
+    width="224px"
+    height="224px"
+    viewBox="0 0 100 100"
+    preserveAspectRatio="xMidYMid"
+>
+    <path
+        fill="none"
+        stroke="#748a98"
+        stroke-width="6"
+        stroke-dasharray="187.30991760253906 69.27901062011719"
+        stroke-linecap="round"
+        style="transform:scale(0.72);transform-origin:50px 50px"
+        d="M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z"
+    >
+        <animate
+            attributeName="stroke-dashoffset"
+            repeatCount="indefinite"
+            dur="2.5s"
+            keyTimes="0;1"
+            values="0;256.58892822265625"
+        ></animate>
+    </path>
+</svg>

package/src/resources/locales/de-DE/flag.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55.2 38.4"><g fill-rule="evenodd" clip-rule="evenodd"><path d="M3.03 0h49.13c1.67 0 3.03 1.36 3.03 3.03v32.33c0 1.66-1.36 3.02-3.02 3.03H3.02C1.36 38.4 0 37.03 0 35.37V3.03C0 1.36 1.36 0 3.03 0z"/><path d="M0 12.8h55.2v22.57c0 1.67-1.36 3.03-3.03 3.03H3.03C1.36 38.4 0 37.04 0 35.37V12.8z" fill="#d00"/><path d="M0 25.6h55.2v9.77c0 1.66-1.36 3.02-3.02 3.03H3.03A3.04 3.04 0 010 35.37V25.6z" fill="#ffce00"/></g></svg>

package/src/resources/locales/de-DE/translation.json

@@ -0,0 +1,44 @@
+{
+    "albumOutputTemplate": "Ausgabenvorlage (Alben)",
+    "alwaysOverwrite": "Immer Überschreiben",
+    "artist": "Künstler",
+    "audioQuality": "Audio-Qualität",
+    "cancel": "Stornieren",
+    "cancelled": "Storniert",
+    "clear": "Löschen",
+    "close": "Schließen",
+    "concurrency": "Parallelität",
+    "dark": "Dunkel",
+    "debugMode": "Debug-Modus",
+    "detailsModalTitle": "Mediendetails bearbeiten",
+    "done": "Fertig",
+    "download": "Herunterladen",
+    "downloadFailed": "Falsch Herunterladen",
+    "downloading": "Herunterladen läuft",
+    "duration": "Dauer",
+    "edit": "Bearbeiten",
+    "extractingAudio": "Audio Extrahieren",
+    "format": "Format",
+    "from": "von",
+    "invalidTemplateKeys": "Ungültige Vorlagenschlüssel: {{invalidKeys}}",
+    "invalidYoutubeUrl": "Ungültige YouTube-URL",
+    "langName": "German",
+    "light": "Hell",
+    "loadInfo": "Infos laden",
+    "mediaType": "Typ",
+    "merging": "merging",
+    "missingMediaInfoError": "Fehlende Medieninformationen",
+    "ok": "OK",
+    "outputDirectory": "Ausgabeverzeichnis",
+    "playlistOutputTemplate": "Ausgabevorlage (Wiedergabeliste)",
+    "reading": "Lesen",
+    "releaseYear": "Erscheinungsjahr",
+    "resolution": "Qualität",
+    "startingDownload": "Der Download wird gestartet...",
+    "themeMode": "Designmodus",
+    "title": "Titel",
+    "to": "bis",
+    "trackOutputTemplate": "Ausgabevorlage (Audiospuren)",
+    "videoOutputTemplate": "Ausgabevorlage (videos)",
+    "youtubeUrl": "YouTube-URL"
+}

package/src/resources/locales/en-GB/flag.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 512.002 512.002" style="enable-background:new 0 0 512.002 512.002;" xml:space="preserve">
+<path style="fill:#41479B;" d="M503.172,423.725H8.828c-4.875,0-8.828-3.953-8.828-8.828V97.104c0-4.875,3.953-8.828,8.828-8.828  h494.345c4.875,0,8.828,3.953,8.828,8.828v317.793C512,419.772,508.047,423.725,503.172,423.725z"/>
+<path style="fill:#F5F5F5;" d="M512,97.104c0-4.875-3.953-8.828-8.828-8.828h-39.495l-163.54,107.147V88.276h-88.276v107.147  L48.322,88.276H8.828C3.953,88.276,0,92.229,0,97.104v22.831l140.309,91.927H0v88.276h140.309L0,392.066v22.831  c0,4.875,3.953,8.828,8.828,8.828h39.495l163.54-107.147v107.147h88.276V316.578l163.54,107.147h39.495  c4.875,0,8.828-3.953,8.828-8.828v-22.831l-140.309-91.927H512v-88.276H371.691L512,119.935V97.104z"/>
+<g>
+	<polygon style="fill:#FF4B55;" points="512,229.518 282.483,229.518 282.483,88.276 229.517,88.276 229.517,229.518 0,229.518    0,282.483 229.517,282.483 229.517,423.725 282.483,423.725 282.483,282.483 512,282.483  "/>
+	<path style="fill:#FF4B55;" d="M178.948,300.138L0.25,416.135c0.625,4.263,4.14,7.59,8.577,7.59h12.159l190.39-123.586h-32.428   V300.138z"/>
+	<path style="fill:#FF4B55;" d="M346.388,300.138H313.96l190.113,123.404c4.431-0.472,7.928-4.09,7.928-8.646v-7.258   L346.388,300.138z"/>
+	<path style="fill:#FF4B55;" d="M0,106.849l161.779,105.014h32.428L5.143,89.137C2.123,90.54,0,93.555,0,97.104V106.849z"/>
+	<path style="fill:#FF4B55;" d="M332.566,211.863L511.693,95.586c-0.744-4.122-4.184-7.309-8.521-7.309h-12.647L300.138,211.863   H332.566z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/src/resources/locales/en-GB/translation.json

@@ -0,0 +1,44 @@
+{
+    "albumOutputTemplate": "Output template (albums)",
+    "alwaysOverwrite": "Always overwrite",
+    "artist": "Artist",
+    "audioQuality": "Audio Quality",
+    "cancel": "Cancel",
+    "cancelled": "Cancelled",
+    "clear": "Clear",
+    "close": "Close",
+    "concurrency": "Concurrent downloads",
+    "dark": "Dark",
+    "debugMode": "Debug Mode",
+    "detailsModalTitle": "Edit media details",
+    "done": "Done",
+    "download": "Download",
+    "downloadFailed": "Download Failed",
+    "downloading": "Downloading",
+    "duration": "Duration",
+    "edit": "Edit",
+    "extractingAudio": "Extracting Audio",
+    "format": "Format",
+    "from": "from",
+    "invalidTemplateKeys": "Invalid template keys: {{invalidKeys}}",
+    "invalidYoutubeUrl": "Invalid Youtube url",
+    "langName": "English",
+    "light": "Light",
+    "loadInfo": "Load Info",
+    "mediaType": "Type",
+    "merging": "merging",
+    "missingMediaInfoError": "Missing media info",
+    "ok": "OK",
+    "outputDirectory": "Output Directory",
+    "playlistOutputTemplate": "Output template (playlists)",
+    "reading": "Reading",
+    "releaseYear": "Release Year",
+    "resolution": "Quality",
+    "startingDownload": "Starting download...",
+    "themeMode": "Theme Mode",
+    "title": "Title",
+    "to": "to",
+    "trackOutputTemplate": "Output template (audio tracks)",
+    "videoOutputTemplate": "Output template (videos)",
+    "youtubeUrl": "YouTube URL"
+}

package/src/resources/locales/pl-PL/flag.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
+<path style="fill:#FF4B55;" d="M0,256h512v158.897c0,4.875-3.953,8.828-8.828,8.828H8.828c-4.875,0-8.828-3.953-8.828-8.828V256z"/>
+<path style="fill:#F5F5F5;" d="M512,256H0V97.103c0-4.875,3.953-8.828,8.828-8.828h494.345c4.875,0,8.828,3.953,8.828,8.828L512,256  L512,256z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/src/resources/locales/pl-PL/translation.json

@@ -0,0 +1,44 @@
+{
+    "albumOutputTemplate": "Szablon wyjściowy (albumy)",
+    "alwaysOverwrite": "Zawsze nadpisuj",
+    "artist": "Wykonawca",
+    "audioQuality": "Jakość audio",
+    "cancel": "Anuluj",
+    "cancelled": "Anulowane",
+    "clear": "Wyczyść",
+    "close": "Zamknij",
+    "concurrency": "Liczba równocześnie pobieranych plików",
+    "dark": "Ciemny",
+    "debugMode": "Tryb debugowania",
+    "detailsModalTitle": "Edycja danych",
+    "done": "Gotowe",
+    "download": "Ściągnij",
+    "downloadFailed": "Ściągnij Nieudane",
+    "downloading": "Pobieranie",
+    "duration": "Czas trwania",
+    "edit": "Edytuj",
+    "extractingAudio": "Wyodrębnianie dźwięku",
+    "format": "Format",
+    "from": "start",
+    "invalidTemplateKeys": "Nieprawidłowe wartości: {{invalidKeys}}",
+    "invalidYoutubeUrl": "Nieprawidłowy adres URL YouTube",
+    "langName": "Polski",
+    "light": "Jasny",
+    "loadInfo": "Wczytaj info",
+    "mediaType": "Typ",
+    "merging": "Łaczenie",
+    "missingMediaInfoError": "Metadane są niekompletne",
+    "ok": "OK",
+    "outputDirectory": "Katalog wyjściowy",
+    "playlistOutputTemplate": "Szablon wyjściowy (playlisty)",
+    "reading": "Odczytywanie",
+    "releaseYear": "Rok wydania",
+    "resolution": "Jakość",
+    "startingDownload": "Rozpoczynanie pobierania...",
+    "themeMode": "Tryb motywu",
+    "title": "Tytuł",
+    "to": "koniec",
+    "trackOutputTemplate": "Szablon wyjściowy (pliki audio)",
+    "videoOutputTemplate": "Szablon wyjściowy (pliki wideo)",
+    "youtubeUrl": "YouTube URL"
+}

package/src/styles/MaterialThemes.ts

@@ -0,0 +1,331 @@
+import $_ from "lodash";
+
+import {Theme} from "@mui/material";
+import {grey} from "@mui/material/colors";
+
+import {IStringTMap} from "../common/Mappings";
+
+const themes: IStringTMap<Partial<Theme> | any> = {
+    basic: {
+        typography: {
+            fontFamily: "Lato",
+        },
+        palette: {
+            light: {
+                type: "light",
+                background: {
+                    default: "#dadada",
+                    paper: "#ffffff",
+                },
+                default: {
+                    main: grey[800],
+                    light: grey[500],
+                    dark: grey[900],
+                },
+                contrastThreshold: 4.5,
+            },
+            dark: {
+                type: "light",
+                background: {
+                    default: "#dadada",
+                    paper: "#ffffff",
+                },
+                default: {
+                    main: grey[800],
+                    light: grey[500],
+                    dark: grey[900],
+                },
+            },
+        },
+    },
+    "basic-dark": {
+        typography: {
+            fontFamily: "Lato",
+        },
+        palette: {
+            light: {
+                type: "dark",
+                default: {
+                    main: grey[400],
+                    light: grey[300],
+                    dark: grey[700],
+                },
+            },
+            dark: {
+                type: "dark",
+                default: {
+                    main: grey[400],
+                    light: grey[300],
+                    dark: grey[700],
+                },
+            },
+        },
+    },
+    "sandy-beach": {
+        typography: {
+            fontFamily: "Lato",
+        },
+        palette: {
+            light: {
+                type: "light",
+                background: {
+                    default: "#e1e1e6",
+                },
+                primary: {
+                    light: "#a6acd4",
+                    main: "#7f85a7",
+                    dark: "#4c527d",
+                },
+                secondary: {
+                    light: "#ffd966",
+                    main: "#ffc107",
+                    dark: "#ffa520",
+                    contrastText: "#ffffff",
+                },
+                text: {
+                    primary: "#626578",
+                    secondary: "#9e9e9e",
+                    icon: "#ffffff",
+                },
+                default: {
+                    main: grey[800],
+                    light: grey[500],
+                    dark: grey[900],
+                },
+            },
+            dark: {
+                type: "dark",
+                background: {
+                    default: "#3b3b3f",
+                    paper: "#3b3b3f",
+                },
+                primary: {
+                    light: "#a6acd4",
+                    main: "#7f85a7",
+                    dark: "#4c527d",
+                },
+                secondary: {
+                    light: "#ffd966",
+                    main: "#ffc107",
+                    dark: "#ffa520",
+                    contrastText: "#ffffff",
+                },
+                text: {
+                    primary: "#626578",
+                    secondary: "#9e9e9e",
+                    icon: "#ffffff",
+                },
+                default: {
+                    main: grey[800],
+                    light: grey[500],
+                    dark: grey[900],
+                },
+            },
+        },
+        shape: {
+            borderRadius: 4,
+        },
+    },
+    "mellow-pastel": {
+        typography: {
+            fontFamily: "Lato",
+        },
+        palette: {
+            light: {
+                type: "light",
+                background: {
+                    default: "#e1e1e6",
+                },
+                primary: {
+                    light: "#a6acd4",
+                    main: "#7f85a7",
+                    dark: "#4c527d",
+                },
+                secondary: {
+                    light: "#aed581",
+                    main: "#8bc34a",
+                    dark: "#74a838",
+                    contrastText: "#ffffff",
+                },
+                text: {
+                    primary: "#626578",
+                    secondary: "#9e9e9e",
+                    icon: "#ffffff",
+                },
+                default: {
+                    main: grey[800],
+                    light: grey[500],
+                    dark: grey[900],
+                },
+            },
+            dark: {
+                type: "dark",
+                background: {
+                    default: "#3b3b3f",
+                    paper: "#3b3b3f",
+                },
+                primary: {
+                    light: "#a6acd4",
+                    main: "#7f85a7",
+                    dark: "#4c527d",
+                },
+                secondary: {
+                    light: "#aed581",
+                    main: "#8bc34a",
+                    dark: "#74a838",
+                    contrastText: "#ffffff",
+                },
+                text: {
+                    primary: "#626578",
+                    secondary: "#9e9e9e",
+                    icon: "#ffffff",
+                },
+                default: {
+                    main: grey[800],
+                    light: grey[500],
+                    dark: grey[900],
+                },
+            },
+        },
+        shape: {
+            borderRadius: 4,
+        },
+    },
+    "purple-rain": {
+        typography: {
+            fontFamily: "Lato",
+        },
+        palette: {
+            light: {
+                type: "light",
+                background: {
+                    default: "#e1e1e6",
+                },
+                primary: {
+                    light: "#a6acd4",
+                    main: "#7f85a7",
+                    dark: "#4c527d",
+                },
+                secondary: {
+                    light: "#ff8fa3",
+                    main: "#ff6d89",
+                    dark: "#d81b60",
+                    contrastText: "#ffffff",
+                },
+                text: {
+                    primary: "#626578",
+                    secondary: "#9e9e9e",
+                    icon: "#ffffff",
+                },
+                default: {
+                    main: grey[800],
+                    light: grey[500],
+                    dark: grey[900],
+                },
+                contrastThreshold: 2.26,
+            },
+            dark: {
+                type: "dark",
+                background: {
+                    default: "#3b3b3f",
+                    paper: "#3b3b3f",
+                },
+                primary: {
+                    light: "#a6acd4",
+                    main: "#7f85a7",
+                    dark: "#4c527d",
+                },
+                secondary: {
+                    light: "#ff8fa3",
+                    main: "#ff6d89",
+                    dark: "#d81b60",
+                    contrastText: "#ffffff",
+                },
+                text: {
+                    primary: "#e6eaf5",
+                    secondary: "#e0dede",
+                    icon: "#ffffff",
+                },
+                default: {
+                    main: grey[800],
+                    light: grey[500],
+                    dark: grey[900],
+                },
+                contrastThreshold: 2.26,
+            },
+        },
+        shape: {
+            borderRadius: 4,
+        },
+    },
+    "cloudy-sky": {
+        typography: {
+            fontFamily: "Lato",
+        },
+        palette: {
+            light: {
+                type: "light",
+                background: {
+                    default: "#e1e7ea",
+                },
+                primary: {
+                    light: "#71a9da",
+                    main: "#3380c3",
+                    dark: "#255d8e",
+                },
+                secondary: {
+                    light: "#a5b7c0",
+                    main: "#698796",
+                    dark: "#4f6772",
+                    contrastText: "#ffffff",
+                },
+                text: {
+                    primary: "#5c7486",
+                    secondary: "#9e9e9e",
+                    icon: "#ffffff",
+                },
+                default: {
+                    main: grey[800],
+                    light: grey[500],
+                    dark: grey[900],
+                },
+            },
+            dark: {
+                type: "dark",
+                background: {
+                    default: "#e1e7ea",
+                },
+                primary: {
+                    light: "#71a9da",
+                    main: "#3380c3",
+                    dark: "#255d8e",
+                },
+                secondary: {
+                    light: "#a5b7c0",
+                    main: "#698796",
+                    dark: "#4f6772",
+                    contrastText: "#ffffff",
+                },
+                text: {
+                    primary: "#5c7486",
+                    secondary: "#9e9e9e",
+                    icon: "#ffffff",
+                },
+                default: {
+                    main: grey[800],
+                    light: grey[500],
+                    dark: grey[900],
+                },
+            },
+        },
+        shape: {
+            borderRadius: 4,
+        },
+    },
+};
+
+export const getThemeDefinition = (name: string, mode: "light" | "dark") => {
+    const theme = themes[name];
+
+    return $_.assign({}, theme, { palette: $_.get(theme, `palette.${mode}`) });
+};

package/src/styles/fonts.styl

@@ -0,0 +1,71 @@
+@font-face {
+  font-family: "Baloo"
+  font-style: normal
+  font-weight: 400
+  src: local("Baloo Regular"), local("Baloo-Regular"), url(../resources/fonts/Baloo-Regular.ttf) format("ttf")
+}
+
+@font-face {
+    font-family: "Lato"
+    font-style: normal
+    font-weight: 400
+    src: local("Lato Regular"), local("Lato-Regular"), url(../resources/fonts/Lato-Regular.ttf) format("ttf")
+}
+
+@font-face {
+    font-family: "Lato"
+    font-style: normal
+    font-weight: 700
+    src: local("Lato Bold"), local("Lato-Bold"), url(../resources/fonts/Lato-Bold.ttf) format("ttf")
+}
+
+@font-face {
+    font-family: "Lato"
+    font-style: normal
+    font-weight: 900
+    src: local("Lato Black"), local("Lato-Black"), url(../resources/fonts/Lato-Black.ttf) format("ttf")
+}
+
+@font-face {
+    font-family: "Lato"
+    font-style: normal;
+    font-weight: 200
+    src: local("Lato Light"), local("Lato-Light"), url(../resources/fonts/Lato-Light.ttf) format("ttf")
+}
+
+@font-face {
+    font-family: "Lato"
+    font-style: normal;
+    font-weight: 100
+    src: local("Lato Thin"), local("Lato-Thin"), url(../resources/fonts/Lato-Thin.ttf) format("ttf")
+}
+
+@font-face {
+    font-family: "Lato"
+    font-style: italic;
+    font-weight: 400
+    src: local("Lato Italic"), local("Lato-Italic"), url(../resources/fonts/Lato-Italic.ttf) format("ttf")
+}
+
+// @font-face {
+//     font-family: "Material Icons";
+//     font-style: normal;
+//     font-weight: 400;
+//     src: url(../resources/fonts/Material-Icons.woff2) format("woff2");
+// }
+
+// .material-icons {
+//     font-family: "Material Icons";
+//     font-weight: normal;
+//     font-style: normal;
+//     font-size: 24px;
+//     line-height: 1;
+//     letter-spacing: normal;
+//     text-transform: none;
+//     display: inline-block;
+//     white-space: nowrap;
+//     word-wrap: normal;
+//     direction: ltr;
+//     -webkit-font-feature-settings: "liga";
+//     -webkit-font-smoothing: antialiased;
+// } 

package/src/styles/mixins.styl

@@ -0,0 +1,22 @@
+no-select() {
+    user-select: none;
+    -o-user-select: none;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+}
+
+vendor(prop, args) {
+    -webkit-{prop} args;
+    -moz-{prop} args;
+    -o-{prop} args;
+    {prop} args;
+}
+
+uppercase() {
+    text-transform: uppercase;
+}
+
+capitalize() {
+    text-transform: capitalize;
+}