Revert "Updates"

This reverts commit 45422e0e14.
2026-02-22 03:39:12 -06:00 · 2025-02-06 22:33:08 -06:00
parent 45422e0e14
commit a00cd9b8c5
331 changed files with 28357 additions and 95 deletions
--- a/App.tsx
+++ b/App.tsx
@@ -0,0 +1,32 @@
+import './gesture-handler';
+import React from 'react';
+import "react-native-url-polyfill/auto";
+import { PersistQueryClientProvider } from '@tanstack/react-query-persist-client'
+import Jellify from './components/jellify';
+import { TamaguiProvider, Theme } from 'tamagui';
+import { useColorScheme } from 'react-native';
+import jellifyConfig from './tamagui.config';
+import { clientPersister } from './constants/storage';
+import { queryClient } from './constants/query-client';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+
+export default function App(): React.JSX.Element {
+  
+  const isDarkMode = useColorScheme() === 'dark';
+
+  return (
+    <PersistQueryClientProvider 
+      client={queryClient} 
+      persistOptions={{ 
+        persister: clientPersister
+    }}>
+      <GestureHandlerRootView>
+        <TamaguiProvider config={jellifyConfig}>
+          <Theme name={isDarkMode ? 'dark' : 'light'}>
+              <Jellify />
+          </Theme>
+        </TamaguiProvider>
+      </GestureHandlerRootView>
+    </PersistQueryClientProvider>
+  );
+}
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -0,0 +1,304 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    CFPropertyList (3.0.7)
+      base64
+      nkf
+      rexml
+    activesupport (7.2.2.1)
+      base64
+      benchmark (>= 0.3)
+      bigdecimal
+      concurrent-ruby (~> 1.0, >= 1.3.1)
+      connection_pool (>= 2.2.5)
+      drb
+      i18n (>= 1.6, < 2)
+      logger (>= 1.4.2)
+      minitest (>= 5.1)
+      securerandom (>= 0.3)
+      tzinfo (~> 2.0, >= 2.0.5)
+    addressable (2.8.7)
+      public_suffix (>= 2.0.2, < 7.0)
+    algoliasearch (1.27.5)
+      httpclient (~> 2.8, >= 2.8.3)
+      json (>= 1.5.1)
+    artifactory (3.0.17)
+    atomos (0.1.3)
+    aws-eventstream (1.3.0)
+    aws-partitions (1.1044.0)
+    aws-sdk-core (3.217.1)
+      aws-eventstream (~> 1, >= 1.3.0)
+      aws-partitions (~> 1, >= 1.992.0)
+      aws-sigv4 (~> 1.9)
+      jmespath (~> 1, >= 1.6.1)
+    aws-sdk-kms (1.97.0)
+      aws-sdk-core (~> 3, >= 3.216.0)
+      aws-sigv4 (~> 1.5)
+    aws-sdk-s3 (1.179.0)
+      aws-sdk-core (~> 3, >= 3.216.0)
+      aws-sdk-kms (~> 1)
+      aws-sigv4 (~> 1.5)
+    aws-sigv4 (1.11.0)
+      aws-eventstream (~> 1, >= 1.0.2)
+    babosa (1.0.4)
+    base64 (0.2.0)
+    benchmark (0.4.0)
+    bigdecimal (3.1.9)
+    claide (1.1.0)
+    cocoapods (1.15.2)
+      addressable (~> 2.8)
+      claide (>= 1.0.2, < 2.0)
+      cocoapods-core (= 1.15.2)
+      cocoapods-deintegrate (>= 1.0.3, < 2.0)
+      cocoapods-downloader (>= 2.1, < 3.0)
+      cocoapods-plugins (>= 1.0.0, < 2.0)
+      cocoapods-search (>= 1.0.0, < 2.0)
+      cocoapods-trunk (>= 1.6.0, < 2.0)
+      cocoapods-try (>= 1.1.0, < 2.0)
+      colored2 (~> 3.1)
+      escape (~> 0.0.4)
+      fourflusher (>= 2.3.0, < 3.0)
+      gh_inspector (~> 1.0)
+      molinillo (~> 0.8.0)
+      nap (~> 1.0)
+      ruby-macho (>= 2.3.0, < 3.0)
+      xcodeproj (>= 1.23.0, < 2.0)
+    cocoapods-core (1.15.2)
+      activesupport (>= 5.0, < 8)
+      addressable (~> 2.8)
+      algoliasearch (~> 1.0)
+      concurrent-ruby (~> 1.1)
+      fuzzy_match (~> 2.0.4)
+      nap (~> 1.0)
+      netrc (~> 0.11)
+      public_suffix (~> 4.0)
+      typhoeus (~> 1.0)
+    cocoapods-deintegrate (1.0.5)
+    cocoapods-downloader (2.1)
+    cocoapods-plugins (1.0.0)
+      nap
+    cocoapods-search (1.0.1)
+    cocoapods-trunk (1.6.0)
+      nap (>= 0.8, < 2.0)
+      netrc (~> 0.11)
+    cocoapods-try (1.2.0)
+    colored (1.2)
+    colored2 (3.1.2)
+    commander (4.6.0)
+      highline (~> 2.0.0)
+    concurrent-ruby (1.3.3)
+    connection_pool (2.5.0)
+    declarative (0.0.20)
+    digest-crc (0.7.0)
+      rake (>= 12.0.0, < 14.0.0)
+    domain_name (0.6.20240107)
+    dotenv (2.8.1)
+    drb (2.2.1)
+    emoji_regex (3.2.3)
+    escape (0.0.4)
+    ethon (0.16.0)
+      ffi (>= 1.15.0)
+    excon (0.112.0)
+    faraday (1.10.4)
+      faraday-em_http (~> 1.0)
+      faraday-em_synchrony (~> 1.0)
+      faraday-excon (~> 1.1)
+      faraday-httpclient (~> 1.0)
+      faraday-multipart (~> 1.0)
+      faraday-net_http (~> 1.0)
+      faraday-net_http_persistent (~> 1.0)
+      faraday-patron (~> 1.0)
+      faraday-rack (~> 1.0)
+      faraday-retry (~> 1.0)
+      ruby2_keywords (>= 0.0.4)
+    faraday-cookie_jar (0.0.7)
+      faraday (>= 0.8.0)
+      http-cookie (~> 1.0.0)
+    faraday-em_http (1.0.0)
+    faraday-em_synchrony (1.0.0)
+    faraday-excon (1.1.0)
+    faraday-httpclient (1.0.1)
+    faraday-multipart (1.1.0)
+      multipart-post (~> 2.0)
+    faraday-net_http (1.0.2)
+    faraday-net_http_persistent (1.2.0)
+    faraday-patron (1.0.0)
+    faraday-rack (1.0.0)
+    faraday-retry (1.0.3)
+    faraday_middleware (1.2.1)
+      faraday (~> 1.0)
+    fastimage (2.4.0)
+    fastlane (2.226.0)
+      CFPropertyList (>= 2.3, < 4.0.0)
+      addressable (>= 2.8, < 3.0.0)
+      artifactory (~> 3.0)
+      aws-sdk-s3 (~> 1.0)
+      babosa (>= 1.0.3, < 2.0.0)
+      bundler (>= 1.12.0, < 3.0.0)
+      colored (~> 1.2)
+      commander (~> 4.6)
+      dotenv (>= 2.1.1, < 3.0.0)
+      emoji_regex (>= 0.1, < 4.0)
+      excon (>= 0.71.0, < 1.0.0)
+      faraday (~> 1.0)
+      faraday-cookie_jar (~> 0.0.6)
+      faraday_middleware (~> 1.0)
+      fastimage (>= 2.1.0, < 3.0.0)
+      fastlane-sirp (>= 1.0.0)
+      gh_inspector (>= 1.1.2, < 2.0.0)
+      google-apis-androidpublisher_v3 (~> 0.3)
+      google-apis-playcustomapp_v1 (~> 0.1)
+      google-cloud-env (>= 1.6.0, < 2.0.0)
+      google-cloud-storage (~> 1.31)
+      highline (~> 2.0)
+      http-cookie (~> 1.0.5)
+      json (< 3.0.0)
+      jwt (>= 2.1.0, < 3)
+      mini_magick (>= 4.9.4, < 5.0.0)
+      multipart-post (>= 2.0.0, < 3.0.0)
+      naturally (~> 2.2)
+      optparse (>= 0.1.1, < 1.0.0)
+      plist (>= 3.1.0, < 4.0.0)
+      rubyzip (>= 2.0.0, < 3.0.0)
+      security (= 0.1.5)
+      simctl (~> 1.6.3)
+      terminal-notifier (>= 2.0.0, < 3.0.0)
+      terminal-table (~> 3)
+      tty-screen (>= 0.6.3, < 1.0.0)
+      tty-spinner (>= 0.8.0, < 1.0.0)
+      word_wrap (~> 1.0.0)
+      xcodeproj (>= 1.13.0, < 2.0.0)
+      xcpretty (~> 0.4.0)
+      xcpretty-travis-formatter (>= 0.0.3, < 2.0.0)
+    fastlane-sirp (1.0.0)
+      sysrandom (~> 1.0)
+    ffi (1.17.1)
+    fourflusher (2.3.1)
+    fuzzy_match (2.0.4)
+    gh_inspector (1.1.3)
+    google-apis-androidpublisher_v3 (0.54.0)
+      google-apis-core (>= 0.11.0, < 2.a)
+    google-apis-core (0.11.3)
+      addressable (~> 2.5, >= 2.5.1)
+      googleauth (>= 0.16.2, < 2.a)
+      httpclient (>= 2.8.1, < 3.a)
+      mini_mime (~> 1.0)
+      representable (~> 3.0)
+      retriable (>= 2.0, < 4.a)
+      rexml
+    google-apis-iamcredentials_v1 (0.17.0)
+      google-apis-core (>= 0.11.0, < 2.a)
+    google-apis-playcustomapp_v1 (0.13.0)
+      google-apis-core (>= 0.11.0, < 2.a)
+    google-apis-storage_v1 (0.31.0)
+      google-apis-core (>= 0.11.0, < 2.a)
+    google-cloud-core (1.7.1)
+      google-cloud-env (>= 1.0, < 3.a)
+      google-cloud-errors (~> 1.0)
+    google-cloud-env (1.6.0)
+      faraday (>= 0.17.3, < 3.0)
+    google-cloud-errors (1.4.0)
+    google-cloud-storage (1.47.0)
+      addressable (~> 2.8)
+      digest-crc (~> 0.4)
+      google-apis-iamcredentials_v1 (~> 0.1)
+      google-apis-storage_v1 (~> 0.31.0)
+      google-cloud-core (~> 1.6)
+      googleauth (>= 0.16.2, < 2.a)
+      mini_mime (~> 1.0)
+    googleauth (1.8.1)
+      faraday (>= 0.17.3, < 3.a)
+      jwt (>= 1.4, < 3.0)
+      multi_json (~> 1.11)
+      os (>= 0.9, < 2.0)
+      signet (>= 0.16, < 2.a)
+    highline (2.0.3)
+    http-cookie (1.0.8)
+      domain_name (~> 0.5)
+    httpclient (2.8.3)
+    i18n (1.14.7)
+      concurrent-ruby (~> 1.0)
+    jmespath (1.6.2)
+    json (2.9.1)
+    jwt (2.10.1)
+      base64
+    logger (1.6.5)
+    mini_magick (4.13.2)
+    mini_mime (1.1.5)
+    minitest (5.25.4)
+    molinillo (0.8.0)
+    multi_json (1.15.0)
+    multipart-post (2.4.1)
+    nanaimo (0.3.0)
+    nap (1.1.0)
+    naturally (2.2.1)
+    netrc (0.11.0)
+    nkf (0.2.0)
+    optparse (0.6.0)
+    os (1.1.4)
+    plist (3.7.2)
+    public_suffix (4.0.7)
+    rake (13.2.1)
+    representable (3.2.0)
+      declarative (< 0.1.0)
+      trailblazer-option (>= 0.1.1, < 0.2.0)
+      uber (< 0.2.0)
+    retriable (3.1.2)
+    rexml (3.4.0)
+    rouge (3.28.0)
+    ruby-macho (2.5.1)
+    ruby2_keywords (0.0.5)
+    rubyzip (2.4.1)
+    securerandom (0.4.1)
+    security (0.1.5)
+    signet (0.19.0)
+      addressable (~> 2.8)
+      faraday (>= 0.17.5, < 3.a)
+      jwt (>= 1.5, < 3.0)
+      multi_json (~> 1.10)
+    simctl (1.6.10)
+      CFPropertyList
+      naturally
+    sysrandom (1.0.5)
+    terminal-notifier (2.0.0)
+    terminal-table (3.0.2)
+      unicode-display_width (>= 1.1.1, < 3)
+    trailblazer-option (0.1.2)
+    tty-cursor (0.7.1)
+    tty-screen (0.8.2)
+    tty-spinner (0.9.3)
+      tty-cursor (~> 0.7)
+    typhoeus (1.4.1)
+      ethon (>= 0.9.0)
+    tzinfo (2.0.6)
+      concurrent-ruby (~> 1.0)
+    uber (0.1.0)
+    unicode-display_width (2.6.0)
+    word_wrap (1.0.0)
+    xcodeproj (1.25.1)
+      CFPropertyList (>= 2.3.3, < 4.0)
+      atomos (~> 0.1.3)
+      claide (>= 1.0.2, < 2.0)
+      colored2 (~> 3.1)
+      nanaimo (~> 0.3.0)
+      rexml (>= 3.3.6, < 4.0)
+    xcpretty (0.4.0)
+      rouge (~> 3.28.0)
+    xcpretty-travis-formatter (1.0.1)
+      xcpretty (~> 0.2, >= 0.0.7)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  activesupport (>= 6.1.7.5, != 7.1.0)
+  cocoapods (>= 1.13, != 1.15.1, != 1.15.0)
+  concurrent-ruby (< 1.3.4)
+  fastlane
+  xcodeproj (< 1.26.0)
+
+RUBY VERSION
+   ruby 3.1.4p223
+
+BUNDLED WITH
+   2.3.26
--- a/21
+++ b/21
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Violet Caulfield
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/README.md
+++ b/README.md
@@ -0,0 +1,75 @@
+![Jellify App Icon](assets/icon_dark_60pt_3x.png)
+# 🪼 Jellify
+
+[![publish-ios-beta](https://github.com/anultravioletaurora/Jellify/actions/workflows/publish-ios-beta.yml/badge.svg)](https://github.com/anultravioletaurora/Jellify/actions/workflows/publish-ios-beta.yml)
+
+jellify (verb) - to make gelatinous
+
+*Jellify* is a music player for [Jellyfin](https://jellyfin.org/) built with [React Native](https://reactnative.dev/). It has a  UX meant to feel familiar if you’ve used other music streaming apps.
+
+### 🤓 Background
+I was after a music app for Jellyfin that showcased my music with artwork and had the ability to algorithmically curate music (not that you have to use *Jellify* that way). I also wanted to create a music app that could handle my extremely large music libraries (i.e., 100K+ songs) and not get bogged down. The end goal was to build a music streaming app that worked like the big guys, all while being FOSS and powered by self hosting.
+
+This app was designed with me and my dad in mind, since I wanted to give him a sleek, one stop shop for live recordings of bands he likes (read: the Grateful Dead). The UI was designed so that he'd find it instantly familiar and useful. CarPlay / Android Auto support was also a must for us, as we both use CarPlay religiously. 
+
+**TL;DR** Designed to be lightweight and scalable, *Jellify* caters to those who want a mobile Jellyfin music experience similar to what's provided by the big music streaming services. 
+
+## 💡 Features
+### ✨ Current
+- Available via Private Testflight
+- iOS support
+- Carefully crafted Light and Dark modes
+- Home screen access to previously played tracks, artists, and your playlists
+- [Last.FM Plugin](https://github.com/jesseward/jellyfin-plugin-lastfm) support
+- Library of Favorited Music, not too dissimilar to how streaming services handle your 'library'
+- Full playlist support, including creating, updating, and reordering
+
+### 🛠 Roadmap
+- [Android Support](https://github.com/anultravioletaurora/Jellify/issues/54)
+- Quick access to similar artists and items for discovering music in your library
+- Support for Jellyfin mixes
+- CarPlay / Android Auto Support
+- Public Testflight
+- Offline Playback
+- Web / Desktop support
+
+## 👀 Lemme see!
+### Home
+![Jellify Home](screenshots/home.png)
+
+### Favorites / Library
+![Favorites](screenshots/favorites.png)
+
+![Favorite Artists](screenshots/favorite_artists.png)
+
+![Album](screenshots/album.png)
+
+### Player
+![Player](screenshots/player.png)
+
+![Queue](screenshots/player_queue.png)
+
+## 🏗 Built with:
+### 🎨 Frontend
+[Tamagui](https://tamagui.dev/)\
+[React Navigation](https://reactnavigation.org/)\
+[React Native Vector Icons](https://github.com/oblador/react-native-vector-icons)
+- Specifically Material Community Icons
+
+[React Native CarPlay](https://github.com/birkir/react-native-carplay)\
+[React Native Blurhash](https://github.com/mrousavy/react-native-blurhash)
+
+### 🎛️ Backend
+[Jellyfin SDK](https://typescript-sdk.jellyfin.org/)\
+[Tanstack Query](https://tanstack.com/query/latest/docs/framework/react/react-native)\
+[React Native Track Player](https://github.com/doublesymmetry/react-native-track-player)\
+[React Native MMKV](https://github.com/mrousavy/react-native-mmkv)\
+[React Native File Access](https://github.com/alpha0010/react-native-file-access)
+
+### 💜 Love from Wisconsin 🧀
+This is undoubtedly a passion project of [mine](https://github.com/anultravioletaurora), and I've learned a lot from working on it (and the many failed attempts before it). I hope you enjoy using it! Feature requests and bug reports are welcome :)
+
+## 🙏 Special Thanks To
+- The [Jellyfin Team](https://jellyfin.org/) for their amazing server software
+- Tony, Trevor, [Laine](https://github.com/lainie-ftw) and [Jordan](https://github.com/jordanbleu) for their testing and feedback from the early stages of development
+- Alyssa, for your artistic abilities and the artwork you made for *Jellify*. It gave it the flair it undoubtedly needed
--- a/tests/App.test.tsx
+++ b/tests/App.test.tsx
@@ -0,0 +1,17 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: import explicitly to use the types shipped with jest.
+import {it} from '@jest/globals';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});
--- a/android/Gemfile
+++ b/android/Gemfile
@@ -0,0 +1,3 @@
+source "https://rubygems.org"
+
+gem "fastlane"
--- a/android/Gemfile.lock
+++ b/android/Gemfile.lock
@@ -0,0 +1,222 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    CFPropertyList (3.0.7)
+      base64
+      nkf
+      rexml
+    addressable (2.8.7)
+      public_suffix (>= 2.0.2, < 7.0)
+    artifactory (3.0.17)
+    atomos (0.1.3)
+    aws-eventstream (1.3.0)
+    aws-partitions (1.1046.0)
+    aws-sdk-core (3.217.1)
+      aws-eventstream (~> 1, >= 1.3.0)
+      aws-partitions (~> 1, >= 1.992.0)
+      aws-sigv4 (~> 1.9)
+      jmespath (~> 1, >= 1.6.1)
+    aws-sdk-kms (1.97.0)
+      aws-sdk-core (~> 3, >= 3.216.0)
+      aws-sigv4 (~> 1.5)
+    aws-sdk-s3 (1.179.0)
+      aws-sdk-core (~> 3, >= 3.216.0)
+      aws-sdk-kms (~> 1)
+      aws-sigv4 (~> 1.5)
+    aws-sigv4 (1.11.0)
+      aws-eventstream (~> 1, >= 1.0.2)
+    babosa (1.0.4)
+    base64 (0.2.0)
+    claide (1.1.0)
+    colored (1.2)
+    colored2 (3.1.2)
+    commander (4.6.0)
+      highline (~> 2.0.0)
+    declarative (0.0.20)
+    digest-crc (0.7.0)
+      rake (>= 12.0.0, < 14.0.0)
+    domain_name (0.6.20240107)
+    dotenv (2.8.1)
+    emoji_regex (3.2.3)
+    excon (0.112.0)
+    faraday (1.10.4)
+      faraday-em_http (~> 1.0)
+      faraday-em_synchrony (~> 1.0)
+      faraday-excon (~> 1.1)
+      faraday-httpclient (~> 1.0)
+      faraday-multipart (~> 1.0)
+      faraday-net_http (~> 1.0)
+      faraday-net_http_persistent (~> 1.0)
+      faraday-patron (~> 1.0)
+      faraday-rack (~> 1.0)
+      faraday-retry (~> 1.0)
+      ruby2_keywords (>= 0.0.4)
+    faraday-cookie_jar (0.0.7)
+      faraday (>= 0.8.0)
+      http-cookie (~> 1.0.0)
+    faraday-em_http (1.0.0)
+    faraday-em_synchrony (1.0.0)
+    faraday-excon (1.1.0)
+    faraday-httpclient (1.0.1)
+    faraday-multipart (1.1.0)
+      multipart-post (~> 2.0)
+    faraday-net_http (1.0.2)
+    faraday-net_http_persistent (1.2.0)
+    faraday-patron (1.0.0)
+    faraday-rack (1.0.0)
+    faraday-retry (1.0.3)
+    faraday_middleware (1.2.1)
+      faraday (~> 1.0)
+    fastimage (2.4.0)
+    fastlane (2.226.0)
+      CFPropertyList (>= 2.3, < 4.0.0)
+      addressable (>= 2.8, < 3.0.0)
+      artifactory (~> 3.0)
+      aws-sdk-s3 (~> 1.0)
+      babosa (>= 1.0.3, < 2.0.0)
+      bundler (>= 1.12.0, < 3.0.0)
+      colored (~> 1.2)
+      commander (~> 4.6)
+      dotenv (>= 2.1.1, < 3.0.0)
+      emoji_regex (>= 0.1, < 4.0)
+      excon (>= 0.71.0, < 1.0.0)
+      faraday (~> 1.0)
+      faraday-cookie_jar (~> 0.0.6)
+      faraday_middleware (~> 1.0)
+      fastimage (>= 2.1.0, < 3.0.0)
+      fastlane-sirp (>= 1.0.0)
+      gh_inspector (>= 1.1.2, < 2.0.0)
+      google-apis-androidpublisher_v3 (~> 0.3)
+      google-apis-playcustomapp_v1 (~> 0.1)
+      google-cloud-env (>= 1.6.0, < 2.0.0)
+      google-cloud-storage (~> 1.31)
+      highline (~> 2.0)
+      http-cookie (~> 1.0.5)
+      json (< 3.0.0)
+      jwt (>= 2.1.0, < 3)
+      mini_magick (>= 4.9.4, < 5.0.0)
+      multipart-post (>= 2.0.0, < 3.0.0)
+      naturally (~> 2.2)
+      optparse (>= 0.1.1, < 1.0.0)
+      plist (>= 3.1.0, < 4.0.0)
+      rubyzip (>= 2.0.0, < 3.0.0)
+      security (= 0.1.5)
+      simctl (~> 1.6.3)
+      terminal-notifier (>= 2.0.0, < 3.0.0)
+      terminal-table (~> 3)
+      tty-screen (>= 0.6.3, < 1.0.0)
+      tty-spinner (>= 0.8.0, < 1.0.0)
+      word_wrap (~> 1.0.0)
+      xcodeproj (>= 1.13.0, < 2.0.0)
+      xcpretty (~> 0.4.0)
+      xcpretty-travis-formatter (>= 0.0.3, < 2.0.0)
+    fastlane-sirp (1.0.0)
+      sysrandom (~> 1.0)
+    gh_inspector (1.1.3)
+    google-apis-androidpublisher_v3 (0.54.0)
+      google-apis-core (>= 0.11.0, < 2.a)
+    google-apis-core (0.11.3)
+      addressable (~> 2.5, >= 2.5.1)
+      googleauth (>= 0.16.2, < 2.a)
+      httpclient (>= 2.8.1, < 3.a)
+      mini_mime (~> 1.0)
+      representable (~> 3.0)
+      retriable (>= 2.0, < 4.a)
+      rexml
+    google-apis-iamcredentials_v1 (0.17.0)
+      google-apis-core (>= 0.11.0, < 2.a)
+    google-apis-playcustomapp_v1 (0.13.0)
+      google-apis-core (>= 0.11.0, < 2.a)
+    google-apis-storage_v1 (0.31.0)
+      google-apis-core (>= 0.11.0, < 2.a)
+    google-cloud-core (1.7.1)
+      google-cloud-env (>= 1.0, < 3.a)
+      google-cloud-errors (~> 1.0)
+    google-cloud-env (1.6.0)
+      faraday (>= 0.17.3, < 3.0)
+    google-cloud-errors (1.4.0)
+    google-cloud-storage (1.47.0)
+      addressable (~> 2.8)
+      digest-crc (~> 0.4)
+      google-apis-iamcredentials_v1 (~> 0.1)
+      google-apis-storage_v1 (~> 0.31.0)
+      google-cloud-core (~> 1.6)
+      googleauth (>= 0.16.2, < 2.a)
+      mini_mime (~> 1.0)
+    googleauth (1.8.1)
+      faraday (>= 0.17.3, < 3.a)
+      jwt (>= 1.4, < 3.0)
+      multi_json (~> 1.11)
+      os (>= 0.9, < 2.0)
+      signet (>= 0.16, < 2.a)
+    highline (2.0.3)
+    http-cookie (1.0.8)
+      domain_name (~> 0.5)
+    httpclient (2.8.3)
+    jmespath (1.6.2)
+    json (2.9.1)
+    jwt (2.10.1)
+      base64
+    mini_magick (4.13.2)
+    mini_mime (1.1.5)
+    multi_json (1.15.0)
+    multipart-post (2.4.1)
+    nanaimo (0.4.0)
+    naturally (2.2.1)
+    nkf (0.2.0)
+    optparse (0.6.0)
+    os (1.1.4)
+    plist (3.7.2)
+    public_suffix (6.0.1)
+    rake (13.2.1)
+    representable (3.2.0)
+      declarative (< 0.1.0)
+      trailblazer-option (>= 0.1.1, < 0.2.0)
+      uber (< 0.2.0)
+    retriable (3.1.2)
+    rexml (3.4.0)
+    rouge (3.28.0)
+    ruby2_keywords (0.0.5)
+    rubyzip (2.4.1)
+    security (0.1.5)
+    signet (0.19.0)
+      addressable (~> 2.8)
+      faraday (>= 0.17.5, < 3.a)
+      jwt (>= 1.5, < 3.0)
+      multi_json (~> 1.10)
+    simctl (1.6.10)
+      CFPropertyList
+      naturally
+    sysrandom (1.0.5)
+    terminal-notifier (2.0.0)
+    terminal-table (3.0.2)
+      unicode-display_width (>= 1.1.1, < 3)
+    trailblazer-option (0.1.2)
+    tty-cursor (0.7.1)
+    tty-screen (0.8.2)
+    tty-spinner (0.9.3)
+      tty-cursor (~> 0.7)
+    uber (0.1.0)
+    unicode-display_width (2.6.0)
+    word_wrap (1.0.0)
+    xcodeproj (1.27.0)
+      CFPropertyList (>= 2.3.3, < 4.0)
+      atomos (~> 0.1.3)
+      claide (>= 1.0.2, < 2.0)
+      colored2 (~> 3.1)
+      nanaimo (~> 0.4.0)
+      rexml (>= 3.3.6, < 4.0)
+    xcpretty (0.4.0)
+      rouge (~> 3.28.0)
+    xcpretty-travis-formatter (1.0.1)
+      xcpretty (~> 0.2, >= 0.0.7)
+
+PLATFORMS
+  ruby
+  x86_64-darwin-23
+
+DEPENDENCIES
+  fastlane
+
+BUNDLED WITH
+   2.6.2
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -0,0 +1,120 @@
+apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
+apply plugin: "com.facebook.react"
+
+/**
+ * This is the configuration block to customize your React Native Android app.
+ * By default you don't need to apply any configuration, just uncomment the lines you need.
+ */
+react {
+    /* Folders */
+    //   The root of your project, i.e. where "package.json" lives. Default is '../..'
+    // root = file("../../")
+    //   The folder where the react-native NPM package is. Default is ../../node_modules/react-native
+    // reactNativeDir = file("../../node_modules/react-native")
+    //   The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
+    // codegenDir = file("../../node_modules/@react-native/codegen")
+    //   The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js
+    // cliFile = file("../../node_modules/react-native/cli.js")
+
+    /* Variants */
+    //   The list of variants to that are debuggable. For those we're going to
+    //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.
+    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
+    // debuggableVariants = ["liteDebug", "prodDebug"]
+
+    /* Bundling */
+    //   A list containing the node command and its flags. Default is just 'node'.
+    // nodeExecutableAndArgs = ["node"]
+    //
+    //   The command to run when bundling. By default is 'bundle'
+    // bundleCommand = "ram-bundle"
+    //
+    //   The path to the CLI configuration file. Default is empty.
+    // bundleConfig = file(../rn-cli.config.js)
+    //
+    //   The name of the generated asset file containing your JS bundle
+    // bundleAssetName = "MyApplication.android.bundle"
+    //
+    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
+    // entryFile = file("../js/MyApplication.android.js")
+    //
+    //   A list of extra flags to pass to the 'bundle' commands.
+    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
+    // extraPackagerArgs = []
+
+    /* Hermes Commands */
+    //   The hermes compiler command to run. By default it is 'hermesc'
+    // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
+    //
+    //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
+    // hermesFlags = ["-O", "-output-source-map"]
+
+    /* Autolinking */
+    autolinkLibrariesWithApp()
+
+}
+
+/**
+ * Set this to true to Run Proguard on Release builds to minify the Java bytecode.
+ */
+def enableProguardInReleaseBuilds = false
+
+/**
+ * The preferred build flavor of JavaScriptCore (JSC)
+ *
+ * For example, to use the international variant, you can use:
+ * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ *
+ * The international variant includes ICU i18n library and necessary data
+ * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
+ * give correct results when using with locales other than en-US. Note that
+ * this variant is about 6MiB larger per architecture than default.
+ */
+def jscFlavor = 'org.webkit:android-jsc:+'
+
+android {
+    ndkVersion rootProject.ext.ndkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
+    compileSdk rootProject.ext.compileSdkVersion
+
+    namespace "com.jellify"
+    defaultConfig {
+        applicationId "com.jellify"
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 1
+        versionName "1.0"
+    }
+    signingConfigs {
+        debug {
+            storeFile file('debug.keystore')
+            storePassword 'android'
+            keyAlias 'androiddebugkey'
+            keyPassword 'android'
+        }
+    }
+    buildTypes {
+        debug {
+            signingConfig signingConfigs.debug
+        }
+        release {
+            // Caution! In production, you need to generate your own keystore file.
+            // see https://reactnative.dev/docs/signed-apk-android.
+            signingConfig signingConfigs.debug
+            minifyEnabled enableProguardInReleaseBuilds
+            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+        }
+    }
+}
+
+dependencies {
+    // The version of react-native is set by the React Native Gradle Plugin
+    implementation("com.facebook.react:react-android")
+
+    if (hermesEnabled.toBoolean()) {
+        implementation("com.facebook.react:hermes-android")
+    } else {
+        implementation jscFlavor
+    }
+}
--- a/android/app/debug.keystore
+++ b/android/app/debug.keystore
--- a/android/app/proguard-rules.pro
+++ b/android/app/proguard-rules.pro
@@ -0,0 +1,10 @@
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:
--- a/android/app/src/debug/AndroidManifest.xml
+++ b/android/app/src/debug/AndroidManifest.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <application
+        android:usesCleartextTraffic="true"
+        tools:targetApi="28"
+        tools:ignore="GoogleAppIndexingWarning"/>
+</manifest>
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -0,0 +1,30 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
+    
+    <application
+      android:name=".MainApplication"
+      android:label="@string/app_name"
+      android:icon="@mipmap/ic_launcher"
+      android:roundIcon="@mipmap/ic_launcher_round"
+      android:allowBackup="false"
+      android:theme="@style/AppTheme"
+      android:supportsRtl="true">
+      <meta-data
+        android:name="com.google.android.gms.car.application"
+        android:resource="@xml/automotive_app_desc" />
+      <activity
+        android:name=".MainActivity"
+        android:label="@string/app_name"
+        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
+        android:launchMode="singleTask"
+        android:windowSoftInputMode="adjustResize"
+        android:exported="true">
+        <intent-filter>
+            <action android:name="android.intent.action.MAIN" />
+            <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+      </activity>
+    </application>
+</manifest>
--- a/android/app/src/main/assets/fonts/Aileron-Black.otf
+++ b/android/app/src/main/assets/fonts/Aileron-Black.otf
--- a/android/app/src/main/assets/fonts/Aileron-BlackItalic.otf
+++ b/android/app/src/main/assets/fonts/Aileron-BlackItalic.otf
--- a/android/app/src/main/assets/fonts/Aileron-Bold.otf
+++ b/android/app/src/main/assets/fonts/Aileron-Bold.otf
--- a/android/app/src/main/assets/fonts/Aileron-BoldItalic.otf
+++ b/android/app/src/main/assets/fonts/Aileron-BoldItalic.otf
--- a/android/app/src/main/assets/fonts/Aileron-Heavy.otf
+++ b/android/app/src/main/assets/fonts/Aileron-Heavy.otf
--- a/android/app/src/main/assets/fonts/Aileron-HeavyItalic.otf
+++ b/android/app/src/main/assets/fonts/Aileron-HeavyItalic.otf
--- a/android/app/src/main/assets/fonts/Aileron-Italic.otf
+++ b/android/app/src/main/assets/fonts/Aileron-Italic.otf
--- a/android/app/src/main/assets/fonts/Aileron-Light.otf
+++ b/android/app/src/main/assets/fonts/Aileron-Light.otf
--- a/android/app/src/main/assets/fonts/Aileron-LightItalic.otf
+++ b/android/app/src/main/assets/fonts/Aileron-LightItalic.otf
--- a/android/app/src/main/assets/fonts/Aileron-Regular.otf
+++ b/android/app/src/main/assets/fonts/Aileron-Regular.otf
--- a/android/app/src/main/assets/fonts/Aileron-SemiBold.otf
+++ b/android/app/src/main/assets/fonts/Aileron-SemiBold.otf
--- a/android/app/src/main/assets/fonts/Aileron-SemiBoldItalic.otf
+++ b/android/app/src/main/assets/fonts/Aileron-SemiBoldItalic.otf
--- a/android/app/src/main/assets/fonts/Aileron-Thin.otf
+++ b/android/app/src/main/assets/fonts/Aileron-Thin.otf
--- a/android/app/src/main/assets/fonts/Aileron-ThinItalic.otf
+++ b/android/app/src/main/assets/fonts/Aileron-ThinItalic.otf
--- a/android/app/src/main/assets/fonts/Aileron-UltraLight.otf
+++ b/android/app/src/main/assets/fonts/Aileron-UltraLight.otf
--- a/android/app/src/main/assets/fonts/Aileron-UltraLightItalic.otf
+++ b/android/app/src/main/assets/fonts/Aileron-UltraLightItalic.otf
--- a/android/app/src/main/java/com/jellify/MainActivity.kt
+++ b/android/app/src/main/java/com/jellify/MainActivity.kt
@@ -0,0 +1,23 @@
+package com.jellify
+import expo.modules.ReactActivityDelegateWrapper
+
+import com.facebook.react.ReactActivity
+import com.facebook.react.ReactActivityDelegate
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
+import com.facebook.react.defaults.DefaultReactActivityDelegate
+
+class MainActivity : ReactActivity() {
+
+  /**
+   * Returns the name of the main component registered from JavaScript. This is used to schedule
+   * rendering of the component.
+   */
+  override fun getMainComponentName(): String = "Jellify"
+
+  /**
+   * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
+   * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
+   */
+  override fun createReactActivityDelegate(): ReactActivityDelegate =
+      ReactActivityDelegateWrapper(this, BuildConfig.IS_NEW_ARCHITECTURE_ENABLED, DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled))
+}
--- a/android/app/src/main/java/com/jellify/MainApplication.kt
+++ b/android/app/src/main/java/com/jellify/MainApplication.kt
@@ -0,0 +1,53 @@
+package com.jellify
+import android.content.res.Configuration
+import expo.modules.ApplicationLifecycleDispatcher
+import expo.modules.ReactNativeHostWrapper
+
+import android.app.Application
+import com.facebook.react.PackageList
+import com.facebook.react.ReactApplication
+import com.facebook.react.ReactHost
+import com.facebook.react.ReactNativeHost
+import com.facebook.react.ReactPackage
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
+import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
+import com.facebook.react.defaults.DefaultReactNativeHost
+import com.facebook.react.soloader.OpenSourceMergedSoMapping
+import com.facebook.soloader.SoLoader
+
+class MainApplication : Application(), ReactApplication {
+
+  override val reactNativeHost: ReactNativeHost =
+      ReactNativeHostWrapper(this, object : DefaultReactNativeHost(this) {
+        override fun getPackages(): List<ReactPackage> =
+            PackageList(this).packages.apply {
+              // Packages that cannot be autolinked yet can be added manually here, for example:
+              // add(MyReactNativePackage())
+            }
+
+        override fun getJSMainModuleName(): String = "index"
+
+        override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG
+
+        override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
+        override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED
+      })
+
+  override val reactHost: ReactHost
+    get() = ReactNativeHostWrapper.createReactHost(applicationContext, reactNativeHost)
+
+  override fun onCreate() {
+    super.onCreate()
+    SoLoader.init(this, OpenSourceMergedSoMapping)
+    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+      // If you opted-in for the New Architecture, we load the native entry point for this app.
+      load()
+    }
+    ApplicationLifecycleDispatcher.onApplicationCreate(this)
+  }
+
+  override fun onConfigurationChanged(newConfig: Configuration) {
+    super.onConfigurationChanged(newConfig)
+    ApplicationLifecycleDispatcher.onConfigurationChanged(this, newConfig)
+  }
+}
--- a/android/app/src/main/res/drawable/rn_edit_text_material.xml
+++ b/android/app/src/main/res/drawable/rn_edit_text_material.xml
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright (C) 2014 The Android Open Source Project
+
+     Licensed under the Apache License, Version 2.0 (the "License");
+     you may not use this file except in compliance with the License.
+     You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+     Unless required by applicable law or agreed to in writing, software
+     distributed under the License is distributed on an "AS IS" BASIS,
+     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     See the License for the specific language governing permissions and
+     limitations under the License.
+-->
+<inset xmlns:android="http://schemas.android.com/apk/res/android"
+       android:insetLeft="@dimen/abc_edit_text_inset_horizontal_material"
+       android:insetRight="@dimen/abc_edit_text_inset_horizontal_material"
+       android:insetTop="@dimen/abc_edit_text_inset_top_material"
+       android:insetBottom="@dimen/abc_edit_text_inset_bottom_material"
+       >
+
+    <selector>
+        <!--
+          This file is a copy of abc_edit_text_material (https://bit.ly/3k8fX7I).
+          The item below with state_pressed="false" and state_focused="false" causes a NullPointerException.
+          NullPointerException:tempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)'
+
+          <item android:state_pressed="false" android:state_focused="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
+
+          For more info, see https://bit.ly/3CdLStv (react-native/pull/29452) and https://bit.ly/3nxOMoR.
+        -->
+        <item android:state_enabled="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
+        <item android:drawable="@drawable/abc_textfield_activated_mtrl_alpha"/>
+    </selector>
+
+</inset>
--- a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
+++ b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
--- a/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
+++ b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
--- a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
+++ b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
--- a/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
+++ b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
--- a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
+++ b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
--- a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
+++ b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
--- a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
+++ b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
--- a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
+++ b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
--- a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
+++ b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
--- a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
+++ b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
--- a/android/app/src/main/res/values/strings.xml
+++ b/android/app/src/main/res/values/strings.xml
@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">Jellify</string>
+</resources>
--- a/android/app/src/main/res/values/styles.xml
+++ b/android/app/src/main/res/values/styles.xml
@@ -0,0 +1,9 @@
+<resources>
+
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
+        <!-- Customize your theme here. -->
+        <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
+    </style>
+
+</resources>
--- a/android/app/src/main/res/xml/automotive_app_desc.xml
+++ b/android/app/src/main/res/xml/automotive_app_desc.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<automotiveApp>
+  <uses name="template" />
+</automotiveApp>
--- a/android/build.gradle
+++ b/android/build.gradle
@@ -0,0 +1,21 @@
+buildscript {
+    ext {
+        buildToolsVersion = "35.0.0"
+        minSdkVersion = 24
+        compileSdkVersion = 35
+        targetSdkVersion = 34
+        ndkVersion = "27.1.12297006"
+        kotlinVersion = "2.0.21"
+    }
+    repositories {
+        google()
+        mavenCentral()
+    }
+    dependencies {
+        classpath("com.android.tools.build:gradle")
+        classpath("com.facebook.react:react-native-gradle-plugin")
+        classpath("org.jetbrains.kotlin:kotlin-gradle-plugin")
+    }
+}
+
+apply plugin: "com.facebook.react.rootproject"
--- a/android/fastlane/Appfile
+++ b/android/fastlane/Appfile
@@ -0,0 +1,2 @@
+json_key_file("") # Path to the json secret file - Follow https://docs.fastlane.tools/actions/supply/#setup to get one
+package_name("com.cosmonautical.jellify") # e.g. com.krausefx.app
--- a/android/fastlane/Fastfile
+++ b/android/fastlane/Fastfile
@@ -0,0 +1,37 @@
+# This file contains the fastlane.tools configuration
+# You can find the documentation at https://docs.fastlane.tools
+#
+# For a list of all available actions, check out
+#
+#     https://docs.fastlane.tools/actions
+#
+# For a list of all available plugins, check out
+#
+#     https://docs.fastlane.tools/plugins/available-plugins
+#
+
+# Uncomment the line if you want fastlane to automatically update itself
+# update_fastlane
+
+default_platform(:android)
+
+platform :android do
+  desc "Runs all the tests"
+  lane :test do
+    gradle(task: "test")
+  end
+
+  lane :build do
+    gradle(task: "clean assembleRelease")
+    crashlytics
+  
+    # sh "your_script.sh"
+    # You can also use other beta testing services here
+  end
+
+  desc "Deploy a new version to the Google Play"
+  lane :deploy do
+    gradle(task: "clean assembleRelease")
+    upload_to_play_store
+  end
+end
--- a/android/gradle.properties
+++ b/android/gradle.properties
@@ -0,0 +1,39 @@
+# Project-wide Gradle settings.
+
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+# Default value: -Xmx512m -XX:MaxMetaspaceSize=256m
+org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
+
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true
+
+# AndroidX package structure to make it clearer which packages are bundled with the
+# Android operating system, and which are packaged with your app's APK
+# https://developer.android.com/topic/libraries/support-library/androidx-rn
+android.useAndroidX=true
+
+# Use this property to specify which architecture you want to build.
+# You can also override it from the CLI using
+# ./gradlew <task> -PreactNativeArchitectures=x86_64
+reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
+
+# Use this property to enable support to the new architecture.
+# This will allow you to use TurboModules and the Fabric render in
+# your application. You should enable this flag either if you want
+# to write custom TurboModules/Fabric components OR use libraries that
+# are providing them.
+newArchEnabled=false
+
+# Use this property to enable or disable the Hermes JS engine.
+# If set to false, you will be using JSC instead.
+hermesEnabled=true
--- a/android/gradle/wrapper/gradle-wrapper.jar
+++ b/android/gradle/wrapper/gradle-wrapper.jar
--- a/android/gradle/wrapper/gradle-wrapper.properties
+++ b/android/gradle/wrapper/gradle-wrapper.properties
@@ -0,0 +1,7 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.10.2-all.zip
+networkTimeout=10000
+validateDistributionUrl=true
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
--- a/android/gradlew
+++ b/android/gradlew
@@ -0,0 +1,249 @@
+#!/bin/sh
+
+#
+# Copyright © 2015-2021 the original authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+##############################################################################
+#
+#   Gradle start up script for POSIX generated by Gradle.
+#
+#   Important for running:
+#
+#   (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
+#       noncompliant, but you have some other compliant shell such as ksh or
+#       bash, then to run this script, type that shell name before the whole
+#       command line, like:
+#
+#           ksh Gradle
+#
+#       Busybox and similar reduced shells will NOT work, because this script
+#       requires all of these POSIX shell features:
+#         * functions;
+#         * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
+#           «${var#prefix}», «${var%suffix}», and «$( cmd )»;
+#         * compound commands having a testable exit status, especially «case»;
+#         * various built-in commands including «command», «set», and «ulimit».
+#
+#   Important for patching:
+#
+#   (2) This script targets any POSIX shell, so it avoids extensions provided
+#       by Bash, Ksh, etc; in particular arrays are avoided.
+#
+#       The "traditional" practice of packing multiple parameters into a
+#       space-separated string is a well documented source of bugs and security
+#       problems, so this is (mostly) avoided, by progressively accumulating
+#       options in "$@", and eventually passing that to Java.
+#
+#       Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
+#       and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
+#       see the in-line comments for details.
+#
+#       There are tweaks for specific operating systems such as AIX, CygWin,
+#       Darwin, MinGW, and NonStop.
+#
+#   (3) This script is generated from the Groovy template
+#       https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
+#       within the Gradle project.
+#
+#       You can find Gradle at https://github.com/gradle/gradle/.
+#
+##############################################################################
+
+# Attempt to set APP_HOME
+
+# Resolve links: $0 may be a link
+app_path=$0
+
+# Need this for daisy-chained symlinks.
+while
+    APP_HOME=${app_path%"${app_path##*/}"}  # leaves a trailing /; empty if no leading path
+    [ -h "$app_path" ]
+do
+    ls=$( ls -ld "$app_path" )
+    link=${ls#*' -> '}
+    case $link in             #(
+      /*)   app_path=$link ;; #(
+      *)    app_path=$APP_HOME$link ;;
+    esac
+done
+
+# This is normally unused
+# shellcheck disable=SC2034
+APP_BASE_NAME=${0##*/}
+# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
+APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s' "$PWD") || exit
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD=maximum
+
+warn () {
+    echo "$*"
+} >&2
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+} >&2
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "$( uname )" in                #(
+  CYGWIN* )         cygwin=true  ;; #(
+  Darwin* )         darwin=true  ;; #(
+  MSYS* | MINGW* )  msys=true    ;; #(
+  NONSTOP* )        nonstop=true ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD=$JAVA_HOME/jre/sh/java
+    else
+        JAVACMD=$JAVA_HOME/bin/java
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD=java
+    if ! command -v java >/dev/null 2>&1
+    then
+        die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+fi
+
+# Increase the maximum file descriptors if we can.
+if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
+    case $MAX_FD in #(
+      max*)
+        # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        MAX_FD=$( ulimit -H -n ) ||
+            warn "Could not query maximum file descriptor limit"
+    esac
+    case $MAX_FD in  #(
+      '' | soft) :;; #(
+      *)
+        # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        ulimit -n "$MAX_FD" ||
+            warn "Could not set maximum file descriptor limit to $MAX_FD"
+    esac
+fi
+
+# Collect all arguments for the java command, stacking in reverse order:
+#   * args from the command line
+#   * the main class name
+#   * -classpath
+#   * -D...appname settings
+#   * --module-path (only if needed)
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if "$cygwin" || "$msys" ; then
+    APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
+    CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
+
+    JAVACMD=$( cygpath --unix "$JAVACMD" )
+
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    for arg do
+        if
+            case $arg in                                #(
+              -*)   false ;;                            # don't mess with options #(
+              /?*)  t=${arg#/} t=/${t%%/*}              # looks like a POSIX filepath
+                    [ -e "$t" ] ;;                      #(
+              *)    false ;;
+            esac
+        then
+            arg=$( cygpath --path --ignore --mixed "$arg" )
+        fi
+        # Roll the args list around exactly as many times as the number of
+        # args, so each arg winds up back in the position where it started, but
+        # possibly modified.
+        #
+        # NB: a `for` loop captures its iteration list before it begins, so
+        # changing the positional parameters here affects neither the number of
+        # iterations, nor the values presented in `arg`.
+        shift                   # remove old arg
+        set -- "$@" "$arg"      # push replacement arg
+    done
+fi
+
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Collect all arguments for the java command:
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
+#     and any embedded shellness will be escaped.
+#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
+#     treated as '${Hostname}' itself on the command line.
+
+set -- \
+        "-Dorg.gradle.appname=$APP_BASE_NAME" \
+        -classpath "$CLASSPATH" \
+        org.gradle.wrapper.GradleWrapperMain \
+        "$@"
+
+# Stop when "xargs" is not available.
+if ! command -v xargs >/dev/null 2>&1
+then
+    die "xargs is not available"
+fi
+
+# Use "xargs" to parse quoted args.
+#
+# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
+#
+# In Bash we could simply go:
+#
+#   readarray ARGS < <( xargs -n1 <<<"$var" ) &&
+#   set -- "${ARGS[@]}" "$@"
+#
+# but POSIX shell has neither arrays nor command substitution, so instead we
+# post-process each arg (as a line of input to sed) to backslash-escape any
+# character that might be a shell metacharacter, then use eval to reverse
+# that process (while maintaining the separation between arguments), and wrap
+# the whole thing up as a single "set" statement.
+#
+# This will of course break if any of these variables contains a newline or
+# an unmatched quote.
+#
+
+eval "set -- $(
+        printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
+        xargs -n1 |
+        sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
+        tr '\n' ' '
+    )" '"$@"'
+
+exec "$JAVACMD" "$@"
--- a/android/gradlew.bat
+++ b/android/gradlew.bat
@@ -0,0 +1,92 @@
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%"=="" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%"=="" set DIRNAME=.
+@rem This is normally unused
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if %ERRORLEVEL% equ 0 goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
+
+:end
+@rem End local scope for the variables with windows NT shell
+if %ERRORLEVEL% equ 0 goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+set EXIT_CODE=%ERRORLEVEL%
+if %EXIT_CODE% equ 0 set EXIT_CODE=1
+if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
+exit /b %EXIT_CODE%
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
--- a/android/link-assets-manifest.json
+++ b/android/link-assets-manifest.json
@@ -0,0 +1,69 @@
+{
+  "migIndex": 1,
+  "data": [
+    {
+      "path": "assets/fonts/Aileron-Black.otf",
+      "sha1": "f9c3d80856ec2f23c8733b63edc9bd9d3051d999"
+    },
+    {
+      "path": "assets/fonts/Aileron-BlackItalic.otf",
+      "sha1": "ffb617e90f50dfe1eb2bd4df80736d55ccacbb73"
+    },
+    {
+      "path": "assets/fonts/Aileron-Bold.otf",
+      "sha1": "9daa863f1c9a0f9efacd19fe9329c0fb9332ca7a"
+    },
+    {
+      "path": "assets/fonts/Aileron-BoldItalic.otf",
+      "sha1": "13dbc6d1c10932eeacac7c680a7f71a25f6f821e"
+    },
+    {
+      "path": "assets/fonts/Aileron-Heavy.otf",
+      "sha1": "56a9def7cf4ad3efefec7485be8cd95a265ab1f6"
+    },
+    {
+      "path": "assets/fonts/Aileron-HeavyItalic.otf",
+      "sha1": "23255fa29564f9757f779ba29c1d5649c2bf4259"
+    },
+    {
+      "path": "assets/fonts/Aileron-Italic.otf",
+      "sha1": "338b043581d997314a4a03924ed30ff6461fd37e"
+    },
+    {
+      "path": "assets/fonts/Aileron-Light.otf",
+      "sha1": "bf29e850d4c6dc3c73e46eb322f367c81ca07aad"
+    },
+    {
+      "path": "assets/fonts/Aileron-LightItalic.otf",
+      "sha1": "48a4355b8792657845b3b0cd39c42994923a117a"
+    },
+    {
+      "path": "assets/fonts/Aileron-Regular.otf",
+      "sha1": "5a78965873fbce38941cd3da109280af89a42de5"
+    },
+    {
+      "path": "assets/fonts/Aileron-SemiBold.otf",
+      "sha1": "3c4affc8a57d6915e1255fd6c5312d1443bcc824"
+    },
+    {
+      "path": "assets/fonts/Aileron-SemiBoldItalic.otf",
+      "sha1": "46f85a5b66cf813651057ff2ed623527bdcd4b6f"
+    },
+    {
+      "path": "assets/fonts/Aileron-Thin.otf",
+      "sha1": "ee9d845c2b370a3ac00cfe402079233f8621ef9c"
+    },
+    {
+      "path": "assets/fonts/Aileron-ThinItalic.otf",
+      "sha1": "31db89d81d0f354cc67dfc53bad54be5bfd44214"
+    },
+    {
+      "path": "assets/fonts/Aileron-UltraLight.otf",
+      "sha1": "ee4b6ef0bb1606ef950ba9acca0e78bb2cc2dc24"
+    },
+    {
+      "path": "assets/fonts/Aileron-UltraLightItalic.otf",
+      "sha1": "8a34c35019102ac48f86fc0255d06c8ca05933d0"
+    }
+  ]
+}
--- a/android/settings.gradle
+++ b/android/settings.gradle
@@ -0,0 +1,6 @@
+pluginManagement { includeBuild("../node_modules/@react-native/gradle-plugin") }
+plugins { id("com.facebook.react.settings") }
+extensions.configure(com.facebook.react.ReactSettingsExtension){ ex -> ex.autolinkLibrariesFromCommand() }
+rootProject.name = 'Jellify'
+include ':app'
+includeBuild('../node_modules/@react-native/gradle-plugin')
--- a/api/client.ts
+++ b/api/client.ts
@@ -0,0 +1,171 @@
+import { Api } from "@jellyfin/sdk/lib/api";
+import { JellyfinInfo } from "./info";
+import { JellifyServer } from "../types/JellifyServer";
+import { JellifyUser } from "../types/JellifyUser";
+import { storage } from '../constants/storage';
+import { MMKVStorageKeys } from "../enums/mmkv-storage-keys";
+import uuid from 'react-native-uuid';
+import { JellifyLibrary } from "../types/JellifyLibrary";
+
+export default class Client {
+    static #instance: Client;
+
+    private api : Api | undefined = undefined;
+    private user : JellifyUser | undefined = undefined;
+    private server : JellifyServer | undefined = undefined;
+    private library : JellifyLibrary | undefined = undefined;
+    private sessionId : string = uuid.v4();
+
+    private constructor(
+        api?: Api | undefined, 
+        user?: JellifyUser | undefined, 
+        server?: JellifyServer | undefined, 
+        library?: JellifyLibrary | undefined
+    ) {
+
+        const userJson = storage.getString(MMKVStorageKeys.User)
+        const serverJson = storage.getString(MMKVStorageKeys.Server);
+        const libraryJson = storage.getString(MMKVStorageKeys.Library);
+
+        if (user)
+            this.setAndPersistUser(user)
+        else if (userJson)
+            this.user = JSON.parse(userJson)
+        else
+            this.user = undefined;
+        
+        if (server) 
+            this.setAndPersistServer(server)
+        else if (serverJson)
+            this.server = JSON.parse(serverJson);
+        else 
+            this.server = undefined;
+        
+        if (library)
+            this.setAndPersistLibrary(library)
+        else if (libraryJson)
+            this.library = JSON.parse(libraryJson)
+        else 
+            this.library = undefined;
+
+        if (api)
+            this.api = api
+        else if (this.user && this.server)
+            this.api = new Api(this.server.url, JellyfinInfo.clientInfo, JellyfinInfo.deviceInfo, this.user.accessToken);
+        else
+            this.api = undefined;
+    }
+
+    public static get instance(): Client {
+        if (!Client.#instance) {
+            Client.#instance = new Client();
+        }
+
+        return Client.#instance;
+    }
+
+    public static get api(): Api | undefined {
+        return Client.#instance.api;
+    }
+
+    public static get server(): JellifyServer | undefined {
+        return Client.#instance.server;
+    }
+
+    public static get user(): JellifyUser | undefined {
+        return Client.#instance.user;
+    }
+
+    public static get library(): JellifyLibrary | undefined {
+        return Client.#instance.library;
+    }
+
+    public static get sessionId(): string {
+        return Client.#instance.sessionId;
+    }
+
+    public static signOut(): void {
+        Client.#instance.removeCredentials()
+    }
+
+    public static switchServer() : void {
+        Client.#instance.removeServer();
+    }
+
+    public static switchUser(): void {
+        Client.#instance.removeUser();
+    }
+
+    public static setUser(user: JellifyUser): void {
+        Client.#instance.setAndPersistUser(user);
+    }
+
+    private setAndPersistUser(user: JellifyUser) {
+        this.user = user;
+
+        // persist user details
+        storage.set(MMKVStorageKeys.User, JSON.stringify(user));
+    }
+
+    private setAndPersistServer(server : JellifyServer) {
+        this.server = server;
+
+        storage.set(MMKVStorageKeys.Server, JSON.stringify(server));
+    }
+
+    private setAndPersistLibrary(library : JellifyLibrary) {
+        this.library = library;
+
+        storage.set(MMKVStorageKeys.Library, JSON.stringify(library))
+    }
+
+    private removeCredentials() {
+        this.library = undefined;
+        this.library = undefined;
+        this.server = undefined;
+        this.user = undefined;
+
+        storage.delete(MMKVStorageKeys.Server)
+        storage.delete(MMKVStorageKeys.Library)
+        storage.delete(MMKVStorageKeys.User)
+    }
+
+    private removeServer() {
+        this.server = undefined;
+
+        storage.delete(MMKVStorageKeys.Server)
+    }
+
+    private removeUser() {
+        this.user = undefined;
+
+        storage.delete(MMKVStorageKeys.User)
+    }
+
+    /**
+     * Uses the jellifyClient to create a public Jellyfin API instance.
+     * @param serverUrl The URL of the Jellyfin server
+     * @returns 
+     */
+    public static setPublicApiClient(server : JellifyServer) : void {
+        const api = JellyfinInfo.createApi(server.url);
+
+        Client.#instance = new Client(api, undefined, server, undefined)
+    }
+
+    /**
+     * 
+     * @param serverUrl The URL of the Jellyfin server
+     * @param accessToken The assigned accessToken for the Jellyfin user
+     */
+    public static setPrivateApiClient(server : JellifyServer, user : JellifyUser) : void {
+        const api = JellyfinInfo.createApi(server.url, user.accessToken);
+
+        Client.#instance = new Client(api, user, server, undefined);
+    }
+
+    public static setLibrary(library : JellifyLibrary) : void {
+
+        Client.#instance = new Client(undefined, undefined, undefined, library);
+    }
+}
--- a/api/info.ts
+++ b/api/info.ts
@@ -0,0 +1,18 @@
+import { Jellyfin } from "@jellyfin/sdk";
+import { getModel, getUniqueIdSync } from "react-native-device-info";
+import { name, version } from "../package.json"
+import { capitalize } from "lodash";
+
+/**
+ * Client object that represents Jellify on the Jellyfin server.
+ */
+export const JellyfinInfo: Jellyfin = new Jellyfin({
+    clientInfo: {
+        name: capitalize(name),
+        version: version
+    },
+    deviceInfo: {
+        name: getModel(),
+        id: getUniqueIdSync()
+    }
+});
--- a/api/mutations/functions/playlists.ts
+++ b/api/mutations/functions/playlists.ts
@@ -0,0 +1,22 @@
+import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
+import Client from "../../../api/client";
+import { getPlaylistsApi } from "@jellyfin/sdk/lib/utils/api";
+
+export async function addToPlaylist(track: BaseItemDto, playlist: BaseItemDto) {
+    return getPlaylistsApi(Client.api!)
+        .addItemToPlaylist({
+            ids: [
+                track.Id!
+            ],
+            playlistId: playlist.Id!
+        })
+}
+
+export async function reorderPlaylist(playlistId: string, itemId: string, to: number) {
+    return getPlaylistsApi(Client.api!)
+        .moveItem({
+            playlistId, 
+            itemId,
+            newIndex: to
+        });
+}
--- a/api/queries.ts
+++ b/api/queries.ts
@@ -0,0 +1,18 @@
+import { useQuery } from "@tanstack/react-query";
+import { QueryKeys } from "../enums/query-keys";
+import { createApi } from "./queries/functions/api";
+
+export const useApi = (serverUrl?: string, username?: string, password?: string, accessToken?: string) => useQuery({
+    queryKey: [QueryKeys.Api, serverUrl, username, password, accessToken],
+    queryFn: ({ queryKey }) => {
+
+        const serverUrl : string | undefined = queryKey[1];
+        const username : string | undefined = queryKey[2];
+        const password : string | undefined = queryKey[3];
+        const accessToken : string | undefined = queryKey[4];
+
+        return createApi(serverUrl, username, password, accessToken)
+    },
+    gcTime: 1000,
+    refetchInterval: false
+})
--- a/api/queries/artist.ts
+++ b/api/queries/artist.ts
@@ -0,0 +1,48 @@
+import { useQuery } from "@tanstack/react-query"
+import { QueryKeys } from "../../enums/query-keys"
+import { getItemsApi } from "@jellyfin/sdk/lib/utils/api"
+import { BaseItemKind, ItemSortBy, SortOrder } from "@jellyfin/sdk/lib/generated-client/models"
+import Client from "../client"
+
+export const useArtistAlbums = (artistId: string) => useQuery({
+    queryKey: [QueryKeys.ArtistAlbums, artistId],
+    queryFn: ({ queryKey }) => {
+        return getItemsApi(Client.api!).getItems({
+            includeItemTypes: [BaseItemKind.MusicAlbum],
+            recursive: true,
+            excludeItemIds: [queryKey[1] as string],
+            sortBy: [
+                ItemSortBy.PremiereDate,
+                ItemSortBy.ProductionYear,
+                ItemSortBy.SortName
+            ],
+            sortOrder: [SortOrder.Descending],
+            artistIds: [queryKey[1] as string],
+        })
+        .then((response) => {
+            return response.data.Items ? response.data.Items! : [];
+        })
+    }
+})
+
+
+export const useArtistFeaturedOnAlbums = (artistId: string) => useQuery({
+    queryKey: [QueryKeys.ArtistFeaturedAlbums, artistId],
+    queryFn: ({ queryKey }) => {
+        return getItemsApi(Client.api!).getItems({
+            includeItemTypes: [BaseItemKind.MusicAlbum],
+            recursive: true,
+            excludeItemIds: [queryKey[1] as string],
+            sortBy: [
+                ItemSortBy.PremiereDate,
+                ItemSortBy.ProductionYear,
+                ItemSortBy.SortName
+            ],
+            sortOrder: [ SortOrder.Descending ],
+            contributingArtistIds: [queryKey[1] as string]
+        })
+        .then((response) => {
+            return response.data.Items ? response.data.Items! : [];
+        })
+    }
+})
--- a/api/queries/favorites.ts
+++ b/api/queries/favorites.ts
@@ -0,0 +1,28 @@
+import { QueryKeys } from "../../enums/query-keys";
+import { useQuery } from "@tanstack/react-query";
+import { fetchFavoriteAlbums, fetchFavoriteArtists, fetchFavoritePlaylists, fetchFavoriteTracks, fetchUserData } from "./functions/favorites";
+
+export const useFavoriteArtists = () => useQuery({
+    queryKey: [QueryKeys.FavoriteArtists],
+    queryFn: () => fetchFavoriteArtists()
+});
+
+export const useFavoriteAlbums = () => useQuery({
+    queryKey: [QueryKeys.FavoriteAlbums],
+    queryFn: () => fetchFavoriteAlbums()
+});
+
+export const useFavoritePlaylists = () => useQuery({
+    queryKey: [QueryKeys.FavoritePlaylists],
+    queryFn: () => fetchFavoritePlaylists()
+});
+
+export const useFavoriteTracks = () => useQuery({
+    queryKey: [QueryKeys.FavoriteTracks],
+    queryFn: () => fetchFavoriteTracks()
+});
+
+export const useUserData = (itemId: string) => useQuery({
+    queryKey: [QueryKeys.UserData, itemId],
+    queryFn: () => fetchUserData(itemId)
+});
--- a/api/queries/functions/api.ts
+++ b/api/queries/functions/api.ts
@@ -0,0 +1,35 @@
+import { Api } from "@jellyfin/sdk";
+import { JellyfinInfo } from "../../info";
+import _ from "lodash";
+
+export function createApi(serverUrl?: string, username?: string, password?: string, accessToken?: string): Promise<Api> {
+    return new Promise(async (resolve, reject) => {
+
+        if (_.isUndefined(serverUrl)) {
+            console.info("Server Url doesn't exist yet")
+            return reject("Server Url doesn't exist");
+        }
+
+        if (!_.isUndefined(accessToken)) {
+            console.info("Creating API with accessToken")
+            return resolve(JellyfinInfo.createApi(serverUrl, accessToken));
+        }
+                
+
+        if (_.isUndefined(username) && _.isUndefined(password)) {
+
+            console.info("Creating public API for server url")
+            return resolve(JellyfinInfo.createApi(serverUrl));
+        }
+
+        console.log("Signing into Jellyfin")
+        let authResult = await JellyfinInfo.createApi(serverUrl).authenticateUserByName(username!, password);
+
+        if (authResult.data.AccessToken) {
+            console.info("Signed into Jellyfin successfully")
+            return resolve(JellyfinInfo.createApi(serverUrl, authResult.data.AccessToken));
+        }
+
+        return reject("Unable to sign in");
+    });
+}
--- a/api/queries/functions/downloads.ts
+++ b/api/queries/functions/downloads.ts
@@ -0,0 +1,26 @@
+import { Dirs, FileSystem } from "react-native-file-access";
+import Client from "../../../api/client";
+import { getLibraryApi } from "@jellyfin/sdk/lib/utils/api";
+
+export async function downloadTrack(itemId: string) : Promise<void> {
+
+    // Make sure downloads folder exists, create if it doesn't
+    if (!(await FileSystem.exists(`${Dirs.DocumentDir}/downloads`)))
+        await FileSystem.mkdir(`${Dirs.DocumentDir}/downloads`)
+
+    getLibraryApi(Client.api!)
+        .getDownload({
+            itemId
+        }, {
+            'responseType': 'blob'
+        })
+        .then(async (response) => {
+            if (response.status < 300) {
+                await FileSystem.writeFile(getTrackFilePath(itemId), response.data)
+            }
+        })
+}
+
+function getTrackFilePath(itemId: string) {
+    return `${Dirs.DocumentDir}/downloads/${itemId}`
+}
--- a/api/queries/functions/favorites.ts
+++ b/api/queries/functions/favorites.ts
@@ -0,0 +1,152 @@
+import Client from "../../client";
+import { BaseItemDto, BaseItemKind, ItemSortBy, SortOrder, UserItemDataDto } from "@jellyfin/sdk/lib/generated-client/models";
+import { getItemsApi } from "@jellyfin/sdk/lib/utils/api";
+
+export function fetchFavoriteArtists(): Promise<BaseItemDto[]> {
+    console.debug(`Fetching user's favorite artists`);
+
+    return new Promise(async (resolve, reject) => {
+        getItemsApi(Client.api!)
+            .getItems({
+                includeItemTypes: [
+                    BaseItemKind.MusicArtist
+                ],
+                isFavorite: true,
+                parentId: Client.library!.musicLibraryId,
+                recursive: true,
+                sortBy: [
+                    ItemSortBy.SortName
+                ],
+                sortOrder: [
+                    SortOrder.Ascending
+                ]
+            })
+            .then((response) => {
+                console.debug(`Received favorite artist response`, response);
+
+                if (response.data.Items)
+                    resolve(response.data.Items)
+                else
+                    resolve([]);
+            }).catch((error) => {
+                console.error(error);
+                reject(error);
+            })
+    })
+}
+
+export function fetchFavoriteAlbums(): Promise<BaseItemDto[]> {
+    console.debug(`Fetching user's favorite albums`);
+
+    return new Promise(async (resolve, reject) => {
+        getItemsApi(Client.api!)
+            .getItems({
+                includeItemTypes: [
+                    BaseItemKind.MusicAlbum
+                ],
+                isFavorite: true,
+                parentId: Client.library!.musicLibraryId!,
+                recursive: true,
+                sortBy: [
+                    ItemSortBy.DatePlayed,
+                    ItemSortBy.SortName
+                ],
+                sortOrder: [
+                    SortOrder.Descending,
+                    SortOrder.Ascending,
+                ]
+            })
+            .then((response) => {
+                console.debug(`Received favorite album response`, response);
+
+                if (response.data.Items)
+                    resolve(response.data.Items)
+                else
+                    resolve([]);
+            }).catch((error) => {
+                console.error(error);
+                reject(error);
+            })
+    })
+}
+
+export function fetchFavoritePlaylists(): Promise<BaseItemDto[]> {
+    console.debug(`Fetching user's favorite playlists`);
+
+    return new Promise(async (resolve, reject) => {
+        getItemsApi(Client.api!)
+            .getItems({
+                userId: Client.user!.id,
+                parentId: Client.library!.playlistLibraryId,
+                fields: [
+                    "Path"
+                ],
+                sortBy: [
+                    ItemSortBy.SortName
+                ],
+                sortOrder: [
+                    SortOrder.Ascending
+                ]
+            })
+            .then((response) => {
+                if (response.data.Items)
+                    resolve(response.data.Items.filter(item =>
+                        item.UserData?.IsFavorite ||
+                        item.Path?.includes("/config/data/playlists")
+                    ))
+                else
+                    resolve([])
+            })
+            .catch((error) => {
+                console.error(error);
+                reject(error);
+            });
+    });
+}
+
+export function fetchFavoriteTracks(): Promise<BaseItemDto[]> {
+    console.debug(`Fetching user's favorite tracks`);
+
+    return new Promise(async (resolve, reject) => {
+        getItemsApi(Client.api!)
+            .getItems({
+                includeItemTypes: [
+                    BaseItemKind.Audio
+                ],
+                isFavorite: true,
+                parentId: Client.library!.musicLibraryId,
+                recursive: true,
+                sortBy: [
+                    ItemSortBy.SortName
+                ],
+                sortOrder: [
+                    SortOrder.Ascending
+                ]
+            })
+            .then((response) => {
+                console.debug(`Received favorite artist response`, response);
+
+                if (response.data.Items)
+                    resolve(response.data.Items)
+                else
+                    resolve([]);
+            }).catch((error) => {
+                console.error(error);
+                reject(error);
+            })
+    })
+}
+
+export function fetchUserData(itemId: string): Promise<UserItemDataDto> {
+    return new Promise(async (resolve, reject) => {
+        getItemsApi(Client.api!)
+            .getItemUserData({
+                itemId
+            }).then((response) => {
+                resolve(response.data)
+            }).catch((error) => {
+                console.error(error);
+                reject(error);
+            })
+    });
+}
--- a/api/queries/functions/images.ts
+++ b/api/queries/functions/images.ts
@@ -0,0 +1,60 @@
+import { ImageFormat, ImageType } from "@jellyfin/sdk/lib/generated-client/models"
+import { getImageApi } from "@jellyfin/sdk/lib/utils/api"
+import _ from "lodash"
+import Client from "../../../api/client"
+import { Dirs, FileSystem } from 'react-native-file-access'
+
+export function fetchItemImage(itemId: string, imageType: ImageType = ImageType.Primary, width: number = 150, height: number = 150) {
+    
+    return new Promise<string>(async (resolve, reject) => {
+
+        // Make sure images folder exists in cache, create if it doesn't
+        if (!(await FileSystem.exists(`${Dirs.CacheDir}/images`)))
+            await FileSystem.mkdir(`${Dirs.CacheDir}/images`)
+
+        const existingImage = await FileSystem.exists(getImageFilePath(itemId, width, height, imageType));
+
+        if (existingImage)
+            resolve(await FileSystem.readFile(getImageFilePath(itemId, width, height, imageType)));
+        else
+            getImageApi(Client.api!)
+                .getItemImage({
+                    itemId,
+                    imageType,
+                    width: Math.ceil(width) * 2,
+                    height: Math.ceil(width) * 2,
+                    format: ImageFormat.Png
+                },
+                {
+                    responseType: 'blob',
+                })
+            .then(async (response) => {
+
+                if (response.status < 300) {
+
+
+                    FileSystem.writeFile(getImageFilePath(itemId, width, height, imageType), await blobToBase64(response.data))
+                    .then(async () => {
+                        resolve(await FileSystem.readFile(getImageFilePath(itemId, width, height, imageType)));
+                    })
+                } else {
+                    reject();
+                }
+            }).catch((error) => {
+                console.error(error);
+                reject(error);
+            })
+    });
+}
+
+function getImageFilePath(itemId: string, width: number, height: number, imageType: ImageType) {
+    return `${Dirs.CacheDir}/images/${itemId}_${imageType}_${width}x${height}.png`
+}
+
+function blobToBase64(blob : Blob) {
+    return new Promise<string>((resolve, _) => {
+      const reader = new FileReader();
+      reader.onloadend = () => resolve(reader.result as string);
+      reader.readAsDataURL(blob);
+    });
+  }
--- a/api/queries/functions/item.ts
+++ b/api/queries/functions/item.ts
@@ -0,0 +1,20 @@
+import Client from "../../../api/client";
+import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
+import { getItemsApi } from "@jellyfin/sdk/lib/utils/api";
+
+export async function fetchItem(itemId: string) : Promise<BaseItemDto> {
+    return new Promise((resolve, reject) => {
+        getItemsApi(Client.api!)
+            .getItems({
+                ids: [
+                    itemId
+                ]
+            })
+            .then((response) => {
+                if (response.data.Items && response.data.TotalRecordCount == 1)
+                    resolve(response.data.Items[0])
+                else
+                    reject(`${response.data.TotalRecordCount} items returned for ID`);
+            })
+    });
+}
--- a/api/queries/functions/libraries.ts
+++ b/api/queries/functions/libraries.ts
@@ -0,0 +1,54 @@
+import Client from "../../client";
+import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
+import { getItemsApi } from "@jellyfin/sdk/lib/utils/api/items-api";
+import { isUndefined } from "lodash";
+
+
+export function fetchMusicLibraries(): Promise<BaseItemDto[]> {
+    return new Promise(async (resolve, reject) => {
+        console.debug("Fetching music libraries from Jellyfin");
+        
+        let libraries = await getItemsApi(Client.api!).getItems({ 
+            includeItemTypes: ['CollectionFolder'] 
+        });
+
+        if (isUndefined(libraries.data.Items)) {
+            console.warn("No libraries found on Jellyfin");
+            return reject("No libraries found on Jellyfin");
+        }
+
+        let musicLibraries = libraries.data.Items!.filter(library => 
+            library.CollectionType == 'music');
+        
+        return resolve(musicLibraries);
+    });
+}
+
+export function fetchPlaylistLibrary(): Promise<BaseItemDto> {
+    return new Promise(async (resolve, reject) => {
+        console.debug("Fetching playlist library from Jellyfin");
+        
+        let libraries = await getItemsApi(Client.api!).getItems({ 
+            includeItemTypes: ['ManualPlaylistsFolder'], 
+            excludeItemTypes: ['CollectionFolder'] 
+        });
+
+        if (isUndefined(libraries.data.Items)) {
+            console.warn("No playlist libraries found on Jellyfin");
+            return reject("No playlist libraries found on Jellyfin");
+        }
+
+        console.debug("Playlist libraries", libraries.data.Items!)
+
+        let playlistLibrary = libraries.data.Items!.filter(library => 
+            library.CollectionType == 'playlists'
+        )[0];
+
+        if (isUndefined(playlistLibrary)) {
+            console.warn("Playlist libary does not exist on server");
+            return reject("Playlist library does not exist on server");
+        }
+        
+        return resolve(playlistLibrary);
+    })
+}
--- a/api/queries/functions/playlists.ts
+++ b/api/queries/functions/playlists.ts
@@ -0,0 +1,65 @@
+import Client from "../../client";
+import { BaseItemDto, ItemSortBy, SortOrder } from "@jellyfin/sdk/lib/generated-client/models";
+import { getItemsApi } from "@jellyfin/sdk/lib/utils/api";
+
+export function fetchUserPlaylists(): Promise<BaseItemDto[]> {
+    console.debug("Fetching user playlists");
+
+    return new Promise(async (resolve, reject) => {
+        getItemsApi(Client.api!)
+            .getItems({
+                userId: Client.user!.id,
+                parentId: Client.library!.playlistLibraryId!,
+                fields: [
+                    "Path"
+                ],
+                sortBy: [
+                    ItemSortBy.IsFolder,
+                    ItemSortBy.SortName
+                ],
+                sortOrder: [
+                    SortOrder.Ascending
+                ]
+            })
+            .then((response) => {
+                if (response.data.Items)
+                    resolve(response.data.Items.filter(playlist => 
+                        playlist.Path?.includes("/config/data/playlists")
+                    ))
+                else 
+                    resolve([]);
+            })
+            .catch((error) => {
+                console.error(error);
+                reject(error)
+            })
+    })
+}
+
+export function fetchPublicPlaylists(): Promise<BaseItemDto[]> {
+    console.debug("Fetching public playlists");
+
+    return new Promise(async (resolve, reject) => {
+        getItemsApi(Client.api!)
+            .getItems({
+                parentId: Client.library!.playlistLibraryId!,
+                sortBy: [
+                    ItemSortBy.IsFolder,
+                    ItemSortBy.SortName
+                ],
+                sortOrder: [
+                    SortOrder.Ascending
+                ]
+            })
+            .then((response) => {
+                if (response.data.Items)
+                    resolve(response.data.Items.filter(playlist => !playlist.Path?.includes("/config/data/playlists")))
+                else 
+                    resolve([]);
+            })
+            .catch((error) => {
+                console.error(error);
+                reject(error)
+            })
+    })
+}
--- a/api/queries/functions/recents.ts
+++ b/api/queries/functions/recents.ts
@@ -0,0 +1,53 @@
+import { BaseItemDto, BaseItemKind, ItemSortBy, SortOrder } from "@jellyfin/sdk/lib/generated-client/models";
+import { getItemsApi } from "@jellyfin/sdk/lib/utils/api/items-api";
+import { QueryConfig } from "../query.config";
+import Client from "../../client";
+
+export function fetchRecentlyPlayed(): Promise<BaseItemDto[]> {
+
+    console.debug("Fetching recently played items");
+
+    return new Promise(async (resolve, reject) => {
+        getItemsApi(Client.api!)
+        .getItems({ 
+            includeItemTypes: [
+                BaseItemKind.Audio
+            ],
+            limit: QueryConfig.limits.recents,
+            parentId: Client.library!.musicLibraryId, 
+            recursive: true,
+            sortBy: [ 
+                ItemSortBy.DatePlayed 
+            ], 
+            sortOrder: [
+                SortOrder.Descending
+            ],
+        })
+        .then((response) => {
+
+            console.debug("Received recently played items response");
+
+            if (response.data.Items)
+                resolve(response.data.Items);
+            else
+                resolve([]);
+            
+        }).catch((error) => {
+            console.error(error);
+            reject(error);
+        })
+    })
+}
+
+export function fetchRecentlyPlayedArtists() : Promise<BaseItemDto[]> {
+    return fetchRecentlyPlayed()
+        .then((tracks) => {
+            return getItemsApi(Client.api!)
+                .getItems({ 
+                    ids: tracks.map(track => track.ArtistItems![0].Id!) 
+                })
+                .then((recentArtists) => {
+                    return recentArtists.data.Items!
+                });
+        });
+}
--- a/api/queries/functions/search.ts
+++ b/api/queries/functions/search.ts
@@ -0,0 +1,43 @@
+import Client from "../../../api/client";
+import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
+import { getItemsApi } from "@jellyfin/sdk/lib/utils/api";
+import { isEmpty, trim } from "lodash";
+import { QueryConfig } from "../query.config";
+
+/**
+ * Performs a search for items against the Jellyfin server, trimming whitespace
+ * around the search term for the best possible results.
+ * @param searchString The search term to look up against
+ * @returns A promise of a BaseItemDto array, be it empty or not
+ */
+export async function fetchSearchResults(searchString: string | undefined) : Promise<BaseItemDto[]> {
+    return new Promise((resolve, reject) => {
+
+        console.debug("Searching Jellyfin for items")
+
+        if (isEmpty(searchString))
+            resolve([]);
+
+        getItemsApi(Client.api!)
+            .getItems({
+                searchTerm: trim(searchString),
+                recursive: true,
+                includeItemTypes: [
+                    'Audio',
+                    'MusicAlbum',
+                    'MusicArtist',
+                    'Playlist'
+                ],
+                limit: QueryConfig.limits.search
+            })
+            .then((response) => {
+                if (response.data.Items)
+                    resolve(response.data.Items)
+                else
+                    resolve([]);
+            })
+            .catch((error) => {
+                reject(error)
+            });
+    })
+}
--- a/api/queries/functions/suggestions.ts
+++ b/api/queries/functions/suggestions.ts
@@ -0,0 +1,90 @@
+import Client from "../../../api/client";
+import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
+import { getSuggestionsApi } from "@jellyfin/sdk/lib/utils/api";
+
+export async function fetchSearchSuggestions() : Promise<BaseItemDto[]> {
+    return new Promise((resolve, reject) => {
+        getSuggestionsApi(Client.api!)
+            .getSuggestions({
+                userId: Client.user!.id,
+                type: [
+                    'MusicArtist',
+                    'MusicAlbum',
+                    'Audio',
+                    'Playlist'
+                ]
+            })
+            .then((response) => {
+                if (response.data.Items)
+                    resolve(response.data.Items)
+                else
+                    resolve([]);
+            })
+            .catch((error) => {
+                reject(error);
+            })
+    })
+}
+
+export async function fetchSuggestedArtists() : Promise<BaseItemDto[]> {
+    return new Promise((resolve, reject) => {
+        getSuggestionsApi(Client.api!)
+            .getSuggestions({
+                userId: Client.user!.id,
+                type: [
+                    'MusicArtist'
+                ]
+            })
+            .then((response) => {
+                if (response.data.Items)
+                    resolve(response.data.Items)
+                else
+                    resolve([]);
+            })
+            .catch((error) => {
+                reject(error);
+            })
+    })
+}
+
+export async function fetchSuggestedAlbums() : Promise<BaseItemDto[]> {
+    return new Promise((resolve, reject) => {
+        getSuggestionsApi(Client.api!)
+            .getSuggestions({
+                userId: Client.user!.id,
+                type: [
+                    'MusicAlbum'
+                ]
+            })
+            .then((response) => {
+                if (response.data.Items)
+                    resolve(response.data.Items)
+                else
+                    resolve([]);
+            })
+            .catch((error) => {
+                reject(error);
+            })
+    })
+}
+
+export async function fetchSuggestedTracks() : Promise<BaseItemDto[]> {
+    return new Promise((resolve, reject) => {
+        getSuggestionsApi(Client.api!)
+            .getSuggestions({
+                userId: Client.user!.id,
+                type: [
+                    'Audio'
+                ]
+            })
+            .then((response) => {
+                if (response.data.Items)
+                    resolve(response.data.Items)
+                else
+                    resolve([]);
+            })
+            .catch((error) => {
+                reject(error);
+            })
+    })
+}
--- a/api/queries/image.ts
+++ b/api/queries/image.ts
@@ -0,0 +1,11 @@
+import { useQuery } from "@tanstack/react-query";
+import { QueryKeys } from "../../enums/query-keys";
+import { fetchItemImage } from "./functions/images";
+import { ImageType } from "@jellyfin/sdk/lib/generated-client/models";
+
+export const useItemImage = (itemId: string, imageType?: ImageType, width?: number, height?: number) => useQuery({
+    queryKey: [QueryKeys.ItemImage, itemId, imageType, width, height],
+    queryFn: () => fetchItemImage(itemId, imageType, width, height),
+    staleTime: 1000 * 60, // One minute, these are stored on disk anyways
+    gcTime: 1000 * 60 * 60 // One hour, could be less maybe?
+});
--- a/api/queries/item.ts
+++ b/api/queries/item.ts
@@ -0,0 +1,8 @@
+import { useQuery } from "@tanstack/react-query";
+import { QueryKeys } from "../../enums/query-keys";
+import { fetchItem } from "./functions/item";
+
+export const useItem = (itemId: string) => useQuery({
+    queryKey: [QueryKeys.Item, itemId],
+    queryFn: () => fetchItem(itemId)
+});
--- a/api/queries/libraries.ts
+++ b/api/queries/libraries.ts
@@ -0,0 +1,13 @@
+import { QueryKeys } from "../../enums/query-keys";
+import { useQuery } from "@tanstack/react-query";
+import { fetchMusicLibraries, fetchPlaylistLibrary } from "./functions/libraries";
+
+export const useMusicLibraries = () => useQuery({
+    queryKey: [QueryKeys.Libraries],
+    queryFn: () => fetchMusicLibraries()
+});
+
+export const usePlaylistLibrary = () => useQuery({
+    queryKey: [QueryKeys.Playlist],
+    queryFn: () => fetchPlaylistLibrary()
+});
--- a/api/queries/playlist.ts
+++ b/api/queries/playlist.ts
@@ -0,0 +1,15 @@
+import { QueryKeys } from "../../enums/query-keys";
+import { useQuery } from "@tanstack/react-query";
+import { fetchUserPlaylists } from "./functions/playlists";
+import { fetchFavoritePlaylists } from "./functions/favorites";
+
+export const useFavoritePlaylists = () => useQuery({
+    queryKey: [QueryKeys.FavoritePlaylists],
+    queryFn: () => fetchFavoritePlaylists()
+});
+
+export const useUserPlaylists = () => useQuery({
+    queryKey: [QueryKeys.UserPlaylists],
+    queryFn: () => fetchUserPlaylists()
+});
+
--- a/api/queries/query.config.ts
+++ b/api/queries/query.config.ts
@@ -0,0 +1,33 @@
+import { ImageFormat } from "@jellyfin/sdk/lib/generated-client/models";
+
+export const QueryConfig = {
+    limits: {
+        recents: 50, // TODO: Adjust this when we add a list navigator to the end of the recents
+        search: 25,
+    },
+    images: {
+        height: 300,
+        width: 300,
+        format: ImageFormat.Jpg
+    },
+    banners: {
+        fillHeight: 300,
+        fillWidth: 1000,
+        format: ImageFormat.Jpg,
+    },
+    logos: {
+        fillHeight: 50,
+        fillWidth: 300,
+        format: ImageFormat.Png
+    },
+    playerArtwork: {
+        height: 1000,
+        width: 1000,
+        format: ImageFormat.Jpg
+    },
+    staleTime: {
+        oneDay: 1000 * 60 * 60 * 24, // 1 Day
+        oneWeek: 1000 * 60 * 60 * 24 * 7, // 7 Days
+        oneFortnight: 1000 * 60 * 60 * 24 * 7 * 14 // 14 Days
+    }
+}
--- a/api/queries/recently-played.ts
+++ b/api/queries/recently-played.ts
@@ -0,0 +1,13 @@
+import { useQuery } from "@tanstack/react-query";
+import { QueryKeys } from "../../enums/query-keys";
+import { fetchRecentlyPlayed, fetchRecentlyPlayedArtists } from "./functions/recents";
+
+export const useRecentlyPlayed = () => useQuery({
+    queryKey: [QueryKeys.RecentlyPlayed],
+    queryFn: () => fetchRecentlyPlayed()
+});
+
+export const useRecentlyPlayedArtists = () => useQuery({
+    queryKey: [QueryKeys.RecentlyPlayedArtists],
+    queryFn: () => fetchRecentlyPlayedArtists()
+});
--- a/api/queries/suggestions.ts
+++ b/api/queries/suggestions.ts
@@ -0,0 +1,8 @@
+import { QueryKeys } from "../../enums/query-keys";
+import { useQuery } from "@tanstack/react-query";
+import { fetchSearchSuggestions } from "./functions/suggestions";
+
+export const useSearchSuggestions = () => useQuery({
+    queryKey: [QueryKeys.SearchSuggestions],
+    queryFn: () => fetchSearchSuggestions()
+})
--- a/api/queries/tracks.ts
+++ b/api/queries/tracks.ts
@@ -0,0 +1,32 @@
+import { QueryKeys } from "../../enums/query-keys";
+import { ItemSortBy } from "@jellyfin/sdk/lib/generated-client/models/item-sort-by";
+import { getItemsApi } from "@jellyfin/sdk/lib/utils/api/items-api";
+import { useQuery } from "@tanstack/react-query";
+import { QueryConfig } from "./query.config";
+import Client from "../client";
+
+export const useItemTracks = (itemId: string, sort: boolean = false) => useQuery({
+    queryKey: [QueryKeys.ItemTracks, itemId, sort],
+    queryFn: () => {
+
+        console.debug(`Fetching item tracks ${sort ? "sorted" : "unsorted"}`)
+
+        let sortBy: ItemSortBy[] = [];
+
+        if (sort) {
+            sortBy = [
+                ItemSortBy.ParentIndexNumber,
+                ItemSortBy.IndexNumber,
+                ItemSortBy.SortName
+            ]
+        }
+
+        return getItemsApi(Client.api!).getItems({
+            parentId: itemId,
+            sortBy
+        })
+        .then((response) => {
+            return response.data.Items ? response.data.Items! : [];
+        })
+    },
+})
--- a/api/types/jellyfin-credentials.ts
+++ b/api/types/jellyfin-credentials.ts
@@ -0,0 +1,12 @@
+
+export class JellyfinCredentials {
+    username: string;
+    password?: string | undefined;
+    accessToken?: string | undefined;
+
+    constructor(username: string, password?: string | undefined, accessToken?: string | undefined) {
+        this.username = username;
+        this.password = password;
+        this.accessToken = accessToken;
+    }
+}
--- a/app.json
+++ b/app.json
@@ -0,0 +1,4 @@
+{
+  "name": "Jellify",
+  "displayName": "Jellify"
+}
--- a/asset-manifest.json
+++ b/asset-manifest.json
@@ -1,16 +0,0 @@
-{
-  "files": {
-    "main.css": "/jellify/static/css/main.f855e6bc.css",
-    "main.js": "/jellify/static/js/main.aacb5a88.js",
-    "static/js/453.9e651822.chunk.js": "/jellify/static/js/453.9e651822.chunk.js",
-    "static/media/logo.svg": "/jellify/static/media/logo.6ce24c58023cc2f8fd88fe9d219db6c6.svg",
-    "index.html": "/jellify/index.html",
-    "main.f855e6bc.css.map": "/jellify/static/css/main.f855e6bc.css.map",
-    "main.aacb5a88.js.map": "/jellify/static/js/main.aacb5a88.js.map",
-    "453.9e651822.chunk.js.map": "/jellify/static/js/453.9e651822.chunk.js.map"
-  },
-  "entrypoints": [
-    "static/css/main.f855e6bc.css",
-    "static/js/main.aacb5a88.js"
-  ]
-}
--- a/assets/fonts/Aileron-Black.otf
+++ b/assets/fonts/Aileron-Black.otf
--- a/assets/fonts/Aileron-BlackItalic.otf
+++ b/assets/fonts/Aileron-BlackItalic.otf
--- a/assets/fonts/Aileron-Bold.otf
+++ b/assets/fonts/Aileron-Bold.otf
--- a/assets/fonts/Aileron-BoldItalic.otf
+++ b/assets/fonts/Aileron-BoldItalic.otf
--- a/assets/fonts/Aileron-Heavy.otf
+++ b/assets/fonts/Aileron-Heavy.otf
--- a/assets/fonts/Aileron-HeavyItalic.otf
+++ b/assets/fonts/Aileron-HeavyItalic.otf
--- a/assets/fonts/Aileron-Italic.otf
+++ b/assets/fonts/Aileron-Italic.otf
--- a/assets/fonts/Aileron-Light.otf
+++ b/assets/fonts/Aileron-Light.otf
--- a/assets/fonts/Aileron-LightItalic.otf
+++ b/assets/fonts/Aileron-LightItalic.otf
--- a/assets/fonts/Aileron-Regular.otf
+++ b/assets/fonts/Aileron-Regular.otf
--- a/assets/fonts/Aileron-SemiBold.otf
+++ b/assets/fonts/Aileron-SemiBold.otf
--- a/assets/fonts/Aileron-SemiBoldItalic.otf
+++ b/assets/fonts/Aileron-SemiBoldItalic.otf
--- a/assets/fonts/Aileron-Thin.otf
+++ b/assets/fonts/Aileron-Thin.otf
--- a/assets/fonts/Aileron-ThinItalic.otf
+++ b/assets/fonts/Aileron-ThinItalic.otf
--- a/assets/fonts/Aileron-UltraLight.otf
+++ b/assets/fonts/Aileron-UltraLight.otf
--- a/assets/fonts/Aileron-UltraLightItalic.otf
+++ b/assets/fonts/Aileron-UltraLightItalic.otf
--- a/assets/icon_1024pt_1x.jpg
+++ b/assets/icon_1024pt_1x.jpg
--- a/assets/icon_20pt_2x.jpg
+++ b/assets/icon_20pt_2x.jpg
--- a/assets/icon_20pt_3x.jpg
+++ b/assets/icon_20pt_3x.jpg
--- a/Show More
+++ b/Show More