How do I use "window.Twitch.ext" in angular for using the Configuration Service?

tejendrapratap12 · February 23, 2022, 11:56am

Hey,
I have installed the package. I will need to import methods right?
Is there a documentation for the same?
Because, Even after installing the package I am getting the error

Element implicitly has an 'any' type because index expression is not of type 'number'.
twitch = window['Twitch'].ext;

duncte123 · February 24, 2022, 7:43am

I think that import { Twitch } from '@types/twitch-ext'; should just work and allow you to ditch the dep on window (by using it as Twitch.ext....), I am not overly sure on it since I’ve never used the twitch ext in ts.
I also think that you’re getting a warning instead of an error here.

tejendrapratap12 · February 28, 2022, 10:45am

It’s not working, I think the reason might be because ‘@types/twitch-ext’; is not a module.

Even just importing the package on runkit is giving Error: Cannot find module '@types/twitch-ext'.

I looked through the code of the package and they are missing an export statement.

github.com

DefinitelyTyped/DefinitelyTyped/blob/master/types/twitch-ext/index.d.ts

/**
 * The Twitch extensions JavaScript Helper.
 *
 * @see https://dev.twitch.tv/docs/extensions/reference/#javascript-helper
 */
declare namespace Twitch.ext {
    /**
     * This encodes the Helper version in 1.1.1 (semantic versioning) format.
     */
    const version: string;

    /**
     * This encodes the environment. For external users, this is always production.
     */
    const environment: "production";

    /**
     * @see https://dev.twitch.tv/docs/extensions/reference/#helper-actions
     */
    namespace actions {

This file has been truncated. show original

tejendrapratap12 · March 10, 2022, 10:35am

Add declare let Twitch: any; at the top with the imports and then we can access all the methods with Twitch.ext