Andraž Mesarič-Sirec lilBunnyRabbit

Series Tracker Status

Quick experiment to test CSS safe-area-inset-* properties in Chrome. Uses the experimental CDP setSafeAreaInsetsOverride method to override safe area insets on the fly.

There aren't really any other free tools that let you do this easily. Hopefully this gets built into DevTools soon, but for now this works.

Usage

bun install
chmod +x index.ts
bun link chrome-safe-inset

TypeScript Task Management System

Important

The task manager functionality previously available in this gist has been officially integrated into the @lilbunnyrabbit/task-manager package. For continued support and access to the latest features, please refer to the package.

This TypeScript project implements a sophisticated task management system, designed to facilitate the creation, execution, and monitoring of asynchronous and synchronous tasks in a structured and efficient manner. The system is built around two primary components: TaskManager and Task.

TaskManager serves as the central orchestrator for managing multiple tasks. It provides capabilities to queue tasks, control their execution (either sequentially or in parallel), and monitor their overall progress and status. This makes it ideal for scenarios where task

React Service

Example

[TS Playground](https://www.typescriptlang.org/play?#code/C4TwDgpgBAyhBOA3AlgYwgeQEYGcGIQBlkdgIA7BHAHgBUBRA84HKCADzPIBNWAlCKgD28btVLxk5AOYAaKAENyIAHwqoAXigBvALAAoKFADaAaShSoAawgghAMygMmLALoAuKAApECgDYArhCezhQsZq4AlJrqiELI3ADcBgC+yfoGUmTw9grosPhomLj4CADC-n5YeVbUBkahzKwcXLxQAsKi4sCSMvJKqrL1TgCC8NLNnBRtA8auQ4ZOAjgBfsBsUzysAeRW5EIA7uRQAD5QAArwQgC2JBDUO3uH5CoG6nqLXgB0PwrjOCExhNIiFlqtgOkjEISkgIF4-CQuFRPOc-sBkP5qHAkEVsHhYfBiKQKFQ6Iwwjg1CDvD8vn8JoD-tENOpaGC1ukUgYDKg-AocKxsSh0HjSvAyS5Jq1+IIRGIJFI5IplGodMNhOQJAFUMARF4wJJfGQoAjiZR4ACLmiMX4sYURTCCITESSLRKKaqtNoUtFvdzFqQFOjUFAsFIxMMGuSmhtpe1ZV0FX1lYNI6N-rHpqxZvM02yICs1pmtlBHvsjqcLldbngHrtyy9hiovKhKtVUFZPF5ofinZ4hbjHQh3U0VPJafTLbQgThmaz2cBfWmNaQoL2ihU-FUapooPYdjrkEJjt9fv9GcDQQXwWrFkYjPAIMAAvBjq2t+2rF5KAcCjiHb2w6NCwzaROOZ7ApC94pIogr2sUgHwJu24diOLDyNO-wYQuKjpGm67oMhn5fD2pS7vu5CHse3imkiFootamIDgBYpEnRNDAZSKhLne96Ps+r40hBU4znOUDvihX4-n+woIWKaGUvCLrmrO4F0kyUFGGk-r3lA-EvscBEQERNRQVyGSLGAARYAiIbcCQYBBqgAAWdDFm0Nh2I4nHNqAkAhPIviBMETjRuEtBRJ4wDOSQt66dFJB

Design

100L5 - All online tools you need in one box for free. Build anything online with “all-in-one toolbox”. All tools are easy-to-use, blazing fast & free.
Super Designer - Create beautiful designs with a few clicks. Simple design tools to generate unique patterns, backgrounds, 3D shapes, colors & images for social media, websites and more
Free Tools by Softr - A collection of free tools by Softr, which you can use to create designs, edit and generate audio/video files, customize your website, and more.
loading.io - Build Your Ajax Loading Icons, Animated Text and More with SVG / CSS / GIF / PNG !
UIVERSE - Discover a wide range of open-source, customizable components for web and mobile applications on Uiverse. Browse an extensive selection of buttons, cards, loaders, inputs, and more to enhance your app's user interface and elevate your design experience.


	const PolyComponent = createPolymorphic<
	{
	download?: boolean;
	className?: string;
	children?: React.ReactNode;
	},
	{
	value: number;
	}

	/**
	* Event listener function.
	* The listener function's context (`this`) is bound to the EventEmitter instance.
	*
	* @template TEvents - Object type representing the event types with associated data types.
	* @template TData - Data type that the event listener will receive.
	* @template TEmitter - Type of the EventEmitter instance.
	*/
	export type EventListener<
	TEvents extends Record<string \| number \| symbol, unknown>,

	/**
	* TypeScript implementation of {@link https://docs.oracle.com/javase/8/docs/api/java/util/Optional.html java.util.Optional<T>}.
	*
	* A container object which may or may not contain a non-null value.
	*
	* @template T - the type of the value
	*/
	class OptionalValue<T> {
	/**
	* Creates an instance of `OptionalValue`.

	export class ExampleService extends Service {
	readonly startExample = this.observable(this._startExample);
	private _startExample(
	observer: ServiceObserver<{
	progress: number;
	}>,
	test: string
	): string {
	observer.dispatch("progress", 1);
	return test;

	export namespace LZ77 {
	export type Dict = [distance: number, length: number, character: string][];

	export function encode_unlimited(data: string): Dict {
	const dict: Dict = [[0, 0, data[0] \|\| ""]];

	for (let i = 1; i < data.length; i++) {
	let best: [distance: number, length: number] = [0, 0];
	for (let j = i - 1; j >= 0; j--) {
	if (data[j] !== data[i]) continue;