dclstn

Using Regular Expressions in BetterTTV Keywords

BetterTTV's Highlight Keywords and Blacklist Keywords support full regular expressions, in addition to plain words and phrases. This lets you match flexible patterns instead of a single fixed word.

Syntax

Wrap your pattern in ~/ and /, with optional flags after the closing slash:

dclstn

A server-less Nightbot command that utlizes a Cloudflare Worker to run a small prediction game for Phasmophobia where users can guess the ghost archetype.

Adding to chat:

!commands add !guess  👻 $(urlfetch https://nightbot-phasmophobia-guessing-game.vasp.dev?message=$(querystring))

How to use:

dclstn

import argparse

parser = argparse.ArgumentParser(description="Wordle Painter")
parser.add_argument("--word", type=str, help="Today's wordle word")

# 0 = No match
# 1 = Match in the word but not in the right position
# 2 = Match in the word and in the right position

map = [

dclstn

Just a really simple animated number made in framer-motion, inspired by https://motion.dev/docs/react-animate-number

AnimatedNumber.tsx

import {motion} from 'framer-motion';
import classes from './AnimatedText.module.scss';
import classNames from 'classnames';

function AnimatedNumber({
  value,

dclstn

1. Navigate to www.twitch.tv
2. Open the console "Cmd + Option + J" (on a Mac) or "Ctrl + Shift + J" (on Windows)
3. Copy script below, and paste into console
4. Enjoy the old layout

(async () => {
    await import('https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js');
    const experiments = Object.entries(__twilightSettings.experiments);
 const [experimentId] = experiments.find(([, {name}]) => name === 'web_channel_metadata_layout');

dclstn

A server-less Nightbot command that utlizes a Cloudflare Worker to condense Pokédex API's API to be under 400 characters (Nighbot's urlfetch limit).

Adding to chat:

!commands !add !dex  📟 $(urlfetch https://pokedex.dclstn.workers.dev?pokemon=$(querystring))

How to use:

dclstn

import React from 'react';

interface useQueryStateConfig<T> {
  parse?: (value: string) => T;
  serialize?: (value: T) => string;
  defaultValue: T;
}

export default function useQueryState<T>(
  key: string,

dclstn

import {Box, Input, Text} from '@chakra-ui/react';
import React from 'react';

interface AutocompleteInputProps {
  value: string;
  matches: {label: string; value: string}[];
  onChange: (value: string) => void;
}

export default function AutocompleteInput({

dclstn

import React from "react";

interface Response<T> {
  data: T | null;
  isFetching: boolean;
  error: string | null;
  isSuccess: boolean;
}

export function useApi<T>(apiFunction: () => Promise<any>): [Response<T>, () => void] {