locize/dist/cjs/ui/mouseDistance.js

This package adds the incontext editor to your i18next setup.

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var store = require('../store.js');
var uninstrumentedStore = require('../uninstrumentedStore.js');
var utils$1 = require('./utils.js');
var utils = require('../utils.js');
var highlightNode = require('./highlightNode.js');

function isOccluded(node) {
  var rect = node.getBoundingClientRect();
  if (!rect.width || !rect.height) return true;
  var x = rect.left + rect.width / 2;
  var y = rect.top + rect.height / 2;
  var topEl = document.elementFromPoint(x, y);
  if (!topEl) return true;
  if (topEl.dataset && topEl.dataset.i18nextEditorElement === 'true') return false;
  return !node.contains(topEl) && !topEl.contains(node);
}
var debouncedUpdateDistance = utils.debounce(function (e, observer) {
  Object.values(store.store.data).forEach(function (item) {
    if (!utils$1.isInViewport(item.node)) return;
    if (isOccluded(item.node)) {
      highlightNode.resetHighlight(item, item.node, item.keys);
      return;
    }
    var distance = utils$1.mouseDistanceFromElement(e, item.node);
    if (distance < 5) {
      highlightNode.highlight(item, item.node, item.keys);
    } else if (distance > 5) {
      var boxDistance = item.ribbonBox ? utils$1.mouseDistanceFromElement(e, item.ribbonBox) : 1000;
      if (boxDistance > 10) highlightNode.resetHighlight(item, item.node, item.keys);
    }
  });
  Object.values(uninstrumentedStore.uninstrumentedStore.data).forEach(function (item) {
    if (!utils$1.isInViewport(item.node)) return;
    if (isOccluded(item.node)) {
      highlightNode.resetHighlight(item, item.node, item.keys);
      return;
    }
    var distance = utils$1.mouseDistanceFromElement(e, item.node);
    if (distance < 10) {
      highlightNode.highlightUninstrumented(item, item.node, item.keys);
    } else if (distance > 10) {
      highlightNode.resetHighlight(item, item.node, item.keys);
    }
  });
}, 50);
var currentFC;
function startMouseTracking(observer) {
  currentFC = function handle(e) {
    debouncedUpdateDistance(e, observer);
  };
  document.addEventListener('mousemove', currentFC);
}
function stopMouseTracking() {
  document.removeEventListener('mousemove', currentFC);
}

exports.startMouseTracking = startMouseTracking;
exports.stopMouseTracking = stopMouseTracking;