94 lines
2.4 KiB
TypeScript
94 lines
2.4 KiB
TypeScript
class ForceDeleteExtension {
|
|
private readonly LOOP_INTERVAL_TIME = 100
|
|
|
|
private readonly EXPLICIT_TARGET_SELECTORS = [
|
|
|
|
// S3 ---
|
|
'.delete-bucket-actions__input>input',
|
|
|
|
// VPC ---
|
|
'div[data-id="confirmation-modal-input"]>input',
|
|
|
|
// IAM ---
|
|
'div[data-testid="roles-delete-modal-input"]>input',
|
|
'div[data-testid="policies-delete-modal-input"]>input',
|
|
'div[data-testid="policies-from-role-delete-modal-input"]>input',
|
|
|
|
// Firehose ---
|
|
'div[data-hook="DELETE_CONFIRMATION_INPUT"]>input'
|
|
|
|
]
|
|
|
|
private readonly IMPLICIT_TARGET_PLACEHOLDERS = [
|
|
'delete',
|
|
'delete me',
|
|
'confirm',
|
|
'permanently delete'
|
|
]
|
|
|
|
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<Element | null> =>
|
|
[...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.classList.add('__force_deleted')
|
|
|
|
element.value = element.placeholder
|
|
element.dispatchEvent(new Event('input', {
|
|
bubbles: true
|
|
}))
|
|
}
|
|
}
|
|
|
|
//
|
|
// Main ---
|
|
|
|
new ForceDeleteExtension()
|
|
.startLoop()
|