Así que estoy tratando de convertir una aplicación React en una extensión de Twitch (no necesito ninguna integración de Twitch).
Lo único para que funcione con los iframes de Twitch es agregar una etiqueta en el archivo html
<script src="https://extension-files.twitch.tv/helper/v1/twitch-ext.min.js"></script>Y otra llamada de código javascript en el inicio que usa cosas de ese archivo twitch-ext.min.js
window.Twitch.ext.onAuthorized(function(auth) { console.log('The JWT that will be passed to the EBS is', auth.token); console.log('The channel ID is', auth.channelId); });Lo que estoy haciendo actualmente es ejecutar npm build y luego editar manualmente el index.html y main.xxxxx.js generados para incluir esas líneas de código en los archivos minimizados optimizados. Obviamente, esto parece un poco ineficiente y creo que debe haber una manera de decirle al nodo que durante la compilación debe incluir estas líneas. Entonces, ¿es posible lo que pido?
Entonces obtuve una respuesta de alguien que sabía sobre Node. Lo que hace es editar el archivo index.html e index.js que debería tener su aplicación de reacción.
La compilación de ejecución de npm en realidad usa esos 2 archivos para generar los archivos compilados minificados, así que acabo de agregar
<script src="https://extension-files.twitch.tv/helper/v1/twitch-ext.min.js"></script>a index.htmla y mi
window.Twitch.ext.onAuthorized()llame al archivo index.js y todo funcionó.
Puede encontrar index.html en la carpeta pública de su proyecto de reacción si usó npx create-react-app . Y index.js está en la carpeta src.