Release history

Changelog

Every release of svg-scroll-draw, newest first.

v1.0.0LatestMay 2026
  • fixscrollDrawSequence chain was broken — engines now created upfront and paused; each step resumes only when the previous fires onComplete. activeIdx tracks correctly so pause/resume/seek/getProgress always target the active step.
  • new194 passing tests across 6 suites — engine, engine-options, group, timeline, framework wrappers (Angular, Astro, Svelte, Solid), and utilities
  • newFramework wrapper tests — Angular ScrollDrawRef, Astro initScrollDraw, Svelte scrollDraw action + createScrollDraw, Solid useScrollDraw + createScrollDraw
  • newRoot workspace test runner — npx vitest run from the repo root works via vitest.workspace.ts
  • newCI coverage threshold enforcement — Node 20 + 22 matrix
  • newJSDoc improvements — clip, morphTo, and scrollDrawSequence document their non-obvious edge cases inline
v0.7.0May 2026
  • newcreateSpring({ tension, friction }) — parameterize the spring easing instead of the hardcoded preset
  • newsvg-scroll-draw/timeline — scrollDrawTimeline API for independent per-track scroll windows within a single range
  • new--scroll-draw-progress CSS custom property — set on the container every frame, drive CSS animations without JS callbacks
  • newDocs page (/docs) — full API reference with sidebar navigation and IntersectionObserver-based active tracking
  • newGroup & Sequence demos on the examples page
  • newTimeline API demo on the examples page
v0.6.2May 2026
  • newfillOpacity — animate fill opacity in sync with the stroke draw. Use [0, 1] to flood a fill as the outline traces itself
  • newuseScrollDrawProgress React hook — reactive 0–1 scroll progress for any element, same trigger/easing API
  • newsvg-scroll-draw/web-component subpath export — <scroll-draw> importable directly, not just via CDN
v0.6.0May 2026
  • newPause / Resume / Seek — full imperative playback control on every instance
  • newPath Morphing (morphTo) — interpolate a path's d attribute to a target shape on scroll
  • newVelocity Scale (velocityScale) — draw speed scales with scroll speed
  • newRepeat / RepeatDelay — replay N times or loop infinitely
  • newAstro adapter (svg-scroll-draw/astro) — data-attribute API with initScrollDraw()
  • newNuxt adapter (svg-scroll-draw/nuxt) — useScrollDraw() composable for Nuxt 3
  • newGroup API (svg-scroll-draw/group) — scrollDrawGroup and scrollDrawSequence
  • newWeb Component — <scroll-draw> custom element, auto-registers via CDN
v0.4.0May 2026
  • newSolid.js adapter (svg-scroll-draw/solid) — useScrollDraw and createScrollDraw hooks
  • newAngular adapter (svg-scroll-draw/angular) — ScrollDrawRef class for AfterViewInit lifecycle
  • newStroke color animation (strokeColor) — static or [from, to] interpolation
  • newStroke width animation (strokeWidth) — static or [from, to] interpolation
  • newAuto Reverse (autoReverse) — follows scroll direction automatically
  • newCustom scroll container (scrollContainer)
  • newWaypoints — fire callbacks at specific 0–1 progress thresholds
  • newDelay option — milliseconds before the engine starts observing
v0.3.0May 2026
  • newSvelte adapter (svg-scroll-draw/svelte) — use:scrollDraw action and createScrollDraw
  • newHorizontal scroll support (axis: "x")
  • newReplay API — instance.replay() to re-trigger imperatively
  • newSpring easing — physics-based overshoot-and-settle curve
  • newOnce mode (once) — draw once and stay drawn
  • newDebug overlay (debug) — visualizes trigger zones in dev mode
  • newonStart lifecycle hook
v0.2.0May 2026
  • newVue 3 adapter (svg-scroll-draw/vue) — <ScrollDraw> component and useScrollDraw composable
  • newSVG Playground at /playground — live SVG editor with all options
  • newInteractive demo with easing and speed controls
  • fixOpenGraph and Twitter preview card image URLs
v0.1.0Initial releaseMay 2026
  • newCore scrollDraw() function — zero dependencies, ~3 KB gzipped
  • newReact wrapper (svg-scroll-draw/react) — <ScrollDraw> component
  • newEasing curves — linear, ease-in, ease-out, ease-in-out
  • newTrigger system — element/viewport anchor strings
  • newStagger, fade, direction, once, speed options
  • newIntersectionObserver viewport culling
  • newSSR safe — window guards, Next.js App Router compatible
  • newrect and circle support via perimeter approximation
  • newCDN IIFE bundle at dist/cdn/svg-scroll-draw.global.js