kazerlelutin / drive-my-show Goto Github PK

Ajouter les liens copiables dans le conducteur en mode lecture

Ajout d'un menu pour aider à la navigation dans le conducteur.
Le menu doit toujours être visible et discret en version desktop et nécessite un hamburger pour la version mobile.
Les actions à réaliser :

Partie un (haut)

• filtre par chroniqueurs
• masquer les médias

Partie deux (basse)

• ancres pour accès rapide

• Intégrer la connexion websocket à l'ui context
• appeler le contexte au lieu d'ouvrir une connexion sur les composants

• Ajouter un media
• choisir le type de media. Si img, possibilité d'upload et conversion en base 64
• liste des médias.
• modifier un média
• supprimer un media.
• aperçu d'un media.

header

• logo
• faq
• getting started

main

• input de création de conducteur qui check la dispo comme github
• message cookie ?

footer

• mentions légales
• liens repo...

Faire l'image pour les balises meta et écrire les textes fr / eng

• uniquement le contenu sans les medias

• Créer un endpoint dans live pour enregirster l'image.
• l'URL est une url API qui fait la demande
• penser à supprimer les images

• Créer un hook pour détecter un affichage mobile
• permettre de passer une valeur de trigger de taille

Page mentions légales.
Texte basique.
Les éléments pouvant être dynamique en cas de fork seront dans un fichier dédié ? ou dans le Packages Json ?

Vérifier les nommages des fonctions et dossiers pour que tout soit cohérent.
voir à faire des dossiers get, delete, update.... pour les route api
changer le nom "fetch" dans le hook lazyfetch

Ajout d'actions sur les chroniques
Ses actions sont réversibles et locales. Elle ne concernent que l'utilisateur courant.

• Mise en surbrillance, qui permet de rendre les autres chroniques beaucoup moins visible (afin de se concentrer sur la partie visible).
• barrer une chronique passées. Le titre est rayé, les medias ne sont plus visible et on affiche uniquement un résumé.

Créer la PWA et permettre à l'appli de garder le maximum en local.
Créer les images.

• installer tmi.js
• recuperer un oAuth avec le token (en appuyant sur le bouton de connexion). voir https://dev.twitch.tv/docs/irc/authenticate-bot
• sauvegarder le token dans le LS
• vérifier la validité du token pour savoir s'il faut afficher le bouton
• garder dans l'état les infos de l'user connecté
• demander le nom de la chaine à suivre et save dans le ls avec le lien (dans le fichier des recents)
• afficher le chat
• permettre d'envoyer un message
• commande rapide pour envoyer le titre + lien dans le chat (bouton twitch sur les titres ? )

• toutes les chroniques
• bouton créer une chronique
• lien pour voir le fil rouge

Cette page donne le résumé des chroniques avec les liens.
Voir à DL un fichier texte, ou simplement une vue dédiée.

• Créer des boutons sans loader mais désactivables
• button submit
• bouton cancel
• bouton générique

Limiter le nombre de chronique et de media par chronique pour ne pas surcharger les payloads de retour.

• limiter à 50 chroniques
• limiter à 10 médias par chroniques.
  Il est donc possible de mettre en édition les places disponibles pour les médias.

• Passer en typescript
• créer et connecte une base prisma
• préparer le css de base.

• Enregistrer dans le localstorage toutes les rooms visités
• afficher la liste sur la pour pour y accéder

Permettre l'ajout d'un code MATTOMO.

• détection de la variable ENV, si existe, injection du composant avec l'ID

• Explication Mattomo uniquement si actif
• Info localstorage pour les liens

• button pour télécharger, ouvre une modale
• choix du count des medias, des liens, de la durée
• ordre (position / nom de chroniqueur)

• Ajouter un filtre permettant de sélectionner un ou plusieurs chroniqueurs
• filtrer les chroniques en fonction du chroniqueur

Ajouter le toast promise dans le hook lazy fetch

Passer le bloc médias qui permet l'ajout et la suppression directement dans le bloc d'édition.
Il faut donc passer l'ajout de media avec le payload de la chronique en création pour linker avec l'id.

• conducteur

  • slug
  • mot de passe
  • titre

• chronique

  • lié au conducteur
  • titre
  • chroniqueur
  • text markdown
  • lien
  • durée
  • position

• media

  • lié a une chronique
  • titre
  • lien ou base64
  • lien raccourci
  • position

header

• logo home pour retourner à la page d’accueil
• titre du conducteur cliquable pour revenir en home

Les images peuvent se nommer #image-1, il faut pouvoir vérifier cela.
Prendre pour cela en référence la dernière image créé et continuer à partir de ce n°.

Pareil pour les vidéos.

• les liens
• les chroniques
• bouton supprimer
• info de suppression (délai restant).