MapleLeaf 🍁

@mapleleaf.dev

1911 Followers 331 Following

code • TTRPG • EDM • rhythm games • anime • he/they 🏳️‍🌈 • not actually Canadian 🍁 • opinions are my own https://mapleleaf.dev

a discord message from Myself reading "me at 4 AM being Tired and Done" followed by an image of a code snippet which reads "// @ts-expect-error: fuck you"

chthon·ic /ˈTHänik/
adjective: chthonic; adjective chthonian;
1. concerning, belonging to, or inhabiting the underworld.

a code snippet with the following contents:

{(renderViewModeItem || renderEditModeItem) &&
(mode === "view" ?
<Button
icon={<Icon icon="mingcute:edit-2-fill" />}
onClick={() => {
setMode("edit")
}}
>
Edit
</Button>
: <Button
icon={<Icon icon="mingcute:check-fill" />}
onClick={() => {
setMode("view")
}}
>
Done
</Button>)}

a screenshot containing the TypeScript code `"": undefined` followed by an inline object literal access, with the comment "blame typescript, prettier, and my weird decision to have empty string be the default value, I guess?"

a screenshot of the browser support of the `field-sizing: content` CSS property on caniuse.com, showing Chrome and Edge with full support, but Safari and Firefox with zero support

a code editor screenshot showing a TypeScript file with 41 lines of just imports

several TailwindCSS classes split over several lines in a single className JSX attribute string, some of which have complex selectors within them

a listbox preview from HeroUI, where the listbox has both horizontal and vertical scrollbars, making it look extremely ugly, assuming they didn't test it this way

the context menu on "notepads" in the explorer sidebar in the Cursor editor, showing the "Notepads" toggle disabled, preventing one from hiding it

A usage of Astro's image component, showing a promise value being passed to the `src` prop without type errors

Code screenshot showing the conversion of a recursive Rust function 'compact_spans' into an iterative version using list.fold. The image shows both the original recursive implementation and the new version side by side, with explanatory comments describing how the fold operation processes spans in reverse order. The code uses syntax highlighting with purple, blue, and green colors, and includes line numbers along the left margin.

A circular diagnostic wheel showing autism spectrum indicators, divided into 10 sections: Fixations, Abnormal/Flat Speech, Noise Sensitivity, Social Difficulty, Anxiety, Abnormal Posture, Poor Eye Contact, Tics and Fidgets, Aggression, and Depression. Each section has three intensity rings, with colors indicating severity levels.

(text generated by Claude) A humorous comparison of two flow charts on a black background with white text and circles. The top chart labeled 'regular task progression' shows a simple three-step process: 'start' → 'one or two tiny detours maybe' → 'thing i want to do'. The bottom chart labeled 'my ADHD ass' shows a much more complicated path with multiple diversions: starting with 'start', branching into tasks like 'send the prescription refill email that i forgot about', 'vacuum the dead bugs that have been bothering me', 'throw out random shitty containers for proper ones', 'throw away the moldy strawberries that i forgot about', 'get yogurt', 'go back to get granola for the yogurt', 'make this diagram', and finally reaching 'thing i want to do'.

a code snippet which reads:

const rest = { secret: 42 }

// these two are equivalent
const first = {
...a > 5 && rest,
}

const second = {
...(a > 5 && rest),
}

a code snippet which reads:

// function type:
function usePointerState<Target>(): {
listen: (listener: Listener<PointerGestureEvent<Target>>) => () => void;
getButtonState: (button: PointerButton) => PointerButtonState<Target>;
handlePointerDown: (event: PointerEvent, target: Target) => void;
}

// type alias:
type PointerState<Target> = ReturnType<
typeof usePointerState<Target>
>

// equivalent to:
type PointerState<Target> = {
listen: (listener: Listener<PointerGestureEvent<Target>>) => () => void;
getButtonState: (button: PointerButton) => PointerButtonState<Target>;
handlePointerDown: (event: PointerEvent, target: Target) => void;
}

the "scroll to top of dashboard" button