class ForceDeleteExtension { private readonly LOOP_INTERVAL_TIME = 500 private readonly EXPLICIT_TARGET_SELECTORS = [ // S3 --- '.empty-bucket-actions__input>input', '.delete-bucket-actions__input>input', // VPC --- 'div[data-id="confirmation-modal-input"]>input' ] private readonly IMPLICIT_TARGET_PLACEHOLDERS = [ 'delete', 'delete me', 'confirm' ] public readonly startLoop = (): void => { setInterval( this.process.bind(this), this.LOOP_INTERVAL_TIME) } private readonly process = (): void => this.applyDeleteMessages(this.findTargets()) // // Target Element Finder --- private readonly findTargets = (): HTMLInputElement[] => [ ...this.findExplicitTargets(), ...this.findImplicitTargets() ] private readonly findExplicitTargets = (): HTMLInputElement[] => this.EXPLICIT_TARGET_SELECTORS .map(this.findTargetElements.bind(this)) .reduce((prev, curr) => ([...prev, ...curr]), []) .filter((v) => v !== null && v instanceof HTMLInputElement ) .filter((v) => !v.disabled && v.value.length < 1 ) private readonly findImplicitTargets = (): HTMLInputElement[] => this.findTargetElements('input') .filter((v) => v !== null && v instanceof HTMLInputElement ) .filter((v) => !v.disabled && v.value.length < 1 && this.IMPLICIT_TARGET_PLACEHOLDERS.includes(v.placeholder.toLowerCase()) ) private readonly findTargetElements = (targetSelector: string): Array => [...document.querySelectorAll(targetSelector)] // // Delete-safe Message Applier --- private readonly applyDeleteMessages = (elements: HTMLInputElement[]): void => elements.forEach(this.applyDeleteMessage.bind(this)) private readonly applyDeleteMessage = (element: HTMLInputElement): void => { element.value = element.placeholder element.dispatchEvent(new Event('input', { bubbles: true })) } } // // Main --- new ForceDeleteExtension() .startLoop()