feat: remove publish to youtube

This commit is contained in:
2026-09-02 16:08:48 +02:00
parent 4e14a38d4e
commit f4549b694f
18 changed files with 15 additions and 804 deletions
-1
View File
@@ -57,6 +57,5 @@ exports.notifications = require('./src/notifications')
exports.rankings = require('./src/rankings')
exports.payouts = require('./src/payouts')
exports.subscription = require('./src/subscription')
exports.youtube = require('./src/youtube')
exports.orders = require('./src/orders')
exports.cron = require('./src/cron')
+3 -15
View File
@@ -18,7 +18,6 @@
"firebase-functions": "^6.0.1",
"fluent-ffmpeg": "^2.1.3",
"genkit": "^1.18.0",
"googleapis": "^131.0.0",
"lodash": "^4.17.21",
"resend": "^6.3.0",
"sharp": "^0.33.4",
@@ -4689,7 +4688,6 @@
"version": "0.11.0",
"resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
"integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
"dev": true,
"license": "MIT",
"optional": true,
"engines": {
@@ -8885,24 +8883,12 @@
"node": ">=14"
}
},
"node_modules/googleapis": {
"version": "131.0.0",
"resolved": "https://registry.npmjs.org/googleapis/-/googleapis-131.0.0.tgz",
"integrity": "sha512-fa4kdkY0VwHDw/04ItpQv2tlvlPIwbh6NjHDoWAVrV52GuaZbYCMOC5Y+hRmprp5HHIMRODmyb2YujlbZSRUbQ==",
"license": "Apache-2.0",
"dependencies": {
"google-auth-library": "^9.0.0",
"googleapis-common": "^7.0.0"
},
"engines": {
"node": ">=14.0.0"
}
},
"node_modules/googleapis-common": {
"version": "7.2.0",
"resolved": "https://registry.npmjs.org/googleapis-common/-/googleapis-common-7.2.0.tgz",
"integrity": "sha512-/fhDZEJZvOV3X5jmD+fKxMqma5q2Q9nZNSF3kn1F18tpxmA86BcTxAGBQdM0N89Z3bEaIs+HVznSmFJEAmMTjA==",
"license": "Apache-2.0",
"optional": true,
"dependencies": {
"extend": "^3.0.2",
"gaxios": "^6.0.3",
@@ -8924,6 +8910,7 @@
"https://github.com/sponsors/ctavan"
],
"license": "MIT",
"optional": true,
"bin": {
"uuid": "dist/bin/uuid"
}
@@ -13236,6 +13223,7 @@
"version": "2.0.8",
"resolved": "https://registry.npmjs.org/url-template/-/url-template-2.0.8.tgz",
"integrity": "sha512-XdVKMF4SJ0nP/O7XIPB0JwAEuT9lDIYnNsK8yGVe43y0AWoKeJNdv3ZNWh7ksJ6KqQFjOO6ox/VEitLnaVNufw==",
"devOptional": true,
"license": "BSD"
},
"node_modules/util-deprecate": {
-1
View File
@@ -26,7 +26,6 @@
"firebase-functions": "^6.0.1",
"fluent-ffmpeg": "^2.1.3",
"genkit": "^1.18.0",
"googleapis": "^131.0.0",
"lodash": "^4.17.21",
"resend": "^6.3.0",
"sharp": "^0.33.4",
-294
View File
@@ -1,294 +0,0 @@
const { onCall, HttpsError } = require('firebase-functions/v2/https')
const { defineSecret } = require('firebase-functions/params')
const logger = require('firebase-functions/logger')
const functions = require('firebase-functions')
const admin = require('firebase-admin')
const { FieldValue } = require('firebase-admin/firestore')
const axios = require('axios')
const fs = require('node:fs')
const fsp = require('node:fs/promises')
const os = require('node:os')
const path = require('node:path')
const { google } = require('googleapis')
// ---- Secrets déclarés (gen2 + Secret Manager)
const S_YT_CLIENT_ID = defineSecret('YOUTUBE_CLIENT_ID')
const S_YT_CLIENT_SECRET = defineSecret('YOUTUBE_CLIENT_SECRET')
const S_YT_REFRESH_TOKEN = defineSecret('YOUTUBE_REFRESH_TOKEN')
const S_YT_REDIRECT_URI = defineSecret('YOUTUBE_REDIRECT_URI')
const S_YT_PRIVACY_STATUS = defineSecret('YOUTUBE_PRIVACY_STATUS')
const S_YT_CATEGORY_ID = defineSecret('YOUTUBE_CATEGORY_ID')
// Firestore
const firestore = admin.firestore()
const projectsRef = firestore.collection('projects')
const YOUTUBE_IN_PROGRESS_STATUSES = ['PUBLISHING', 'UPLOADING', 'PROCESSING', 'QUEUED']
// Lecture des secrets (recommandé en v2)
const getSecretsYoutubeConfig = () =>
Object.fromEntries(
Object.entries({
client_id: S_YT_CLIENT_ID.value(),
client_secret: S_YT_CLIENT_SECRET.value(),
refresh_token: S_YT_REFRESH_TOKEN.value(),
redirect_uri: S_YT_REDIRECT_URI.value(),
privacy_status: S_YT_PRIVACY_STATUS.value(),
category_id: S_YT_CATEGORY_ID.value(),
}).filter(([, value]) => value !== undefined && value !== '')
)
// Compat facultative v1 -> renverra {} en v2 (et on log un warn propre)
const getLegacyYoutubeConfig = () => {
if (typeof functions.config !== 'function') {
return {}
}
try {
return functions.config()?.youtube || {}
} catch (error) {
if (
typeof error?.message === 'string' &&
error.message.includes('functions.config() is no longer available')
) {
logger.warn(
'[publishPlaybackToYoutube] functions.config() indisponible, utilisation des secrets (Secret Manager)'
)
return {}
}
throw error
}
}
const ensureYoutubeConfig = () => {
// Fusionne (par prudence) lancienne config et les secrets actuels
const firebaseConfig = getLegacyYoutubeConfig()
const secretConfig = getSecretsYoutubeConfig()
const cfg = { ...firebaseConfig, ...secretConfig }
const requiredKeys = ['client_id', 'client_secret', 'refresh_token']
const missing = requiredKeys.filter((key) => !cfg[key])
if (missing.length) {
throw new HttpsError(
'failed-precondition',
`Configuration YouTube manquante: ${missing.join(', ')}`
)
}
return {
clientId: cfg.client_id,
clientSecret: cfg.client_secret,
refreshToken: cfg.refresh_token,
redirectUri: cfg.redirect_uri,
defaultPrivacyStatus: cfg.privacy_status,
defaultCategoryId: cfg.category_id,
}
}
const createYoutubeClient = ({ clientId, clientSecret, refreshToken, redirectUri }) => {
const oauth2Client = new google.auth.OAuth2(clientId, clientSecret, redirectUri)
oauth2Client.setCredentials({ refresh_token: refreshToken })
const youtube = google.youtube({
version: 'v3',
auth: oauth2Client,
})
return { youtube, oauth2Client }
}
const downloadFile = async (url, destinationPath) => {
if (!/^https?:\/\//i.test(url || '')) {
throw new HttpsError('invalid-argument', `URL non valide: ${url}`)
}
await fsp.mkdir(path.dirname(destinationPath), { recursive: true })
const response = await axios.get(url, { responseType: 'stream' })
await new Promise((resolve, reject) => {
const writer = fs.createWriteStream(destinationPath)
response.data.pipe(writer)
writer.on('finish', resolve)
writer.on('error', reject)
})
return destinationPath
}
const buildVideoMetadata = (project, defaults) => {
const baseTitle = project?.title || 'Création MusicLand'
const youtubeTitle = `${baseTitle} | MusicLand`
const description = `Vidéo générée avec MusicLand pour ${baseTitle}. Rejoins l'aventure sur l'app MusicLand !`
const tags = Array.isArray(project?.youtubeTags)
? project.youtubeTags.filter(Boolean).slice(0, 500)
: undefined
const snippet = {
title: youtubeTitle,
description,
categoryId: defaults.defaultCategoryId,
}
if (tags && tags.length) {
snippet.tags = tags
}
return {
snippet,
status: {
privacyStatus: defaults.defaultPrivacyStatus,
embeddable: true,
selfDeclaredMadeForKids: false,
},
}
}
exports.publishPlaybackToYoutube = onCall(
{
timeoutSeconds: 540,
memory: '1GiB',
cors: [
'http://localhost:8081',
'https://musicland-one.vercel.app/',
'https://musicland-d33f9.firebaseapp.com',
],
// Secrets requis pour lexécution (v2)
secrets: [
S_YT_CLIENT_ID,
S_YT_CLIENT_SECRET,
S_YT_REFRESH_TOKEN,
S_YT_REDIRECT_URI,
S_YT_PRIVACY_STATUS,
S_YT_CATEGORY_ID,
],
},
async ({ data = {}, auth }) => {
const uid = auth?.uid
if (!uid) {
throw new HttpsError('unauthenticated', 'Authentification requise')
}
const projectId = data?.projectId
if (!projectId || typeof projectId !== 'string') {
throw new HttpsError('invalid-argument', 'Paramètre projectId requis')
}
const projectSnap = await projectsRef.doc(projectId).get()
if (!projectSnap.exists) {
throw new HttpsError('not-found', 'Projet introuvable')
}
const project = projectSnap.data()
if (!project || project.userId !== uid) {
throw new HttpsError('permission-denied', "Vous n'avez pas les droits sur ce projet")
}
if (!project.playbackUrl) {
throw new HttpsError('failed-precondition', 'Aucun playback disponible pour la publication')
}
if (project.youtubeStatus && YOUTUBE_IN_PROGRESS_STATUSES.includes(project.youtubeStatus)) {
throw new HttpsError(
'failed-precondition',
'Une publication est déjà en cours pour ce projet'
)
}
let youtubeDefaults
let youtubeClient
try {
youtubeDefaults = ensureYoutubeConfig()
youtubeClient = createYoutubeClient(youtubeDefaults)
await youtubeClient.oauth2Client.getAccessToken()
} catch (error) {
logger.error('[publishPlaybackToYoutube] configuration invalide', {
error: error?.message,
})
throw new HttpsError('failed-precondition', 'Configuration YouTube invalide ou incomplète')
}
const tmpDir = await fsp.mkdtemp(path.join(os.tmpdir(), 'yt-upload-'))
const videoPath = path.join(tmpDir, 'playback.mp4')
try {
await projectsRef.doc(projectId).set(
{
youtubeStatus: 'PUBLISHING',
youtubePublished: false,
youtubeError: null,
updatedAt: FieldValue.serverTimestamp(),
},
{ merge: true }
)
await downloadFile(project.playbackUrl, videoPath)
const metadata = buildVideoMetadata(project, youtubeDefaults)
const uploadResponse = await youtubeClient.youtube.videos.insert({
part: ['snippet', 'status'].join(','),
requestBody: metadata,
media: {
body: fs.createReadStream(videoPath),
},
})
const videoId = uploadResponse?.data?.id
if (!videoId) {
throw new Error('ID de vidéo introuvable dans la réponse YouTube')
}
const youtubeLink = `https://www.youtube.com/watch?v=${videoId}`
await projectsRef.doc(projectId).set(
{
youtubeStatus: 'PUBLISHED',
youtubePublished: true,
youtubeUrl: youtubeLink,
youtubeVideoId: videoId,
youtubePublishedAt: FieldValue.serverTimestamp(),
youtubeError: null,
updatedAt: FieldValue.serverTimestamp(),
},
{ merge: true }
)
logger.info('[publishPlaybackToYoutube] publication réussie', {
projectId,
videoId,
})
return {
videoId,
youtubeUrl: youtubeLink,
}
} catch (error) {
logger.error('[publishPlaybackToYoutube] échec de publication', {
projectId,
error: error?.message,
})
const errorMessage =
error instanceof HttpsError
? error.message
: error?.message || 'Publication YouTube échouée'
await projectsRef.doc(projectId).set(
{
youtubeStatus: 'FAILED',
youtubePublished: false,
youtubeError: errorMessage,
updatedAt: FieldValue.serverTimestamp(),
},
{ merge: true }
)
if (error instanceof HttpsError) {
throw error
}
throw new HttpsError('internal', errorMessage)
} finally {
await fsp.rm(tmpDir, { recursive: true, force: true })
}
}
)
-1
View File
@@ -270,7 +270,6 @@ export const cardsImg = {
writing: require('./icons/writing.png'),
studio: require('./icons/studio.png'),
video: require('./icons/video.png'),
production: require('./icons/production.png'),
}
export const subBadges = {
@@ -2,7 +2,7 @@ import { BlurView } from 'expo-blur'
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
import { Animated, FlatList, Platform, StyleSheet, View, useWindowDimensions } from 'react-native'
import { responsiveHeight } from '../../actions/responsiveSizes'
import { ai, cardsImg } from '../../assets'
import { ai } from '../../assets'
import { gutters } from '../../styles'
import { getCreationStageStates } from '../../utils/projectStages'
import AnimatedPaginationDot from '../AnimatedPaginationDot/AnimatedPaginationDot'
@@ -27,12 +27,6 @@ const STAGE_CARD_CONTENT = [
description: "Theo t'accompagne pour créer ton playback.",
image: ai.rightIcon,
},
{
key: 'publisher',
title: 'Publication',
description: 'Ta vidéo est prête ? Direction YouTube !',
image: cardsImg.production,
},
]
const WEB_SCROLL_INACTIVE_DELTA = 0.05
@@ -8,7 +8,7 @@ import {
View,
useWindowDimensions,
} from 'react-native'
import { ai, cardsImg } from '../../assets'
import { ai } from '../../assets'
import { getCreationStageStates } from '../../utils/projectStages'
import AnimatedPaginationDot from '../AnimatedPaginationDot/AnimatedPaginationDot'
import PersonaCard from '../cards/PersonaCard/PersonaCard'
@@ -33,12 +33,6 @@ const STAGE_CARD_CONTENT = [
description: "Theo t'accompagne pour créer ton playback.",
image: ai.rightIcon,
},
{
key: 'publisher',
title: 'Publication',
description: 'Ta vidéo est prête ? Direction YouTube !',
image: cardsImg.production,
},
]
const WEB_SCROLL_INACTIVE_DELTA = 0.05
-5
View File
@@ -25,7 +25,6 @@ import PlaybackOnboarding from '../screens/Playback/PlaybackOnboarding'
import RecordPlayback from '../screens/Playback/RecordPlayback'
import RecordedPlayback from '../screens/Playback/RecordedPlayback'
import VideoFinalize from '../screens/Playback/VideoFinalize'
import PublishYoutube from '../screens/Publishing/PublishYoutube'
import PrivacyPolicy from '../screens/PrivacyPolicy'
import Subscriptions from '../screens/Subscriptions'
import DownloadPrices from '../screens/Production/DownloadPrices'
@@ -265,10 +264,6 @@ const baseScreens = [
name: Routes.VideoFinalize,
component: VideoFinalize,
},
{
name: Routes.PublishYoutube,
component: PublishYoutube,
},
{
name: Routes.AllMyPlaylist,
component: AllMyPlaylist,
-1
View File
@@ -65,7 +65,6 @@ export const Routes = {
ChooseDecor: 'ChooseDecor',
CreatingDecor: 'CreatingDecor',
VideoFinalize: 'VideoFinalize',
PublishYoutube: 'PublishYoutube',
Create: 'Create',
HitParade: 'HitParade',
-1
View File
@@ -44,7 +44,6 @@ const HIDDEN_ROUTE_NAMES = new Set([
Routes.ChooseDecor,
Routes.CreatingDecor,
Routes.VideoFinalize,
Routes.PublishYoutube,
Routes.FlowSelection,
Routes.ChooseCoverType,
Routes.Settings,
-10
View File
@@ -72,16 +72,6 @@ const STAGE_CARD_CONTENT = [
textAlign: 'left',
lockSide: 'right',
},
{
key: 'publisher',
step: 'ÉTAPE 4',
description:
'Je suis Mr Benhaï, Producteur de MusicLand, et je vais te faire une proposition qui pourrait tintéresser. On se retrouve à la sortie du studio !',
image: cardsImg.production,
imagePosition: 'right',
textAlign: 'right',
lockSide: 'left',
},
]
const ACTIVE_SUBSCRIPTION_STATUSES = new Set(['trialing', 'active', 'past_due', 'unpaid'])
+1 -9
View File
@@ -2,7 +2,7 @@ import FontAwesome from '@expo/vector-icons/FontAwesome'
import { BlurView } from 'expo-blur'
import React, { useCallback, useMemo } from 'react'
import { Image, Platform, Pressable, Text, View } from 'react-native'
import { ai, background, cardsImg } from '../assets'
import { ai, background } from '../assets'
import Page from '../layouts/Page'
import { navigate } from '../navigation/NavigationService'
import { useUserData } from '../providers/UserDataProvider'
@@ -36,14 +36,6 @@ const CREATE_DATA = [
desc: "Theo t'accompagne pour créer ton playback.",
type: 'Director',
},
{
stageKey: 'publisher',
img: cardsImg.production,
bg: background.productionBG2,
label: 'Publication',
desc: 'Publions ta vidéo sur YouTube !',
type: 'Producteur',
},
]
const NewMusicOptions = () => {
+5 -1
View File
@@ -407,7 +407,11 @@ const PlaybackDownload = ({ route }) => {
{ merge: true }
)
navigate(Routes.PublishYoutube, { projectId: projectForDownload.id })
setTooltip({
type: 'success',
text: 'Playback publié sur MusicLand !',
})
navigate(Routes.Home)
} catch (err) {
setTooltip({
type: 'error',
+2 -2
View File
@@ -42,7 +42,7 @@ const StreamSong = () => {
if (!hasAcceptedPublication) {
setTooltip({
type: 'error',
text: 'Confirme la diffusion sur Musicland et YouTube avant de publier',
text: 'Confirme la diffusion sur MusicLand avant de publier',
})
return
}
@@ -112,7 +112,7 @@ const StreamSong = () => {
<AppCheckbox
selected={hasAcceptedPublication}
onPress={() => setHasAcceptedPublication((prevState) => !prevState)}
label="J'accepte la diffusion de mon contenu sur Musicland et YouTube."
label="J'accepte la diffusion de mon contenu sur MusicLand."
/>
<Text
style={{
-327
View File
@@ -1,327 +0,0 @@
import { useRoute } from '@react-navigation/native'
import React, { useCallback, useMemo, useState } from 'react'
import { Linking, StyleSheet, Text, View } from 'react-native'
import useMinuit from 'react-native-minuit/src/hooks/useMinuit.js'
import { background } from '../../assets'
import AppCheckbox from '../../components/AppCheckbox'
import BackgroundVideo from '../../components/BackgroundVideo'
import BorderGradientButton from '../../components/BorderGradientButton'
import GradientButton from '../../components/GradientButton'
import MusicLandHeader from '../../components/MusicLandHeader'
import alert from '../../components/Alert'
import firebase, { projectsRef, serverTimestamp } from '../../config/firebase'
import Page from '../../layouts/Page'
import { goBack, navigate } from '../../navigation/NavigationService'
import { Routes } from '../../navigation'
import { useUser } from '../../providers/UserDataProvider'
import { Palette, gutters } from '../../styles'
import { FONT_FAMILY } from '../../styles/Fonts'
import { isWeb } from '../../hooks/useLayoutType'
const PublishYoutube = () => {
const route = useRoute()
const routeProjectId = route?.params?.projectId ?? null
const { userProjects = [], selectedProject, videos } = useUser()
const { setTooltip } = useMinuit()
const project = useMemo(() => {
if (routeProjectId) {
return userProjects.find((item) => item?.id === routeProjectId) || selectedProject || null
}
if (selectedProject?.id) {
return selectedProject
}
return userProjects.length ? userProjects[0] : null
}, [routeProjectId, selectedProject, userProjects])
const projectId = project?.id || routeProjectId || null
const introVideo = isWeb ? videos?.benhaiWeb : videos?.benhai
const [saving, setSaving] = useState(false)
const [hasAcceptedPublication, setHasAcceptedPublication] = useState(true)
const youtubeUrl = project?.youtubeUrl ?? null
const youtubeStatus = project?.youtubeStatus ?? null
const youtubeError = project?.youtubeError ?? null
const playbackReady = !!project?.playbackUrl
const hasYoutubePublication = !!youtubeUrl
const isPublishing = useMemo(
() => ['PUBLISHING', 'UPLOADING', 'PROCESSING', 'QUEUED'].includes(youtubeStatus),
[youtubeStatus]
)
const publishDisabled =
saving || isPublishing || !playbackReady || !projectId || !hasAcceptedPublication
const publishButtonLabel = isPublishing
? 'Publication en cours...'
: hasYoutubePublication
? 'Mettre à jour sur YouTube'
: 'Publier sur YouTube'
const statusMessage = useMemo(() => {
if (!playbackReady) {
return 'Termine la création de ton playback avec Theo pour débloquer la publication YouTube.'
}
if (isPublishing) {
return 'La publication de ta vidéo est en cours... Patiente un instant.'
}
if (youtubeError || youtubeStatus === 'FAILED') {
return 'La dernière tentative de publication a échoué. Tu peux réessayer ci-dessous.'
}
if (hasYoutubePublication) {
return 'Ta vidéo est publiée sur la chaîne YouTube MusicLand. Tu peux la partager dès maintenant.'
}
return 'Partage ton playback sur la chaîne YouTube MusicLand.'
}, [hasYoutubePublication, isPublishing, playbackReady, youtubeError, youtubeStatus])
const handleOpenYoutube = useCallback(async () => {
if (!youtubeUrl) {
return
}
try {
await Linking.openURL(youtubeUrl)
} catch (_error) {
setTooltip?.({
type: 'error',
text: "Impossible d'ouvrir le lien YouTube",
})
}
}, [setTooltip, youtubeUrl])
const handleMarkPublished = useCallback(async () => {
if (!projectId) {
setTooltip?.({
type: 'error',
text: 'Sélectionnez un projet avant de publier',
})
return
}
if (!playbackReady) {
setTooltip?.({
type: 'error',
text: "Aucun playback n'est disponible pour la publication",
})
return
}
setSaving(true)
try {
// publication sur youtube en standby
// const publishCallable = firebase.functions().httpsCallable('youtube-publishPlaybackToYoutube')
// await publishCallable({ projectId })
setTooltip?.({
type: 'success',
text: 'Publication lancée sur YouTube',
})
} catch (error) {
setTooltip?.({
type: 'error',
text: error?.message || 'Impossible de lancer la publication',
})
} finally {
setSaving(false)
}
}, [playbackReady, projectId, setTooltip])
const handleConfirmPublish = useCallback(() => {
if (!hasAcceptedPublication) {
setTooltip?.({
type: 'error',
text: 'Confirme la diffusion sur YouTube avant de publier',
})
return
}
if (publishDisabled) {
return
}
const confirmTitle = hasYoutubePublication
? 'Confirmer la mise à jour'
: 'Confirmer la publication'
const confirmDescription = hasYoutubePublication
? 'La vidéo existe déjà sur YouTube. Confirme que tu souhaites remplacer la version publiée.'
: 'Confirme que tu souhaites publier ce playback sur YouTube. Il sera visible publiquement.'
alert(confirmTitle, confirmDescription, [
{ text: 'Annuler', style: 'cancel' },
{
text: hasYoutubePublication ? 'Mettre à jour' : 'Je confirme',
onPress: handleMarkPublished,
},
])
}, [
handleMarkPublished,
hasAcceptedPublication,
hasYoutubePublication,
publishDisabled,
setTooltip,
])
const handleResetPublication = useCallback(async () => {
if (!projectId) {
setTooltip?.({
type: 'error',
text: 'Sélectionnez un projet avant de réinitialiser',
})
return
}
setSaving(true)
try {
await projectsRef.doc(projectId).set(
{
youtubePublished: false,
youtubeUrl: null,
youtubeVideoId: null,
youtubePublishedAt: null,
youtubeStatus: 'IDLE',
youtubeError: null,
updatedAt: serverTimestamp(),
},
{ merge: true }
)
setTooltip?.({
type: 'success',
text: 'Publication YouTube réinitialisée',
})
} catch (error) {
setTooltip?.({
type: 'error',
text: error?.message || 'Réinitialisation impossible',
})
} finally {
setSaving(false)
}
}, [projectId, setTooltip])
const handleGoHome = useCallback(() => {
navigate(Routes.BottomTab, {
screen: Routes.HomeStack,
params: {
screen: Routes.Home,
},
})
}, [])
return (
<Page
backgroundImg={background.playbackBG2}
backgroundContent={
<BackgroundVideo
source={introVideo}
soundButtonStyle={isWeb ? styles.rightSideControl : undefined}
/>
}
containerStyle={isWeb ? styles.videoPage : undefined}
headerType="NONE"
>
<MusicLandHeader progress={100} onPressBack={goBack} />
<View
style={{
flex: 1,
paddingHorizontal: gutters,
paddingBottom: gutters * 2,
justifyContent: 'space-between',
}}
>
<View style={{ alignItems: 'center', gap: 18 }}>
<Text
style={{
fontSize: 22,
fontFamily: FONT_FAMILY.InterSemiBold,
color: Palette.white,
textAlign: 'center',
}}
>
{hasYoutubePublication ? 'Ta vidéo est déjà sur YouTube' : 'Publier sur YouTube'}
</Text>
<Text
style={{
fontSize: 14,
fontFamily: FONT_FAMILY.InterRegular,
color: Palette.white,
opacity: 0.9,
textAlign: 'center',
lineHeight: 20,
}}
>
{statusMessage}
</Text>
{youtubeError && (
<Text
style={{
fontSize: 13,
fontFamily: FONT_FAMILY.InterRegular,
color: Palette.red,
textAlign: 'center',
}}
>
{youtubeError}
</Text>
)}
{hasYoutubePublication && youtubeUrl && (
<Text
style={{
fontSize: 13,
fontFamily: FONT_FAMILY.InterMedium,
color: Palette.white,
textAlign: 'center',
opacity: 0.8,
}}
numberOfLines={2}
>
{youtubeUrl}
</Text>
)}
</View>
<View style={{ gap: 14 }}>
<View style={styles.consentContainer}>
<AppCheckbox
selected={hasAcceptedPublication}
onPress={() => setHasAcceptedPublication((prevState) => !prevState)}
label="J'accepte la diffusion de mon contenu sur YouTube."
/>
<Text style={styles.consentDescription}>
Cette confirmation est requise avant toute publication sur YouTube.
</Text>
</View>
<GradientButton
title={publishButtonLabel}
onPress={handleConfirmPublish}
disabled={publishDisabled}
/>
{hasYoutubePublication && youtubeUrl && (
<BorderGradientButton
title="Voir la vidéo sur YouTube"
onPress={handleOpenYoutube}
disabled={saving || isPublishing}
/>
)}
{hasYoutubePublication && (
<BorderGradientButton
title="Réinitialiser la publication"
onPress={handleResetPublication}
disabled={saving || isPublishing}
/>
)}
<BorderGradientButton title="Retour à l'accueil" onPress={handleGoHome} />
</View>
</View>
</Page>
)
}
const styles = StyleSheet.create({
videoPage: {
alignSelf: 'center',
},
rightSideControl: {
right: 24,
left: 'auto',
},
consentContainer: {
gap: 6,
},
consentDescription: {
fontSize: 13,
fontFamily: FONT_FAMILY.InterRegular,
color: Palette.white,
opacity: 0.8,
},
})
export default PublishYoutube
@@ -437,7 +437,7 @@ const ShareAndCreditsModal = ({
<AppCheckbox
selected={hasAcceptedPublication}
onPress={() => setHasAcceptedPublication((prev) => !prev)}
label="J'accepte de diffuser mon contenu sur la plateforme de streaming de musicland et sur youtube"
label="J'accepte de diffuser mon contenu sur la plateforme de streaming de MusicLand"
/>
</View>
<GradientButton
+1 -44
View File
@@ -1,6 +1,6 @@
import { Routes } from '../navigation/Routes'
export const CREATION_STAGE_KEYS = ['songwriter', 'beatmaker', 'director', 'publisher']
export const CREATION_STAGE_KEYS = ['songwriter', 'beatmaker', 'director']
const getSectionLyrics = (section) => {
if (typeof section === 'string') {
@@ -36,13 +36,6 @@ const getStageMetadata = (project) => {
const hasCoverUrl = !!project?.coverUrl
const hasPlaybackAsset = !!project?.playbackUrl
const hasPlayback = hasPlaybackAsset || hasSongUrl
const youtubeUrl = project?.youtubeUrl ?? null
const youtubeStatus = project?.youtubeStatus ?? null
const youtubeError = project?.youtubeError ?? null
const hasYoutubePublication = !!youtubeUrl
const isYoutubePublishing = ['PUBLISHING', 'UPLOADING', 'PROCESSING', 'QUEUED'].includes(
youtubeStatus
)
const musicUrls = Array.isArray(project?.musicUrls) ? project.musicUrls.filter(Boolean) : []
const musicStatus = project?.musicStatus || null
const coverStatus = project?.coverStatus || null
@@ -65,13 +58,9 @@ const getStageMetadata = (project) => {
coverStatus,
playbackStatus,
isPlaybackDraftReady,
youtubeStatus,
youtubeError,
isMusicGenerating: musicStatus === 'GENERATING',
isCoverGenerating: coverStatus === 'GENERATING',
isPlaybackGenerating,
hasYoutubePublication,
isYoutubePublishing,
}
}
@@ -89,8 +78,6 @@ const getStageLockState = (key, metadata) => {
return true
}
return !metadata.hasCover
case 'publisher':
return !metadata.hasPlaybackAsset
default:
return true
}
@@ -151,20 +138,6 @@ const getStageDescription = (key, metadata) => {
return 'Modifier le playback généré'
}
return 'Commencer la création de votre playback'
case 'publisher':
if (!hasPlaybackAsset) {
return 'Créez un playback pour débloquer la publication'
}
if (metadata.isYoutubePublishing) {
return 'Publication de votre vidéo en cours'
}
if (metadata.youtubeError) {
return 'La publication a échoué, réessayez.'
}
if (metadata.hasYoutubePublication) {
return 'Votre vidéo est en ligne et prête à être partagée'
}
return 'Publier votre vidéo sur la chaîne YouTube MusicLand'
default:
return ''
}
@@ -181,11 +154,6 @@ const getStageLockedDescription = (key, metadata) => {
return metadata.lyricsCount > 0 ? undefined : 'Créez vos paroles pour débloquer le studio'
case 'director':
return metadata.hasPlaybackAsset ? 'Impossible de modifier le playback' : undefined
case 'publisher':
if (!metadata.hasPlaybackAsset) {
return 'Générez un playback pour débloquer la publication'
}
return metadata.hasYoutubePublication ? 'La vidéo est déjà publiée' : undefined
default:
return undefined
}
@@ -199,8 +167,6 @@ const getStageCompletionState = (key, metadata) => {
return metadata.hasSongUrl || metadata.musicStatus === 'GENERATED'
case 'director':
return metadata.hasPlaybackAsset
case 'publisher':
return metadata.hasYoutubePublication
default:
return false
}
@@ -268,15 +234,6 @@ export const getStageAction = (key, project) => {
route: Routes.Playback,
params: project ? { project } : undefined,
}
case 'publisher': {
if (!project?.id) {
return { route: Routes.PublishYoutube }
}
return {
route: Routes.PublishYoutube,
params: { projectId: project.id },
}
}
default:
return {}
}
-77
View File
@@ -1,77 +0,0 @@
# Publication YouTube guide refresh token
## 1. Récupérer un code d'autorisation
### 1.1 Trouver ou créer le Client ID
1. Ouvre la console Google Cloud : <https://console.cloud.google.com/apis/credentials>
2. Sélectionne le projet lié au compte YouTube.
3. Dans longlet « Identifiants », repère lID client OAuth 2.0 existant au format :
```
123456789012-abcdefghijklmnopqrstu.apps.googleusercontent.com
```
Copie-le : cest `YOUR_CLIENT_ID`.
4. Sil nexiste pas encore, clique sur « Créer des identifiants » → « ID client OAuth » → type « Application Web » et ajoute `http://localhost:8081` dans les URIs de redirection autorisées. Enregistre, puis note lID client et le secret.
### 1.2 Générer un code d'autorisation
1. Ouvre cette URL dans un navigateur (mets à jour `redirect_uri` si besoin) :
```
https://accounts.google.com/o/oauth2/v2/auth?client_id=305598753437-3mn43cs1phacao2f1ctg1dbur7rct0bt.apps.googleusercontent.com&redirect_uri=http://localhost:8081&response_type=code&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fyoutube.upload&access_type=offline&prompt=consent
```
2. Connecte-toi au compte YouTube cible et accepte les permissions.
3. Google te redirige vers `http://localhost:8081/?code=...`. Copie la valeur du paramètre `code`.
## 2. Échanger le code contre un refresh token
```bash
curl -X POST https://oauth2.googleapis.com/token \
-d client_id=YOUR_CLIENT_ID \
-d client_secret=YOUR_CLIENT_SECRET \
-d code="CODE_RECU" \
-d grant_type=authorization_code \
-d redirect_uri=http://localhost:8081
```
La réponse JSON contient :
- `access_token` (jeton court terme),
- `refresh_token` (à conserver),
- `expires_in`, `scope`, `token_type`.
⚠️ Le `refresh_token` nest renvoyé quune seule fois avec `access_type=offline`. Garde-le de manière sécurisée.
## 3. Mettre à jour les variables d'environnement Firebase
1. Enregistre les secrets côté Firebase (adapter le projet via `-P` si besoin) :
```bash
firebase functions:config:set \
YOUTUBE_CLIENT_ID="YOUR_CLIENT_ID.apps.googleusercontent.com" \
YOUTUBE_CLIENT_SECRET="YOUR_CLIENT_SECRET" \
YOUTUBE_REFRESH_TOKEN="YOUR_REFRESH_TOKEN"
YOUTUBE_REDIRECT_URI="http://localhost:8081" \
YOUTUBE_PRIVACY_STATUS="public" \
YOUTUBE_CATEGORY_ID="10" # 10 = Catégorie youtube de musique
```
2. Vérifie ce qui est stocké :
```bash
firebase functions:config:get
```
3. Redéploie la fonction :
```bash
firebase deploy --only functions:youtube
```
## 4. Exemple de réponse OAuth
```
http://localhost:8081/?code=4/0Ab32j90LMDeJDShWSk1OkXwgbjrHS-qQpyYTlXhH9q3nlV0EJa6cTL-7nI9yOKHoz6rgRA&scope=https://www.googleapis.com/auth/youtube.upload
{
"access_token": "ya29.a0ATi6K2uR4DhnmTDl0EN2tvDogwwEwl8SDJLpUzvnZ8LGgOYjgmhqg7MoMM0_iTJR_NBEDPe2LlJDqCFFnIi9s3qRv_zfw_NeTnN-LwUmAyVJkdqSP6GvzQCuZkE6OBuTvaU5b2obk5rHvDOkWXxAb7xjbVTzIBIg8O5VVhJ-VB8VEbTVsSq9bc0ljkbcyBEzm4JdQRwaCgYKAcgSAQ8SFQHGX2MiR1Owf2aiiEBUsU-LDUDgWg0206",
"expires_in": 3599,
"refresh_token": "1//03sy-LDVmCMcFCgYIARAAGAMSNwF-L9IrHwwdBBZvg3Hwun9hxHUx_AsJaa1qeozmtvGtdOXKIRIyKjTp7S_b0igvzM_1A5bLH34",
"scope": "https://www.googleapis.com/auth/youtube.upload",
"token_type": "Bearer"
}
```