[jeffrey-graham]

Summary

Implements the snippet dependency and library metadata UI components (SnippetDependencyEditor and SnippetDependencyPanel) for managing and displaying package names, version numbers, ecosystems, and compatibility notes.

Key Changes

• Snippet Dependency Editor (SnippetDependencyEditor):
  • Allows snippet owners to add, edit, and remove multiple dependencies (library/package name, version number, ecosystem selector npm/pip/Maven/NuGet/Cargo/Other, optional description, and compatibility notes).
  • Enforces client-side validation rejecting empty entries, invalid package identifiers, duplicate packages, or malformed version strings with accessible role="alert" and aria-invalid attributes.
  • Enforces ownership authorization (canEdit) and persists changes so updates immediately reflect in the details panel and across refreshes.
• Snippet Dependency Details Panel (SnippetDependencyPanel):
  • Displays dependency cards, formatted version badges (v18.3.1), ecosystem badges, and summary metadata (Package Ecosystem, Total Dependencies, Last Updated, Author, Compatibility).
  • Sanitizes rendered user-generated metadata as inert text to prevent HTML/script injection.
  • Implements loading, empty, and error states (with retry support).
• Automated Tests (components/snippets/__tests__/SnippetDependencyMetadata.test.tsx):
  • Covers creating, editing, and removing dependencies, input validation errors, unauthorized edit blocking, details panel rendering, XSS sanitization, persistence across remounts, and empty/loading/error states.

Closes #211

[vercel]

@jeffrey-graham is attempting to deploy a commit to the Sudipta 's projects Team on Vercel.

A member of the Team first needs to authorize it.