react-fingerprint
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

react-fingerprint

Utility for generating user fingerprints with one function.

Data points

  • Browser vendor, language, useragent, plugins, capabilities (contacts, pdf, cookies), mimetypes, canvas, doNotTrack
  • Device bars (menubar, toolbar etc), touchscreen, cpu, display sizes, ram, colour info
  • Timezone
  • Audio test
  • Webgl info
  • Fonts
  • Math calculations (some of them differ ever so slightly between browsers)

Usage

import { getFingerprint, getRawFingerprint } from "react-fingerprint";
// const { getFingerprint, getRawFingerprint } = require("react-fingerprint") (cjs version)

const asyncFunc = async () => {
    let fingerprint = await getFingerprint() // fingerprint id
    let rawData = await getRawFingerprint() // raw data that is used to make the fingerprint
}

⚠️ Warning

This package relies entirely on browser APIs, so if you are using it with an SSR framework (example being Remix) then find a way to run it only client-side

Remix example

To run code client-side in Remix, you use the React useEffect function.

import { getFingerprint } from "react-fingerprint"
import React, {useEffect} from "react"

export default function view() {
	useEffect(() => {
		(async () => { // as react-fingerprint returns promises, you will need to either wrap it in an async func or use .then()
			let fingerprint = await getFingerprint()
		})
	})
    
	return (
		<h1>whatever</h1>
	)
}

Package Sidebar

Install

npm i react-fingerprint

Weekly Downloads

69

Version

1.0.0

License

MIT

Unpacked Size

29.1 kB

Total Files

42

Last publish

Collaborators

  • exerra