Paolo Ricciuti paoloricciuti

Signal-Based Reactivity System

This document provides an overview of the signal-based reactivity system implemented in this project. This system allows for efficient and fine-grained updates in response to data changes. It is inspired by reactive programming paradigms and utilizes key concepts like signals, derived values, and effects.

Core Concepts

The reactivity system revolves around three main concepts:

Signals (Sources): These are the fundamental building blocks of the system. A signal holds a value that can change over time. When a signal's value is updated, it notifies all the parts of the system that depend on it.

Svelte Backgrounds

I'm a svelte lover and whenever i love soemthing i like to have it around here and there.

That's why i created a bunch of svelte backgrounds for your laptop or your phone. Enjoy!

	function split_docs(txt: string, level = '##') {
	return [...txt.matchAll(new RegExp(`^${level}\\s(.+)$`, 'gm'))].map((match, i, arr) => {
	const title = match[1]!;
	const text = match.input.substring(match.index, arr[i + 1]?.index).trim();
	return [title, { title, content: text, slug: slugify(title).toLowerCase() }] as const;
	});
	}

	function clean(markdown: string) {
	return markdown

	/* Auto hide vertical tab bar */

	#browser:not(.fullscreen) .inner > .tabbar-wrapper:not(:hover),
	#browser:not(.fullscreen) .inner > .tabbar-wrapper:not(:hover) * {
	pointer-events: none;
	}

	#browser:not(.fullscreen):has(
	.ToolbarButtonPopup-DefaultStyles:not([aria-label='Accounts']):hover
	)

	/* eslint-disable @typescript-eslint/no-explicit-any */
	export type Action = {
	id: string;
	action: (
	node: HTMLElement,
	props?: any
	) => { update?: (newProps: any) => void; destroy?: () => void };
	props?: any;
	};

	import {
	Dispatch,
	SetStateAction,
	useCallback,
	useEffect,
	useRef,
	useState,
	} from 'react';

	/**

	import { useEffect, useRef, useState } from "react";

	type CallBackType<T> = (updatedValue: T) => void;

	type SetStateType<T> = T \| ((prev: T) => T);

	type RetType = <T>(
	initialValue: T \| (() => T)
	) => [T, (newValue: SetStateType<T>, callback?: CallBackType<T>) => void];

	<button id="btn">0</button>
	<input id="input" /><input type="checkbox" id="check" />