Skip to content

v0.28.0

Choose a tag to compare

View all tags
@github-actions github-actions released this 24 Jul 01:37
v0.28.0
This tag was signed with the committer’s verified signature.
uxderrick Derrick Tsorme
SSH Key Fingerprint: +rMCZK8ihlo3HzYfOd7iCWDCEpMNGtykJksjKkMMsu0
Verified
Learn about vigilant mode.
70a9bcc
This commit was signed with the committer’s verified signature.
uxderrick Derrick Tsorme
SSH Key Fingerprint: +rMCZK8ihlo3HzYfOd7iCWDCEpMNGtykJksjKkMMsu0
Verified
Learn about vigilant mode.

Added (@usenavii/core 0.9.0)

  • renderGroupTiles(seeds, options) — returns per-tile SVG strings (GroupTiles) instead of a single composite SVG. Enables per-tile rendering in framework adapters where nested <svg> elements aren't supported (React Native) or where independent per-tile caching is desirable.
  • Per-tile unique clipPath ids in renderGroup output (navii-clip-${tileId} instead of shared navii-clip), preventing DOM id collisions when multiple groups render on the same page.

Changed (@usenavii/react 0.9.0) — breaking

  • <Navii> and <NaviiGroup> now render inline <svg> elements via @mhaadi/svg instead of <img src="data:image/svg+xml;...">. CSS animations and <title> accessibility work natively in the DOM. Pass as="img" to keep the old data-URI <img> behavior.
  • <NaviiGroup> now renders each tile as an independent <svg> inside a wrapper <div> with absolute positioning, instead of a single composite <img>. Pass as="img" for the composite data-URI <img> shape.
  • Added @mhaadi/svg as a dependency.
  • react-dom is now an optional peer dependency (for SSR).

Added (@usenavii/react 0.9.0)

  • as prop on <Navii> and <NaviiGroup> — 'svg' (default, inline) or 'img' (data-URI <img> fallback).
  • sanitize prop — run better-svg's sanitizer on engine output. Default false (engine output is already escaped).
  • loading / fallback props — rendered while SVG is parsing or when parsing fails. Forwarded to @mhaadi/svg.
  • onSvgLoad / onSvgError callbacks — forwarded to @mhaadi/svg.
  • GroupTiles type re-exported from @usenavii/core.

Added (@usenavii/react-native 0.9.0)

  • New package. React Native binding for Navii. Renders avatars as react-native-svg trees via @mhaadi/svg/react-native. Peer deps: react-native >=0.73, react-native-svg >=15.
  • <Navii seed="..." /> and <NaviiGroup seeds={[...]} /> components with the same prop surface as @usenavii/react (minus as, className, DOM-specific props).
  • animated prop accepted but rendered statically on React Native (first frame only). CSS keyframe animations don't translate to react-native-svg. A future version will use react-native-reanimated.

Added (@usenavii/vue 0.9.0)

  • New package. Vue 3 binding for Navii. Renders inline <svg> via @mhaadi/svg/vue. Peer dep: vue >=3.5.
  • <Navii> and <NaviiGroup> components with the same prop surface as @usenavii/react. Uses Vue's defineComponent + computed + h.

Added (@usenavii/svelte 0.9.0)

  • New package. Svelte 5 binding for Navii. Renders inline <svg> via @mhaadi/svg/svelte. Peer dep: svelte >=5.
  • <Navii> and <NaviiGroup> components using Svelte 5 runes ($props, $derived, $derived.by).
Assets 2
Loading