v1.7.0

What's new

Stagger & Transition animations

Two new props for all 5 frameworks (React, Vue, Svelte, Angular, React Native):

• stagger — bones fade in one by one with a configurable delay (true = 80ms)
• transition — skeleton fades out smoothly when loading ends (true = 300ms)

<Skeleton loading={isLoading} stagger={80} transition={300}>
  <Card />
</Skeleton>

Vite plugin

Drop boneyardPlugin() into your vite.config.ts — bones capture on dev server start and re-capture on every HMR update. No second terminal. Works with Vue, Svelte, React, Nuxt, and SvelteKit.

import { boneyardPlugin } from 'boneyard-js/vite'
export default defineConfig({ plugins: [boneyardPlugin()] })

Chrome debug port (--cdp)

Connect to your existing Chrome session instead of launching Playwright. Reuses cookies, auth, and extensions.

npx boneyard-js build --cdp 9222

Also available as cdp option in the Vite plugin.

Fixes & improvements

• React Native 0.76+: getFiber() now works on Hermes dev builds (fixes #24)
• Validation: Runtime validation for bone array format in normalizeBone
• Error handling: HTTP status checks and error logging for native sendBones
• Performance: Pre-compiled RGBA regex in adjustColor
• Docs: New CLI docs page, TOC scroll tracking fix, overview page scroll fix
• Tests: Fixed Vue test suite (added bunfig.toml with happy-dom preload) — 119/119 passing
• Demo: Showcase auto-play mode, stagger/texture/dark mode controls on complex example

Community PRs merged

• #27 — Fix getFiber() returning null on RN 0.76+ dev builds (@JanoTheDev)
• #25 — Improve validation and error handling (@hobostay)
• #23 — Add stagger and transition animations (@JanoTheDev)
• #22 — Add Vite plugin, CLI docs page, and fixes (@JanoTheDev)

Full changelog: v1.6.7...v1.7.0