0xGF/boneyard v1.6.4 on GitHub

What's new

Vue 3 adapter

New boneyard-js/vue export with a native Vue 3 Skeleton component. Pulse, shimmer, and solid animations with scoped keyframe names, dark mode auto-detection via .dark class and prefers-color-scheme, and #fixture / #fallback slots matching the React/Svelte pattern.

<script setup>
import Skeleton from 'boneyard-js/vue'
import './bones/registry'
</script>

<Skeleton name="card" :loading="loading">
  <Card />
</Skeleton>

Native device scanning

npx boneyard-js build --native captures bones directly from a running React Native app on device/simulator — no browser needed. Walks the React fiber tree, measures views via UIManager, and sends bone data to the CLI automatically. Works on physical devices, supports Fabric (new architecture), zero overhead in production.

Security hardening

CLI scan server validates skeleton names (/^[a-zA-Z0-9._-]+$/)
Output filenames sanitized against path traversal
5MB request body limit on scan endpoint
Vue adapter sanitizes CSS radius values to prevent injection
native-scan.tsx now guarded by __DEV__ check

Docs restructure

Framework-organized sidebar: React, React Native, Svelte, Vue
Dedicated Svelte and Vue docs pages
New table of contents component
Updated README with all four frameworks

Tests

96 tests passing (68 existing + 28 new Vue component tests covering rendering states, bone positioning, animations, CSS injection sanitization, props, registry, responsive bones, and slots).

Full Changelog: v1.6.3...v1.6.4