LinkedIn X Glassdoor

linkedin-x-glassdoor.user.js

// ==UserScript==
// @name         LinkedIn X Glassdoor
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Shortcut from LinkedIn to Glassdoor
// @author       ngseke
// @match        https://www.linkedin.com/jobs/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=linkedin.com
// @grant        none
// ==/UserScript==

(function () {
  const $ = (...args) => document.querySelector(...args)
  const $$ = (...args) => document.querySelectorAll(...args)

  const getLink = (keyword) => `https://www.glassdoor.com/Search/results.htm?keyword=${keyword}`

  const renderDoorLink = (keyword) => {
    const $link = document.createElement('a')
    const attrs = {
      href: getLink(keyword),
      target: '_blank',
      innerText: '🚪',
    }
    Object.assign($link, attrs)
    $link.dataset.doorLink = ''
    return $link
  }

  const handle = ($el) => {
    if (!$el) return

    const name = $el.innerText
    const existedDoorLink = $el.parentNode.querySelector('[data-door-link]')

    if (existedDoorLink) {
      existedDoorLink.href = getLink(name)
      return
    }

    const $doorLink = renderDoorLink(name)
    $el.parentNode.append($doorLink)
  }

  const observeDom = () => {
    const observer = new MutationObserver(() => {
      const $companyName = $('.jobs-unified-top-card__primary-description a:first-child')
      handle($companyName)
    })
    observer.observe(document.body, { childList: true, subtree: true })
  }

  observeDom()
})()