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.
bun install
chmod +x index.ts
bun link chrome-safe-inset
| const PolyComponent = createPolymorphic< | |
| { | |
| download?: boolean; | |
| className?: string; | |
| children?: React.ReactNode; | |
| }, | |
| { | |
| value: number; | |
| } |
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
| /** | |
| * 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; |
| { | |
| "create": { | |
| "prefix": "create", | |
| "body": [ | |
| "${1|mutation,query|} ${TM_FILENAME_BASE}($3) {", | |
| "\t$2($3) {$0}", | |
| "}" | |
| ] | |
| } | |
| } |