{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "changelog-release-notes-timeline", "title": "Changelog Release Notes Timeline", "type": "registry:block", "files": [ { "path": "packages/registry-react/blocks/changelog-release-notes-timeline/ChangelogReleaseNotesTimeline.tsx", "content": "'use client'\n\nimport * as React from 'react'\nimport { Calendar, CheckCircle2, GitCommit, History, Layers, Wrench, Zap } from 'lucide-react'\nimport { Badge } from '@/components/ui/badge'\nimport { Card } from '@/components/ui/card'\nimport { cn } from '@/lib/utils'\n\ninterface ChangelogEntry {\n version: string\n date: string\n title: string\n description: string\n commitHash: string\n isLatest?: boolean\n features: string[]\n improvements: string[]\n fixes: string[]\n}\n\nconst entries: ChangelogEntry[] = [\n {\n version: 'v2.4.0',\n date: 'August 2026',\n title: 'Marketing Blocks Expansion & Tailwind CSS v4 OKLCH Engine',\n description:\n 'Massive expansion introducing 75+ unbundled marketing blocks with zero sub-12px microtext, dual-framework AST parity, and interactive functional workbenches.',\n commitHash: '926c404',\n isLatest: true,\n features: [\n 'Interactive Hero Sandboxes with live framework and theme preview tabs.',\n 'Split Developer Workbenches for live AST code preview and schema compilation.',\n 'ROI & Usage Cost Calculators with reactive slider models and dynamic tier calculation.',\n 'Infinite CSS-driven Logo Tickers and Verified Engineer Endorsement Masonry.',\n ],\n improvements: [\n 'Strict adherence to Pioneer Craft standards (Linear, Raycast, Stripe typography scale).',\n 'Refactored token definitions into single canonical shared `@theme inline` stylesheet.',\n 'Optimized Astro SSG islands hydration for instant sub-20ms INP responsiveness.',\n ],\n fixes: [\n 'Resolved circular imports in CVA variant definitions by extracting dedicated variant files.',\n 'Fixed React JSX expression single curly braces syntax parity.',\n ],\n },\n {\n version: 'v2.3.0',\n date: 'July 2026',\n title: 'Dual-Framework Parity Engine & AST Synchronization',\n description:\n 'Automated cross-framework parity check tool ensuring 100% token and CVA variant synchronization between Vue 3.5 and React 19.',\n commitHash: 'a8b3f12',\n features: [\n 'Cross-framework parity checking CLI (`npm run check:parity`).',\n 'Direct shadcn-vue and shadcn CLI HTTP unbundled distribution.',\n ],\n improvements: [\n 'Removed all monolithic npm package bindings in favor of pure unbundled distribution.',\n 'Enhanced Lucide icon alignment across polymorphic Reka UI primitives.',\n ],\n fixes: ['Fixed SSR hydration mismatch on theme color scheme initial render.'],\n },\n {\n version: 'v2.2.0',\n date: 'June 2026',\n title: 'Ecosystem Reference Templates Launch',\n description:\n 'Introduced reference architectures for Nuxt 3 HRMS, Hospital Clinical Intelligence, and Global Shipment Tracking.',\n commitHash: 'e47c991',\n features: [\n 'Shipment Tracking Template with live GPS telemetry cards.',\n 'HRMS Nuxt Template with interactive payroll matrices and attendance timecards.',\n ],\n improvements: ['Streamlined bootstrap items (`init`, `tailwind`, `utils`, `use-theme`).'],\n fixes: ['Addressed upstream `shadcn-vue` resolver circular warning.'],\n },\n]\n\nexport interface ChangelogReleaseNotesTimelineProps {\n className?: string\n}\n\nexport function ChangelogReleaseNotesTimeline({ className }: ChangelogReleaseNotesTimelineProps) {\n const [selectedVersion, setSelectedVersion] = React.useState('all')\n\n const filteredEntries = React.useMemo(() => {\n if (selectedVersion === 'all') return entries\n return entries.filter((e) => e.version === selectedVersion)\n }, [selectedVersion])\n\n return (\n \n
\n {/* Header */}\n
\n \n \n Changelog & Release History\n \n

Continuous craft updates.

\n

\n Explore every version release, architectural improvement, and new block added to the registry.\n

\n\n {/* Version Filters */}\n
\n setSelectedVersion('all')}\n >\n All Releases\n \n {entries.map((e) => (\n setSelectedVersion(e.version)}\n >\n {e.version}\n \n ))}\n
\n
\n\n {/* Timeline Feed */}\n
\n {filteredEntries.map((entry) => (\n
\n {/* Timeline Node Circle */}\n \n {entry.isLatest &&
}\n
\n\n {/* Entry Card */}\n \n {/* Header Row: Version pill, Date, Commit Diff */}\n
\n
\n \n {entry.version}\n \n {entry.isLatest && (\n Latest Release\n )}\n
\n\n
\n \n \n {entry.date}\n \n \n \n {entry.commitHash}\n \n
\n
\n\n {/* Title & Summary */}\n
\n

{entry.title}

\n

{entry.description}

\n
\n\n {/* Category Section 1: Features */}\n {entry.features.length > 0 && (\n
\n

\n \n New Capabilities & Blocks\n

\n
    \n {entry.features.map((f, fIdx) => (\n
  • \n \n {f}\n
    • \n ))}\n
\n
\n )}\n\n {/* Category Section 2: Improvements */}\n {entry.improvements.length > 0 && (\n
\n

\n \n Craft & Architecture Enhancements\n

\n
    \n {entry.improvements.map((imp, iIdx) => (\n
  • \n •\n {imp}\n
    • \n ))}\n
\n
\n )}\n\n {/* Category Section 3: Fixes */}\n {entry.fixes.length > 0 && (\n
\n

\n \n Fixes & Parity Patches\n

\n
    \n {entry.fixes.map((fix, fxIdx) => (\n
  • \n •\n {fix}\n
    • \n ))}\n
\n
\n )}\n \n
\n ))}\n
\n
\n \n )\n}\nexport default ChangelogReleaseNotesTimeline\n", "type": "registry:block", "target": "~/components/blocks/ChangelogReleaseNotesTimeline.tsx" } ], "dependencies": [ "lucide-react" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/react/badge.json", "https://uipkge.dev/r/react/card.json" ], "description": "Developer changelog timeline with interactive version filters, categorical changes (features, improvements, fixes), and commit hash links.", "categories": [ "marketing" ] }