v0.0.5 — Zero-config runtime DOM scanning. No CLI, no config files. →
Changelog

Changelog

@auto-skeleton/vue v0.0.5 — May 2026

Features

First release of the Vue 3 adapter.

  • <AutoSkeleton> component — wraps any template subtree, scans the live DOM on first render, replaces it with a pixel-accurate skeleton overlay when loading is true
  • useAutoSkeleton composable — low-level composable returning rootRef, bones, shouldShow, animation, debug
  • Reactive options — all options are reactive; changes to id, loading, or options trigger re-scans automatically
  • ResizeObserver watch mode — re-scans on layout changes with a debounced MutationObserver + ResizeObserver combo; falls back to window.resize when ResizeObserver is unavailable
  • Dual-layer caching — bones cached in memory and sessionStorage, keyed by id + viewport width
  • All core features — data attributes, wave/pulse/none animation, debug mode, theming via CSS variables, minSize, ignoreSelectors

@auto-skeleton/lit v0.0.5 — May 2026

First release of the Lit & Web Components package.

Features

  • <auto-skeleton> custom element — zero-config skeleton loaders as a native web component, works in any framework or vanilla JS
  • Recursive Shadow DOM traversal — the scanner crosses Shadow DOM boundaries automatically, so deeply nested Lit components are discovered without configuration
  • skeleton-id attribute — unique cache key per instance (uses skeleton-id rather than id to avoid shadowing the native DOM attribute)
  • Property binding support — use .loading=${bool} and .options=${{...}} in Lit templates for ergonomic integration
  • Slotted content scanning — uses slot.assignedElements() to scan light-DOM content with correct coordinate offsets
  • All React package features — wave/pulse/none animations, dual-layer caching, watch mode, debug mode, CSS variable theming, reduced-motion support
  • clearCachedBones / clearAllCachedBones — programmatic cache control exported from the package

Install

npm install @auto-skeleton/lit lit

@auto-skeleton/react v0.0.5 — May 2026

Fix

Added "use client" directive to the package entry point for Next.js App Router compatibility. Previously, importing @auto-skeleton/react directly inside a Server Component would throw a runtime error. The directive is now bundled into both the ESM and CJS builds.

v0.0.4 — May 2026

Fix

Added "license": "MIT" to both @auto-skeleton/react and @auto-skeleton/core package.json files. The license field was missing from the published packages, causing npm to display "none" on the package page.

v0.0.3 — May 2026

Features

  • AutoSkeleton component — wraps any subtree, scans the live DOM on first render, and replaces it with a pixel-accurate skeleton overlay when loading is true
  • useAutoSkeleton hook — low-level hook for custom integrations, returns ref, bones, and isScanning
  • Data attribute overrides — data-skeleton-container, data-skeleton-shape, data-skeleton-lines, data-skeleton-ignore
  • Wave and pulse animations — controlled via options.animation
  • Dual-layer caching — bones cached in memory and sessionStorage, keyed by id + viewport width
  • Watch mode — ResizeObserver-driven re-scan when layout changes while not loading
  • Debug mode — options.debug outlines detected bones with dashed borders
  • CSS variable theming — --as-base and --as-highlight
  • Reduced motion support — animations disabled automatically when prefers-reduced-motion: reduce is set
  • @auto-skeleton/core — framework-agnostic DOM scanner, published separately

v0.0.2 — May 2026

Fix

Switched build tooling from tsc to tsup with dual ESM + CJS output. The initial release output .mjs for ESM but the exports map expected .js, causing module resolution failures in bundlers.

Vue 3Agent Prompt