Make Jig Better

Make life just a little easier.

目前为 2023-12-21 提交的版本。查看 最新版本

// ==UserScript==
// @name         Make Jig Better
// @namespace    http://tampermonkey.net/
// @version      1.0.3
// @description  Make life just a little easier.
// @author       Todd Coleman
// @match        https://*.workamajig.com/*
// @license MIT
// @icon         https://www.google.com/s2/favicons?sz=64&domain=workamajig.com
// ==/UserScript==
/******/ (() => { // webpackBootstrap
/******/ 	var __webpack_modules__ = ({

/***/ "./src/card-highlighter.js":
/*!*********************************!*\
  !*** ./src/card-highlighter.js ***!
  \*********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   cardHighlighter: () => (/* binding */ cardHighlighter)
/* harmony export */ });
/* harmony import */ var _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./helpers/xconsole */ "./src/helpers/xconsole.js");
/* harmony import */ var _helpers_cssHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers/cssHelper */ "./src/helpers/cssHelper.js");


var cardHighlighter = {
  init: function init() {
    document.body.addEventListener('click', function (e) {
      // check if this element is or is a descendant of a taskcard
      var taskcard = e.target.closest('taskcard');
      if (taskcard !== null) {
        // Perform your action here
        _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log(' A taskcard was clicked!', taskcard);
        var dataKey = taskcard.getAttribute('data-key');
        _helpers_cssHelper__WEBPACK_IMPORTED_MODULE_1__.cssHelper.createOrUpdateStyle("mjb", "taskcard[data-key='".concat(dataKey, "'] .card-border { box-shadow: 2px 2px 3px 3px #3498db; }"));
      }
    });
  }
};

/***/ }),

/***/ "./src/helpers/cssHelper.js":
/*!**********************************!*\
  !*** ./src/helpers/cssHelper.js ***!
  \**********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   cssHelper: () => (/* binding */ cssHelper)
/* harmony export */ });
/* harmony import */ var _xconsole__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./xconsole */ "./src/helpers/xconsole.js");

var cssHelper = {
  createOrUpdateStyle: function createOrUpdateStyle(id, css) {
    var styleElement = document.getElementById(id);
    if (styleElement) {
      // If the style element already exists, update its content
      styleElement.innerHTML = css;
    } else {
      // If the style element doesn't exist, create it
      styleElement = document.createElement('style');
      styleElement.id = id;
      styleElement.innerHTML = css;
      document.head.appendChild(styleElement);
    }
  }
};

/***/ }),

/***/ "./src/helpers/pageEvents.js":
/*!***********************************!*\
  !*** ./src/helpers/pageEvents.js ***!
  \***********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   pageEvents: () => (/* binding */ pageEvents)
/* harmony export */ });
/* harmony import */ var _xconsole__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./xconsole */ "./src/helpers/xconsole.js");

var eventQueue = [];
var pagesQueue = [];
var readyPagesQueue = [];
var started = false;
var pageEvents = {
  init: function init() {
    //  listen for new page elements that are added to the #pageContainer object

    var pageContainer = document.querySelector('#pageContainer');
    var observer = new MutationObserver(function (mutations) {
      // xconsole.log("mutations", mutations);
      mutations.forEach(function (mutation) {
        //  trigger page open
        mutation.addedNodes.forEach(function (node) {
          //  is this node a page element?
          if (node.nodeName.toLocaleLowerCase() == "page") {
            //  trigger page open
            _xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("page element added", node);

            //  add observer to this page element for when the data-state="ready"
            var _observer = new MutationObserver(function (mutations) {
              // xconsole.log("node mutations", mutations);
              mutations.filter(function (mutation) {
                return mutation.attributeName == "data-state";
              }).map(function (mutation) {
                return mutation.target;
              }).filter(function (node) {
                return node.getAttribute("data-state") == "ready";
              }).forEach(function (readyPage) {
                // xconsole.log("readyPage", readyPage);
                var cEvent = {
                  node: readyPage,
                  event: new CustomEvent('pageOpen', {
                    bubbles: true
                  })
                };
                if (started) {
                  _xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("triggering ready page open event", cEvent.event);
                  node.dispatchEvent(cEvent.event);
                } else {
                  _xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("queueing ready page open event");
                  eventQueue.push(cEvent);
                }
              });
            });
            _observer.observe(node, {
              attributes: true
            });
          }
        });
      });
    });
    observer.observe(pageContainer, {
      childList: true
    });
  },
  start: function start() {
    started = true;
    _xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("start", eventQueue);
    //  trigger all items in the queue
    eventQueue.forEach(function (item) {
      _xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("triggering page open event", item.event);
      item.node.dispatchEvent(item.event);
    });
  }
};

/***/ }),

/***/ "./src/helpers/xconsole.js":
/*!*********************************!*\
  !*** ./src/helpers/xconsole.js ***!
  \*********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   xconsole: () => (/* binding */ xconsole)
/* harmony export */ });
var _IS_PRODUCTION;
var prefix = "TC:";
var enabled = !((_IS_PRODUCTION = true) !== null && _IS_PRODUCTION !== void 0 ? _IS_PRODUCTION : true);
var xconsole = {
  log: function log() {
    var _console;
    for (var _len = arguments.length, messages = new Array(_len), _key = 0; _key < _len; _key++) {
      messages[_key] = arguments[_key];
    }
    if (enabled) (_console = console).log.apply(_console, [prefix].concat(messages));
  },
  error: function error() {
    var _console2;
    for (var _len2 = arguments.length, messages = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
      messages[_key2] = arguments[_key2];
    }
    if (enabled) (_console2 = console).error.apply(_console2, [prefix].concat(messages));
  },
  warn: function warn() {
    var _console3;
    for (var _len3 = arguments.length, messages = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
      messages[_key3] = arguments[_key3];
    }
    if (enabled) (_console3 = console).warn.apply(_console3, [prefix].concat(messages));
  },
  info: function info() {
    var _console4;
    for (var _len4 = arguments.length, messages = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
      messages[_key4] = arguments[_key4];
    }
    if (enabled) (_console4 = console).info.apply(_console4, [prefix].concat(messages));
  }
};

/***/ }),

/***/ "./src/notification-dedup.js":
/*!***********************************!*\
  !*** ./src/notification-dedup.js ***!
  \***********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   notificationDedup: () => (/* binding */ notificationDedup)
/* harmony export */ });
/* harmony import */ var _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./helpers/xconsole */ "./src/helpers/xconsole.js");
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }

var markOthers = function markOthers(el) {
  el.stopPropagation();
  //click the others with the same text
  var itemNode = el.target.closest("li").querySelector("div");
  var itemText = itemNode.innerText;
  // xconsole.log(itemText);
  //if (itemText == "clear") return;
  // xconsole.log("markOthers", itemText);

  var dataKey = el.target.closest("li").getAttribute('data-key');
  function clickNextButton(itemNode, ignoreDataKey) {
    // Check if there are more buttons to click
    var lists = itemNode.closest("listview");
    var items = lists === null || lists === void 0 ? void 0 : lists.querySelectorAll("ul li");
    if (!items) return;
    var sameItems = Array.from(items).filter(function (i) {
      return i.querySelector('div:first-child').textContent == itemText;
    });
    _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("itemcheck", sameItems, itemText);
    if (sameItems.length > 0) {
      var sameItem = sameItems[0];
      var _dataKey = sameItem.getAttribute('data-key');
      if (_dataKey != ignoreDataKey) {
        var button = sameItem.querySelector('button[data-action="clearSingle"]');
        _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("clickNextButton click clear", button);
        button.click();
      }
    } else {
      // Stop the interval if all buttons have been clicked
      _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("clickNextButton done");
      //  run dedup again
      clearInterval(intervalId);
      var _lists = Array(itemNode.closest("listview"));
      dedup(_lists);
    }
  }

  // click the buttons
  var intervalId = setInterval(function () {
    clickNextButton(itemNode, dataKey);
  }, 500);
};
var dedup = function dedup(lists) {
  var _iterator = _createForOfIteratorHelper(lists),
    _step;
  try {
    for (_iterator.s(); !(_step = _iterator.n()).done;) {
      var list = _step.value;
      var uniqueTexts = {};
      //dedup the items
      //xconsole.log("",list);
      var listItems = list.querySelectorAll("ul li");
      var _iterator2 = _createForOfIteratorHelper(listItems),
        _step2;
      try {
        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
          var listItem = _step2.value;
          //xconsole.log("",listItem);

          //  deduplicate the links
          var textContent = listItem.querySelector('div:first-child').textContent;
          var clearButton = listItem.querySelector('button[data-action="clearSingle"]');
          if (uniqueTexts[textContent]) {
            // If it's a duplicate, hide the list item
            listItem.style.display = 'none';
          } else {
            // If it's not a duplicate, mark it as seen
            listItem.addEventListener('click', markOthers);
            //  listen for clear event too
            // clearButton.addEventListener('click', markOthers);
            uniqueTexts[textContent] = true;
          }

          // add  view link, if it doesn't already exist

          if (!listItem.querySelector(".view-button")) {
            // Get the existing clear button and its data-key attribute
            var dataKey = clearButton.getAttribute('data-key');

            // Create the new button element
            var viewButton = document.createElement('button');
            viewButton.setAttribute('type', 'button');
            viewButton.setAttribute('class', 'btn-action text mini view-button');
            viewButton.setAttribute('data-action', 'viewSingle');
            viewButton.setAttribute('data-key', dataKey); // Copy the data-key attribute
            viewButton.textContent = 'view';

            // Create the new div element for the view button
            var viewButtonDiv = document.createElement('div');
            viewButtonDiv.setAttribute('class', 'flex-none x1 text-center');
            viewButtonDiv.appendChild(viewButton);

            // Get the existing div that contains the "clear" button
            var clearButtonDiv = listItem.querySelector('.flex-none.x1.text-center');

            // Append the new div to the existing list item
            clearButtonDiv.parentNode.insertBefore(viewButtonDiv, clearButtonDiv);
            viewButton.addEventListener('click', function (e) {
              // if not view button, bail
              if (e.target.innerText != "view") return false;
              e.stopPropagation();
              var dataKey = e.target.getAttribute('data-key');
              _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("view clicked", e, dataKey);
              var request = indexedDB.open('wjappDB', 16);

              // Step 2: Setup event handlers for success, error, and onupgradeneeded
              request.onerror = function (event) {
                console.error(" Error opening database:", event.target.error);
              };
              request.onupgradeneeded = function (event) {
                var db = event.target.result;

                // Step 3: Create an object store if it doesn't exist
                if (!db.objectStoreNames.contains('yourObjectStoreName')) {
                  db.createObjectStore('yourObjectStoreName', {
                    keyPath: 'key'
                  });
                }
              };
              request.onsuccess = function (event) {
                var db = event.target.result;

                // Step 4: Create a transaction and get the object store
                var transaction = db.transaction(['ModuleStorage'], 'readonly');
                var objectStore = transaction.objectStore('ModuleStorage');

                // Step 5: Use a request to get the data from the object store
                var getRequest = objectStore.get('common.notifications');
                getRequest.onsuccess = function (event) {
                  var result = event.target.result;
                  _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("dataKey", dataKey);
                  if (result) {
                    var messages = result.messages;
                    var item = messages.find(function (m) {
                      return m.EmailSendLogKey == dataKey;
                    });
                    if (item) {
                      _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("EntityKey", item.EntityKey);
                      Views.openPage(new Action("projects.diary.thread", item.EntityKey, null), "page");
                    }
                  } else {
                    _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log(' No data found for the specified key.');
                  }

                  // Step 6: Close the database connection
                  db.close();
                };
                getRequest.onerror = function (event) {
                  console.error(" Error reading data:", event.target.error);
                  db.close();
                };
              };
            });
          }
        }
      } catch (err) {
        _iterator2.e(err);
      } finally {
        _iterator2.f();
      }
    }
  } catch (err) {
    _iterator.e(err);
  } finally {
    _iterator.f();
  }
};
var notificationDedup = {
  init: function init() {
    window.addEventListener('pageOpen', function (e) {
      // xconsole.log("transitionend", e.target);

      if (e.target.dataset.aid == "common.notifications" && e.target.dataset.state == "ready") {
        //get the events
        var lists = e.target.querySelectorAll("listview[data-source='messages']");
        dedup(lists);
      }
    });
  }
};

/***/ }),

/***/ "./src/pinned-items.js":
/*!*****************************!*\
  !*** ./src/pinned-items.js ***!
  \*****************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   pinnedItems: () => (/* binding */ pinnedItems)
/* harmony export */ });
/* harmony import */ var _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./helpers/xconsole */ "./src/helpers/xconsole.js");
/* harmony import */ var _helpers_cssHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers/cssHelper */ "./src/helpers/cssHelper.js");
/* harmony import */ var store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! store */ "./node_modules/store/dist/store.legacy.js");
/* harmony import */ var store__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(store__WEBPACK_IMPORTED_MODULE_2__);
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }




// Helper function to create "li" elements for messages
function createMessageLiElement(key, message) {
  var hidden = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
  var li = document.createElement('li');
  li.classList.add('hbox', 'pad-tb-m');
  li.setAttribute('data-key', key);
  var flexMessage = document.createElement('div');
  flexMessage.setAttribute('data-key', key);
  flexMessage.classList.add('flex');
  flexMessage.textContent = message;

  //  event handler
  flexMessage.addEventListener("click", function (e) {
    var entityKey = e.target.getAttribute("data-key");
    Views.openPage(new Action("projects.diary.thread", entityKey, null), "page");
  });
  var flexNoneX1TextCenterView = document.createElement('div');
  flexNoneX1TextCenterView.classList.add('flex-none', 'x1', 'text-center');
  flexNoneX1TextCenterView.innerHTML = '<button type="button" class="btn-action text mini view-button" data-key="' + key + '">view</button>';
  flexNoneX1TextCenterView.addEventListener("click", function (e) {
    var entityKey = e.target.getAttribute("data-key");
    Views.openPage(new Action("projects.diary.thread", entityKey, null), "page");
  });
  var flexNoneX1TextCenterClear = document.createElement('div');
  flexNoneX1TextCenterClear.classList.add('flex-none', 'x1', 'text-center');
  flexNoneX1TextCenterClear.innerHTML = '<button type="button" class="btn-action text mini" data-key="' + key + '">unpin</button>';
  flexNoneX1TextCenterClear.addEventListener("click", function (e) {
    var _store$get;
    var pins = (_store$get = store__WEBPACK_IMPORTED_MODULE_2___default().get('mjb_pins')) !== null && _store$get !== void 0 ? _store$get : [];
    var entityKey = e.target.getAttribute("data-key");
    if (pins.length) {
      var newPins = pins.filter(function (i) {
        return i.entityKey != entityKey;
      });
      store__WEBPACK_IMPORTED_MODULE_2___default().set('mjb_pins', newPins);
      e.target.closest("li").remove();
      if (newPins.length == 0) {
        document.querySelector("#pin-container").remove();
      }
    }
  });
  li.appendChild(flexMessage);
  li.appendChild(flexNoneX1TextCenterView);
  li.appendChild(flexNoneX1TextCenterClear);
  if (hidden) {
    li.style.display = 'none';
  }
  return li;
}
var pinnedItems = {
  init: function init() {
    _helpers_cssHelper__WEBPACK_IMPORTED_MODULE_1__.cssHelper.createOrUpdateStyle("mjb_pins", "button.i-pin::before {\n            content: \"\";\n            background-image: url(\"data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1200 1200' style='enable-background:new 0 0 1200 1200;' xml:space='preserve'%3E%3Cpath d='M715.2,524.1l-19.8-312.6c32.2-19.4,58.2-48.2,73.5-81.8c1.7-3.7,1.4-8-0.8-11.5c-2.2-3.4-6-5.5-10.1-5.5l-316,0c-4.1,0-7.9,2.1-10.1,5.5c-2.2,3.4-2.5,7.8-0.8,11.5c15.4,33.6,41.3,62.3,73.5,81.7l-19.8,312.6c-113.2,47.4-132.3,155.5-133.1,160.2c-0.6,3.5,0.4,7,2.7,9.7c2.3,2.7,5.6,4.2,9.2,4.2l195.6,0l28.8,377h24l28.8-377h195.7c3.5,0,6.9-1.5,9.2-4.2c2.3-2.7,3.3-6.2,2.7-9.7C847.5,679.6,828.4,571.5,715.2,524.1L715.2,524.1z' fill='%230997d5'/%3E%3C/svg%3E\");\n          }");

    //  get pinned item from store

    //  see if we have a full-page refresh that landed on a thread

    window.addEventListener('pageOpen', function (e) {
      _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("pageOpen", e.target);
      if (e.target.dataset.aid == "common.notifications" && e.target.dataset.state == "ready") {
        var _store$get2;
        _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("retrieve pins", e.target);
        var page = e.target;
        var container = page.querySelector("page-body > section > div");
        var pinContainer = container.querySelector("#pin-container");
        var pins = (_store$get2 = store__WEBPACK_IMPORTED_MODULE_2___default().get('mjb_pins')) !== null && _store$get2 !== void 0 ? _store$get2 : [];
        if (pinContainer) pinContainer.remove();
        if (pins.length) {
          _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("ADD PINS", pins);
          //  create pins section

          var scrollableDiv = document.createElement('div');
          scrollableDiv.id = "pin-container";
          scrollableDiv.classList.add('scrollable');

          // Create the outer div with class "pad-section"
          var padSection = document.createElement('div');
          padSection.classList.add('pad-section');
          scrollableDiv.appendChild(padSection);

          // Create the inner div with class "hbox"
          var hbox = document.createElement('div');
          hbox.classList.add('hbox');

          // Create the first inner div with class "flex"
          var flex1 = document.createElement('div');
          flex1.classList.add('flex');
          flex1.innerHTML = '<h2>Pins</h2>';

          // Create the second inner div with classes "flex-none x1 text-center"
          var flexNoneX1TextCenter = document.createElement('div');
          flexNoneX1TextCenter.classList.add('flex-none', 'x1', 'text-center');
          flexNoneX1TextCenter.innerHTML = '<button type="button" class="btn-action text bind" data-bind-visible="messages.length" >unpin all</button>';
          flexNoneX1TextCenter.addEventListener("click", function (e) {
            store__WEBPACK_IMPORTED_MODULE_2___default().set('mjb_pins', []);
            document.querySelector("#pin-container").remove();
          });

          // Append the inner divs to the "hbox"
          hbox.appendChild(flex1);
          hbox.appendChild(flexNoneX1TextCenter);

          // Append the "hbox" to the "padSection"
          padSection.appendChild(hbox);

          // Create the "listview" element with the specified attributes
          var listview = document.createElement('listview');
          listview.setAttribute('data-source', 'messages');
          listview.setAttribute('data-list-action', 'page');
          listview.setAttribute('data-select-mode', 'none');
          listview.setAttribute('data-tmpl', 'common.notifications.layout95');
          listview.setAttribute('data-id', '');
          listview.classList.add('listview', 'ctx', 'list');

          // Create the "li" element with class "pad-b-l"
          var li = document.createElement('li');
          li.classList.add('pad-b-l');

          // Create the inner divs for the "li" element
          var hboxLi = document.createElement('div');
          hboxLi.classList.add('hbox');

          // Append the "hboxLi" to the "li"
          li.appendChild(hboxLi);

          // Create the "ul" element with class "hover-blue" and data-list-action attribute
          var ul = document.createElement('ul');
          ul.classList.add('hover-blue');
          ul.setAttribute('data-list-action', 'openMessage');

          //  loop through the pins and add them
          var _iterator = _createForOfIteratorHelper(pins),
            _step;
          try {
            for (_iterator.s(); !(_step = _iterator.n()).done;) {
              var pin = _step.value;
              var pinli = createMessageLiElement(pin.entityKey, "[".concat(pin.projectTitle, "] ").concat(pin.convoTitle));
              ul.appendChild(pinli);
            }

            // Append the "ul" to the "li"
          } catch (err) {
            _iterator.e(err);
          } finally {
            _iterator.f();
          }
          li.appendChild(ul);

          // Append the "li" to the "listview"
          listview.appendChild(li);

          // Append all elements to the document body (or any other container element you desire)
          padSection.appendChild(listview);
          container.prepend(scrollableDiv);
        } else {
          pins.set('mjb_pins');
        }
      }
      if (e.target.dataset.aid == "projects.diary.thread" && e.target.dataset.state == "ready") {
        _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("add pin button", e.target);
        var _page = e.target;
        var menu = e.target.querySelector("header > menu");

        //  add pin button if it doesn't aready exist

        if (!menu.querySelector(".i-pin")) {
          var _store$get3, _page$getAttribute, _page$querySelector$i, _page$querySelector;
          var _pins = (_store$get3 = store__WEBPACK_IMPORTED_MODULE_2___default().get('mjb_pins')) !== null && _store$get3 !== void 0 ? _store$get3 : [];
          var pinButton = document.createElement("button");
          var replyButton = menu.querySelector('[data-action="reply"]');
          var entityKey = replyButton ? replyButton.getAttribute('data-key') : "";
          var projectTitle = (_page$getAttribute = _page.getAttribute("data-title")) !== null && _page$getAttribute !== void 0 ? _page$getAttribute : "";
          var convoTitle = (_page$querySelector$i = (_page$querySelector = _page.querySelector('[data-bind-text="dp@Subject"]')) === null || _page$querySelector === void 0 ? void 0 : _page$querySelector.innerText.trim()) !== null && _page$querySelector$i !== void 0 ? _page$querySelector$i : "";

          //  if already pinned, change text to Unpin
          var alreadyPinned = _pins.some(function (p) {
            return p.entityKey == entityKey;
          });
          pinButton.classList.add("i-btn");
          pinButton.classList.add("icon-l");
          pinButton.classList.add("text");
          pinButton.classList.add("i-pin");
          pinButton.innerText = alreadyPinned ? "Unpin" : "Pin";
          pinButton.setAttribute('data-key', entityKey); // Copy the data-key attribute

          var item = {
            entityKey: entityKey,
            projectTitle: projectTitle,
            convoTitle: convoTitle
          };
          pinButton.addEventListener("click", function (e) {
            var _store$get4;
            var pinButton = e.target;
            var entityKey = pinButton ? pinButton.getAttribute('data-key') : "";
            _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("pin", pinButton, entityKey);
            //  get and store entity key
            var pins = (_store$get4 = store__WEBPACK_IMPORTED_MODULE_2___default().get('mjb_pins')) !== null && _store$get4 !== void 0 ? _store$get4 : [];
            var alreadyPinned = pins.some(function (p) {
              return p.entityKey == entityKey;
            });
            if (alreadyPinned) {
              store__WEBPACK_IMPORTED_MODULE_2___default().set('mjb_pins', pins.filter(function (i) {
                return i.entityKey != entityKey;
              }));
              pinButton.innerText = "Pin";
            } else {
              pins.push(item);
              store__WEBPACK_IMPORTED_MODULE_2___default().set('mjb_pins', pins);
              pinButton.innerText = "Unpin";
            }
          });
          menu.appendChild(pinButton);
        }
      }
    });
  }
};

/***/ }),

/***/ "./node_modules/store/dist/store.legacy.js":
/*!*************************************************!*\
  !*** ./node_modules/store/dist/store.legacy.js ***!
  \*************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var engine = __webpack_require__(/*! ../src/store-engine */ "./node_modules/store/src/store-engine.js")

var storages = __webpack_require__(/*! ../storages/all */ "./node_modules/store/storages/all.js")
var plugins = [__webpack_require__(/*! ../plugins/json2 */ "./node_modules/store/plugins/json2.js")]

module.exports = engine.createStore(storages, plugins)


/***/ }),

/***/ "./node_modules/store/plugins/json2.js":
/*!*********************************************!*\
  !*** ./node_modules/store/plugins/json2.js ***!
  \*********************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

module.exports = json2Plugin

function json2Plugin() {
	__webpack_require__(/*! ./lib/json2 */ "./node_modules/store/plugins/lib/json2.js")
	return {}
}


/***/ }),

/***/ "./node_modules/store/plugins/lib/json2.js":
/*!*************************************************!*\
  !*** ./node_modules/store/plugins/lib/json2.js ***!
  \*************************************************/
/***/ (() => {

/* eslint-disable */

//  json2.js
//  2016-10-28
//  Public Domain.
//  NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
//  See http://www.JSON.org/js.html
//  This code should be minified before deployment.
//  See http://javascript.crockford.com/jsmin.html

//  USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
//  NOT CONTROL.

//  This file creates a global JSON object containing two methods: stringify
//  and parse. This file provides the ES5 JSON capability to ES3 systems.
//  If a project might run on IE8 or earlier, then this file should be included.
//  This file does nothing on ES5 systems.

//      JSON.stringify(value, replacer, space)
//          value       any JavaScript value, usually an object or array.
//          replacer    an optional parameter that determines how object
//                      values are stringified for objects. It can be a
//                      function or an array of strings.
//          space       an optional parameter that specifies the indentation
//                      of nested structures. If it is omitted, the text will
//                      be packed without extra whitespace. If it is a number,
//                      it will specify the number of spaces to indent at each
//                      level. If it is a string (such as "\t" or "&nbsp;"),
//                      it contains the characters used to indent at each level.
//          This method produces a JSON text from a JavaScript value.
//          When an object value is found, if the object contains a toJSON
//          method, its toJSON method will be called and the result will be
//          stringified. A toJSON method does not serialize: it returns the
//          value represented by the name/value pair that should be serialized,
//          or undefined if nothing should be serialized. The toJSON method
//          will be passed the key associated with the value, and this will be
//          bound to the value.

//          For example, this would serialize Dates as ISO strings.

//              Date.prototype.toJSON = function (key) {
//                  function f(n) {
//                      // Format integers to have at least two digits.
//                      return (n < 10)
//                          ? "0" + n
//                          : n;
//                  }
//                  return this.getUTCFullYear()   + "-" +
//                       f(this.getUTCMonth() + 1) + "-" +
//                       f(this.getUTCDate())      + "T" +
//                       f(this.getUTCHours())     + ":" +
//                       f(this.getUTCMinutes())   + ":" +
//                       f(this.getUTCSeconds())   + "Z";
//              };

//          You can provide an optional replacer method. It will be passed the
//          key and value of each member, with this bound to the containing
//          object. The value that is returned from your method will be
//          serialized. If your method returns undefined, then the member will
//          be excluded from the serialization.

//          If the replacer parameter is an array of strings, then it will be
//          used to select the members to be serialized. It filters the results
//          such that only members with keys listed in the replacer array are
//          stringified.

//          Values that do not have JSON representations, such as undefined or
//          functions, will not be serialized. Such values in objects will be
//          dropped; in arrays they will be replaced with null. You can use
//          a replacer function to replace those with JSON values.

//          JSON.stringify(undefined) returns undefined.

//          The optional space parameter produces a stringification of the
//          value that is filled with line breaks and indentation to make it
//          easier to read.

//          If the space parameter is a non-empty string, then that string will
//          be used for indentation. If the space parameter is a number, then
//          the indentation will be that many spaces.

//          Example:

//          text = JSON.stringify(["e", {pluribus: "unum"}]);
//          // text is '["e",{"pluribus":"unum"}]'

//          text = JSON.stringify(["e", {pluribus: "unum"}], null, "\t");
//          // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'

//          text = JSON.stringify([new Date()], function (key, value) {
//              return this[key] instanceof Date
//                  ? "Date(" + this[key] + ")"
//                  : value;
//          });
//          // text is '["Date(---current time---)"]'

//      JSON.parse(text, reviver)
//          This method parses a JSON text to produce an object or array.
//          It can throw a SyntaxError exception.

//          The optional reviver parameter is a function that can filter and
//          transform the results. It receives each of the keys and values,
//          and its return value is used instead of the original value.
//          If it returns what it received, then the structure is not modified.
//          If it returns undefined then the member is deleted.

//          Example:

//          // Parse the text. Values that look like ISO date strings will
//          // be converted to Date objects.

//          myData = JSON.parse(text, function (key, value) {
//              var a;
//              if (typeof value === "string") {
//                  a =
//   /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
//                  if (a) {
//                      return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
//                          +a[5], +a[6]));
//                  }
//              }
//              return value;
//          });

//          myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
//              var d;
//              if (typeof value === "string" &&
//                      value.slice(0, 5) === "Date(" &&
//                      value.slice(-1) === ")") {
//                  d = new Date(value.slice(5, -1));
//                  if (d) {
//                      return d;
//                  }
//              }
//              return value;
//          });

//  This is a reference implementation. You are free to copy, modify, or
//  redistribute.

/*jslint
    eval, for, this
*/

/*property
    JSON, apply, call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
    lastIndex, length, parse, prototype, push, replace, slice, stringify,
    test, toJSON, toString, valueOf
*/


// Create a JSON object only if one does not already exist. We create the
// methods in a closure to avoid creating global variables.

if (typeof JSON !== "object") {
    JSON = {};
}

(function () {
    "use strict";

    var rx_one = /^[\],:{}\s]*$/;
    var rx_two = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g;
    var rx_three = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g;
    var rx_four = /(?:^|:|,)(?:\s*\[)+/g;
    var rx_escapable = /[\\"\u0000-\u001f\u007f-\u009f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
    var rx_dangerous = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;

    function f(n) {
        // Format integers to have at least two digits.
        return n < 10
            ? "0" + n
            : n;
    }

    function this_value() {
        return this.valueOf();
    }

    if (typeof Date.prototype.toJSON !== "function") {

        Date.prototype.toJSON = function () {

            return isFinite(this.valueOf())
                ? this.getUTCFullYear() + "-" +
                        f(this.getUTCMonth() + 1) + "-" +
                        f(this.getUTCDate()) + "T" +
                        f(this.getUTCHours()) + ":" +
                        f(this.getUTCMinutes()) + ":" +
                        f(this.getUTCSeconds()) + "Z"
                : null;
        };

        Boolean.prototype.toJSON = this_value;
        Number.prototype.toJSON = this_value;
        String.prototype.toJSON = this_value;
    }

    var gap;
    var indent;
    var meta;
    var rep;


    function quote(string) {

// If the string contains no control characters, no quote characters, and no
// backslash characters, then we can safely slap some quotes around it.
// Otherwise we must also replace the offending characters with safe escape
// sequences.

        rx_escapable.lastIndex = 0;
        return rx_escapable.test(string)
            ? "\"" + string.replace(rx_escapable, function (a) {
                var c = meta[a];
                return typeof c === "string"
                    ? c
                    : "\\u" + ("0000" + a.charCodeAt(0).toString(16)).slice(-4);
            }) + "\""
            : "\"" + string + "\"";
    }


    function str(key, holder) {

// Produce a string from holder[key].

        var i;          // The loop counter.
        var k;          // The member key.
        var v;          // The member value.
        var length;
        var mind = gap;
        var partial;
        var value = holder[key];

// If the value has a toJSON method, call it to obtain a replacement value.

        if (value && typeof value === "object" &&
                typeof value.toJSON === "function") {
            value = value.toJSON(key);
        }

// If we were called with a replacer function, then call the replacer to
// obtain a replacement value.

        if (typeof rep === "function") {
            value = rep.call(holder, key, value);
        }

// What happens next depends on the value's type.

        switch (typeof value) {
        case "string":
            return quote(value);

        case "number":

// JSON numbers must be finite. Encode non-finite numbers as null.

            return isFinite(value)
                ? String(value)
                : "null";

        case "boolean":
        case "null":

// If the value is a boolean or null, convert it to a string. Note:
// typeof null does not produce "null". The case is included here in
// the remote chance that this gets fixed someday.

            return String(value);

// If the type is "object", we might be dealing with an object or an array or
// null.

        case "object":

// Due to a specification blunder in ECMAScript, typeof null is "object",
// so watch out for that case.

            if (!value) {
                return "null";
            }

// Make an array to hold the partial results of stringifying this object value.

            gap += indent;
            partial = [];

// Is the value an array?

            if (Object.prototype.toString.apply(value) === "[object Array]") {

// The value is an array. Stringify every element. Use null as a placeholder
// for non-JSON values.

                length = value.length;
                for (i = 0; i < length; i += 1) {
                    partial[i] = str(i, value) || "null";
                }

// Join all of the elements together, separated with commas, and wrap them in
// brackets.

                v = partial.length === 0
                    ? "[]"
                    : gap
                        ? "[\n" + gap + partial.join(",\n" + gap) + "\n" + mind + "]"
                        : "[" + partial.join(",") + "]";
                gap = mind;
                return v;
            }

// If the replacer is an array, use it to select the members to be stringified.

            if (rep && typeof rep === "object") {
                length = rep.length;
                for (i = 0; i < length; i += 1) {
                    if (typeof rep[i] === "string") {
                        k = rep[i];
                        v = str(k, value);
                        if (v) {
                            partial.push(quote(k) + (
                                gap
                                    ? ": "
                                    : ":"
                            ) + v);
                        }
                    }
                }
            } else {

// Otherwise, iterate through all of the keys in the object.

                for (k in value) {
                    if (Object.prototype.hasOwnProperty.call(value, k)) {
                        v = str(k, value);
                        if (v) {
                            partial.push(quote(k) + (
                                gap
                                    ? ": "
                                    : ":"
                            ) + v);
                        }
                    }
                }
            }

// Join all of the member texts together, separated with commas,
// and wrap them in braces.

            v = partial.length === 0
                ? "{}"
                : gap
                    ? "{\n" + gap + partial.join(",\n" + gap) + "\n" + mind + "}"
                    : "{" + partial.join(",") + "}";
            gap = mind;
            return v;
        }
    }

// If the JSON object does not yet have a stringify method, give it one.

    if (typeof JSON.stringify !== "function") {
        meta = {    // table of character substitutions
            "\b": "\\b",
            "\t": "\\t",
            "\n": "\\n",
            "\f": "\\f",
            "\r": "\\r",
            "\"": "\\\"",
            "\\": "\\\\"
        };
        JSON.stringify = function (value, replacer, space) {

// The stringify method takes a value and an optional replacer, and an optional
// space parameter, and returns a JSON text. The replacer can be a function
// that can replace values, or an array of strings that will select the keys.
// A default replacer method can be provided. Use of the space parameter can
// produce text that is more easily readable.

            var i;
            gap = "";
            indent = "";

// If the space parameter is a number, make an indent string containing that
// many spaces.

            if (typeof space === "number") {
                for (i = 0; i < space; i += 1) {
                    indent += " ";
                }

// If the space parameter is a string, it will be used as the indent string.

            } else if (typeof space === "string") {
                indent = space;
            }

// If there is a replacer, it must be a function or an array.
// Otherwise, throw an error.

            rep = replacer;
            if (replacer && typeof replacer !== "function" &&
                    (typeof replacer !== "object" ||
                    typeof replacer.length !== "number")) {
                throw new Error("JSON.stringify");
            }

// Make a fake root object containing our value under the key of "".
// Return the result of stringifying the value.

            return str("", {"": value});
        };
    }


// If the JSON object does not yet have a parse method, give it one.

    if (typeof JSON.parse !== "function") {
        JSON.parse = function (text, reviver) {

// The parse method takes a text and an optional reviver function, and returns
// a JavaScript value if the text is a valid JSON text.

            var j;

            function walk(holder, key) {

// The walk method is used to recursively walk the resulting structure so
// that modifications can be made.

                var k;
                var v;
                var value = holder[key];
                if (value && typeof value === "object") {
                    for (k in value) {
                        if (Object.prototype.hasOwnProperty.call(value, k)) {
                            v = walk(value, k);
                            if (v !== undefined) {
                                value[k] = v;
                            } else {
                                delete value[k];
                            }
                        }
                    }
                }
                return reviver.call(holder, key, value);
            }


// Parsing happens in four stages. In the first stage, we replace certain
// Unicode characters with escape sequences. JavaScript handles many characters
// incorrectly, either silently deleting them, or treating them as line endings.

            text = String(text);
            rx_dangerous.lastIndex = 0;
            if (rx_dangerous.test(text)) {
                text = text.replace(rx_dangerous, function (a) {
                    return "\\u" +
                            ("0000" + a.charCodeAt(0).toString(16)).slice(-4);
                });
            }

// In the second stage, we run the text against regular expressions that look
// for non-JSON patterns. We are especially concerned with "()" and "new"
// because they can cause invocation, and "=" because it can cause mutation.
// But just to be safe, we want to reject all unexpected forms.

// We split the second stage into 4 regexp operations in order to work around
// crippling inefficiencies in IE's and Safari's regexp engines. First we
// replace the JSON backslash pairs with "@" (a non-JSON character). Second, we
// replace all simple value tokens with "]" characters. Third, we delete all
// open brackets that follow a colon or comma or that begin the text. Finally,
// we look to see that the remaining characters are only whitespace or "]" or
// "," or ":" or "{" or "}". If that is so, then the text is safe for eval.

            if (
                rx_one.test(
                    text
                        .replace(rx_two, "@")
                        .replace(rx_three, "]")
                        .replace(rx_four, "")
                )
            ) {

// In the third stage we use the eval function to compile the text into a
// JavaScript structure. The "{" operator is subject to a syntactic ambiguity
// in JavaScript: it can begin a block or an object literal. We wrap the text
// in parens to eliminate the ambiguity.

                j = eval("(" + text + ")");

// In the optional fourth stage, we recursively walk the new structure, passing
// each name/value pair to a reviver function for possible transformation.

                return (typeof reviver === "function")
                    ? walk({"": j}, "")
                    : j;
            }

// If the text is not JSON parseable, then a SyntaxError is thrown.

            throw new SyntaxError("JSON.parse");
        };
    }
}());

/***/ }),

/***/ "./node_modules/store/src/store-engine.js":
/*!************************************************!*\
  !*** ./node_modules/store/src/store-engine.js ***!
  \************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var util = __webpack_require__(/*! ./util */ "./node_modules/store/src/util.js")
var slice = util.slice
var pluck = util.pluck
var each = util.each
var bind = util.bind
var create = util.create
var isList = util.isList
var isFunction = util.isFunction
var isObject = util.isObject

module.exports = {
	createStore: createStore
}

var storeAPI = {
	version: '2.0.12',
	enabled: false,
	
	// get returns the value of the given key. If that value
	// is undefined, it returns optionalDefaultValue instead.
	get: function(key, optionalDefaultValue) {
		var data = this.storage.read(this._namespacePrefix + key)
		return this._deserialize(data, optionalDefaultValue)
	},

	// set will store the given value at key and returns value.
	// Calling set with value === undefined is equivalent to calling remove.
	set: function(key, value) {
		if (value === undefined) {
			return this.remove(key)
		}
		this.storage.write(this._namespacePrefix + key, this._serialize(value))
		return value
	},

	// remove deletes the key and value stored at the given key.
	remove: function(key) {
		this.storage.remove(this._namespacePrefix + key)
	},

	// each will call the given callback once for each key-value pair
	// in this store.
	each: function(callback) {
		var self = this
		this.storage.each(function(val, namespacedKey) {
			callback.call(self, self._deserialize(val), (namespacedKey || '').replace(self._namespaceRegexp, ''))
		})
	},

	// clearAll will remove all the stored key-value pairs in this store.
	clearAll: function() {
		this.storage.clearAll()
	},

	// additional functionality that can't live in plugins
	// ---------------------------------------------------

	// hasNamespace returns true if this store instance has the given namespace.
	hasNamespace: function(namespace) {
		return (this._namespacePrefix == '__storejs_'+namespace+'_')
	},

	// createStore creates a store.js instance with the first
	// functioning storage in the list of storage candidates,
	// and applies the the given mixins to the instance.
	createStore: function() {
		return createStore.apply(this, arguments)
	},
	
	addPlugin: function(plugin) {
		this._addPlugin(plugin)
	},
	
	namespace: function(namespace) {
		return createStore(this.storage, this.plugins, namespace)
	}
}

function _warn() {
	var _console = (typeof console == 'undefined' ? null : console)
	if (!_console) { return }
	var fn = (_console.warn ? _console.warn : _console.log)
	fn.apply(_console, arguments)
}

function createStore(storages, plugins, namespace) {
	if (!namespace) {
		namespace = ''
	}
	if (storages && !isList(storages)) {
		storages = [storages]
	}
	if (plugins && !isList(plugins)) {
		plugins = [plugins]
	}

	var namespacePrefix = (namespace ? '__storejs_'+namespace+'_' : '')
	var namespaceRegexp = (namespace ? new RegExp('^'+namespacePrefix) : null)
	var legalNamespaces = /^[a-zA-Z0-9_\-]*$/ // alpha-numeric + underscore and dash
	if (!legalNamespaces.test(namespace)) {
		throw new Error('store.js namespaces can only have alphanumerics + underscores and dashes')
	}
	
	var _privateStoreProps = {
		_namespacePrefix: namespacePrefix,
		_namespaceRegexp: namespaceRegexp,

		_testStorage: function(storage) {
			try {
				var testStr = '__storejs__test__'
				storage.write(testStr, testStr)
				var ok = (storage.read(testStr) === testStr)
				storage.remove(testStr)
				return ok
			} catch(e) {
				return false
			}
		},

		_assignPluginFnProp: function(pluginFnProp, propName) {
			var oldFn = this[propName]
			this[propName] = function pluginFn() {
				var args = slice(arguments, 0)
				var self = this

				// super_fn calls the old function which was overwritten by
				// this mixin.
				function super_fn() {
					if (!oldFn) { return }
					each(arguments, function(arg, i) {
						args[i] = arg
					})
					return oldFn.apply(self, args)
				}

				// Give mixing function access to super_fn by prefixing all mixin function
				// arguments with super_fn.
				var newFnArgs = [super_fn].concat(args)

				return pluginFnProp.apply(self, newFnArgs)
			}
		},

		_serialize: function(obj) {
			return JSON.stringify(obj)
		},

		_deserialize: function(strVal, defaultVal) {
			if (!strVal) { return defaultVal }
			// It is possible that a raw string value has been previously stored
			// in a storage without using store.js, meaning it will be a raw
			// string value instead of a JSON serialized string. By defaulting
			// to the raw string value in case of a JSON parse error, we allow
			// for past stored values to be forwards-compatible with store.js
			var val = ''
			try { val = JSON.parse(strVal) }
			catch(e) { val = strVal }

			return (val !== undefined ? val : defaultVal)
		},
		
		_addStorage: function(storage) {
			if (this.enabled) { return }
			if (this._testStorage(storage)) {
				this.storage = storage
				this.enabled = true
			}
		},

		_addPlugin: function(plugin) {
			var self = this

			// If the plugin is an array, then add all plugins in the array.
			// This allows for a plugin to depend on other plugins.
			if (isList(plugin)) {
				each(plugin, function(plugin) {
					self._addPlugin(plugin)
				})
				return
			}

			// Keep track of all plugins we've seen so far, so that we
			// don't add any of them twice.
			var seenPlugin = pluck(this.plugins, function(seenPlugin) {
				return (plugin === seenPlugin)
			})
			if (seenPlugin) {
				return
			}
			this.plugins.push(plugin)

			// Check that the plugin is properly formed
			if (!isFunction(plugin)) {
				throw new Error('Plugins must be function values that return objects')
			}

			var pluginProperties = plugin.call(this)
			if (!isObject(pluginProperties)) {
				throw new Error('Plugins must return an object of function properties')
			}

			// Add the plugin function properties to this store instance.
			each(pluginProperties, function(pluginFnProp, propName) {
				if (!isFunction(pluginFnProp)) {
					throw new Error('Bad plugin property: '+propName+' from plugin '+plugin.name+'. Plugins should only return functions.')
				}
				self._assignPluginFnProp(pluginFnProp, propName)
			})
		},
		
		// Put deprecated properties in the private API, so as to not expose it to accidential
		// discovery through inspection of the store object.
		
		// Deprecated: addStorage
		addStorage: function(storage) {
			_warn('store.addStorage(storage) is deprecated. Use createStore([storages])')
			this._addStorage(storage)
		}
	}

	var store = create(_privateStoreProps, storeAPI, {
		plugins: []
	})
	store.raw = {}
	each(store, function(prop, propName) {
		if (isFunction(prop)) {
			store.raw[propName] = bind(store, prop)			
		}
	})
	each(storages, function(storage) {
		store._addStorage(storage)
	})
	each(plugins, function(plugin) {
		store._addPlugin(plugin)
	})
	return store
}


/***/ }),

/***/ "./node_modules/store/src/util.js":
/*!****************************************!*\
  !*** ./node_modules/store/src/util.js ***!
  \****************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var assign = make_assign()
var create = make_create()
var trim = make_trim()
var Global = (typeof window !== 'undefined' ? window : __webpack_require__.g)

module.exports = {
	assign: assign,
	create: create,
	trim: trim,
	bind: bind,
	slice: slice,
	each: each,
	map: map,
	pluck: pluck,
	isList: isList,
	isFunction: isFunction,
	isObject: isObject,
	Global: Global
}

function make_assign() {
	if (Object.assign) {
		return Object.assign
	} else {
		return function shimAssign(obj, props1, props2, etc) {
			for (var i = 1; i < arguments.length; i++) {
				each(Object(arguments[i]), function(val, key) {
					obj[key] = val
				})
			}			
			return obj
		}
	}
}

function make_create() {
	if (Object.create) {
		return function create(obj, assignProps1, assignProps2, etc) {
			var assignArgsList = slice(arguments, 1)
			return assign.apply(this, [Object.create(obj)].concat(assignArgsList))
		}
	} else {
		function F() {} // eslint-disable-line no-inner-declarations
		return function create(obj, assignProps1, assignProps2, etc) {
			var assignArgsList = slice(arguments, 1)
			F.prototype = obj
			return assign.apply(this, [new F()].concat(assignArgsList))
		}
	}
}

function make_trim() {
	if (String.prototype.trim) {
		return function trim(str) {
			return String.prototype.trim.call(str)
		}
	} else {
		return function trim(str) {
			return str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '')
		}
	}
}

function bind(obj, fn) {
	return function() {
		return fn.apply(obj, Array.prototype.slice.call(arguments, 0))
	}
}

function slice(arr, index) {
	return Array.prototype.slice.call(arr, index || 0)
}

function each(obj, fn) {
	pluck(obj, function(val, key) {
		fn(val, key)
		return false
	})
}

function map(obj, fn) {
	var res = (isList(obj) ? [] : {})
	pluck(obj, function(v, k) {
		res[k] = fn(v, k)
		return false
	})
	return res
}

function pluck(obj, fn) {
	if (isList(obj)) {
		for (var i=0; i<obj.length; i++) {
			if (fn(obj[i], i)) {
				return obj[i]
			}
		}
	} else {
		for (var key in obj) {
			if (obj.hasOwnProperty(key)) {
				if (fn(obj[key], key)) {
					return obj[key]
				}
			}
		}
	}
}

function isList(val) {
	return (val != null && typeof val != 'function' && typeof val.length == 'number')
}

function isFunction(val) {
	return val && {}.toString.call(val) === '[object Function]'
}

function isObject(val) {
	return val && {}.toString.call(val) === '[object Object]'
}


/***/ }),

/***/ "./node_modules/store/storages/all.js":
/*!********************************************!*\
  !*** ./node_modules/store/storages/all.js ***!
  \********************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

module.exports = [
	// Listed in order of usage preference
	__webpack_require__(/*! ./localStorage */ "./node_modules/store/storages/localStorage.js"),
	__webpack_require__(/*! ./oldFF-globalStorage */ "./node_modules/store/storages/oldFF-globalStorage.js"),
	__webpack_require__(/*! ./oldIE-userDataStorage */ "./node_modules/store/storages/oldIE-userDataStorage.js"),
	__webpack_require__(/*! ./cookieStorage */ "./node_modules/store/storages/cookieStorage.js"),
	__webpack_require__(/*! ./sessionStorage */ "./node_modules/store/storages/sessionStorage.js"),
	__webpack_require__(/*! ./memoryStorage */ "./node_modules/store/storages/memoryStorage.js")
]


/***/ }),

/***/ "./node_modules/store/storages/cookieStorage.js":
/*!******************************************************!*\
  !*** ./node_modules/store/storages/cookieStorage.js ***!
  \******************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

// cookieStorage is useful Safari private browser mode, where localStorage
// doesn't work but cookies do. This implementation is adopted from
// https://developer.mozilla.org/en-US/docs/Web/API/Storage/LocalStorage

var util = __webpack_require__(/*! ../src/util */ "./node_modules/store/src/util.js")
var Global = util.Global
var trim = util.trim

module.exports = {
	name: 'cookieStorage',
	read: read,
	write: write,
	each: each,
	remove: remove,
	clearAll: clearAll,
}

var doc = Global.document

function read(key) {
	if (!key || !_has(key)) { return null }
	var regexpStr = "(?:^|.*;\\s*)" +
		escape(key).replace(/[\-\.\+\*]/g, "\\$&") +
		"\\s*\\=\\s*((?:[^;](?!;))*[^;]?).*"
	return unescape(doc.cookie.replace(new RegExp(regexpStr), "$1"))
}

function each(callback) {
	var cookies = doc.cookie.split(/; ?/g)
	for (var i = cookies.length - 1; i >= 0; i--) {
		if (!trim(cookies[i])) {
			continue
		}
		var kvp = cookies[i].split('=')
		var key = unescape(kvp[0])
		var val = unescape(kvp[1])
		callback(val, key)
	}
}

function write(key, data) {
	if(!key) { return }
	doc.cookie = escape(key) + "=" + escape(data) + "; expires=Tue, 19 Jan 2038 03:14:07 GMT; path=/"
}

function remove(key) {
	if (!key || !_has(key)) {
		return
	}
	doc.cookie = escape(key) + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/"
}

function clearAll() {
	each(function(_, key) {
		remove(key)
	})
}

function _has(key) {
	return (new RegExp("(?:^|;\\s*)" + escape(key).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=")).test(doc.cookie)
}


/***/ }),

/***/ "./node_modules/store/storages/localStorage.js":
/*!*****************************************************!*\
  !*** ./node_modules/store/storages/localStorage.js ***!
  \*****************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var util = __webpack_require__(/*! ../src/util */ "./node_modules/store/src/util.js")
var Global = util.Global

module.exports = {
	name: 'localStorage',
	read: read,
	write: write,
	each: each,
	remove: remove,
	clearAll: clearAll,
}

function localStorage() {
	return Global.localStorage
}

function read(key) {
	return localStorage().getItem(key)
}

function write(key, data) {
	return localStorage().setItem(key, data)
}

function each(fn) {
	for (var i = localStorage().length - 1; i >= 0; i--) {
		var key = localStorage().key(i)
		fn(read(key), key)
	}
}

function remove(key) {
	return localStorage().removeItem(key)
}

function clearAll() {
	return localStorage().clear()
}


/***/ }),

/***/ "./node_modules/store/storages/memoryStorage.js":
/*!******************************************************!*\
  !*** ./node_modules/store/storages/memoryStorage.js ***!
  \******************************************************/
/***/ ((module) => {

// memoryStorage is a useful last fallback to ensure that the store
// is functions (meaning store.get(), store.set(), etc will all function).
// However, stored values will not persist when the browser navigates to
// a new page or reloads the current page.

module.exports = {
	name: 'memoryStorage',
	read: read,
	write: write,
	each: each,
	remove: remove,
	clearAll: clearAll,
}

var memoryStorage = {}

function read(key) {
	return memoryStorage[key]
}

function write(key, data) {
	memoryStorage[key] = data
}

function each(callback) {
	for (var key in memoryStorage) {
		if (memoryStorage.hasOwnProperty(key)) {
			callback(memoryStorage[key], key)
		}
	}
}

function remove(key) {
	delete memoryStorage[key]
}

function clearAll(key) {
	memoryStorage = {}
}


/***/ }),

/***/ "./node_modules/store/storages/oldFF-globalStorage.js":
/*!************************************************************!*\
  !*** ./node_modules/store/storages/oldFF-globalStorage.js ***!
  \************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

// oldFF-globalStorage provides storage for Firefox
// versions 6 and 7, where no localStorage, etc
// is available.

var util = __webpack_require__(/*! ../src/util */ "./node_modules/store/src/util.js")
var Global = util.Global

module.exports = {
	name: 'oldFF-globalStorage',
	read: read,
	write: write,
	each: each,
	remove: remove,
	clearAll: clearAll,
}

var globalStorage = Global.globalStorage

function read(key) {
	return globalStorage[key]
}

function write(key, data) {
	globalStorage[key] = data
}

function each(fn) {
	for (var i = globalStorage.length - 1; i >= 0; i--) {
		var key = globalStorage.key(i)
		fn(globalStorage[key], key)
	}
}

function remove(key) {
	return globalStorage.removeItem(key)
}

function clearAll() {
	each(function(key, _) {
		delete globalStorage[key]
	})
}


/***/ }),

/***/ "./node_modules/store/storages/oldIE-userDataStorage.js":
/*!**************************************************************!*\
  !*** ./node_modules/store/storages/oldIE-userDataStorage.js ***!
  \**************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

// oldIE-userDataStorage provides storage for Internet Explorer
// versions 6 and 7, where no localStorage, sessionStorage, etc
// is available.

var util = __webpack_require__(/*! ../src/util */ "./node_modules/store/src/util.js")
var Global = util.Global

module.exports = {
	name: 'oldIE-userDataStorage',
	write: write,
	read: read,
	each: each,
	remove: remove,
	clearAll: clearAll,
}

var storageName = 'storejs'
var doc = Global.document
var _withStorageEl = _makeIEStorageElFunction()
var disable = (Global.navigator ? Global.navigator.userAgent : '').match(/ (MSIE 8|MSIE 9|MSIE 10)\./) // MSIE 9.x, MSIE 10.x

function write(unfixedKey, data) {
	if (disable) { return }
	var fixedKey = fixKey(unfixedKey)
	_withStorageEl(function(storageEl) {
		storageEl.setAttribute(fixedKey, data)
		storageEl.save(storageName)
	})
}

function read(unfixedKey) {
	if (disable) { return }
	var fixedKey = fixKey(unfixedKey)
	var res = null
	_withStorageEl(function(storageEl) {
		res = storageEl.getAttribute(fixedKey)
	})
	return res
}

function each(callback) {
	_withStorageEl(function(storageEl) {
		var attributes = storageEl.XMLDocument.documentElement.attributes
		for (var i=attributes.length-1; i>=0; i--) {
			var attr = attributes[i]
			callback(storageEl.getAttribute(attr.name), attr.name)
		}
	})
}

function remove(unfixedKey) {
	var fixedKey = fixKey(unfixedKey)
	_withStorageEl(function(storageEl) {
		storageEl.removeAttribute(fixedKey)
		storageEl.save(storageName)
	})
}

function clearAll() {
	_withStorageEl(function(storageEl) {
		var attributes = storageEl.XMLDocument.documentElement.attributes
		storageEl.load(storageName)
		for (var i=attributes.length-1; i>=0; i--) {
			storageEl.removeAttribute(attributes[i].name)
		}
		storageEl.save(storageName)
	})
}

// Helpers
//////////

// In IE7, keys cannot start with a digit or contain certain chars.
// See https://github.com/marcuswestin/store.js/issues/40
// See https://github.com/marcuswestin/store.js/issues/83
var forbiddenCharsRegex = new RegExp("[!\"#$%&'()*+,/\\\\:;<=>?@[\\]^`{|}~]", "g")
function fixKey(key) {
	return key.replace(/^\d/, '___$&').replace(forbiddenCharsRegex, '___')
}

function _makeIEStorageElFunction() {
	if (!doc || !doc.documentElement || !doc.documentElement.addBehavior) {
		return null
	}
	var scriptTag = 'script',
		storageOwner,
		storageContainer,
		storageEl

	// Since #userData storage applies only to specific paths, we need to
	// somehow link our data to a specific path.  We choose /favicon.ico
	// as a pretty safe option, since all browsers already make a request to
	// this URL anyway and being a 404 will not hurt us here.  We wrap an
	// iframe pointing to the favicon in an ActiveXObject(htmlfile) object
	// (see: http://msdn.microsoft.com/en-us/library/aa752574(v=VS.85).aspx)
	// since the iframe access rules appear to allow direct access and
	// manipulation of the document element, even for a 404 page.  This
	// document can be used instead of the current document (which would
	// have been limited to the current path) to perform #userData storage.
	try {
		/* global ActiveXObject */
		storageContainer = new ActiveXObject('htmlfile')
		storageContainer.open()
		storageContainer.write('<'+scriptTag+'>document.w=window</'+scriptTag+'><iframe src="/favicon.ico"></iframe>')
		storageContainer.close()
		storageOwner = storageContainer.w.frames[0].document
		storageEl = storageOwner.createElement('div')
	} catch(e) {
		// somehow ActiveXObject instantiation failed (perhaps some special
		// security settings or otherwse), fall back to per-path storage
		storageEl = doc.createElement('div')
		storageOwner = doc.body
	}

	return function(storeFunction) {
		var args = [].slice.call(arguments, 0)
		args.unshift(storageEl)
		// See http://msdn.microsoft.com/en-us/library/ms531081(v=VS.85).aspx
		// and http://msdn.microsoft.com/en-us/library/ms531424(v=VS.85).aspx
		storageOwner.appendChild(storageEl)
		storageEl.addBehavior('#default#userData')
		storageEl.load(storageName)
		storeFunction.apply(this, args)
		storageOwner.removeChild(storageEl)
		return
	}
}


/***/ }),

/***/ "./node_modules/store/storages/sessionStorage.js":
/*!*******************************************************!*\
  !*** ./node_modules/store/storages/sessionStorage.js ***!
  \*******************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var util = __webpack_require__(/*! ../src/util */ "./node_modules/store/src/util.js")
var Global = util.Global

module.exports = {
	name: 'sessionStorage',
	read: read,
	write: write,
	each: each,
	remove: remove,
	clearAll: clearAll
}

function sessionStorage() {
	return Global.sessionStorage
}

function read(key) {
	return sessionStorage().getItem(key)
}

function write(key, data) {
	return sessionStorage().setItem(key, data)
}

function each(fn) {
	for (var i = sessionStorage().length - 1; i >= 0; i--) {
		var key = sessionStorage().key(i)
		fn(read(key), key)
	}
}

function remove(key) {
	return sessionStorage().removeItem(key)
}

function clearAll() {
	return sessionStorage().clear()
}


/***/ })

/******/ 	});
/************************************************************************/
/******/ 	// The module cache
/******/ 	var __webpack_module_cache__ = {};
/******/ 	
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/ 		// Check if module is in cache
/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
/******/ 		if (cachedModule !== undefined) {
/******/ 			return cachedModule.exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = __webpack_module_cache__[moduleId] = {
/******/ 			// no module.id needed
/******/ 			// no module.loaded needed
/******/ 			exports: {}
/******/ 		};
/******/ 	
/******/ 		// Execute the module function
/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/ 	
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/ 	
/************************************************************************/
/******/ 	/* webpack/runtime/compat get default export */
/******/ 	(() => {
/******/ 		// getDefaultExport function for compatibility with non-harmony modules
/******/ 		__webpack_require__.n = (module) => {
/******/ 			var getter = module && module.__esModule ?
/******/ 				() => (module['default']) :
/******/ 				() => (module);
/******/ 			__webpack_require__.d(getter, { a: getter });
/******/ 			return getter;
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/define property getters */
/******/ 	(() => {
/******/ 		// define getter functions for harmony exports
/******/ 		__webpack_require__.d = (exports, definition) => {
/******/ 			for(var key in definition) {
/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 				}
/******/ 			}
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/global */
/******/ 	(() => {
/******/ 		__webpack_require__.g = (function() {
/******/ 			if (typeof globalThis === 'object') return globalThis;
/******/ 			try {
/******/ 				return this || new Function('return this')();
/******/ 			} catch (e) {
/******/ 				if (typeof window === 'object') return window;
/******/ 			}
/******/ 		})();
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
/******/ 	(() => {
/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/make namespace object */
/******/ 	(() => {
/******/ 		// define __esModule on exports
/******/ 		__webpack_require__.r = (exports) => {
/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 			}
/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
/******/ 		};
/******/ 	})();
/******/ 	
/************************************************************************/
var __webpack_exports__ = {};
// This entry need to be wrapped in an IIFE because it need to be in strict mode.
(() => {
"use strict";
/*!*********************!*\
  !*** ./src/main.js ***!
  \*********************/
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./helpers/xconsole */ "./src/helpers/xconsole.js");
/* harmony import */ var _card_highlighter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./card-highlighter */ "./src/card-highlighter.js");
/* harmony import */ var _notification_dedup__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./notification-dedup */ "./src/notification-dedup.js");
/* harmony import */ var _pinned_items__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./pinned-items */ "./src/pinned-items.js");
/* harmony import */ var _helpers_pageEvents__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./helpers/pageEvents */ "./src/helpers/pageEvents.js");







_helpers_xconsole__WEBPACK_IMPORTED_MODULE_0__.xconsole.log("Loaded Make Jig Better Script");
_helpers_pageEvents__WEBPACK_IMPORTED_MODULE_4__.pageEvents.init();
window.onload = function () {
  //  Init the card highlighter
  _card_highlighter__WEBPACK_IMPORTED_MODULE_1__.cardHighlighter.init();

  //  Init the dedup logic & view link
  _notification_dedup__WEBPACK_IMPORTED_MODULE_2__.notificationDedup.init();

  //  Init the pin system
  _pinned_items__WEBPACK_IMPORTED_MODULE_3__.pinnedItems.init();

  //  Replay and start listening to page events
  _helpers_pageEvents__WEBPACK_IMPORTED_MODULE_4__.pageEvents.start();
};
})();

/******/ })()
;