How to store data on the configuration service from a react front end?

retro · September 15, 2019, 1:55pm

hello.

I was looking at these two examples, and can’t figure it out

twitchdev/animal-facts/blob/master/src/components/App/App.js

import React from 'react'
import Authentication from '../Authentication/Authentication'

import './App.css'

export default class App extends React.Component{
    constructor(props){
        super(props)
        this.Authentication = new Authentication()

        //if the extension is running on twitch or dev rig, set the shorthand here. otherwise, set to null. 
        this.twitch = window.Twitch ? window.Twitch.ext : null
        this.state={
            finishedLoading:false,
            theme:'light',
            animal:'',
            fact:''
        }
    }

This file has been truncated. show original

github.com

twitchdev/bot-commander/blob/master/src/components/App/App.js

import React from 'react'
import Authentication from '../Authentication/Authentication'
import CommandListContainer from './CommandListContainer/CommandListContainer'

import './App.css'

export default class App extends React.Component{
    constructor(props){
        super(props)
        this.Authentication = new Authentication()

        this.anchor = this.queryParamParse().anchor
        //if the extension is running on twitch or dev rig, set the shorthand here. otherwise, set to null. 
        this.twitch = window.Twitch ? window.Twitch.ext : null
        this.state={
            finishedLoading:false,
            theme:'light',
            commands:[]
        }
    }

This file has been truncated. show original

I need to store data on the configuration service from a react front end.

Also, what does this do,

  this.twitch.onContext((context,delta)=>{
                this.contextUpdate(context,delta)
            })

Breci · September 15, 2019, 2:08pm

Simply use
window.Twitch.ext.configuration.set('broadcaster',version,content)

And the method you asked about simply call contextUpdate and change the state according to the new data when the context is updated on Twitch site

retro · September 15, 2019, 2:27pm

Ok, thank you

What is version? And is content any specific data type?

Edit: Oh, it’s on the docs:

twitch.ext.configuration.set: void function (segment: String, version: String, content: String)

Topic		Replies	Views
Saving Extension Configuration Extensions	1	63	August 8, 2025
Configuration is always empty when using window.Twitch.ext.configuration Extensions	15	1858	May 5, 2021
The Twitch Configuration Service; store persistent data and reduce traffic to your backend Announcements	0	1881	October 10, 2018
Issue with "Allowlist config Urls" Extensions	24	737	August 18, 2023
RFC 0006 - Configuration Service RFCs	9	3557	July 30, 2018

How to store data on the configuration service from a react front end?

Related topics