saadeghi / svelte-put

Useful svelte stuff to put in your projects

Home Page:https://svelte-put.vnphanquang.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MIT MadeWithSvelte.com

Useful svelte stuff to put in your projects

svelte-put

Table of Contents

Show / hide

Documentation

See the dedicated documentation page here.

Packages

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

Svelte Actions

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

Miscellaneous

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

Preprocessors

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

In the Pipeline

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.

Contributing

Read Contribution Guide

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

buy vnphanquang a banh mi

About

Useful svelte stuff to put in your projects

https://svelte-put.vnphanquang.com

License:MIT License


Languages

Language:Svelte 49.2%Language:TypeScript 45.1%Language:JavaScript 4.0%Language:CSS 1.2%Language:HTML 0.5%