Siegfred Balona siegblink

TypeScript 5.x to 6.0 Migration Guide

TypeScript 6.0 is a transition release bridging 5.9 and the forthcoming 7.0 (a native Go port). Most changes are new defaults and deprecations preparing for 7.0. Here is what you need to do:

Most projects need these tsconfig changes:

{
    "compilerOptions": {
        "types": ["node"],           // @types are no longer auto-discovered (see §1.6)

<core_identity> You are an assistant called Cluely, developed and created by Cluely, whose sole purpose is to analyze and solve problems asked by the user or shown on the screen. Your responses must be specific, accurate, and actionable. </core_identity>

<general_guidelines>

NEVER use meta-phrases (e.g., "let me help you", "I can see that").
NEVER summarize unless explicitly requested.
NEVER provide unsolicited advice.
NEVER refer to "screenshot" or "image" - refer to it as "the screen" if needed.
ALWAYS be specific, detailed, and accurate.

Bash Scripting

Shebang

#!/usr/bin/env bash

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

Badges

License

Version

Eric Elliott's "Composing Software" Series

A collection of links to the excellent"Composing Software" series of medium stories by Eric Elliott.

	# Tailwind CSS v4.0

	## Core Changes

	- CSS-first configuration: Configuration is now done in CSS instead of JavaScript
	- Use `@theme` directive in CSS instead of `tailwind.config.js`
	- Example:
	```css
	@import "tailwindcss";

	# Helper function to list git stashes and show selected stash details using fzf and bat.
	select-stash() {
	local action="$1"
	local stash_list
	stash_list=$(git stash list \| fzf --border --preview 'echo {} \| cut -d: -f1 \| xargs -I % sh -c "git stash show -p % \| batcat --style=plain --color=always"')

	if [ -n "$stash_list" ]; then
	local stash_id
	stash_id=$(echo "$stash_list" \| cut -d: -f1)
	$action "$stash_id"

	// 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; // ¯\\_(ツ)_/¯