fingerprintjs

1
import { getBlockedSelectors } from '../../src/sources/dom_blockers'
2

3
const display = document.createElement('textarea')
4
display.readOnly = true
5
display.style.boxSizing = 'border-box'
6
display.style.width = '100%'
7
display.style.height = '75vh'
8
display.value = 'Please wait...'
9

10
const copyButton = document.createElement('button')
11
copyButton.textContent = 'Copy'
12
copyButton.addEventListener('click', (event) => {
13
  event.preventDefault()
14
  display.focus()
15
  display.select()
16
  document.execCommand('copy')
17
})
18

19
const downloadButton = document.createElement('button')
20
downloadButton.textContent = 'Save to file'
21
downloadButton.addEventListener('click', (event) => {
22
  event.preventDefault()
23
  const downloader = document.createElement('a')
24
  downloader.setAttribute('href', `data:text/plain;charset=utf-8,${encodeURIComponent(display.value)}`)
25
  downloader.setAttribute('download', '')
26
  downloader.style.display = 'none'
27
  document.body.appendChild(downloader)
28
  downloader.click()
29
  document.body.removeChild(downloader)
30
})
31

32
document.body.append(display, copyButton, document.createTextNode(' '), downloadButton)
33

34
// Wait a bit to draw the initial UI
35
setTimeout(async () => {
36
  try {
37
    const selectors: string[] = [
38
      /* selectors */
39
    ]
40
    const blockedSelectors = await getBlockedSelectors(selectors)
41

42
    display.value = ''
43
    for (const selector of Object.keys(blockedSelectors)) {
44
      if (blockedSelectors[selector]) {
45
        display.value += `${selector}\n`
46
      }
47
    }
48
  } catch (error) {
49
    display.value = `${error}${error instanceof Error ? `\n${error.stack}` : ''}`
50
  }
51
}, 10)
52