FindAGrave Extras userscript

findagrave-extras.user.js

// ==UserScript==
// @name        FindAGrave Extras
// @description Adds links to FindAGrave pages
// @include     /^https://www.findagrave.com/memorial/[0-9]+//
// @run-at      document-idle
// ==/UserScript==

class FindAGraveMemorial {
  constructor(fg, doc) {
    try { this.findagrave = fg() } catch(e) { }
    this.document = doc;
  }

  addFamilySearchFindAGraveLink() {
    if (!this.memorialElement) return;
    let link = this.createLink({
      href: (new FamilySearchFindAGraveQuery(this)).url,
      innerText: this.findagrave.memorialId,
      title: 'Look up this grave on FamilySearch'
    });
    this.memorialElement.innerHTML = '';
    this.memorialElement.classList.remove("hidden");
    this.memorialElement.nextElementSibling.classList.add("hidden");
    return this.memorialElement.appendChild(link);
  }

  addFamilySearchRecordButton() {
    if (!this.buttonContainer) return;
    let button = this.createButton({
      href: (new FamilySearchQuery("search/record/results", this)).url,
      innerText: 'Record Search',
      title: 'Check FamilySearch records'
    });
    return this.buttonContainer.appendChild(button);
  }

  addFamilySearchTreeButton() {
    if (!this.buttonContainer) return;
    let button = this.createButton({
      href: (new FamilySearchQuery("search/tree/results", this)).url,
      innerText: 'Tree Search',
      title: 'Check FamilySearch trees'
    });
    return this.buttonContainer.appendChild(button);
  }

  createLink(opt) {
    opt ||= {};
    let attr = Object.assign({ className: 'add-link', target: '_blank' }, opt);
    return Object.assign(this.document.createElement('a'), attr);
  }

  createButton(opt) {
    opt ||= {};

    let attr = Object.assign({
      className: 'btn btn-dark border-darker btn-sm text-uppercase ml-2',
      style: {},
      target: '_blank',
      type: 'button'
    }, opt);
    attr.style.marginInline ||= '3px';

    return Object.assign(this.document.createElement('a'), attr);
  }

  getPropertyPresence(property) {
    if (!this.isValid()) return '';
    if (!this.findagrave.hasOwnProperty(property)) return '';
    if (typeof(this.findagrave[property]) != 'string') return '';
    return this.findagrave[property].trim();
  }

  isValid() { return !!this.findagrave }

  get birthPlace() {
    let birthLocationLabel = this.document.getElementById('birthLocationLabel');
    return birthLocationLabel && birthLocationLabel.innerText;
  }

  get birthYear() { return parseInt(this.findagrave.birthYear, 10) }

  get buttonContainer() {
    return this._buttonContainer ||=
      this.document.querySelector('.mb-3.d-flex.d-print-none');
  }

  get deathPlace() {
    let deathLocationLabel = this.document.getElementById('deathLocationLabel');
    return deathLocationLabel && deathLocationLabel.innerText;
  }

  get deathYear() { return parseInt(this.findagrave.deathYear, 10) }

  get firstName() { return this.getPropertyPresence('firstName') }
  get lastName() { return this.getPropertyPresence('lastName') }
  get lastNameAtBirth() { return this.maidenName || this.lastName }
  get lastNameAtDeath() { return this.lastName }
  get maidenName() {
    return this.potentialSurnames.find(n => n && n != this.lastName)
  }

  get seeMoreMemorialLinks() {
    return(document
      .getElementsByClassName('see-more')[0]
      .parentElement.querySelectorAll('a[href^="/memorial/search?"]'));
  }

  get potentialSurnames() {
    return(this._potentialSurnames ||=
      Array.from(
        new Set(
          Array.from(this.seeMoreMemorialLinks)
            .map(a => (new URL(a).searchParams.get("lastname")))
        )
      )
    );
  }

  get memorialElement() {
    return this._memorialElement ||= document.getElementById('memNumberLabel');
  }

  get memorialId() {
    return parseInt(this.getPropertyPresence('memorialId'), 10);
  }
}

class FamilySearchQuery {
  constructor(rootUrl, memorial) {
    this.rootUrl = `https://www.familysearch.org/${rootUrl}`;
    this.memorial = memorial;
  }

  get birthLikePlace() { return encodeURI(this.memorial.birthPlace || '') }
  get birthLikeDate() { return this.memorial.birthYear || '' }
  get deathLikePlace() { return encodeURI(this.memorial.deathPlace || '') }
  get deathLikeDate() { return this.memorial.deathYear || '' }
  get givenName() { return encodeURI(this.memorial.firstName || '') }
  get surname() { return encodeURI(this.memorial.lastNameAtBirth || '') }
  get surname1() { return encodeURI(this.memorial.lastNameAtDeath || '') }

  get url() {
    let _url = `${this.rootUrl}?` +
      `q.givenName=${this.givenName}&` +
      `q.surname=${this.surname}&` +
      `q.birthLikePlace=${this.birthLikePlace}&` +
      `q.birthLikeDate.from=${this.birthLikeDate}&` +
      `q.birthLikeDate.to=${this.birthLikeDate}&` +
      `q.deathLikePlace=${this.deathLikePlace}&` +
      `q.deathLikeDate.from=${this.deathLikeDate}&` +
      `q.deathLikeDate.to=${this.deathLikeDate}`;

    if (this.surname != this.surname1) {
      _url += `&q.surname.1=${this.surname1}`
    }

    return _url;
  }
}

class FamilySearchFindAGraveQuery {
  constructor(memorial) { this.memorial = memorial }
  static rootUrl = "https://www.familysearch.org/search/record/results";
  static collectionId = "2221801";

  get url() {
    return `${FamilySearchFindAGraveQuery.rootUrl}?` +
      `q.externalRecordId=${this.memorial.memorialId}&` +
      `f.collectionId=${FamilySearchFindAGraveQuery.collectionId}`;
  }
}

const getInfoItems = function () {
  var elements = Array.from(document.querySelectorAll('.mem-events *[itemprop]'));
  return elements.filter(el => findagrave.hasOwnProperty(el.getAttribute('itemprop')));
};

const originalName = function () {
  let th = document.evaluate('//th[text()="Original Name"]').iterateNext();
  if (th && th.nextElementSibling) return th.nextElementSibling.innerText;
  else return `${findagrave.firstName} ${findagrave.lastName}`;
};

const memorial = new FindAGraveMemorial(function () { return findagrave }, document);

if (memorial.memorialId) {
  memorial.addFamilySearchTreeButton();
  memorial.addFamilySearchRecordButton();
  memorial.addFamilySearchFindAGraveLink();

  getInfoItems().forEach(el => {
    el.addEventListener('click', event => {
      var val = findagrave[el.getAttribute('itemprop')];
      navigator.clipboard.writeText(val);
    });
    el.setAttribute('title', 'click to copy');
    el.style.cursor = 'pointer';
  });
};

This is a userscript that adds a few links from FindAGrave pages to FamilySearch that I've found useful.

To use this, first install the TamperMonkey extension to your browser if you haven't already.
Then click the "Raw" link on this page. Tampermonkey will give you the option of installing (or reinstalling) this script. Once installed, your FindAGrave memorial pages will get these new links! Check it out:

• The Memorial ID number is clickable. It will take you to FamilySearch's FindAGrave record if they have it (they don't always!)
• There are two new buttons, "Tree Search" (which searches for already-added people in FamilySearch) and "Record Search" (which is a general record search for this person on FamilySearch) using FindAGrave's birth and death years as well as first and last names. But beware: the FindAGrave "last name" will be the married name for women in virtually all cases.