Josh Thomas joshuadavidthomas

Permanent WSL DNS Fix (WSL 2.2.1+)

If you're encountering ping github.com failing inside WSL with a Temporary failure in name resolution, you're not alone — this has been a long-standing issue, especially when using VPNs or corporate networks.

This issue is now fixed robustly with DNS tunneling, which preserves dynamic DNS behavior and avoids limitations like WSL’s former hard cap of 3 DNS servers in /etc/resolv.conf.

DNS tunneling is enabled by default in WSL version 2.2.1 and later, meaning that if you're still seeing DNS resolution issues, the first and most effective fix is simply to upgrade WSL. Upgrading WSL updates the WSL platform itself, but does not affect your installed Linux distributions, apps, or files.

To upgrade WSL, follow these steps,

[use-carousel] Headless UI React hook for building a scroll-based carousel

BYO-UI. No CSS necessary. Inspired by react-table.

Usage:

const {
  getLeftNavProps,
 getRightNavProps,

Chalice Dev AWS IAM Policy

AWS IAM Policy suitable for assigning to a user developing Chalice applications. Allows the developer sucessfully execute chalice deploy, chalice delete and chalice logs

Derived from comments on chalice/issues/59, extended by trial and error :-)

Subsitute YOUR-AWS-REGION in chalice-dev-iam-policy.json with the region you are deploying to, for example eu-west-1.

AWS profiles

embed template tag

Rationale

The issue

When working on a web application, you may have, on different screens, a variable number of similar components with minor differences. A "card" component is a good example: every card has a wrapper section element, a title, and an arbitrary content wrapped inside a div element.

Consider the following simplified HTML example of an application :

This example isn't comprehensive, so you can't just copy and paste. However, it should be a good template to base your own solution off. I chose to use React but you can use any framework.

Note: Sentry has a Vite plugin. As of Astro 1.9.0, Astro runs Vite plugins twice during the build process, which results in map files being submitted twice. Until this is resolved, it doesn't seem like an acceptable solution.

	{
	"$schema": "https://aka.ms/terminal-profiles-schema",
	"copyOnSelect": false,
	"defaultProfile": "{574e775e-4f2a-5b96-ac1e-a2962a402336}",
	// Add custom keybindings to this array.
	// To unbind a key combination from your defaults.json, set the command to "unbound".
	// To learn more about keybindings, visit https://aka.ms/terminal-keybindings
	"keybindings":
	[
	// Copy and paste are bound to Ctrl+Shift+C and Ctrl+Shift+V in your defaults.json.

	import React, { useState, useCallback } from "react";
	import { useBlurhash } from "./use-blurhash";
	import { useInView } from "react-intersection-observer";

	type Props = React.DetailedHTMLProps<
	React.ImgHTMLAttributes<HTMLImageElement>,
	HTMLImageElement
	> & { blurhash?: string \| null };

	// Uses browser-native `loading="lazy"` to lazy load images

	#!/bin/bash
	#
	# renew-letsencrypt-certificates.sh DOMAIN [EMAIL]
	#
	# Copy Let's Encrypt SSL certs from a remote public facing web server to local filesystem
	# Look for changes, if any change, restarts the web service
	# Useful for using Let's Encrypt with local internal servers, with custom DNS.
	# Working "mail" command needed for email alerts
	#

	/*
	Made by Elly Loel - https://ellyloel.com/
	With inspiration from:
	- Josh W Comeau - https://courses.joshwcomeau.com/css-for-js/treasure-trove/010-global-styles/
	- Andy Bell - https://piccalil.li/blog/a-modern-css-reset/
	- Adam Argyle - https://unpkg.com/open-props@1.3.16/normalize.min.css / https://codepen.io/argyleink/pen/KKvRORE

	Notes:
	- `:where()` is used to lower specificity for easy overriding.
	*/

	def my_fun(user_or_id: UserOrId):
	user = get_user(user_or_id)

	# Do something with user


	# These both do the same thing (but the first avoids the extra db hit)
	my_fun(user)
	my_fun(user.id)