Don Park donpark

I needed a zoomable image view in SwiftUI that allows user to pan and zoom the image with useful constraints like:

snap back zoom in beyond 3x
snap back zoom out beyond entire image is visible
snap back pan beyond image bounds.

TODO:

Add rotation support

Error: Only plain objects, and a few built-ins, can be passed to Client Components from Server Components.
Classes or null prototypes are not supported.

When above error is thrown in React 14+, root cause may be QueryClientProvider not being defined in client scope using "use client".

Solution for Next.js apps using App Router

get search terms to query SERP with (haiku)

You are a world-class journalist. Generate a list of 5 search terms to search for to research and write an article about the topic.

Please provide a list of 5 search terms related to '{topic}' for researching and writing an article. Respond with the search terms in a Python-parseable list, separated by commas.

select relevant urls among SERP results (haiku)

$ llm chat -m gpt-4-turbo-preview
Chatting with gpt-4-turbo-preview
Type 'exit' or 'quit' to exit
Type '!multi' to enter multiple lines, then '!end' to finish
> !multi

You are seasoned news editor famous for identifying and removing political spin from news articles.

Making a board compatible with VIA Configurator

💥NOTE💥: Don't do this yet, all of this stuff is still 🚑💣BLEEDING EDGE💣🚑, and you will 🔪cut yourself🔪 badly if you choose to do it. Please wait for 🗿Wilba's QMK code to be refactored prior to pushing anything to QMK, as we don't want to end up with a bunch of different forks of the code.

So you've seen VIA Configurator in action, and you want to get this magic supported for your board?

There's two main steps:

Add dynamic keymap support to keyboard in QMK
Add layout to VIA

	//
	// ClearViewApp.swift
	// ClearView
	//
	// Created by Don Park on 5/3/25.
	//

	import SwiftUI

	@main

	// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks.
	// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/)
	(() => {
	const SHOW_SIDES = false; // color sides of DOM nodes?
	const COLOR_SURFACE = true; // color tops of DOM nodes?
	const COLOR_RANDOM = false; // randomise color?
	const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com)
	const MAX_ROTATION = 180; // set to 360 to rotate all the way round
	const THICKNESS = 20; // thickness of layers
	const DISTANCE = 10000; // ¯\\_(ツ)_/¯

	/**
	* Create port to an iframe element:
	*
	* const iframePort = new FramePort(iframeEl);
	*
	* Create port to parent window:
	*
	* const parentPort = new FramePort(window.parent);
	*
	* Post a message:

	// This needs to run when script loads.
	const scriptUrl = new URL(document.currentScript.src, document.baseURI).toString();
	const scriptBaseUrl = scriptUrl.substr(0, scriptUrl.lastIndexOf('/'));

	// To build URL relative to script file.
	const wasm = `${scriptBaseUrl}/wasm/my.wasm`

	import { mergeObjects } from "./merge";

	const defaultOptions = {
	userMedia: {
	audio: true,
	video: false,
	channelCount: 1,
	autoGainControl: true,
	echoCancellation: true,
	noiseSuppression: true