Forem: Krys Heishman (aka bun9000)

Learning C# w/ @AlSweigart [Live Coding Recap]

Krys Heishman (aka bun9000) — Sun, 08 Dec 2019 05:52:28 +0000

Streamed: 12/06 on Twitch

🔴 Watch ⇒ Twitch VOD (replay) Part 1 Part 2

Had a fun, impromptu stream Friday night learning C# with @AlSweigart! :D We took a few of his Python stdio Games and remade them in C#.

Language(s) Used: [C# .NET Core 3.1]
Tech & lib(s) used: VSCode
Project Repository ⭐ CODE

👇 Code & notes from stream down below! :D

During the stream we...

✔ got set up with C# .NET core 3.1
✔ made a C# ver of a python app that converts texts sPoNgEboB meme
✔ made a C# ver of a python app that races snails ....@v

Here's the code we wrote...

`sPoNgEboB.cs`

Console.WriteLine("c# sPoNgEtExTbY aL sWeIGaRt aNd niNjAbuNnY9000. cOmeNtEr YoUr MeSsAgE:");

// takes text input and passes into spongebob func
string input_text = string.Empty;
string output_text = "O K => ";
bool use_upper = false;
var rand =  new Random();

Console.WriteLine("wHaT Do yoU WaNt to cOnVerT?");

input_text = Console.ReadLine();

// for every character in the text
foreach (var c in input_text) {
    // check if it's an upper or lower
    if (use_upper) {
        output_text += char.ToUpper(c);  // change it to upper
    } else {
        output_text += char.ToLower(c);  // change it to lower
    }

    use_upper = !use_upper;  // flip the case

    // every 10 characters, randomly flip the case again
    if (rand.Next(1,10) == 1) {
        use_upper = !use_upper;  // ;D r YoU sUrE/?
    }
}

Console.WriteLine(output_text);

`SnailRace.cs`

// TODO: input validation
static void Main(string[] args)
{
    // part 0) define vars
    const int MAX_NUM_SNAILS = 8;  // TODO
    const int MAX_NAME_LENGTH = 12; // TODO
    const int FINISH_LINE = 60;
    int num_snails = 0;
    var snail_names = new List<string>();
    var snail_progress = new Dictionary<string, int>();
    var rand =  new Random();
    Console.OutputEncoding = System.Text.Encoding.UTF8;

    // part 1) ask how many snails
    // TODO: validate for bad input
    Console.WriteLine("How many snails are racing today? (MAX 8?");
    num_snails = int.Parse(Console.ReadLine());

    // part 2) ask for the snail's names
    // TODO: implement character limit
    for(int i = 0; i < num_snails; i++) {
        Console.WriteLine($"What do you want to name snail #{i}?");
        snail_names.Add(Console.ReadLine());
        snail_progress.Add(snail_names[i], 0);
    }

    // part 3) print out the starting line setup
    Console.Clear();
    PrintStartingLine(FINISH_LINE);
    Thread.Sleep(1500);  // pause before starting the race

    bool racing = true;  // TODO make it a do-while later too

    // part 4) big while loop that does the race
    while (racing) {
        // pause and clear the screen between each frame
        Thread.Sleep(500);
        Console.Clear();

        // progress a random snail
        string moving_snail = snail_names[rand.Next(num_snails)];
        snail_progress[moving_snail] += 1;

        // check if snails have finished
        if (snail_progress[moving_snail] >= FINISH_LINE) {
            Console.WriteLine($"{moving_snail} has won!!");
            racing = false;  // exit the program
        }

        // render the snails to the console
        PrintStartingLine(FINISH_LINE);
        foreach (var snail in snail_names) {
            PrintSnail(snail, snail_progress[snail]);
        }
    }
}

// TODO: maths so starting line moves to accommodate name length
static void PrintStartingLine(int length) {
    // print starting line 60-spaces from the finish line
    var spaces = new string (' ', length);
    Console.WriteLine($"START{spaces}FINISH");
    Console.WriteLine($"    |{spaces}|");
}

// TODO: align the snail's names (better)
static void PrintSnail(string name, int pos) {
    // print spaces and then the snail's name
    var offset = new string (' ', 5);
    var spaces = new string (' ', pos);
    Console.WriteLine("   " + spaces + name);
    // print number of dots of position and the snail
    var dots = new string ('.', pos);
    Console.WriteLine("    " + dots + "@v");
}

Live Coding Schedule

That pretty much wraps things up for this stream. If you have any questions about the code, Python, or any of the tech used in general - swing by during a live stream and say hello!

💜 Follow on Twitch

I stream Python coding & lame jokes™ on Twitch every Tuesday, Thursday, & Saturday around 7pm PST.

For the most up to date schedule, check my pinned post on Twitter.

Streamline your DEV.to writing workflow with VSCode

Krys Heishman (aka bun9000) — Mon, 18 Nov 2019 11:03:10 +0000

Hello, fellow DEV publisher! 👋

✅ Do you write all or part of your DEV posts in a text editor?

✅ Do you frequently copy and paste your progress to a DEV draft, then preview it to see your progress?

✅ Or are you writing all your posts directly in the DEV editor but would love to see a real-time preview side-by-side?

How many times a day do you hit this button? 💯

Well guess what!?..

You can streamline your DEV-writing workflow with a single extension in VSCode and a few lines of CSS!

CHECK DIS OUT 👇

Here's how to get started...

Download VSCode (if you're not already using it)
Install Markdown Preview Enhanced
In VSCode, press ctrl+shift+p - or F1 - and start typing custom css

Select the Markdown Preview Enhanced: Customize CSS option when you see it. This will poop open a file called style.less. (you heard me...)

Copy and paste the following code in style.less and save

.markdown-preview.markdown-preview {
  font-family: Palatino Linotype;
  font-size: 21px;
  line-height: 32px;
  color: #0a0a0a;
}
.markdown-preview.markdown-preview p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.markdown-preview.markdown-preview h2 {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.7em;
  font-weight: 400;
  line-height: 1.14em;
}

.markdown-preview.markdown-preview h3 {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.32em;
  font-weight: 400;
}

.markdown-preview.markdown-preview img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(100% + 12px);
}

.markdown-preview.markdown-preview li {
  margin: 0.3em auto;
}

.markdown-preview.markdown-preview blockquote {
  margin: 0.95em 0 0.95em;
  font-size: 0.92em;
  line-height: 1.4em;
  color: #29292e;
  background: #fff;
  padding: 0.1% 6% 0.1% 4%;
}

.markdown-preview.markdown-preview code {
  color: #f92671;
  background: #f9f9fa;
  padding: 0.1em 0.3em 0;
  font-size: 0.84em;
  line-height: 1.6em;
}

.markdown-preview.markdown-preview pre {
  background: #29292e;
  color: #eff0f9;
  font-size: 0.64em !important;
}

Open up a markdown file and then click the new Markdown Preview Enhanced or the shortcut chord ctrl+k v to open up the preview and marvel at your grand success.

Finally, and most importantly, write your heart out!

Extra stuffs

The fonts used both come on Windows. I'm not sure about other OS's, but I'm sure you can find alternatives if purchasing them is beyond your budget.

There are a few things I couldn't figure out how to replicate (mostly the code previews and block-quote padding). At the very least, it's good enough to write the majority of your content before taking it back to a DEV draft and previewing it - hopefully saving you some time and energy.

If anyone has any pointers or tweaks that could make the markdown preview better, please leave a comment below. Would love to hear from the CSS pros, especially if anyone can figure out how to match styles on code blocks. :D

Live Coding on Twitch

If you have any questions about this article, the code, VSCode, or just wanna hang out with fellow nerds - swing by during a live stream and say hello! I stream Python shenanigans & lame jokes™ every Tuesday, Thursday, & Saturday at 7pm PST.

💜 Follow on Twitch

*For the most up to date schedule, check my pinned post on Twitter.

A Text-Based Battle Royale?? [Live Coding Recap]

Krys Heishman (aka bun9000) — Sun, 17 Nov 2019 02:58:29 +0000

Streamed: 11/09 on Twitch

🔴 Watch ⇒ Twitch VOD (replay)

We started work tonight on a text-based BR game for an upcoming Python Tutorial series. Should be lots of fun! I'll include the final code in a thorough upcoming build-blog soon. :D

Language(s) Used: Python
Tech & lib(s) used: VSCode, TwitchIO

👇 Code & notes from stream down below! :D

During the stream we...

✔ thought up some ideas for a new tutorial
✔ came up with the Battle Royale idea (many thanks to Jigo!)
✔ designed the basic premise of the game
✔ started working on the navigation portion

Live Coding Schedule

That pretty much wraps things up for this stream. If you have any questions about the code, Python, or any of the tech used in general - swing by during a live stream and say hello!

💜 Follow on Twitch

I stream Python coding & lame jokes™ on Twitch every Tuesday, Thursday, & Saturday around 7pm PST.

For the most up to date schedule, check my pinned post on Twitter.

SFX & Derp Wars (a Dope Wars clone) [Live Coding Recap]

Krys Heishman (aka bun9000) — Fri, 08 Nov 2019 22:37:58 +0000

Streamed: 11/05 on Twitch

🔴 Watch ⇒ Twitch VOD (replay)

The first goal of the night was getting a random soundbite to play during streams when certain “trigger” words are said.

Example: Someone in chat says “wow” in a sentence and a random clip of Owen Wilson sayin “wow” plays.

Then we started work on a clone of Dope Wars (which we named Derp Wars).

Wait... Dope Wars?? What!?

In what might have amounted to the best/worst idea I've ever had, chat & I started working on a clone of Dope Wars (aka Drugwars). Dubbed Derp Wars by viewers, the plan is to use the game in educational content. Expect a full tutorial on DEV as well as a YT post coming up in the next week or so! :D

Language(s) Used: Python
Tech & lib(s) used: VSCode, TwitchIO
Project Repository ⭐ DeepThonk

👇 Code & notes from stream down below! :D

During the stream we...

✔ continued working on the random sfx feature we started last stream
✔ realized we need Honk The Planet t-shirts
✔ made a note to get the Big Dict() Energy t-shirts done too
✔ created a class for interfacing with the server
✔ got random sfx working and CELEBRATED 🎉 (wow)
✔ freaked out because we thought the streamdeck broke
✔ started working on Derp Wars
✔ got a basic MVP working!
✔ raided @HighGai, a rad Japanese/English streamer

Here's some code we wrote during the stream...

In the bot app, we listen for message events. When a message event comes through, we tokenize™ the content, check to see if a trigger word was said, then emit a websocket event to the server to play the sound if it does.

# in events.py
randos = server_interface.get_randos() # get sfx trigger words from server

@bot.listen("event_message")
async def rando_sfx(ctx):
    'listens for certain words then triggers a sfx from them'

    # make sure bot ignores itself
    author = ctx.author.name.lower()
    if author == twitch_bot_nick.lower():
        return

    # listen for trigger words in messages
    for word in randos:
        if word.lower() in ctx.content.lower().split(' '):
            # emit ws event to call the sfx from teh server
            await emit_rando_sfx(word.lower())
            log.debug(f"WE HEARD A WORD!! ({word})")  # it's bird

The function that emits the ws is pretty simple. It just talks to the Flask server that hosts the browser source that queues and plays the audio.

# in server_interface.py
async def emit_rando_sfx(word):
    'tell teh server a rando sfx word was said'
    await sio.emit(event='rando', data=word)

When the server receives the ws, it's all like "Aiight, I'll let the page know." Then it finger guns into infinity. 👈😎👈

# in server.py (the Flask app)
@socketio.on('rando')
def sfx_event(word, methods=['GET', 'POST']):
    'Recievs SFX requests from bot app & triggers SFX on the Browser Source'

    word_said = str(word)  # i'm tellin ya, it's bird.

    # choose a random file in directory
    random_file = random.choice(os.listdir(f'static/sfx/randos/{word_said}/'))

    # emit play rando sfx to the webpage thingy
    socketio.emit('rando triggered', [word_said, random_file])
    log.debug(f"RANDO Triggered => {word_said}")

From that point, the web page just listens for the websocket and queues up the audio to play.

// in sfx.js
socket.on( 'rando triggered', msg => {
    addToQueue(`/static/sfx/randos/${msg[0]}/${msg[1]}`);
  })

There are a few tweaks we need to make to the code to make it flawless. For instance, since we’re tokenizing/splitting with spaces, this code won’t work with trigger words next to punctuation of any kind. We’ll tackle those issues on an upcoming stream. :)

Live Coding Schedule

That pretty much wraps things up for this stream. If you have any questions about the code, Python, or any of the tech used in general - swing by during a live stream and say hello!

💜 Follow on Twitch

I stream Python coding & lame jokes™ on Twitch every Tuesday, Thursday, & Saturday around 7pm PST.

For the most up to date schedule, check my pinned post on Twitter.

Are you a 10x Developer? [Live Coding Recap]

Krys Heishman (aka bun9000) — Fri, 08 Nov 2019 01:15:25 +0000

Streamed: 11/01 on Twitch

🔴 Watch ⇒ Twitch VOD (replay)

Tonight we hung out and celebrated news of the Microsoft MVP award then got to work on DeepThonk (the Python bot's) code!

You heard me. 😭🎉

The big news dropped earlier that day and I've been on a roller-coaster of emotions ever since. Once the award kit comes in, I'll be doing a live unboxing and big fat THANK YOU stream on Twitch or Twitter. :D

Language(s) Used: Python
Tech & lib(s) used: VSCode, TwitchIO
Project Repository ⭐ DeepThonk

👇 Code & notes from stream down below! :D

During the stream we...

✔ caught up with everybody in chat
✔ announced MVP award stuffs!! YAYYY!! 🎉
✔ loaded up some new sfx (thanks, Jigo!)
✔ chat had a blast going HAM with sfx & gifs
✔ made an !xlev command that determined your dev-level :Kappa:
✔ whipped up a shoutout func (!so) for sharing streamer info
✔ fixed issue with founders badges not counting as a subscriber (permissions)
✔ stretch and snack break
✔ tried to play fortnite - mistakes wer maed
✔ started work on random sfx triggered by words in chat (almost done!)
✔ ended the stream with a raid on JMSWRNR, a very talented artist and developer - check them out!

Here's some code we wrote for the bot...

We made a highly sophisticated chat command that reveals your Dev x-level.

# in cmds.py
@bot.command(name="xlev")
async def xlev(ctx):
    level = random.randint(0, 70)
    msg = f"@{ctx.author.name}, you're totes a {level}x dev! Congrats! 🎉"
    await ctx.send(msg)

Here's a sample of it in action!

Sweet. ;D

We also whipped up a shoutout function (!so) that helps spread the word about awesome streamers that pop in to our chat room.

# in cmds.py
@bot.command(name='so')
async def so(ctx):
    'shouts out a streamer'
    token = ctx.content.split(' ', 1)
    if token[1][0] == '@':
        streamer = token[1][1:]
    else:
        streamer = token[1]
    msg = f"Check out @{streamer}, a super rad streamer and friend of the channel! https://twitch.tv/{streamer}"
    await ctx.send(msg)

Here we have a shoutout of fellow Live Coder and DEV contributor, @talk2megooseman

We also fixed an issue with the founder's badges not counting as subscriber badges. Basically, Twitch recently implemented a new feature that lets the first 5-10 subscribers to a channel proudly display their undying support. So, when Founders weren't allowed to use sub-only commands, that made Jigo cri.

# in permissions-check function
    if 'founder' in ctx.author.badges.keys():
        ctx.author.subscriber = 1

We started working on the random SFX function as well, but since we didn't figure that during this stream, I'll document that in the recap for the stream where it all comes together and works well. :D

Live Coding Schedule

For the most up to date schedule, check my pinned post on Twitter.

I stream Python coding & lame jokes™ on Twitch every Tuesday, Thursday, & Saturday around 7pm PST.

💜 Follow on Twitch

Refactoring a Python Bot [Live Coding Recap]

Krys Heishman (aka bun9000) — Sun, 03 Nov 2019 01:24:20 +0000

Streamed: 10/29 on Twitch

Topic(s): We hung out & refactored DeepThonk (the python bot's) code!
Language: Python, JSON
Tech & libs used: VSCode, TwitchIO

👇 You can find the notes and code from stream down below! :D

⭐ Star ⇒ Project Repository
💜 Follow ⇒ on Twitch and GitHub
🔴 Watch ⇒ Twitch VOD (replay)

During the stream we...

✔ moved !project from FAQ's into it's own command
✔ made !project settable from chat
✔ moved all other commands to commands.py
✔ cleaned up commands & commented uncommented funcs
✔ created a command module and moved all commands in there
✔ created a command to enable/disable shoutouts
✔ created a !raider command to thank (and shoutout) raiders!

Here's some of the code we wrote...

Shoutouts can be a little too much sometimes when we're actively developing the bot, so we created a chat function to turn them on or off on the fly.

# in commands.cmds
@bot.command(name='shoutouts')
async def shoutouts(ctx):
    'toggles shoutouts on or off'
    if data.get_setting('shoutouts'):
        data.set_setting('shoutouts', False)
        await ctx.send('Shoutouts are off now.')
    else:
        data.set_setting('shoutouts', True)
        await ctx.send('Shoutouts are back on!')

And, at the recommendation of chat, we created a command to shout out (and thank) raiders.

# in commands.cmds
@bot.command(name='raider')
async def raider(ctx):
    'shouts & thanks raiders'
    token = ctx.content.split(' ', 1)
    if token[1][0] == '@':  # strip @'s if they passed in user name arg with one
        raider = token[1][1:]
    else:
        raider = token[1]
    msg = f"ninjab1Bigups to @{raider} for the sick raid! Check them out at https://twitch.tv/{raider}"
    await ctx.send(msg)

A Better Quoting System [Live Coding Recap]

Krys Heishman (aka bun9000) — Sun, 27 Oct 2019 22:26:29 +0000

Streamed: 10/27 on Twitch

Topic(s): We created a persistent data system for the Twitch Bot
Language: Python, JSON
Tech & libs used: VSCode, TwitchIO

👇 You can find the code we wrote on stream down below! :D

⭐ Star ⇒ Project Repository
💜 Follow ⇒ on Twitch and GitHub
🔴 Watch ⇒ Twitch VOD (replay)

During the stream we...

✔ unboxed the a hat from DEV!! Ty!!
✔ changed voice on tts to Brian
✔ moved !project command to DeepThonk
✔ get !quoth partially working
✔ handled a case of key-errors
✔ tested out the fixes - it works!
✔ worked on vscode for the next live coding article for a bit
✔ ended the night playing video games w/community

Making the quote system

We made a command called !quoth that takes a user name as an argument and saves the last thing that user said as a quote.

BestCoderNA: I'm not totally useless. I can be used as a bad example!
F1SavesLives: !quoth @BestCoderNA
QUOTE SAVED: "I'm not totally useless. I can be used as a bad example!" - @BestCoderNA

Here's the entry point to the quoth feature. It's an async command registered in the bot's event loop. You invoke it by sending !quoth in chat.

# commands.py
@bot.command(name="quoth")
async def quoth(ctx):
    'the raven, nevermore. nevermore.'
    token = ctx.content.split(' ', 1)  # tokenize™
    author = token[1].lower()  # match case for msg database keys
    if author[0] == '@':  # strip the @ if tagged
        author = author[1:]
    data.quoth(author)

Every message sent in chat is added to a dictionary with a key of the user name.

# called in event_message():
def save_last_message(self, author, msg):
    if msg[0] == '!':  # ignore commands
        return
    if msg[0] == '@': # strip tags if tagged
        author = author[1:]
    self.last_message[author] = msg
    log.debug(f"saved: {author} - {self.last_message[author]}")

In our data object, which is our JSON "database" interface, we use the quoth method to append the python quote to a list of quotes.

# in the `data` object, an instance of DataInterface
def quoth(self, author):
    'take in an author name and add the last thing said from them'

    try:  # check if they've even said anything yet
        incoming_quote = {
            "author" : author,
            "quote" : self.last_message[author]
        }
    except KeyError:
        log.debug(f"{author} hasn't said anything yet...")

    # pull the json data to an object
    with open('quotes.json') as json_file:
        data = json.load(json_file)
        quotes = list()
        for quote in data:
            quotes.append(quote) # add all the quotes from json to a list
        quotes.append(incoming_quote) # add the new quote to the end of the list
        log.debug(f"QUOTE SAVED! {incoming_quote}")

    # rewrite with the new quote
    with open('quotes.json', 'w+') as json_file:
        json.dump(quotes, json_file, indent=4)  # dump it back in to jso

And here's the JSON "database" after we tested it out with a few quotes!

[
    {
        "author": "Jigokuniku",
        "quote": "TBH, some best practices are really only ever learned by getting annoyed at the bad practice"
    },
    {
        "author": "NinjaBunny9000",
        "quote": "JUST 👏 BECAUSE 👏 IT'S 👏 EATABLE 👏 DOESN'T 👏 MEAN 👏 IT'S 👏 EDIBLE 👏"
    },
    {
        "author": "J0nnyclueless",
        "quote": "I sometimes get kernel panic attacks"
    },
    {
        "author": "Sockelo",
        "quote": "Forgive them, for they know not what they compile."
    }
]

Storing Bot Commands in JSON Objects [Live Coding Recap]

Krys Heishman (aka bun9000) — Sun, 27 Oct 2019 10:40:59 +0000

Streamed: 10/24 on Twitch

Topic(s): Command-system using persistent data with JSON & a simple permissions system
Language: Python, JSON
Tech & libs used: VSCode, TwitchIO

⭐ Star ⇒ Project Repository
💜 Follow ⇒ on Twitch and GitHub
🔴 Watch ⇒ Twitch VOD (replay)

During the stream we...

✔ tested out new stream scenes
✔ got raided by kim & lana
✔ generated commands from json data
✔ made a command for adding commands to the json
✔ made a simple permissions system
✔ got raided by mr_sport && codinggarden at the same time!
✔ wrapped things up with a few games of fortnite with theprimeagen & friends

Persistent Data w/JSON [Live Coding Recap]

Krys Heishman (aka bun9000) — Sat, 26 Oct 2019 22:47:34 +0000

Streamed: 10/22 on Twitch

Topic(s): We created a persistent data system for the Twitch Bot
Language: Python, JSON
Tech & libs used: VSCode, TwitchIO

⭐ Star ⇒ Project Repository
💜 Follow ⇒ on Twitch and GitHub
🔴 Watch ⇒ Twitch VOD (replay)

During the stream we...

✔ showed off some new features and went over updates to the repo
✔ identify where we already have hardcoded infos
✔ got distracted by a bug with the tts system
✔ took a break and ate sum noms
✔ FEEXED THE BUG
✔ created a json settings file for persistent data
✔ answered some viewer's question
✔ setup a config obj and interfaced w/it
✔ made tts, sfx, and shoutouts enable/disable settings persistent
✔ moved the FAQ to json & generated commands from it
✔ tried to get it writing the commands... but THINGS BROKE
✔ prime raided - 1337H4X
✔ fixed the thing! FAQ's are writing to JSON now! yay
✔ broke another thing - will tackle next stream

Let's make a Twitch bot with Python!

Krys Heishman (aka bun9000) — Fri, 18 Oct 2019 11:35:00 +0000

This tutorial gets you up and running with a simple chat bot for Twitch channel.

Who's this tutorial for?

Beginners to coding and experienced coders new to Python.

We'll start out by setting up the accounts, getting the secrets, and installing the softywares. Then we'll setup and code the bot. By the end of this tutorial you should be ready to start adding your own custom commands.

BUT FIRST... we need to make sure we have our credentials in order. 👏

Papers, please!

📢 Glory to Arstotzka!

Make an account on Twitch (for your bot) or use the one you stream with. Make it something cool like RealStreamer69 😎
Request an oauth code. You'll need to login and give the app permissions to generate it for you.
Register your app with Twitch dev and request a client-id (so you can interface with Twitch's API)

Keep the oauth and client id somewhere handy but not public. You'll need them later to configure the bot.

💡 PROTIP™ -- Keep it secret. Keep it safe.

Install all the things! 🧹

Install Python 3.6 or 3.7 -- Windows // Linux // OS X
Install PIPENV. In the console, run ⇒ pip install pipenv

Create a cozy home for the bot to live in

Virtual environments require a couple extra steps to set up but make developing Python apps a breeze. For this tutorial, we'll use PIPENV which marries pip and venv into a single package.

In the console, navigate to your working directory
Run ⇒ pipenv --python 3.6 or pipenv --python 3.7
- This is going to create pipfile and piplock. They hold venv info like Python version and libraries you install.
Then run ⇒ pipenv install twitchio

Configuring and authorizing the bot

Create 2 files in your working directory. One called bot.py and another called .env (no file name, just the extension - it's weird, I know).

`/.env`

Your secrets will live inside the .env file. Add the oauth token and client-id from above after the = in the file. Fill in the other vars as well.

# .env
TMI_TOKEN=oauth:
CLIENT_ID=
BOT_NICK=
BOT_PREFIX=!
CHANNEL=

`/bot.py`

Inside bot.py, import the libraries we'll need and create the bot obj that we'll start in the next step.

# bot.py
import os # for importing env vars for the bot to use
from twitchio.ext import commands

bot = commands.Bot(
    # set up the bot
    irc_token=os.environ['TMI_TOKEN'],
    client_id=os.environ['CLIENT_ID'],
    nick=os.environ['BOT_NICK'],
    prefix=os.environ['BOT_PREFIX'],
    initial_channels=[os.environ['CHANNEL']]
)

💡 PROTIP™ -- When we run bot.py using PIPENV, it first loads the variables from the .env file into the virtual environment and then runs bot.py. So, inside this venv, we have acess (on an instance-basis) to these variables. We're going to use python's os module to import them, just like we would import environment variables on our native environment.

At the bottom of the file, we need to make sure the bot runs when we call bot.py directly using if __name__ == "__main__":

# bot.py
if __name__ == "__main__":
    bot.run()

WAKE BOT UP (wake bot up inside!)

Let's test the bot and make sure it can connect to Twitch.

In the console, run ⇒ pipenv run python bot.py

If it worked, you shouldn't get any errors - that means the environment variables loaded correctly and your bot successfully connected to Twitch!

If you got errors, check out the next section before moving on.

Error: Can't wake up. [save me]

A wild Request to join the channel has timed out. Make sure the channel exists. appears. You evade with..

Make sure you have the right tokens (oauth and client-id) in the .env file and that they're in the same directory/folder as bot.py

Your directory structure at this point should look like this...

working-directory/
├─ .env
├─ bot.py
├─ Pipfile
└─ Pipfile.lock

If that still doesn't fix it, comment below and we'll sort it out for ya!

Adding some functionality to the bot

Greet the chat room!

Back to bot.py.... Below the bot object, let's create a function called event_ready with the decorator @bot.event. This function will run once when we start the bot. It then reports to terminal and chat that it successfully connected to Twitch.

# bot.py, below bot object
@bot.event
async def event_ready():
    'Called once when the bot goes online.'
    print(f"{os.environ['BOT_NICK']} is online!")
    ws = bot._ws  # this is only needed to send messages within event_ready
    await ws.send_privmsg(os.environ['CHANNEL'], f"/me has landed!")

Go ahead and test the bot again. It should greet chat when it comes online now.

Respond to messages in chat

Next up, we're going to add a function that's run every time a message is sent in your channel. You can add all sorts of logic here later, but we'll start out with making sure the bot ignores itself.

# bot.py, below event_ready
@bot.event
async def event_message(ctx):
    'Runs every time a message is sent in chat.'

    # make sure the bot ignores itself and the streamer
    if ctx.author.name.lower() == os.environ['BOT_NICK'].lower():
        return

After that, we'll drop in a line of code that will annoyingly echo back every message sent in chat. ᴷᵃᵖᵖᵃ

# bot.py, in event_message, below the bot-ignoring stuff
await ctx.channel.send(ctx.content)

Restart the bot and check it out!

💡 PROTIP™ -- Comment out that line now cuz it's actually really annoying.

Making a chat command

Any command you make needs to follow this format when defining them..

Decorated with @bot.command(name='whatever')
Be asynchronous functions with names that match the name variable in the decorator
Pass the message context in through the function

How the function works and what it does is all up to you. For this example, we'll create a command called !test that says test passed! in chat when we call it.

# bot.py, below event_message function
@bot.command(name='test')
async def test(ctx):
    await ctx.send('test passed!')

Before this can work, we need to make sure that the bot knows to listen for commands coming through.

Add this just below the ignore bot code in event_message:

    #bot.py, in event_message, below the bot ignore stuffs
    await bot.handle_commands(ctx)

Alright! Time to test it out. Reboot the bot and send !test in chat!

Responding to specific messages

Tell my bot I said... "Hello."

You can respond to specific messages in your chat too, they don't have to be !commands. Let's write some code that says hi when people say hello.

    # bot.py, at the bottom of event_message
    if 'hello' in ctx.content.lower():
        await ctx.channel.send(f"Hi, @{ctx.author.name}!")

Go ahead and test it out! You've got the framework to start buildng your bot and adding commands.

Here's what you should have when you're done

`/bot.py`

import os
from twitchio.ext import commands

# set up the bot
bot = commands.Bot(
    irc_token=os.environ['TMI_TOKEN'],
    client_id=os.environ['CLIENT_ID'],
    nick=os.environ['BOT_NICK'],
    prefix=os.environ['BOT_PREFIX'],
    initial_channels=[os.environ['CHANNEL']]
)

@bot.event
async def event_ready():
    'Called once when the bot goes online.'
    print(f"{os.environ['BOT_NICK']} is online!")
    ws = bot._ws  # this is only needed to send messages within event_ready
    await ws.send_privmsg(os.environ['CHANNEL'], f"/me has landed!")


@bot.event
async def event_message(ctx):
    'Runs every time a message is sent in chat.'

    # make sure the bot ignores itself and the streamer
    if ctx.author.name.lower() == os.environ['BOT_NICK'].lower():
        return

    await bot.handle_commands(ctx)

    # await ctx.channel.send(ctx.content)

    if 'hello' in ctx.content.lower():
        await ctx.channel.send(f"Hi, @{ctx.author.name}!")


@bot.command(name='test')
async def test(ctx):
    await ctx.send('test passed!')


if __name__ == "__main__":
    bot.run()

And ofc your .env with your secrets and a pipfile and Piplock.

I've uploaded the files to a github repo too, if that's your thing.

Congrats!! 🥳🎉

You've made it this far.. You know what that means? Time to celebrate by clicking this GitKraken referral link and signing up so I can get free socks (or maybe a Tesla? 😎).

Also, feel free to check out the Live Coding Stream recap where we developed this tutorial. Shoutouts to everyone in chat that collaborated!

What do you want to do next?

Questions? Comments? Ideas? Let me know in the comments below!

I'll be following up to this post soon with some tips on how to get the most out of the TwitchIO library -- more stuff that's not really well-documented and was a PITA to figure out, like how to get the author, using badges for permissions, etc.

Twitch Bot 101 (Python) [Live Coding Recap]

Krys Heishman (aka bun9000) — Fri, 18 Oct 2019 10:59:43 +0000

Streamed: 10/18 on Twitch

Topic(s): We created a bare-bones Twitch chat bot & companion tutorial post on dev.
Language: Python
Tech & libs used: VSCode, TwitchIO

⭐ Star ⇒ Project Repository
💜 Follow ⇒ on Twitch and GitHub
🔴 Watch ⇒ Twitch VOD (replay)

During the stream we...

✔ took a few minutes to get everything up and running cuz what hte heck is going on i got home from work late and im so disoriented 😨
✔ set up the project and started outlining the tutorial
✔ jigo ate almonds on mic and i wanted to die
✔ was then sent unsolicited door pics (r00d)
✔ finished writing the first draft of the tutorial
✔ tested and reviewed the tutorial.. so far so good!
✔ put some polish on the tutorial and edited a bit more
✔ remembered i forgot do kit.com setup & post.. gotta do that soon!
✔ and then i remembered forgot to do laundry.. AGAIN!
✔ published draft to dev & reviewed
✔ chat helped a ton with typos & grammer! ty!
✔ signed off and raided InGameAsylum.. amazing stream production!

We also came up with some ideas...

Doing a git/repo basics stream
Advanced topics w/TwitchIO like wrapping event_message and other listeners in decorators so we can use them like @bot.commands - @meortel

5 Useful VSCode Extensions for Live Coding

Krys Heishman (aka bun9000) — Thu, 17 Oct 2019 10:53:39 +0000

Live-streaming a development process introduces some unique challenges. Aside from the obvious challenge of edutaining a large group of people (for potentially hours on end), you're also collaborating with them while doing your best to stay on task and not lose their focus either.

Here's a list of 5 extensions I've found extremely useful for overcoming those challenges.

1. Twitch Highlighter

This awesome extension (made during Live Coding streams by a fellow Live Coders teammate Clarkio) lets viewers help you debug your code — highlight lines with a simple chat command!

Missing a semi-colon? !line 36.

2. Bracket Pair Colorizer 2

In a perfect world, your viewers could give you 100% of their attention 100% of the time. In reality, they're probably also working on their own projects, cooking, or second-screening at their desk. Help your viewers quickly parse what's going on at a glance and feel less disoriented when they look away for a few seconds, glance back, and a few parens or curlies moved around.

💡 PRO-TIP™ - Extensions that help viewers more easily spot syntax errors make it easier to mob-program and debug with your viewers!

3. TODO+

Keep track of current tasks, ideas, bugs you find, and more with this extremely useful but little-known extension. Shortcuts like alt+s to start, alt+d to mark as done, and alt+c to cancel make TODO+ an easy to use task tracker. The extension also supports custom symbols for check boxes and custom-defined tags.

💡 PRO-TIP™ - Tracking stream tasks and progress in a list is a good Live Coding tactic. Viewers often drop-in mid stream and need help getting oriented and caught up. After the stream, use the list to write a recap blog.

4. Live Share

Pair program with guests on stream with Live Share! It's an excellent collaboration tool and a must have for every Live Coder's toolkit.

5. Comment Anchors

This is another useful (but little-known) tool to help viewers follow along and stay engaged. Comment Anchors supports custom tags and colors as well, so you can use them to label any sort of comment!

💡 PRO-TIP™ - If you feel lost during a stream, sift through Comment Anchor tags in the side bar for TODO's and refactor tasks you can focus on until you figure out what to do next!

EDIT: Honorable Mentions

I wanted to update this post with some great suggestions from the dev.to community in the comments below that I've adopted for regular use on Twitch.

Highlight Trailing Whitespaces & Indent Block Highlighting

Shoutout to Juan Carlos for these recommendations! Not only does this scratch a visual itch and keep code looking clean, but it's another thing viewers/chat can help out with (esp in Python where white-space matters!)

Snake Trail

Thanks Rich Somerfield for developing this extension. It's so purty!

Share your favs!

What are your favorite extensions for Live Coding?

Forem: Krys Heishman (aka bun9000)

Learning C# w/ @AlSweigart [Live Coding Recap]

Streamed: 12/06 on Twitch

During the stream we...

Here's the code we wrote...

sPoNgEboB.cs

SnailRace.cs

Live Coding Schedule

Streamline your DEV.to writing workflow with VSCode

Hello, fellow DEV publisher! 👋

Well guess what!?..

Here's how to get started...

Extra stuffs

Live Coding on Twitch

A Text-Based Battle Royale?? [Live Coding Recap]

Streamed: 11/09 on Twitch

During the stream we...

Live Coding Schedule

SFX & Derp Wars (a Dope Wars clone) [Live Coding Recap]

Streamed: 11/05 on Twitch

Wait... Dope Wars?? What!?

During the stream we...

Here's some code we wrote during the stream...

Live Coding Schedule

Are you a 10x Developer? [Live Coding Recap]

Streamed: 11/01 on Twitch

You heard me. 😭🎉

During the stream we...

Here's some code we wrote for the bot...

Sweet. ;D

Live Coding Schedule

Refactoring a Python Bot [Live Coding Recap]

Streamed: 10/29 on Twitch

During the stream we...

Here's some of the code we wrote...

A Better Quoting System [Live Coding Recap]

Streamed: 10/27 on Twitch

During the stream we...

Making the quote system

Storing Bot Commands in JSON Objects [Live Coding Recap]

Streamed: 10/24 on Twitch

During the stream we...

Persistent Data w/JSON [Live Coding Recap]

Streamed: 10/22 on Twitch

During the stream we...

Let's make a Twitch bot with Python!

Who's this tutorial for?

Contents

Papers, please!

📢 Glory to Arstotzka!

Install all the things! 🧹

Create a cozy home for the bot to live in

Configuring and authorizing the bot

/.env

/bot.py

WAKE BOT UP (wake bot up inside!)

Error: Can't wake up. [save me]

Adding some functionality to the bot

Greet the chat room!

Respond to messages in chat

Making a chat command

Responding to specific messages

Here's what you should have when you're done

/bot.py

Congrats!! 🥳🎉

What do you want to do next?

Twitch Bot 101 (Python) [Live Coding Recap]

Streamed: 10/18 on Twitch

During the stream we...

We also came up with some ideas...

5 Useful VSCode Extensions for Live Coding

1. Twitch Highlighter

2. Bracket Pair Colorizer 2

3. TODO+

4. Live Share

5. Comment Anchors

EDIT: Honorable Mentions

Highlight Trailing Whitespaces & Indent Block Highlighting

Snake Trail

Share your favs!

`sPoNgEboB.cs`

`SnailRace.cs`

`/.env`

`/bot.py`

`/bot.py`