Wes Bos wesbos

🔥

SLAYING BUGS

I create courses that make learning things like JavaScript easy and fun 🔥

wesbos / Bluesky.tsx

Created November 5, 2024 17:05

Bluesky RSC

	export async function BlueSkyPost() {
	const url = new URL('https://bsky.app/profile/danabra.mov/post/3la62zxt4rs2j');
	const details = url.pathname.split('/').filter(Boolean).reduce((acc, part, index, pathParts) => {
	if (index % 2 === 0 && pathParts[index + 1]) {
	acc[part] = pathParts[index + 1];
	}
	return acc;
	}, {} as Record<'post' \| 'profile' \| string, string>);
	const endpoint = new URL('https://public.api.bsky.app/xrpc/app.bsky.feed.getPostThread');
	const params = new URLSearchParams();

wesbos / dutch_journal.ts

Created May 15, 2024 16:04

	import Anthropic from '@anthropic-ai/sdk';
	import { Glob } from 'bun';

	export const anthropic = new Anthropic({
	apiKey: process.env.ANTHROPIC_KEY
	});

	const glob = new Glob("./txt/*.txt");

	type Page = {

wesbos / vscode-tab-globs.json

Created March 21, 2024 15:44

	"workbench.editor.customLabels.patterns": {
	"/routes//+page.svelte": "${dirname(1)}/${dirname}",
	"/routes//+page.server.ts": "/${dirname} [server]",
	"/app//page.tsx": "${dirname}.${extname}",
	"/app//layout.tsx": "${dirname}/layout.${extname}"
	}

wesbos / logger.js

Created January 8, 2024 15:55

console.log line numbers in Node.js

	// Use like this: node --import logger.js yourapp.js

	import path from 'path';

	const { log } = console;
	[`debug`, `log`, `warn`, `error`, `table`, `dir`].forEach((methodName) => {
	const originalLoggingMethod = console[methodName];
	console[methodName] = (...args) => {
	const originalPrepareStackTrace = Error.prepareStackTrace;
	Error.prepareStackTrace = (_, stack) => stack;

wesbos / quick-path.ts

Created November 9, 2023 20:31

wesbos / prompt.ts

Created March 21, 2023 16:13

	import dotenv from "dotenv";
	import { readFile, writeFile } from 'fs/promises';
	dotenv.config();
	import { Configuration, OpenAIApi } from "openai";

	const configuration = new Configuration({
	apiKey: process.env.OPENAI_API_KEY,
	});
	export const openai = new OpenAIApi(configuration);

wesbos / settings.json5

Created December 21, 2022 16:30

VS Code Italic Comments

	{
	"editor.tokenColorCustomizations": {
	// just one
	"comments": {
	"fontStyle": "italic",
	},
	// multiple scopes
	"textMateRules": [
	{
	"scope": [

wesbos / nuke-bot-tags.js

Created November 29, 2022 19:48

grease monkey script to remove bot tags

	// ==UserScript==
	// @name Remove Bot Tags
	// @version 1
	// @grant none
	// ==/UserScript==

	function nukeEm() {
	console.log('Nuke em!');
	Array.from(document.querySelectorAll('a[href="SaveTo"], a[href="memdotai"]'))
	.map(link => {

wesbos / non-empty-string.ts

Last active November 4, 2022 14:00

	// Here we check if our custom type "Stringy" extends a narrow type of ''
	// If it does, the type is never
	// If it doesnt, the type is "Strinfy", which is just a string type
	function getItem<Stringy extends string>(
	id: Stringy extends '' ? never : Stringy
	) {
	// code here
	}
	// works:
	getItem('abc123'); // No error

wesbos / tik-tok-photoboot-app.html

Created November 3, 2022 13:29

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<title>🔥 Make a photo booth app in about 15 lines of JavaScript</title>
	<link rel="icon" href="https://fav.farm/🎥" />
	</head>

	<body>

	"workbench.editor.customLabels.patterns": {
	"/routes//+page.svelte": "${dirname(1)}/${dirname}",
	"/routes//+page.server.ts": "/${dirname} [server]",
	"/app//page.tsx": "${dirname}.${extname}",
	"/app//layout.tsx": "${dirname}/layout.${extname}"
	}