Twitch Extension for Hearthstone Deck Tracker

This repository contains the official Twitch extension for Hearthstone Deck Tracker.

Follow the setup guide to add the extension to your channel.

Features

• Twitch overlay extension for Hearthstone streams
• Automatic deck list and game state from Hearthstone Deck Tracker (Windows)
• Fully configurable by the broadcaster using the Twitch Dashboard
• Viewers can hover over minions, heroes, hero powers, weapons, secrets and quests
• Movable deck list with hoverable cards and "Copy Deck" button for viewers
• Card statistics panel powered by HSReplay.net
• High resolution card art

Supported browsers

• Internet Explorer 11
• Last 2 Chrome versions
• Last 2 Firefox versions
• Safari 9

Development

• Install dependencies: yarn install
• Run development server: yarn dev
• Release build: yarn build
• (Re)format code: yarn format
• Lint code: yarn lint

How it works

Testing

• Clone twitch-ext-pubsub-simulator
• Clone hdt-twitch-test-data
• Create an twitch extension in your account with types: Video - FullScreen, Mobile
• Make sure that Testing Base URI is https://localhost:8080/ in Assets-Hosting tab
• Make sure that Video - Fullscreen Viewer Path is viewer.html in Assets-Hosting tab
• Enable the extension using the Test Extension on your channel option in Status tab
• In a live stream, request a fake board state using twitch-ext-pubsub-simulator/index.js using:
  • -f as ..\hdt-twitch-test-data\pubsub\v2\hdt-payload-dump-4.json
  • --channel as your userId
  • --extension as the extension client id
  • --secret as the extension base64 secret

Related projects

• Hearthstone Deck Tracker: Tracks Hearthstone games and emits messages
• HDT EBS (Extension Backend Service): Verifies setup and relays game messages to the Twitch PubSub service

License

Copyright © HearthSim - All Rights Reserved