feat: 🚧 Continue working on spotify integration
This commit is contained in:
parent
9a1e02c90a
commit
8b8579e988
GPG Key ID:
84D3DF1528A84511
17
main.py
17
main.py
@ -1,8 +1,9 @@
|
||||
import requests
|
||||
import os
|
||||
from flask import Flask, request, render_template, redirect, session, url_for
|
||||
from flask import Flask, request, render_template, redirect, session, url_for, sessions
|
||||
from flask_session import Session
|
||||
from flask_bootstrap import Bootstrap5
|
||||
from utils.spotifyAPI import searchSpotify, create_spotify_oauth
|
||||
from utils.spotifyAPI import searchSpotify, create_spotify_oauth, get_spotify_username
|
||||
from utils.generateQRCode import generateQRCode
|
||||
import sqlite3
|
||||
from random import randint
|
||||
@ -27,7 +28,7 @@ def main():
|
||||
return render_template("index.html", response="We could not find your collaborative playlist", comment="Please check the room id and try again or create one.", type="error", roomid=roomid)
|
||||
return render_template("index.html")
|
||||
|
||||
@app.route('/create', methods=["POST"])
|
||||
@app.route('/create', methods=["GET", "POST"])
|
||||
def create_playlist():
|
||||
playlistName = request.form.get('roomName')
|
||||
if not playlistName:
|
||||
@ -78,20 +79,26 @@ def add_to_playlist(roomid, trackid):
|
||||
def authentification():
|
||||
sp_auth = create_spotify_oauth()
|
||||
auth_url = sp_auth.get_authorize_url()
|
||||
session["token_info"] = sp_auth.get_cached_token()
|
||||
return redirect(auth_url)
|
||||
|
||||
@app.route('/callback')
|
||||
def callback():
|
||||
sp_oauth = create_spotify_oauth()
|
||||
code = requests.args.get('code')
|
||||
code = request.args.get('code')
|
||||
token_info = sp_oauth.get_access_token(code)
|
||||
session["TOKEN_INFO"] = token_info
|
||||
return redirect(url_for('create'))
|
||||
return redirect(url_for('info'))
|
||||
|
||||
@app.route("/info")
|
||||
def info():
|
||||
return get_spotify_username()
|
||||
|
||||
if __name__ == '__main__':
|
||||
if not os.getenv("client_id") or not os.getenv("client_secret") or not os.getenv("n8n_webhook"):
|
||||
print("Please provide client_id, client_secret and n8n_webhook in the .env file")
|
||||
exit(1)
|
||||
app.secret_key = 'super secret key'
|
||||
if os.getenv("enviroment") != "production":
|
||||
app.run(debug=True, port="3000", host="0.0.0.0")
|
||||
else:
|
||||
|
||||
@ -1,26 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Fête de la musique</title>
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
{{ bootstrap.load_css() }}
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div>
|
||||
<script>
|
||||
Swal.fire({
|
||||
title:"{{ response }}",
|
||||
text: "{{ comment }}",
|
||||
icon: "{{ type }}",
|
||||
confirmButtonText: "Add another track",
|
||||
}).then(function() {
|
||||
window.location = "/search/{{ roomid }}";
|
||||
})
|
||||
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,35 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Fête de la musique</title>
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
{{ bootstrap.load_css() }}
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div>
|
||||
<script>
|
||||
if ("{{type}}" === "error") {
|
||||
Swal.fire({
|
||||
title: "{{ response }}",
|
||||
text: "{{ comment }}",
|
||||
icon: "{{ type }}",
|
||||
confirmButtonText: "Try again",
|
||||
}).then(function() {
|
||||
window.location = "/";
|
||||
})
|
||||
}
|
||||
Swal.fire({
|
||||
title:"{{ response }}",
|
||||
text: "{{ comment }}",
|
||||
icon: "{{ type }}",
|
||||
imageUrl: "data:image/png;base64, {{ image }}",
|
||||
confirmButtonText: "Add some music!",
|
||||
}).then(function() {
|
||||
window.location = "/search/{{ roomid }}";
|
||||
})
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
@ -1,53 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Results</title>
|
||||
{{ bootstrap.load_css() }}
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="container text-center">
|
||||
<h2>Welcome</h2>
|
||||
<p>Choose the music that will play tonight.</p>
|
||||
<p>Info: You're in room: <b>{{ roomid }} </b>, the playlist is called: <b>{{ playlistName }} </b></p>
|
||||
<form method="POST">
|
||||
<div class="form-group">
|
||||
<div class="form-inline text-center">
|
||||
<label>Enter here the music that you want:</label>
|
||||
<label>
|
||||
<input type="text" name="search" class="form-control" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<input type="submit" value="Submit" class="btn btn-primary">
|
||||
</div>
|
||||
</form>
|
||||
<div class="alert alert-primary" role="alert">
|
||||
Here's the music I found. If it doesn't match, try the query again in more detail.
|
||||
</div>
|
||||
<div class="container text-center">
|
||||
<div class="row">
|
||||
{% for track in tracks %}
|
||||
<div class="col">
|
||||
<div class="card" style="width: 21rem;">
|
||||
<img class="card-img-top" src="{{ track[4] }}" alt="Card image cap">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"> {{ track[0] }} </h5>
|
||||
<p class="card-text">{{ track[1] }} - {{ track[2] }}</p>
|
||||
<audio controls><source src="{{ track[3] }}"></audio>
|
||||
<form method="GET" action="/add/{{roomid}}/{{track[5]}}">
|
||||
<input type="hidden" name="track" value="{{ track[5] }}">
|
||||
<input type="submit" value="Add to the playlist" class="btn btn-primary">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,64 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Fête de la musique</title>
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
{{ bootstrap.load_css() }}
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Make this playlist</h1>
|
||||
<p>You too, choose the music that will play tonight.</p>
|
||||
<div class="row">
|
||||
<div class="col-sm">
|
||||
<h2>Join a room</h2>
|
||||
<form method="POST" >
|
||||
<div class="form-group">
|
||||
<label for="roomID">Enter here the room id:</label>
|
||||
<input type="text" class="form-control" name="roomID" placeholder="00000000" maxlength="8" minlength="8" />
|
||||
<small id="roomIDHelp" class="form-text text-muted">If you don't have a room id, you can create one.</small>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Join</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
<h2>Create a room</h2>
|
||||
<form method="POST" action="/create">
|
||||
<div class="form-group">
|
||||
<label for="roomName">Enter here the room name:</label>
|
||||
<input type="text" class="form-control" name="roomName" placeholder="Room name" />
|
||||
<small id="roomNameHelp" class="form-text text-muted">This will be the playlist name</small>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-success">Create (require a Spotify account)</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sweetalert">
|
||||
<script>
|
||||
if ("{{ type }}" !== "") {
|
||||
if ("{{ type }}" === "success") {
|
||||
Swal.fire({
|
||||
title: "{{ response }}",
|
||||
text: "{{ comment }}",
|
||||
icon: "{{ type }}",
|
||||
confirmButtonText: "Let's get in!",
|
||||
}).then(function() {
|
||||
window.location = "/search/{{ roomid }}";
|
||||
})
|
||||
} else {
|
||||
Swal.fire({
|
||||
title: "{{ response }}",
|
||||
text: "{{ comment }}",
|
||||
icon: "{{ type }}",
|
||||
confirmButtonText: "Try again",
|
||||
}).then(function() {
|
||||
window.location = "/";
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,29 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Fête de la musique</title>
|
||||
{{ bootstrap.load_css() }}
|
||||
</head>
|
||||
<body>
|
||||
<div class="container text-center">
|
||||
<h2>Welcome</h2>
|
||||
<p>Choose the music that will play tonight.</p>
|
||||
<p>Info: You're in room: <b>{{ roomid }} </b>, the playlist is called: <b>{{ playlistName }} </b></p>
|
||||
<form method="POST">
|
||||
<div class="form-group">
|
||||
<div class="form-inline text-center">
|
||||
<label>Enter here the music that you want:</label>
|
||||
<label>
|
||||
<input type="text" name="search" class="form-control" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<input type="submit" value="Submit" class="btn btn-primary">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -36,4 +36,7 @@ def create_spotify_oauth():
|
||||
client_secret=os.getenv("client_secret"),
|
||||
redirect_uri=url_for('callback', _external=True),
|
||||
scope='playlist-modify-public'
|
||||
)
|
||||
)
|
||||
|
||||
def get_spotify_username():
|
||||
return spotipy.Spotify(auth_manager=SpotifyOAuth(client_id=os.getenv("client_id"), client_secret=os.getenv("client_secret"), redirect_uri=url_for('callback', _external=True))).me()
|
||||
Loading…
x
Reference in New Issue
Block a user