@svelte-put

Useful svelte stuff to put in your projects

svelte-put

Show / hide

Documentation

@svelte-put includes several packages that have self-managed release cycles, listed below. Check out their corresponding README for more details.

Package	Short Description	Changelog	API
@svelte-put/clickoutside	event for clicking outside node	Changelog	API
@svelte-put/copy	copy text to clipboard	Changelog	API
@svelte-put/dragscroll	add drag-to-scroll behavior	Changelog	API
@svelte-put/intersect	wrapper for IntersectionObserver	Changelog	API
@svelte-put/inline-svg	dynamically inline SVGs	Changelog	API
@svelte-put/movable	move node on mousedown	Changelog	API
@svelte-put/resize	wrapper for ResizeObserver	Changelog	API
@svelte-put/shortcut	add keyboard shortcuts to node	Changelog	API
@svelte-put/toc	action & utilities for building table of contents	Changelog	API

Package	Short Description	Version	Changelog	API	Docs
@svelte-put/avatar	component & utilities for avatar		Changelog	API
@svelte-put/modal	type-safe async modal builder		Changelog	API

Package	Short Description	Version	Changelog	API	Docs
@svelte-put/preprocess-auto-slug	auto add `id` and anchor to selected nodes		Changelog	API
@svelte-put/preprocess-inline-svg	inline static SVGs at build time		Changelog	API

These are some packages that will be added in the future (as soon as I find time, and the implementation has matured & become generic enough).

Package	Category	Short Description	Status	Docs
@svelte-put/select	component	minimal & extensible `select`	active development	coming soon
@svelte-put/popover	action	trigger tooltip & detailed popover, using popperjs	prototype
@svelte-put/noti	utility	fire async toast-like notification	prototype
@svelte-put/inputcache	action	cache & restore value of input into/from local/session storage	prototype
@svelte-put/form	action	auto collect type-safe input value from form (???)	inception

Names for those packages may change.

This project is a monorepo using turborepo under the hood. Familiarity with turborepo is not required but encouraged.

For a quick start, run the script below at project root to see what commands are available.

pnpm turbo