Update Checker Widget
v1.0.0A lightweight, accessible widget that automatically checks for version updates of your published works and displays a visual indicator to readers.
Up to Date
Work is current - no updates available
Quantum Computing Applications in Cryptography
Dr. Alice Chen, Prof. Robert Smith
DOI: 10.1000/182•
Up to date (v3)
Update Available
New version available - clickable to navigate
Global Climate Data Analysis Dataset
Dr. Maria Garcia
Handle: 20.500.12345/climate-2024•
New version available (v4)
Implementation
Add the widget to any webpage with a single script tag
Basic Usage
<script
src="https://cdn.nobleid.org/widget/update-checker/v1.js"
integrity="sha384-..."
crossorigin="anonymous"
data-ark="ark:/nobleid/20092025/YOUR-WORK-ID"
async>
</script>Replace YOUR-WORK-ID with your actual NobleID work identifier.
Advanced Configuration
<script
src="https://cdn.nobleid.org/widget/update-checker/v1.js"
integrity="sha384-..."
crossorigin="anonymous"
data-ark="ark:/nobleid/20092025/YOUR-WORK-ID"
data-ttl="300"
async>
</script>data-ttl: Cache duration in seconds (default: 300)
async: Non-blocking load (recommended)
Features & Benefits
Built for performance, accessibility, and user experience
Lightweight
- • ≤12 KB gzipped
- • No external dependencies
- • Async loading
- • Minimal DOM impact
Accessible
- • ARIA labels and live regions
- • Keyboard navigation
- • High contrast support
- • Screen reader friendly
Privacy-First
- • Respects Do Not Track
- • No user tracking
- • Reduced motion support
- • GDPR compliant
Platform Integration
Ready-to-use examples for popular publishing platforms
Supported Platforms
Open Journal SystemsDSpaceDataversePreprint ServersInstitutional Repositories
Integration Guides
Technical Specifications
Implementation details and API behavior
Widget Behavior
- • Automatic retry with exponential backoff
- • Graceful degradation on API failures
- • Configurable cache TTL (5 min default)
- • Rate limiting protection
- • Content Security Policy compatible
Browser Support
- • Modern browsers (ES2017+)
- • Progressive enhancement
- • Fallback for older browsers
- • Mobile responsive
- • Touch-friendly interactions