share btn

README.md

@@ -4,13 +4,9 @@
 
 ### Log in with your spotify account to rank your favorite artists' albums, singles & more.
 
-- Welcome to Kyle's Spotify Discography Ranker. This application will allow you to log in with your
+- Welcome to songrank.dev. This application will allow you to log in with your
     spotify account and rank your favorite artists' entire discography. This is not a bracket style ranking system.
     We use a merge-sort type algorithm to rank every possible combination of tracks as efficently as possible.
 - This application isn't limited to an artists' entire discography either, you can rank indivdual albums, a set
     of albums, just singles, etc. You can filter down your favorite artists' songs to just the ones you want to rank.
 - After you've finished a ranking, feel free to share your finalized list with friends, download the list & more.
-
-### TODO
-- monitize it somehow
-- loader for when artist has a lot of songs

app/Notifications/EmailBlastNotification.php

@@ -20,7 +20,7 @@ public function toMail(object $notifiable): MailMessage
     {
         return (new MailMessage)->markdown('emails.email-blast', [
             'notifiable' => $notifiable
-        ])->subject("Kyle's Song Rank - V 1.3 available now!");
+        ])->subject("songrank.dev - V 1.4 available now!");
     }
 
     /**

bootstrap/app.php

@@ -27,12 +27,6 @@
         $middleware->throttleApi();
     })
     ->withSchedule(function (Schedule $schedule) {
-        $schedule
-            ->call(fn() => new RankingReminderCommand())
-            ->timezone('America/New_York')
-            ->weeklyOn(1, '12:00')
-            ->emailOutputOnFailure(env("FAILURE_EMAIL"));
     })
     ->withExceptions(function (Exceptions $exceptions) {
-        //
     })->create();

resources/js/app.js

@@ -18,6 +18,7 @@ import SongListItem from './components/RankSetup/SongListItem.vue';
 import Profile from './components/Profile.vue';
 import EditRanking from './components/RankSetup/EditRanking.vue';
 import Logo from './components/Spotify/Logo.vue';
+import Share from './components/Share.vue';
 
 import Explorer from './components/Explore/Explorer.vue';
 import ExploreItem from './components/Explore/ExploreItem.vue';
@@ -46,6 +47,7 @@ app.component('songlistitem', SongListItem);
 app.component('profile', Profile);
 app.component('editranking', EditRanking);
 app.component('spotify-logo', Logo);
+app.component('share', Share);
 app.component('explorer', Explorer);
 app.component('exploreitem', ExploreItem);
 app.component('explore-artist-name', ArtistName);

resources/js/components/About.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="bg-white border border-zinc-800 rounded-lg p-4">
         <p class="p-2">
-            Welcome to Kyle's Spotify Discography Ranker. This application will allow you to log in with your
+            Welcome to songrank.dev. This application will allow you to log in with your
             spotify account and rank your favorite artists' entire discography. This is not a bracket style ranking system.
             I've built a user-driven merge-sort algorithm to rank every possible combination of tracks as efficently as possible.
         </p>
@@ -14,7 +14,7 @@
         </p>
         <hr />
         <p class="p-2 italic text-xs mt-2">
-            For best experience, use this website on your computer.
+            While completly functional on mobile devices, for the best experience, use this website on your computer.
         </p>
     </div>
 

resources/js/components/Explore/Explorer.vue

@@ -1,6 +1,6 @@
 <template>
-    <div class="p-2 mb-2 md:pb-4" v-auto-animate>
-        <div class="flex flex-col sm:flex-row items-center w-full space-y-2 sm:space-y-0 sm:space-x-2">
+    <div class="flex justify-center p-2 mb-2 md:pb-4" v-auto-animate>
+        <div class="flex flex-col sm:flex-row items-center w-full md:w-1/2 space-y-2 sm:space-y-0 sm:space-x-2">
             <input 
                 class="w-full sm:flex-1 p-2 border border-zinc-800 rounded-md" 
                 type="text" 

resources/js/components/RankSetup/RankingSetup.vue

@@ -96,8 +96,6 @@
                 :src="cover" 
                 @click="loadSongs"
                 :alt="this.name"
-                width="272"
-                height="272"
             >
             <h5 class="mt-1">{{ this.name }}</h5>
             <spotify-logo :artistLink="this.id" />

resources/js/components/RankSetup/SpotifySearch.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="border border-zinc-800 rounded-lg p-2 mb-2 md:pb-4" v-auto-animate>
+    <div class="p-2 mb-2 md:pb-4" v-auto-animate>
         <div>
             <h5 class="md:text-xl mt-2 mb-4">
                 Search for an artist to rank to get started.

resources/js/components/Share.vue

@@ -0,0 +1,25 @@
+<template>
+    <a class="btn-primary p-2 m-2" @click="share" title="Share this list with your friends!">
+        <i class="fa fa-solid fa-share-from-square"></i>
+    </a>
+</template>
+<script>
+    export default {
+        methods: {
+            share() {
+                navigator.clipboard.writeText(window.location.href)
+                    .then(() => {
+                        this.flash('Success', 'Copied to clipboard!');
+                    })
+                    .catch(error => {
+                        this.flash("Something went wrong.", 'Could not copy to your clipbaord, try copy & pasting the URL manually.', 'error');
+                    });
+            }
+        }
+    }
+</script>
+<style>
+    a {
+        cursor: pointer;
+    }
+</style>

resources/views/emails/email-blast.blade.php

@@ -7,11 +7,12 @@
 @endif
 
 <p>
-    This email is to notify you that <a href="{{ env("APP_URL") }}">Song Rank</a> is now at version 1.3!
+    This email is to notify you that <a href="{{ env("APP_URL") }}">Song Rank</a> is now at version 1.4!
 </p>
 
 <p>
-    Hey everyone, we fixed a major bug on song rank that was not allowing you to save your rankings. it should be fixed now. Sorry for the issue!
+    song-rank.com has now moved to <a href="https://songrank.dev">songrank.dev!</a> You will still be able to access song rank at song-rank.com, but I highly recommend moving over to using the new url. <br>
+    I've added a share button and back button to the rankings page to easily share a ranking with friends & to be able to navigate back to the previous page you were at.
 </p>
 
 <p>

resources/views/explore/index.blade.php

@@ -1,7 +1,7 @@
 @extends('layouts.app')
 
 @section('content')
-    <div>
+    <div class="mb-2">
         @include('layouts.nav', ['title' => title(false) . ' Feed.'])
     </div>
     <div class="bg-white border border-zinc-800  rounded-lg mt-4">

resources/views/home.blade.php

@@ -5,7 +5,7 @@
         <div class="mb-4">
             @include('layouts.nav')
         </div>
-        <div class="bg-white rounded-lg">
+        <div class="border border-zinc-800 bg-white rounded-lg">
             <spotifysearch></spotifysearch>
         </div>
     </div>

resources/views/layouts/partials/footer.blade.php

@@ -20,7 +20,7 @@
             <div class="flex items-center text-white justify-center lg:justify-end space-x-4">
                 <a target="_blank" href="https://discord.gg/zXe9kqyFEJ" class="text-gray-400 hover:text-white">Discord</a>
                 <a target="_blank" href="https://github.com/kyledoesdev" class="text-gray-400 hover:text-white">Github</a>
-                <a target="_blank" href="https://x.com/kyledoesdev" class="text-gray-400 hover:text-white">X</a>
+                <a target="_blank" href="https://bsky.app/profile/kyledoesdev.bsky.social" class="text-gray-400 hover:text-white">Bluesky</a>
             </div>
         </div>
     </div>

resources/views/rank/show.blade.php

@@ -6,6 +6,17 @@
     @include('layouts.nav')
 
     <div class="pl-4 pr-4 bg-white border border-zinc-800 rounded-lg mt-4">
+        @if ($ranking->is_ranked)
+            <div class="flex justify-end">
+                <a onclick="history.back()" class="btn-secondary p-2 m-2">
+                    <i class="fa fa-solid fa-arrow-left"></i>
+                </a>
+                <share />
+            </div>
+
+            <hr>
+        @endif
+
         @if (!$ranking->is_ranked)
             <div class="flex justify-center bg-white p-4">
                 <div class="text-center w-full">

routes/console.php

@@ -3,7 +3,7 @@
 use Illuminate\Support\Facades\Log;
 use Illuminate\Support\Facades\Schedule;
 
-Schedule::command('backup:clean')->daily()->at('12:00');
+Schedule::command('backup:clean')->timezone('America/New_York')->daily()->at('12:00');
 Schedule::command('backup:run')
     ->timezone('America/New_York')
     ->daily()