smaller icon for application fixed

2025-09-12 23:45:18 +00:00 · 2021-03-24 09:28:01 +06:00 · 2021-03-24 09:28:01 +06:00 · 87bd1a9abd
commit 87bd1a9abd
parent 8b4d36076e
10 changed files with 236 additions and 13 deletions
--- a/.gitignore
+++ b/.gitignore
@ -5,7 +5,9 @@ dist/
 cache/
 local/
 # debian build specific
-deb-struct/usr
+deb-struct/usr/lib/
+deb-struct/usr/bin/
+deb-struct/usr/share/applications
 # deply build binaries
 deploy/linux/build
 deploy/win32/build
--- a/README.md
+++ b/README.md
@ -1,4 +1,4 @@
-<img src="./assets/spotube_banner.svg"/>
+![Spotube](assets/spotube_banner.svg)

 Spotube is a [qt](https://qt.io) based lightweight spotify client which uses [nodegui/react-nodegui](https://github.com/nodegui/react-nodegui) as frontend & nodejs as backend. It utilizes the power of Spotify & Youtube's public API & creates a hazardless, performant & resource friendly User Experience
 ![spotube](https://user-images.githubusercontent.com/61944859/111771249-a7d38180-88d5-11eb-85f2-d9db57717694.png)
@ -23,7 +23,8 @@ Don't worry **spotify premium isn't required**😱. But some extra packages are
 - [MPV](https://mpv.io/installation/) player for playing the actual audio
 - [youtube-dl](https://github.com/ytdl-org/youtube-dl) for streaming the audio from youtube. It already comes pre bundled with mpv

-**Tip!:** If you're using windows try installing **mpv & youtube-dl** player with **chocolatey package manager** as it'd make the installation a lot easier
+**Tip!:** If you're using **[Windows]()** try installing **mpv & youtube-dl** player with **[chocolatey](https://chocolatey.org/install) package manager** as it'd make the installation a lot easier.
+**But always install youtube-dl first & then mpv player**

 **Important for [Ubuntu/Debian]():** If you're using any **ubuntu/debian** based linux distro then **youtube-dl** installed from the typical **apt-get** repositories will most likely not work as that version is older than current release. So remove it & install from the repository manually

@ -47,7 +48,7 @@ $ snap install youtube-dl

 I'm always releasing newer versions of binary of the software each 2-3 month with minor changes & each 6-8 month with major changes. Grab the binaries

-All the binaries are located in the [releases](https://github.com/krtirtho/spotube/releases)
+All the binaries are located in the [releases](https://github.com/krtirtho/spotube/releases), just download & install

 **I'll/try to upload the package binaries to linux debian/arch/ubuntu/snap/flatpack/redhat/chocolatey stores or software centers or repositories**

@ -123,7 +124,7 @@ $ cd deploy/<os-name>/build/spotube
 If everything went smoothly then double clicking on the

 - `AppRun` or Spotube-x86_64.AppImage for **linux**
- Spotube-x86_64.exe for **Windows**
+- qode.exe for **Windows**
 - Spotube-x86_64.dmg for **MacOS**

 should work just fine without any problem
@ -154,6 +155,12 @@ There will be some glitches, lags & stuck motions because of the library Spotube
 - Support for playing/streaming podcasts/shows
 - Easy installation procedure/mechanism for simplicity

+## Things that don't work
+- Shows & Podcasts aren't supported as it'd require premium anyway
+- Beautiful UI (you missed it, see the title😂^)
+- Images aren't added to ensure the lowest resource usage
+- OS Media Controls
+
 #### Social handlers

 Follow me on [Twitter](https://twitter.com/@krtirtho) for newer updates about this application
--- a/assets/icon.png
+++ b/assets/icon.png
--- a/assets/icon.svg
+++ b/assets/icon.svg
@ -0,0 +1,217 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   preserveAspectRatio="xMidYMid meet"
+   viewBox="0 0 1024 1024"
+   width="1024"
+   height="1024"
+   id="svg164"
+   sodipodi:docname="Spotube Icon.svg"
+   inkscape:export-filename="/home/krtirtho/development/desktop-dev/spotube/deploy/linux/spotube/Spotube Icon.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata168">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1280"
+     inkscape:window-height="957"
+     id="namedview166"
+     showgrid="false"
+     inkscape:zoom="0.71289062"
+     inkscape:cx="223.73699"
+     inkscape:cy="427.38956"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg164" />
+  <defs
+     id="defs116">
+    <path
+       d="M864.5 488.49C864.5 680.95 708.5 837.21 516.36 837.21C324.22 837.21 168.22 680.95 168.22 488.49C168.22 296.03 324.22 139.78 516.36 139.78C708.5 139.78 864.5 296.03 864.5 488.49Z"
+       id="amHaSVpu" />
+    <path
+       d=""
+       id="a2BJMy7Jb" />
+    <path
+       d="M311.12 310.07C313.34 313.32 304.24 320.57 310.85 329.83C318.01 339.85 343.74 336.24 360.41 316.59C372.91 301.85 475.1 266.53 511.85 269.93C588.19 276.99 575.39 271.83 590.61 281.1C596.7 284.81 639.52 293.78 662.13 310.85C684.73 327.91 711.65 343.39 715.92 338.17C725.54 326.39 743.34 305.37 658.01 254.46C616.69 229.81 620.32 239.57 587.05 230.59C533.9 216.24 472.16 220.95 401.83 244.73C336.72 281.52 306.48 303.3 311.12 310.07Z"
+       id="a1tDWZImgU" />
+    <path
+       d="M411.75 413.54C413 415.03 367.9 428.18 360.73 442.12C349.52 463.92 375.04 487.76 385.62 472.66C392.39 463 485.79 428.29 508.37 428.23C555.27 428.11 596.35 438.36 606.16 443.1C614 446.9 672.19 473.83 676.79 467C681.97 459.31 702.29 441.03 647.4 415.1C607.69 396.35 600.7 394.71 570 390.75C547.31 387.83 524.26 387.05 500.84 388.41C438.23 401.33 408.53 409.7 411.75 413.54Z"
+       id="d5X4Y3iXxi" />
+    <path
+       d="M401.51 326.48C402.99 328.06 352.9 339.29 345.48 353.13C333.86 374.78 363.61 400.24 374.82 385.38C381.99 375.88 485.36 345.01 510.73 346.03C563.41 348.13 610.02 360.52 621.25 365.81C630.24 370.04 696.82 400.2 701.68 393.48C707.16 385.9 729.17 368.27 666.33 339.28C620.88 318.31 612.95 316.31 578.28 310.83C552.66 306.77 526.72 304.88 500.48 305.15C430.72 315.32 397.73 322.42 401.51 326.48Z"
+       id="caQrsW984" />
+    <path
+       d="M538.91 551.22C529.19 537.59 505.67 536.18 497.12 555.44C488.61 574.6 420.53 727.92 412.02 747.09C404.35 764.36 418.47 783.09 436.92 780.92C457.39 778.53 621.12 759.48 641.58 757.1C659.83 755 669.2 734.02 658.48 719.06C634.56 685.49 550.87 568 538.91 551.22Z"
+       id="gcFKZeS95" />
+    <path
+       d="M520.79 470.72C521.19 474.45 518.48 477.8 514.75 478.2C512.05 478.49 510.72 478.63 508.02 478.92C504.28 479.32 500.93 476.61 500.53 472.88C500.01 467.97 499.16 460.01 498.64 455.1C498.24 451.36 500.94 448.01 504.68 447.62C507.38 447.33 508.71 447.19 511.41 446.9C515.14 446.5 518.49 449.2 518.89 452.94C519.42 457.85 520.27 465.81 520.79 470.72Z"
+       id="aFNm6T4Ou" />
+    <path
+       d="M525.36 513.59C525.76 517.32 523.06 520.67 519.32 521.07C516.62 521.36 515.29 521.5 512.59 521.79C508.86 522.19 505.51 519.48 505.11 515.75C504.58 510.84 503.73 502.88 503.21 497.97C502.81 494.23 505.52 490.88 509.25 490.48C511.95 490.2 513.28 490.05 515.98 489.77C519.72 489.37 523.07 492.07 523.47 495.81C523.99 500.71 524.84 508.68 525.36 513.59Z"
+       id="f44lxYrdu7" />
+  </defs>
+  <g
+     id="g162"
+     transform="matrix(1.3645108,0,0,1.3645108,-191.6942,-155.16566)">
+    <g
+       id="g160">
+      <g
+         id="g120">
+        <use
+           xlink:href="#amHaSVpu"
+           opacity="1"
+           fill="#1db954"
+           fill-opacity="1"
+           id="use118"
+           x="0"
+           y="0"
+           width="100%"
+           height="100%" />
+      </g>
+      <g
+         id="g126">
+        <g
+           id="g124">
+          <use
+             xlink:href="#a2BJMy7Jb"
+             opacity="1"
+             fill-opacity="0"
+             stroke="#000000"
+             stroke-width="1"
+             stroke-opacity="1"
+             id="use122"
+             x="0"
+             y="0"
+             width="100%"
+             height="100%" />
+        </g>
+      </g>
+      <g
+         id="g140">
+        <g
+           id="g130">
+          <use
+             xlink:href="#a1tDWZImgU"
+             opacity="1"
+             fill="#ffffff"
+             fill-opacity="1"
+             id="use128"
+             x="0"
+             y="0"
+             width="100%"
+             height="100%" />
+        </g>
+        <g
+           id="g134">
+          <use
+             xlink:href="#d5X4Y3iXxi"
+             opacity="1"
+             fill="#ffffff"
+             fill-opacity="1"
+             id="use132"
+             x="0"
+             y="0"
+             width="100%"
+             height="100%" />
+        </g>
+        <g
+           id="g138">
+          <use
+             xlink:href="#caQrsW984"
+             opacity="1"
+             fill="#ffffff"
+             fill-opacity="1"
+             id="use136"
+             x="0"
+             y="0"
+             width="100%"
+             height="100%" />
+        </g>
+      </g>
+      <g
+         id="g148">
+        <use
+           xlink:href="#gcFKZeS95"
+           opacity="1"
+           fill="#ffffff"
+           fill-opacity="1"
+           id="use142"
+           x="0"
+           y="0"
+           width="100%"
+           height="100%" />
+        <g
+           id="g146">
+          <use
+             xlink:href="#gcFKZeS95"
+             opacity="1"
+             fill-opacity="0"
+             stroke="#000000"
+             stroke-width="1"
+             stroke-opacity="0"
+             id="use144"
+             x="0"
+             y="0"
+             width="100%"
+             height="100%" />
+        </g>
+      </g>
+      <g
+         id="g158">
+        <g
+           id="g152">
+          <use
+             xlink:href="#aFNm6T4Ou"
+             opacity="1"
+             fill="#ffffff"
+             fill-opacity="1"
+             id="use150"
+             x="0"
+             y="0"
+             width="100%"
+             height="100%" />
+        </g>
+        <g
+           id="g156">
+          <use
+             xlink:href="#f44lxYrdu7"
+             opacity="1"
+             fill="#ffffff"
+             fill-opacity="1"
+             id="use154"
+             x="0"
+             y="0"
+             width="100%"
+             height="100%" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
--- a/assets/spotube.png
+++ b/assets/spotube.png
--- a/deploy/linux/spotube/Spotube
+++ b/deploy/linux/spotube/Spotube
@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024" width="1024" height="1024"><defs><path d="M864.5 488.49C864.5 680.95 708.5 837.21 516.36 837.21C324.22 837.21 168.22 680.95 168.22 488.49C168.22 296.03 324.22 139.78 516.36 139.78C708.5 139.78 864.5 296.03 864.5 488.49Z" id="amHaSVpu"></path><path d="" id="a2BJMy7Jb"></path><path d="M311.12 310.07C313.34 313.32 304.24 320.57 310.85 329.83C318.01 339.85 343.74 336.24 360.41 316.59C372.91 301.85 475.1 266.53 511.85 269.93C588.19 276.99 575.39 271.83 590.61 281.1C596.7 284.81 639.52 293.78 662.13 310.85C684.73 327.91 711.65 343.39 715.92 338.17C725.54 326.39 743.34 305.37 658.01 254.46C616.69 229.81 620.32 239.57 587.05 230.59C533.9 216.24 472.16 220.95 401.83 244.73C336.72 281.52 306.48 303.3 311.12 310.07Z" id="a1tDWZImgU"></path><path d="M411.75 413.54C413 415.03 367.9 428.18 360.73 442.12C349.52 463.92 375.04 487.76 385.62 472.66C392.39 463 485.79 428.29 508.37 428.23C555.27 428.11 596.35 438.36 606.16 443.1C614 446.9 672.19 473.83 676.79 467C681.97 459.31 702.29 441.03 647.4 415.1C607.69 396.35 600.7 394.71 570 390.75C547.31 387.83 524.26 387.05 500.84 388.41C438.23 401.33 408.53 409.7 411.75 413.54Z" id="d5X4Y3iXxi"></path><path d="M401.51 326.48C402.99 328.06 352.9 339.29 345.48 353.13C333.86 374.78 363.61 400.24 374.82 385.38C381.99 375.88 485.36 345.01 510.73 346.03C563.41 348.13 610.02 360.52 621.25 365.81C630.24 370.04 696.82 400.2 701.68 393.48C707.16 385.9 729.17 368.27 666.33 339.28C620.88 318.31 612.95 316.31 578.28 310.83C552.66 306.77 526.72 304.88 500.48 305.15C430.72 315.32 397.73 322.42 401.51 326.48Z" id="caQrsW984"></path><path d="M538.91 551.22C529.19 537.59 505.67 536.18 497.12 555.44C488.61 574.6 420.53 727.92 412.02 747.09C404.35 764.36 418.47 783.09 436.92 780.92C457.39 778.53 621.12 759.48 641.58 757.1C659.83 755 669.2 734.02 658.48 719.06C634.56 685.49 550.87 568 538.91 551.22Z" id="gcFKZeS95"></path><path d="M520.79 470.72C521.19 474.45 518.48 477.8 514.75 478.2C512.05 478.49 510.72 478.63 508.02 478.92C504.28 479.32 500.93 476.61 500.53 472.88C500.01 467.97 499.16 460.01 498.64 455.1C498.24 451.36 500.94 448.01 504.68 447.62C507.38 447.33 508.71 447.19 511.41 446.9C515.14 446.5 518.49 449.2 518.89 452.94C519.42 457.85 520.27 465.81 520.79 470.72Z" id="aFNm6T4Ou"></path><path d="M525.36 513.59C525.76 517.32 523.06 520.67 519.32 521.07C516.62 521.36 515.29 521.5 512.59 521.79C508.86 522.19 505.51 519.48 505.11 515.75C504.58 510.84 503.73 502.88 503.21 497.97C502.81 494.23 505.52 490.88 509.25 490.48C511.95 490.2 513.28 490.05 515.98 489.77C519.72 489.37 523.07 492.07 523.47 495.81C523.99 500.71 524.84 508.68 525.36 513.59Z" id="f44lxYrdu7"></path></defs><g><g><g><use xlink:href="#amHaSVpu" opacity="1" fill="#1db954" fill-opacity="1"></use></g><g><g><use xlink:href="#a2BJMy7Jb" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="1"></use></g></g><g><g><use xlink:href="#a1tDWZImgU" opacity="1" fill="#ffffff" fill-opacity="1"></use></g><g><use xlink:href="#d5X4Y3iXxi" opacity="1" fill="#ffffff" fill-opacity="1"></use></g><g><use xlink:href="#caQrsW984" opacity="1" fill="#ffffff" fill-opacity="1"></use></g></g><g><use xlink:href="#gcFKZeS95" opacity="1" fill="#ffffff" fill-opacity="1"></use><g><use xlink:href="#gcFKZeS95" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><g><use xlink:href="#aFNm6T4Ou" opacity="1" fill="#ffffff" fill-opacity="1"></use></g><g><use xlink:href="#f44lxYrdu7" opacity="1" fill="#ffffff" fill-opacity="1"></use></g></g></g></g></svg>
--- a/deploy/linux/spotube/icon.png
+++ b/deploy/linux/spotube/icon.png
--- a/deploy/linux/spotube/spotube.desktop
+++ b/deploy/linux/spotube/spotube.desktop
@ -1,8 +1,8 @@
 [Desktop Entry]
 Type=Application
 Name=Spotube
-Exec=AppRun
-Icon=spotube
+Exec=/usr/bin/spotube
+Icon=icon
 Comment=A music streaming app combining the power of Spotify & Youtube
 Terminal=false
 Categories=Music;
--- a/deploy/linux/spotube/spotube.png
+++ b/deploy/linux/spotube/spotube.png
--- a/src/app.tsx
+++ b/src/app.tsx
@ -1,6 +1,6 @@
 import React, { useState, useEffect, useRef } from "react";
-import { Window, hot, View, useEventHandler, BoxView } from "@nodegui/react-nodegui";
-import { Direction, QIcon, QKeyEvent, QMainWindow, QMainWindowSignals, WidgetEventTypes, WindowState } from "@nodegui/nodegui";
+import { Window, hot, View, useEventHandler } from "@nodegui/react-nodegui";
+import { QIcon, QKeyEvent, QMainWindow, QMainWindowSignals, WidgetEventTypes, WindowState } from "@nodegui/nodegui";
 import { MemoryRouter } from "react-router";
 import Routes from "./routes";
 import { LocalStorage } from "node-localstorage";
@ -15,7 +15,7 @@ import showError from "./helpers/showError";
 import fs from "fs"
 import path from "path";
 import { confDir } from "./conf";
-import spotubeIcon from "../assets/spotube.png";
+import spotubeIcon from "../assets/icon.svg";

 export enum CredentialKeys {
  credentials = "credentials",