npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@ariada-org/dracula-agent

v0.1.1

Published

​Rive + GSAP Dracula character layer for draculascan. Plugs into ScanProgress.characterSlot.

Readme

@ariada-org/dracula-agent

Character-themed visualisation library — the proprietary character layer for draculascan. Renders ScanEvent streams as a visual character (vampire / skeleton / zombie / mummy) that reacts to severity transitions.

Plugs into <ScanProgress characterSlot={...}> from @ariada-org/scan-flow-ui.

| Field | Value | | --------------- | -------------------------------------------------------------------- | | Package name | @ariada-org/dracula-agent | | Version | 0.1.0 | | Licence | MIT (viz-library convention — 2026-05-19 founder decision) | | Runtime | Browser, React ^19 | | Peer deps | react, react-dom, optional @rive-app/webgl, optional gsap | | REUSE-compliant | yes — REUSE.toml + per-file SPDX headers |

Why MIT

Visualisation libraries are a category with very strong MIT-licence convention (e.g. d3, three.js, framer-motion, recharts). TS-distribution is practically open by nature (consumers always have the JavaScript anyway), and the patent moat lives in the score-generation pipeline (Patent K covers the scan-visualisation concept at a higher level — not the specific render implementation here). Releasing under MIT removes friction for downstream embedders without compromising the moat.

Public API

import { DraculaScene, HeroDracula, SpeechBubble } from '@ariada-org/dracula-agent';

<DraculaScene events={sseEvents} riveUrl="/dracula.riv" />;
<HeroDracula reducedMotion />;
<SpeechBubble locale="en" text="Click scan to begin." />;

Public exports:

| Export | Kind | Purpose | | --------------------- | ----------- | --------------------------------------------------------- | | DraculaScene | Component | Full scene — character + scene transitions | | HeroDracula | Component | Hero-page character pose | | SpeechBubble | Component | i18n speech bubble | | PlaceholderDraculaSvg | Component | SSR-safe SVG used when the .riv is the 0-byte placeholder | | deriveState | Pure fn | severity + last event → 1 of 7 named character states | | severityIntensity | Pure fn | severity → 0..1 intensity | | bboxCenter / bezierPath / sampleBezier / catmullRom / pathThroughBBoxes | Pure fns | bbox → animation path | | prefersReducedMotion / watchReducedMotion | DOM | reduced-motion preference |

Character variants

deriveState returns one of 7 named states depending on severity input:

| State | When | | -------------- | ----------------------------------------------------- | | idle | no events yet | | searching | scan in progress, no findings | | discovered | first finding emitted (minor / moderate) | | alerted | serious finding | | horrified | critical finding | | victorious | scan complete, score ≥ 90 | | defeated | scan complete, score < 50 |

Reduced motion

The package respects the user's prefers-reduced-motion preference. When reduced motion is active, animation timelines collapse to instantaneous state-pose snaps; no Bezier interpolation, no GSAP timeline.

Character assets

assets/dracula.riv is currently a 0-byte placeholder. See assets/TODO.md for the commission brief required before production launch. The asset is not covered by the MIT licence — it is commission-restricted (see REUSE.toml assets/** block). The PlaceholderDraculaSvg component ships an SSR-safe in-code SVG fallback so the package is testable and functional without the real asset.

GSAP licence note

gsap MotionPathPlugin (used for advanced choreography in production builds) requires a Club GreenSock commercial licence (≈ $99/yr). The default rendering path uses an internal bezierPath + requestAnimationFrame loop that is licence-free; consumers can opt into GSAP via the peerDependenciesMeta.optional channel for heavier choreography in production builds where the GreenSock licence is held.

Testing

pnpm --filter @ariada-org/dracula-agent test

Five test files cover state machine, spatial nav, reduced-motion watcher, placeholder SVG, and the top-level scene component (vitest + happy-dom + testing-library).

Trademark

The MIT licence covers code. It does not grant trademark rights to "Ariada", "Ariadne", "Blamer", "Clamper", "Reverter", "Draculascan", or "Dracula" as used in this product context. Re-name the character + package in forks. See TRADEMARK.md.

Layout

src/
  index.ts              — public exports
  DraculaScene.tsx      — top-level scene
  HeroDracula.tsx       — hero-page pose
  SpeechBubble.tsx      — i18n bubble
  placeholder-svg.tsx   — SSR-safe SVG fallback
  state-machine.ts      — deriveState (pure)
  spatial-nav.ts        — bezier / catmull-rom (pure)
  reduced-motion.ts     — prefers-reduced-motion watcher
  __tests__/            — vitest + happy-dom + RTL
assets/
  dracula.riv           — 0-byte placeholder (commission pending)
  TODO.md               — commission brief

Licence

MIT — see LICENSE. Per-file SPDX headers + REUSE.toml keep machine-readable metadata in sync. Character assets under assets/** are not MIT — see REUSE.toml.

Security

Vulnerability reports → https://github.com/ariada-org/ariada/security/advisories/new or [email protected]. See SECURITY.md.