4 | }
--------------------------------------------------------------------------------
/android/app/src/main/assets/capacitor.config.json:
--------------------------------------------------------------------------------
1 | {
2 | "appId": "tech.logica10.soniclair",
3 | "appName": "SonicLair",
4 | "webDir": "build",
5 | "bundledWebRuntime": false
6 | }
7 |
--------------------------------------------------------------------------------
/android/app/src/main/res/drawable-xxxhdpi/ic_stat_soniclair.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thelinkin3000/SonicLair/HEAD/android/app/src/main/res/drawable-xxxhdpi/ic_stat_soniclair.png
--------------------------------------------------------------------------------
/src/Models/API/Responses/IArtist.tsx:
--------------------------------------------------------------------------------
1 |
2 | export interface IArtist {
3 | id: string;
4 | name: string;
5 | albumCount: number;
6 | artistImageUrl: string;
7 | }
8 |
9 |
--------------------------------------------------------------------------------
/android/app/src/main/kotlin/tech/logica10/soniclair/WebSocketNotification.kt:
--------------------------------------------------------------------------------
1 | package tech.logica10.soniclair
2 |
3 | class WebSocketNotification(val action: String, val value: String?)
4 |
--------------------------------------------------------------------------------
/android/app/src/main/kotlin/tech/logica10/soniclair/models/AlbumsResponse.kt:
--------------------------------------------------------------------------------
1 | package tech.logica10.soniclair.models
2 |
3 | class AlbumsResponse(val albumList2: AlbumList2) : SubsonicResponse()
--------------------------------------------------------------------------------
/android/app/src/main/kotlin/tech/logica10/soniclair/models/SearchType.kt:
--------------------------------------------------------------------------------
1 | package tech.logica10.soniclair.models
2 |
3 | enum class SearchType {
4 | ARTIST,
5 | ALBUM,
6 | SONG
7 | }
--------------------------------------------------------------------------------
/android/app/src/main/res/mipmap-hdpi-v26/ic_launcher_background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thelinkin3000/SonicLair/HEAD/android/app/src/main/res/mipmap-hdpi-v26/ic_launcher_background.png
--------------------------------------------------------------------------------
/android/app/src/main/res/mipmap-hdpi-v26/ic_launcher_foreground.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thelinkin3000/SonicLair/HEAD/android/app/src/main/res/mipmap-hdpi-v26/ic_launcher_foreground.png
--------------------------------------------------------------------------------
/android/app/src/main/res/mipmap-mdpi-v26/ic_launcher_background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thelinkin3000/SonicLair/HEAD/android/app/src/main/res/mipmap-mdpi-v26/ic_launcher_background.png
--------------------------------------------------------------------------------
/android/app/src/main/res/mipmap-mdpi-v26/ic_launcher_foreground.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thelinkin3000/SonicLair/HEAD/android/app/src/main/res/mipmap-mdpi-v26/ic_launcher_foreground.png
--------------------------------------------------------------------------------
/android/app/src/main/res/values/ic_launcher_background.xml:
--------------------------------------------------------------------------------
1 |
2 |
9 | {body}
10 |
11 |
)
12 | }
--------------------------------------------------------------------------------
/src/Components/AudioControl.scss:
--------------------------------------------------------------------------------
1 | .current-track-header {
2 | height: 10vh;
3 | overflow: hidden;
4 | margin: 0 0 0.5rem 0;
5 |
6 | .current-track-img {
7 | max-height: 10vh;
8 | height: auto;
9 | width: auto;
10 | margin: 0 0.5rem 0 0;
11 | }
12 | }
13 |
14 | .fade-right {
15 | // mask-image: linear-gradient(270deg, rgb(0,0,0,0) 0%,rgb(0,0,0,0) 25%,rgb(40, 44, 52) 90%,rgb(40, 44, 52) 100%);
16 | }
17 |
--------------------------------------------------------------------------------
/android/app/src/main/kotlin/tech/logica10/soniclair/extensions/Extensions.kt:
--------------------------------------------------------------------------------
1 | package tech.logica10.soniclair.extensions
2 |
3 | import android.widget.ImageView
4 | import com.bumptech.glide.Glide
5 | import tech.logica10.soniclair.R
6 |
7 | fun ImageView.loadUrl(url: String) {
8 | try {
9 | Glide.with(context).load(url).into(this)
10 | } catch (e: Exception) {
11 | Glide.with(context).load(R.drawable.ic_album_art_placeholder).into(this)
12 | }
13 | }
--------------------------------------------------------------------------------
/android/app/src/main/res/drawable/ic_disc.xml:
--------------------------------------------------------------------------------
1 |
19 |
42 | );
43 | }
44 |
--------------------------------------------------------------------------------
/src/Components/TVTopBar.tsx:
--------------------------------------------------------------------------------
1 | import { PluginListenerHandle } from "@capacitor/core";
2 | import { useEffect, useRef, useState } from "react";
3 | import { useNavigate } from "react-router-dom";
4 | import VLC from "../Plugins/VLC";
5 |
6 | export function TVTopBar() {
7 | const [websocketConnected, setWebsocketConnected] =
8 | useState
20 | Connect your phone's SonicLair
21 |
22 |
29 |
40 | {localIp}
41 |
32 |
33 | 
40 | SonicLair
41 |
42 | {websocketConnected && (
43 |
47 | )}
48 |
49 | );
50 | }
51 |
--------------------------------------------------------------------------------
/SonicLairAndroid.gocd.yaml:
--------------------------------------------------------------------------------
1 | format_version: 10
2 | pipelines:
3 | SonicLairAndroid:
4 | group: defaultGroup
5 | label_template: ${COUNT}
6 | lock_behavior: none
7 | display_order: -1
8 | materials:
9 | git-89737ad:
10 | git: https://github.com/thelinkin3000/SonicLair
11 | shallow_clone: false
12 | auto_update: true
13 | branch: dev
14 | stages:
15 | - Build:
16 | fetch_materials: true
17 | keep_artifacts: false
18 | clean_workspace: false
19 | approval:
20 | type: success
21 | allow_only_on_success: false
22 | jobs:
23 | Build:
24 | timeout: 0
25 | tasks:
26 | - exec:
27 | arguments:
28 | - install
29 | - --legacy-peer-deps
30 | command: npm
31 | run_if: passed
32 | - exec:
33 | arguments:
34 | - run
35 | - build
36 | command: npm
37 | run_if: passed
38 | - exec:
39 | arguments:
40 | - cap
41 | - sync
42 | - android
43 | command: npx
44 | run_if: passed
45 | - exec:
46 | arguments:
47 | - /var/go/releasekey.jks
48 | - android/app/releasekey.jks
49 | command: cp
50 | run_if: passed
51 | - script: cd android && chmod +x ./gradlew && ./gradlew :app:lintRelease &&./gradlew assembleRelease
52 | - exec:
53 | arguments:
54 | - android/app/build/outputs/apk/release/app-release.apk
55 | - /var/go/soniclair.apk
56 | command: cp
57 | run_if: passed
58 |
--------------------------------------------------------------------------------
/android/app/src/main/java/tech/logica10/soniclair/AccountFragment.kt:
--------------------------------------------------------------------------------
1 | package tech.logica10.soniclair
2 |
3 | import android.content.Intent
4 | import android.os.Bundle
5 | import androidx.fragment.app.Fragment
6 | import android.view.LayoutInflater
7 | import android.view.View
8 | import android.view.ViewGroup
9 | import android.widget.Button
10 | import android.widget.TextView
11 | import tech.logica10.soniclair.models.Account
12 |
13 | class AccountFragment() : Fragment() {
14 | private lateinit var user: TextView
15 | private lateinit var server: TextView
16 | private lateinit var type: TextView
17 | private lateinit var plaintext: TextView
18 | private lateinit var logout: Button
19 | override fun onCreateView(
20 | inflater: LayoutInflater, container: ViewGroup?,
21 | savedInstanceState: Bundle?
22 | ): View? {
23 | // Inflate the layout for this fragment
24 | return inflater.inflate(R.layout.fragment_account, container, false)
25 | }
26 |
27 | override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
28 | super.onViewCreated(view, savedInstanceState)
29 | user = view.findViewById(R.id.tv_account_user)
30 | server = view.findViewById(R.id.tv_account_server)
31 | type = view.findViewById(R.id.tv_account_type)
32 | plaintext = view.findViewById(R.id.tv_plaintext_warning)
33 | logout = view.findViewById(R.id.btn_logout)
34 | val account = KeyValueStorage.getActiveAccount()
35 | user.text = account.username
36 | server.text = account.url
37 | type.text = account.type
38 | plaintext.visibility = if (account.usePlaintext) View.VISIBLE else View.INVISIBLE
39 | logout.setOnClickListener {
40 | KeyValueStorage.setActiveAccount(Account(null, "","","",false))
41 | val intent = Intent(activity, TvLoginActivity::class.java)
42 | startActivity(intent)
43 | }
44 | }
45 |
46 | }
--------------------------------------------------------------------------------
/android/app/src/main/res/drawable/ic_launcher_foreground.xml:
--------------------------------------------------------------------------------
1 |
40 | SonicLair
41 |
42 | {websocketConnected && (
43 |
47 | )}
48 | nav(item.id)}
38 | >
39 |
64 | );
65 | }
66 |
--------------------------------------------------------------------------------
/src/Components/AccountItem.tsx:
--------------------------------------------------------------------------------
1 | import { faUser } from "@fortawesome/free-solid-svg-icons";
2 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
3 | import { useCallback, useContext } from "react";
4 | import { AppContext } from "../AppContext";
5 | import { IAccount } from "../Models/AppContext";
6 | import "./AccountItem.scss";
7 | import { useNavigate } from "react-router-dom";
8 | import { Toast } from "@capacitor/toast";
9 | import VLC from "../Plugins/VLC";
10 | import classNames from "classnames";
11 |
12 | export interface AccountItemProps {
13 | account: IAccount;
14 | del: (url: string) => void;
15 | }
16 |
17 | export default function AccountItem({ account, del }: AccountItemProps) {
18 | const { setContext } = useContext(AppContext);
19 | const navigate = useNavigate();
20 | const login = useCallback(async () => {
21 | const ret = await VLC.login({ username: account.username!, password: account.password, url: account.url, usePlaintext: account.usePlaintext} );
22 | if (ret.status === "ok") {
23 | setContext(ret.value!);
24 | navigate("/home");
25 | }
26 | else {
27 | await Toast.show({
28 | text: ret.error
29 | });
30 | }
31 | }, [account.password, account.url, account.username, account.usePlaintext, navigate, setContext]);
32 |
33 | const deleteAccount = useCallback(async () => {
34 | const ret = await VLC.deleteAccount({ url: account.url });
35 | if (ret.status === "ok") {
36 | del(account.url);
37 | }
38 | else {
39 | Toast.show({ text: ret.error });
40 | }
41 | }, [account.url, del]);
42 |
43 | return (
44 |
40 |
63 |
41 | 
42 |
43 |
44 | {item.name}
45 |
46 | {item.comment}
47 |
48 | {item.songCount > 0 && (
49 |
50 | {item.songCount} songs totalling{" "}
51 | {SecondsToHHSS(item.duration)}
52 |
53 | )}
54 |
55 | {playing && (
56 |
59 |
60 |
61 | )}
62 |
45 |
56 |
57 | )
58 | }
--------------------------------------------------------------------------------
/android/app/src/main/res/drawable/ic_logo.xml:
--------------------------------------------------------------------------------
1 |
46 |
48 |
49 | {account.username}
50 | on {account.url}
51 |
52 |
53 |
54 |
55 | play()}>
51 |
64 | )
65 | }
--------------------------------------------------------------------------------
/src/Components/PlaylistItemCard.tsx:
--------------------------------------------------------------------------------
1 | import "./AlbumCard.scss";
2 | import "../Styles/colors.scss";
3 | import { useCallback, useEffect, useState } from "react";
4 | import { Toast } from "@capacitor/toast";
5 | import VLC from "../Plugins/VLC";
6 | import Loading from "./Loading";
7 | import { useFocusable } from "@noriginmedia/norigin-spatial-navigation";
8 | import classNames from "classnames";
9 | import AndroidTVPlugin from "../Plugins/AndroidTV";
10 | import { useNavigate } from "react-router-dom";
11 | import { IPlaylist } from "../Models/API/Responses/IPlaylistsResponse";
12 |
13 |
14 | export default function PlaylistItemCard({ item, parentRef }: { item: IPlaylist, parentRef?: React.RefObject
52 | {coverArt === "" ?
54 |
55 |
56 | {item.title}
57 |
58 |
59 | by {item.artist}
60 |
61 |
62 |
63 | play()}>
51 |
64 | )
65 | }
--------------------------------------------------------------------------------
/src/Hooks/useAutoFill.ts:
--------------------------------------------------------------------------------
1 | import { floor } from "lodash";
2 | import {
3 | useState,
4 | useRef,
5 | useCallback,
6 | useEffect,
7 | MutableRefObject,
8 | } from "react";
9 | import IGridProps from "../Models/IGridProps";
10 | import useWindowSize from "./useWindowSize";
11 |
12 | export interface IAutoFillProps {
13 | listRef: MutableRefObject
52 | {coverArt === "" ?
54 |
55 |
56 | {item.name}
57 |
58 |
59 | {item.comment && item.comment !== "" ? item.comment : `${item.songCount} songs`}
60 |
61 |
62 |
63 |
50 |
52 | );
53 | },
54 | [columnCount]
55 | );
56 | return (
57 |
58 | {currentPlaylist && (
59 |
87 | );
88 | }
89 |
--------------------------------------------------------------------------------
/android/app/src/main/res/layout/fragment_search.xml:
--------------------------------------------------------------------------------
1 |
2 |
60 |
61 |
65 | )}
66 | {playlists.length > 1 && (
67 | <>
68 |
62 |
64 |
69 | Playlists
70 |
71 |
75 |
81 | {AlbumCardWrapper}
82 |
83 |
84 |
85 | )}
86 |
36 | }
39 | text="Home"
40 | />
41 | }
44 | text="Search"
45 | />
46 | }
49 | text="Playlists"
50 | />
51 | }
54 | text="Account"
55 | />
56 | }
59 | text="Jukebox"
60 | />
61 |
62 | }
65 | text="Playing"
66 | />
67 |
68 |
99 | {icon}
100 | {text}
101 |
102 | );
103 | }
104 |
--------------------------------------------------------------------------------
/ghlogo.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
80 |
--------------------------------------------------------------------------------
/src/Components/Navbar.tsx:
--------------------------------------------------------------------------------
1 | import { Capacitor, PluginListenerHandle } from "@capacitor/core";
2 | import { Toast } from "@capacitor/toast";
3 | import { faCircleLeft } from "@fortawesome/free-regular-svg-icons";
4 | import { faBurger, faTv } from "@fortawesome/free-solid-svg-icons";
5 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
6 | import {
7 | Dispatch,
8 | SetStateAction,
9 | useCallback,
10 | useEffect,
11 | useRef,
12 | useState,
13 | } from "react";
14 | import { useNavigate } from "react-router-dom";
15 | import logo from "../logo.svg";
16 | import VLC from "../Plugins/VLC";
17 | import "./Navbar.scss";
18 |
19 | export default function Navbar({
20 | setNavbarCollapsed,
21 | navbarCollapsed,
22 | }: {
23 | navbarCollapsed: boolean;
24 | setNavbarCollapsed: Dispatch
67 | 
88 |
89 |
100 | );
101 | }
102 |
--------------------------------------------------------------------------------
/android/app/src/main/kotlin/tech/logica10/soniclair/App.kt:
--------------------------------------------------------------------------------
1 | package tech.logica10.soniclair
2 |
3 | import android.app.Application
4 | import android.app.UiModeManager
5 | import android.content.Context
6 | import android.content.res.Configuration
7 | import android.util.Log
8 | import kotlinx.coroutines.CoroutineScope
9 | import kotlinx.coroutines.Dispatchers
10 | import kotlinx.coroutines.launch
11 | import java.net.InetAddress
12 | import java.net.InterfaceAddress
13 | import java.net.NetworkInterface
14 | import java.util.*
15 |
16 | class App : Application() {
17 | private var udpServer: UDPServer? = null
18 |
19 | override fun onCreate() {
20 | super.onCreate()
21 | application = this
22 | CoroutineScope(Dispatchers.IO).launch {
23 | // If we're logged in a server
24 | if (KeyValueStorage.getActiveAccount().username != null) {
25 | val songs = KeyValueStorage.getCachedSongs()
26 | // If we don't already have cached items
27 | if (songs.isEmpty()) {
28 | // Repopulate the media items cache
29 | val subsonicClient = SubsonicClient(KeyValueStorage.getActiveAccount())
30 | val s = subsonicClient.getRandomSongs()
31 | KeyValueStorage.setCachedSongs(s)
32 | }
33 | }
34 | return@launch
35 | }
36 | val uiModeManager: UiModeManager =
37 | this.applicationContext.getSystemService(UI_MODE_SERVICE) as UiModeManager
38 |
39 | if (uiModeManager.currentModeType == Configuration.UI_MODE_TYPE_TELEVISION) {
40 | isTv = true
41 |
42 | }
43 | try {
44 | val interfaces: List
68 | {hasBack && (
69 |
77 | )}
78 | {websocketConnected && (
79 |
85 | )}
86 |
87 |
90 |
98 |
99 |