Animal Facts Configuration API/React Question

loffelmacher · November 4, 2018, 4:26am

I’m trying to figure out how to get my demo to hit this line: https://github.com/twitchdev/animal-facts/blob/master/src/components/App/App.js#L47. I guess I need to read over these docs: https://dev.twitch.tv/docs/extensions/reference/#twitch-extension-configuration.

Is there a separate “configuration” for broadcasters, developers, and global. For my extension?

Somehow the “developer” config segment is never set by the Go backend in main.js in the randomFactHandler() function.

BarryCarlyon · November 4, 2018, 11:20am

Yes… There are three segments,

broadcaster
developer
global

As per the docs you linked to.

As per the github repo

github.com

twitchdev/animal-facts/blob/0c20a57b772238eb2229be60f32f6a4ad41d5545/src/components/ConfigPage/ConfigPage.js#L69


      
              let checked = e.target.value
              this.setState(()=>{
                  return {
                      checked
                  }
              })
          }
          
          saveConfig(e){
              e.preventDefault()
              this.twitch.configuration.set('broadcaster','', this.state.checked)
              console.log(this.Authentication.state.token)
              this.Authentication.makeCall('https://localhost:8081/api/randomfact')
                  .then(response=>{
                      if(response.status!=200){
                          this.twitch.rig.log('Error updating configuration.')
                      }
                  })
                  .catch(this.twitch.rig.log('Error updating configuration.'))
          }

Sets the broadcaster segment config.

But the developer segment config in part by the EBS, in part via calls in

github.com

twitchdev/animal-facts/blob/0c20a57b772238eb2229be60f32f6a4ad41d5545/ebs/main.go#L64


      
          	fmt.Println("Starting server on https://localhost:8081/")
          	log.Fatal(http.ListenAndServeTLS(":8081", "../conf/server.crt", "../conf/server.key", handlers.CORS(handlers.AllowedHeaders([]string{"Authorization"}))(r)))
          }
          
          // Handle the broadcaster requesting a new animal fact for their channel.
          func randomFactHandler(w http.ResponseWriter, r *http.Request) {
          	if channelID := r.Context().Value(ChannelIDKey); channelID != nil {
          		animalType := configurationClient.GetBroadcasterSegment(channelID.(string))
          		animalFact := factsClient.GetRandomFact(AnimalType(animalType))
          
          		configurationClient.SetDeveloperSegment(channelID.(string), animalFact)
          
          		w.WriteHeader(http.StatusOK)
          	} else {
          		log.Println("Channel ID is missing in the request context")
          		http.Error(w, http.StatusText(http.StatusUnauthorized), http.StatusUnauthorized)
          	}
          }

and

github.com

twitchdev/animal-facts/blob/0c20a57b772238eb2229be60f32f6a4ad41d5545/ebs/configuration.go

/**
 *    Copyright 2018 Amazon.com, Inc. or its affiliates
 *
 *    Licensed under the Apache License, Version 2.0 (the "License");
 *    you may not use this file except in compliance with the License.
 *    You may obtain a copy of the License at
 *
 *        http://www.apache.org/licenses/LICENSE-2.0
 *
 *    Unless required by applicable law or agreed to in writing, software
 *    distributed under the License is distributed on an "AS IS" BASIS,
 *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *    See the License for the specific language governing permissions and
 *    limitations under the License.
 */

package main

import (
	"bytes"

This file has been truncated. show original

The “front end” will change the broadcaster segment happily in this example, but the developer segment is changed by the EBS.

Which is performed via this API Endpoint:

TLDR: randomFactHandler() in the front end only changes the “animal” and loads the “facts” from the developer segment that the EBS uploaded.

Hope this helps.

loffelmacher · November 4, 2018, 10:03pm

Super helpful! I got the thing working earlier today after replacing a log of my tweaked files with clean ones from github. So awesome. Thanks!