atriusmaps-node-sdk/dist/cjs/src/debugTools.js

This project provides an API to Atrius Personal Wayfinder maps within a Node environment. See the README.md for more information

'use strict';

var R = require('ramda');
var dom = require('./utils/dom.js');
var funcs = require('./utils/funcs.js');
var navGraphDebug = require('../plugins/wayfinder/src/navGraphDebug.js');

function _interopNamespaceDefault(e) {
  var n = Object.create(null);
  if (e) {
    Object.keys(e).forEach(function (k) {
      if (k !== 'default') {
        var d = Object.getOwnPropertyDescriptor(e, k);
        Object.defineProperty(n, k, d.get ? d : {
          enumerable: true,
          get: function () { return e[k]; }
        });
      }
    });
  }
  n.default = e;
  return Object.freeze(n);
}

var R__namespace = /*#__PURE__*/_interopNamespaceDefault(R);

if (typeof window !== "undefined") {
  window.R = R__namespace;
}
const showIcons = () => {
  dom.$("#mapRenderDiv").innerHTML = "<style> div { display: inline-block; text-align: center; border: 1px solid lightblue; }</style>" + dom.$$("svg symbol").map((e) => `<div><svg><use xlink:href="#${e.id}"/></svg><br/>${e.id}</div>`).join("");
};
function poisByCategory() {
  return this.bus.send("poi/getAll").then((r) => r[0]).then((p) => Object.values(p)).then(R__namespace.groupBy((o) => o.category));
}
const highlightNodes = () => dom.ad(
  {
    tag: "style",
    html: "* { background-color: rgba(255,0,0,.2); } * * { background-color: rgba(0,255,0,.2); } * * * { background-color: rgba(0,0,255,.2); } * * * * { background-color: rgba(255,0,255,.2); } * * * * * { background-color: rgba(0,255,255,.2); } * * * * * * { background-color: rgba(255,255,0,.2); } * * * * * * * { background-color: rgba(255,0,0,.2); } * * * * * * * * { background-color: rgba(0,255,0,.2); } * * * * * * * * * { background-color: rgba(0,0,255,.2); }"
  },
  dom.$("head")
);
function getPoiById(id) {
  return this.bus.send("poi/getById", { id }).then((r) => r[0]);
}
async function showOrphaned() {
  const navGraph = await this.bus.get("wayfinder/_getNavGraph");
  const oob = navGraphDebug.orphanTest(navGraph._nodes);
  this.bus.send("map/showOrphanedGraphNodes", { orphanedNodes: oob.orphaned });
}
async function showgraph() {
  const navGraph = await this.bus.get("wayfinder/getNavGraphFeatures");
  this.bus.send("map/showNavGraphFeatures", { navGraph });
  monitorDebugFeaturesReset("map/resetNavGraphFeatures", this.bus);
}
async function bounds() {
  const venueCenter = await this.bus.get("venueData/getVenueCenter");
  const { venueRadius, bounds: bounds2 } = await this.bus.get("venueData/getVenueData");
  this.bus.send("map/showVenueBounds", { venueCenter, venueRadius, bounds: bounds2 });
  monitorDebugFeaturesReset("map/resetVenueBounds", this.bus);
}
async function buildingBounds(nameFilter) {
  this.bus.send("map/showBuildingBounds", { nameFilter });
  monitorDebugFeaturesReset("map/resetVenueBounds", this.bus);
  showCenter.apply(this);
}
async function floorBounds(nameFilter) {
  const bus = this.bus;
  bus.send("map/showFloorBounds", { nameFilter });
  monitorDebugFeaturesReset("map/resetVenueBounds", bus);
  const unsubFloorChanges = bus.monitor("map/floorChanged", () => bus.send("map/showFloorBounds", { nameFilter }));
  onNextSearchClear(unsubFloorChanges, bus);
  showCenter.apply(this);
}
async function padding() {
  this.bus.send("map/togglePadding");
  monitorDebugFeaturesReset("map/togglePadding", this.bus);
}
const monitorDebugFeaturesReset = (resetEventName, bus) => onNextSearchClear(() => bus.send(resetEventName), bus);
const onNextSearchClear = (fn, bus) => {
  const unsubscribe = bus.monitor("homeview/performSearch", ({ term }) => {
    if (!term) {
      fn();
      unsubscribe();
    }
  });
};
async function showCenter() {
  const padding2 = await this.bus.get("map/getPadding");
  const leftAdj = (padding2.left - padding2.right) / 2;
  const topAdj = (padding2.top - padding2.bottom) / 2;
  const crosshair = dom.ad(
    {
      html: `<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><path stroke="#fF000080" stroke-width="2" d="M0 50h45M55 50h45M50 0v45M50 55v45"/></svg>`,
      styles: {
        position: "absolute",
        "inset-inline-start": "50%",
        top: "50%",
        "margin-inline-start": -50 + leftAdj + "px",
        "margin-top": -50 + topAdj + "px"
      }
    },
    dom.$(".maplibregl-map")
  );
  onNextSearchClear(() => dom.del(crosshair), this.bus);
}
function dndGo() {
  const bus = this.bus;
  const toggleActive = (e, indicateDragVisual) => {
    e.preventDefault();
    if (indicateDragVisual) {
      e.target.classList.add("dragover");
    } else {
      e.target.classList.remove("dragover");
    }
  };
  const handlers = {
    drop: async function(e) {
      toggleActive(e, false);
      for (const file of e.dataTransfer.files) {
        const filename = file.name;
        if (file.type === "application/json" || file.type.startsWith("text/")) {
          const reader = new FileReader();
          reader.onload = funcs.singleFile(
            async (e2) => bus.send(`debugTools/fileDrop`, {
              file,
              filename,
              content: e2.target.result
            })
          );
          reader.readAsText(file);
        }
      }
    },
    // Drag-over event
    dragover: function(e) {
      toggleActive(e, true);
    },
    // Drag-leave event
    dragleave: function(e) {
      toggleActive(e, false);
    }
  };
  Object.keys(handlers).forEach(function(event) {
    document.body.addEventListener(event, handlers[event]);
  });
  console.log("DnD Listeners installed");
}
var debugTools = {
  bounds,
  buildingBounds,
  dndGo,
  floorBounds,
  getPoiById,
  highlightNodes,
  orphanTest: navGraphDebug.orphanTest,
  padding,
  poisByCategory,
  showCenter,
  showgraph,
  showIcons,
  showOrphaned
};

module.exports = debugTools;