Wes Bos wesbos

## vscode-tab-globs.json
  "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}"
  }

## Bluesky.tsx
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();

## async-await.js
// 🔥 Node 7.6 has async/await! Here is a quick run down on how async/await works

const axios = require('axios'); // promised based requests - like fetch()

function getCoffee() {
  return new Promise(resolve => {
    setTimeout(() => resolve('☕'), 2000); // it takes 2 seconds to make coffee
  });
}

## tab-trigger.js
{
  "keys": ["tab"],
  "command": "expand_abbreviation_by_tab",

  // put comma-separated syntax selectors for which
  // you want to expandEmmet abbreviations into "operand" key
  // instead of SCOPE_SELECTOR.
  // Examples: source.js, text.html - source
  "context": [
    {

## dutch_journal.ts
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 = {

## fix-notion.js
function fixNotionPadding() {
  Array.from(document.querySelectorAll(`[style*="padding-left: 96px"]`)).forEach(el => el.style.padding = 0);
  requestAnimationFrame(fixNotionPadding);
}
fixNotionPadding();

## tik-tok-photoboot-app.html
<!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>

## nuke-bot-tags.js
// ==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 => {

## service-worker.js
// put this in a file where your service worker used to live, like yourdomain.com/service-worker.js. You can find out this path in the SW dev tools of your browser

self.addEventListener('install', (e) => {
  console.log('[Service Worker] Installing Service Worker ...', e);
  self.skipWaiting();
});

self.addEventListener('activate', (e) => {
  console.log('[ServiceWorker] Activate');
  self.registration

## logger.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;
	"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}"
	}
	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();
	// 🔥 Node 7.6 has async/await! Here is a quick run down on how async/await works

	const axios = require('axios'); // promised based requests - like fetch()

	function getCoffee() {
	return new Promise(resolve => {
	setTimeout(() => resolve('☕'), 2000); // it takes 2 seconds to make coffee
	});
	}
	{
	"keys": ["tab"],
	"command": "expand_abbreviation_by_tab",

	// put comma-separated syntax selectors for which
	// you want to expandEmmet abbreviations into "operand" key
	// instead of SCOPE_SELECTOR.
	// Examples: source.js, text.html - source
	"context": [
	{
	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 = {
	function fixNotionPadding() {
	Array.from(document.querySelectorAll(`[style*="padding-left: 96px"]`)).forEach(el => el.style.padding = 0);
	requestAnimationFrame(fixNotionPadding);
	}
	fixNotionPadding();
	<!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>
	// ==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 => {
	// put this in a file where your service worker used to live, like yourdomain.com/service-worker.js. You can find out this path in the SW dev tools of your browser

	self.addEventListener('install', (e) => {
	console.log('[Service Worker] Installing Service Worker ...', e);
	self.skipWaiting();
	});

	self.addEventListener('activate', (e) => {
	console.log('[ServiceWorker] Activate');
	self.registration
	// 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;