@mauroandre/velojs 0.0.42 → 0.0.43

package/dist/graph-viewer.js

@@ -60,7 +60,8 @@ var ctx = canvas.getContext("2d");
 var W = 0, H = 0;
 
 function resize() {
-  W = window.innerWidth; H = window.innerHeight;
+  var tb = document.getElementById("topbar");
+  W = window.innerWidth; H = window.innerHeight - tb.offsetHeight;
   canvas.width = W * devicePixelRatio; canvas.height = H * devicePixelRatio;
   canvas.style.width = W + "px"; canvas.style.height = H + "px";
   ctx.setTransform(devicePixelRatio, 0, 0, devicePixelRatio, 0, 0);
@@ -240,26 +241,26 @@ function nodeAt(sx, sy) {
   return null;
 }
 canvas.addEventListener("mousedown", function (e) {
-  var n = nodeAt(e.clientX, e.clientY);
+  var n = nodeAt(e.offsetX, e.offsetY);
   if (n && view === "modules") { dragNode = n; alpha = Math.max(alpha, 0.3); }
   else panning = true;
-  lastX = e.clientX; lastY = e.clientY; moved = false;
+  lastX = e.offsetX; lastY = e.offsetY; moved = false;
 });
 canvas.addEventListener("mousemove", function (e) {
-  var dx = e.clientX - lastX, dy = e.clientY - lastY;
+  var dx = e.offsetX - lastX, dy = e.offsetY - lastY;
   if (Math.abs(dx) + Math.abs(dy) > 3) moved = true;
-  if (dragNode) { var w = toWorld(e.clientX, e.clientY); dragNode.x = w[0]; dragNode.y = w[1]; dragNode.vx = dragNode.vy = 0; }
+  if (dragNode) { var w = toWorld(e.offsetX, e.offsetY); dragNode.x = w[0]; dragNode.y = w[1]; dragNode.vx = dragNode.vy = 0; }
   else if (panning) { cam.x += dx; cam.y += dy; }
   else {
-    var n = nodeAt(e.clientX, e.clientY);
+    var n = nodeAt(e.offsetX, e.offsetY);
     hoverHL = n ? { list: relatedNodes(n), origin: n } : null;
     canvas.style.cursor = n ? "pointer" : "grab";
   }
-  lastX = e.clientX; lastY = e.clientY;
+  lastX = e.offsetX; lastY = e.offsetY;
 });
 canvas.addEventListener("mouseup", function (e) {
   if (!moved) {
-    var n = nodeAt(e.clientX, e.clientY);
+    var n = nodeAt(e.offsetX, e.offsetY);
     if (n) {
       pinnedHL = { list: relatedNodes(n), origin: n };
       var id = view === "modules" ? n.id : n.data.moduleId;
@@ -274,9 +275,9 @@ canvas.addEventListener("mouseup", function (e) {
 canvas.addEventListener("wheel", function (e) {
   e.preventDefault();
   var k = Math.exp(-e.deltaY * 0.0012);
-  var w = toWorld(e.clientX, e.clientY);
+  var w = toWorld(e.offsetX, e.offsetY);
   cam.k *= k;
-  cam.x = e.clientX - w[0] * cam.k; cam.y = e.clientY - w[1] * cam.k;
+  cam.x = e.offsetX - w[0] * cam.k; cam.y = e.offsetY - w[1] * cam.k;
 }, { passive: false });
 
 // ---------- rendering ----------
@@ -389,8 +390,8 @@ fetch("/graph.json").then(function (r) { return r.json(); }).then(function (g) {
 <\/script>
 </body>
 </html>`;
-async function f(o) {
-  const i = l.join(o, ".velojs", "graph.json"), a = r.createServer((n, e) => {
+async function m(a) {
+  const i = l.join(a, ".velojs", "graph.json"), o = r.createServer((n, e) => {
     if (n.url === "/graph.json") {
       let t;
       try {
@@ -405,12 +406,12 @@ async function f(o) {
     e.writeHead(200, { "Content-Type": "text/html; charset=utf-8" }), e.end(s);
   });
   return await new Promise((n) => {
-    a.listen(0, "127.0.0.1", () => {
-      const e = a.address(), t = typeof e == "object" && e ? e.port : 0;
+    o.listen(0, "127.0.0.1", () => {
+      const e = o.address(), t = typeof e == "object" && e ? e.port : 0;
       n(`http://127.0.0.1:${t}`);
     });
   });
 }
 export {
-  f as serveGraphViewer
+  m as serveGraphViewer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mauroandre/velojs",
-    "version": "0.0.42",
+    "version": "0.0.43",
     "type": "module",
     "description": "Fullstack web framework built on Hono + Preact with Vite-powered AST transforms",
     "keywords": [