document.body.appendChild(notification);
, [onRefresh, preventDefault, enabled]); mac refresh keyboard shortcut
// Complete implementation with loading states class MacRefreshFeature constructor() this.isLoading = false; this.setupEventListeners(); this.createLoadingIndicator(); setupEventListeners() document.addEventListener('keydown', (e) => const isMacRefresh = (e.metaKey && e.key === 'r'); const isWinRefresh = (e.ctrlKey && e.key === 'r'); document
onUnmounted(() => window.removeEventListener('keydown', handleRefresh); ); </script> // useRefreshShortcut.js import useEffect
onMounted(() => window.addEventListener('keydown', handleRefresh); );
); // useRefreshShortcut.js import useEffect, useCallback from 'react'; export const useRefreshShortcut = (onRefresh, options = {}) => const preventDefault = true, enabled = true = options;
</style> // refresh-shortcut.directive.ts import Directive, HostListener, Output, EventEmitter from '@angular/core'; @Directive( selector: '[appRefreshShortcut]' ) export class RefreshShortcutDirective @Output() refresh = new EventEmitter<void>();